﻿.modal-body,.nav,.pad0,body {
 padding:0
}
.padtb10{padding-top:10px;padding-bottom:10px;}
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p {
  margin: 0;
  padding: 0;
  border: none;
  list-style-type: none;
}
a { text-decoration:none; }
a:link { }
a:visited { }
a:hover{ text-decoration:none; }
.nav li,.nav li a {
 display:inline-block
}
.btn-trial,.nav li a {
 font-size:18px;
 text-transform:uppercase
}
.article{padding:30px 0px}
.article .title{width:100%; float:left;}
.article .title h3{float:left; color:#CF000E;}
.article .title a{float:right;margin-top: 20px; font-size:18px; color:#666464;margin-bottom: 10px;}
.article .title a:hover{text-shadow: 0 0 20px #666464;text-decoration:none;}
.article .summary{font-size:16px; color:#191919}
.article .thumb{width:100%; float:left;}
.article .thumb img{width:100%}
.article .product img{width:100%; transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;}
.article .product a:hover img{-moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);}
.article .mendianchaxun img {
    width: 100%;
}
.article .mendianchaxun a {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #191919;
    line-height: 58px;
    font-weight: bold;
}
.content-div,.playbtn {
 right:0;
 position:absolute
}
.nav,.pricing-range,.rating-input {
 text-align:center
}
.btn-trial,.feature-title,.free_trial,.increase-text,.monthly,.nav li a,.pro-container p,.section-heading,.trial .btn-trial,.yearly {
 text-transform:uppercase
}
.features-list:hover,.rating-input,.slider,.ui-pnotify.click-2-close { cursor:pointer}
@font-face {
 font-family:Raleway-Regular;
 src:url(../fonts/Raleway-Regular.otf)
}
@font-face {
 font-family:Raleway-Bold;
 src:url(../fonts/Raleway-Bold.otf)
}
@font-face {
 font-family:Raleway-Light;
 src:url(../fonts/Raleway-Light.ttf)
}
@font-face {
 font-family:Raleway-Medium;
 src:url(../fonts/Raleway-Medium.ttf)
}
@font-face {
 font-family:Raleway-SemiBold;
 src:url(../fonts/Raleway-SemiBold.ttf)
}
@font-face {
 font-family:Roboto-Regular;
 src:url(../fonts/Roboto-Regular.ttf)
}
@font-face {
 font-family:Roboto-Medium;
 src:url(../fonts/Roboto-Medium.ttf)
}
@font-face {
 font-family:Raleway-ExtraBold;
 src:url(../fonts/Raleway-ExtraBold.ttf)
}
body {
 margin:0;
 font-family:"微软雅黑";
 overflow-x:hidden;
}
a:focus {
 text-decoration:none
}
.btn:active:focus,.btn:focus,a:focus,button:focus,input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {outline:0}
.space5 { margin-top:5px}
.space10 { margin-top:10px}
.space15 {margin-top:15px}
.space20 {margin-top:20px}
.space25 { margin-top:25px}
.space30 { margin-top:30px}
.space40 {margin-top:40px}
.space50 {margin-top:50px}
.space60 { margin-top:60px}
.space70 { margin-top:70px}
.space80 {margin-top:80px}
.space100 { margin-top:100px}
.bordernone{border: none}
::-webkit-input-placeholder {
 color:#919cb1!important
}
::-moz-placeholder {
 color:#919cb1!important
}
:-ms-input-placeholder {
 color:#919cb1!important
}
:-moz-placeholder {
 color:#919cb1!important
}

.whiteclr {color:#fff!important}
.blackclr {color:#000!important}
.affix { width:100%; top:0; z-index:999}
.navbar,.terms-ul {margin-bottom:0}
.navbar-default {position:absolute; width:100%; z-index:9999;  padding:20px 0;border:0;border-radius:0}
.affix.navbar-default {box-shadow:0 2px 4px #797979}
.nav {border:0;border-width:1px 0;list-style:none;margin:0}
.nav li a {padding:25px 15px 5px 15px;color:#fff;}
.nav li a.cur{border-bottom:2px solid #fff;}
.nav > li > a:focus, .nav > li > a:hover {text-decoration:none; border-bottom:2px solid #fff;}
.navbar-default .navbar-brand>img,.navbar-inverse .navbar-brand>img {width:200px;position:relative}
button { -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.btn-trial,.btn-trial2 { float:right; transition:.4s}
.lsp-bo1{float:right;transition:.4s;padding-top:25px;text-align:right;font-size:18px;color:#fff}
.lsp-bo1 i{ font-style:normal;color:#fff}
.btn-trial {color:#fff;margin:18px 0; position:relative; background:url("../images/tel.png") no-repeat left; background-position:10px; padding-left:30px;}
.btn-trial:hover {color:#fff; background-color:#b10019}
.btn-trial.red {background-color:#cc4429}
.btn-trial.red:hover {background-color:#b53d26}	
.trial .btn-trial {font-size:24px; padding:13px 40px; float:right; color:#fff; border-radius:50px; background-color:#14cc70;  position:absolute; right:70px}
.trial .btn-trial:hover {color:#fff; background-color:#1bb568}
.trial .btn-trial.red {background-color:#cc4429}
.trial .btn-trial.red:hover { background-color:#b53d26}
.trial { padding:90px 0 60px}
.how_it_works,.solution { border-top:1px solid #dadee6}
.solution {padding:122px 0 0 0;}
.solution .section-heading:after {width:120px;top:30px}
.add-review {font-size:30px;color:#14cc70;font-family:Raleway-SemiBold;line-height:30px; padding-top:120px}
.solution .add-review{ margin-left:80px}
.description {font-family:Raleway-Medium; color:#fff; font-size:26px; margin:15px 0 0 30px; line-height:30px}
.img-tab {margin-left:50px; width:100%}
#section1 {
    min-height: 700px;
}
.product .banner{width:100%;}
.product .banner img{width:100%}
.product .brand-title{width:100%; position:absolute; top:330px; left:200px;}
.product .brand-title span label{font-weight: 100; font-size: 18px; float: left; padding: 0px 15px}
.product .brand-title span{font-size:28px; padding:0px 15px; border:2px solid #fff; border-radius:5px;color:#fff;}
.product .sf-title span{font-size:28px; padding:0px 15px; border:2px solid #d71718; border-radius:5px;color:#d71718;background:#fff; opacity:0.8;filter(alpha=80);}
.product .our-down{width:100%; text-align:center; position:absolute;top:660px;}

.product-catalog ul{float:right;}
.product-catalog ul li{float:left; padding:30px 18px;}
.product-catalog ul li a{ font-size:14px; color:#000; font-weight:bold; padding:3px 0; }
.product-catalog ul li a:hover{border-bottom:2px solid #d71718}
.product-catalog ul li a.cur{border-bottom:2px solid #d71718}

.product-list img{width:100%}
.product-list .container{width:100%}
.product-list .container a{opacity:1;filter(alpha=100);}
.product-list .container a:hover{width:100%; float:left; background:#000; opacity: 0.9;  }
.product-list .container .product-info{padding:40px 0px 50px; width:100%; text-align:center; background:#fff}
.product-list .container .product-info .product-info-name{font-size:24px; font-family:"微软雅黑"; color:#d71718; font-weight:bold;}
.product-list .container .product-info .product-info-summary,.product-list .container .product-info .product-info-weight{color:#61605f; font-size:16px;font-family:"微软雅黑";}
.navbar-header {
    vertical-align: middle;
    line-height: 67px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 15px;
    vertical-align: middle;
    display: inline-block;
    float: none;
    height: auto;
    padding: 0;
    line-height: inherit;
    margin-top: -10px;
}
.brand{padding:50px 0px;}
.brand .pic img{width:100%}
.brand .row{ background:#fff;}
.brand h2{color:#CF000D; padding:2px 0;}
.brand h4{color:#191919; padding:2px 0 10px; }
.brand p{font-size:16px; line-height:24px;padding:2px 0; color:#191919}
.brand p img{width:100%}
.brand ul {padding-left:15px;}
.brand ul li{list-style-type:disc; padding:8px 0 ;}
.brand ul li a{font-size:16px; color:#191919}
.brand ul li a.cur{color:#CF000D}
.brand ul li a:hover{color:#CF000D}
.brand-content{padding-top:15px; padding-bottom:15px;}
.padtb{padding-top:15px; padding-bottom:15px;}
.brand-content img{width:100%}
.brand-wchat{text-align:right}
.brand-xjd i{font-style:normal;color:#CF000D}
.brand .bar-title {font-size:16px; color:#CF000D; padding:10px 0;}
.brand .bar-content img{width:100%; font-size:14px; line-height:24px;}

.mendian-list{width:100%}
.mendian-list ul li{list-style-type:none; } 
.mendian-list .mendian-list-title{width:100%;float:left; padding:0}
.mendian-list .mendian-list-title li{width:14%;float:left; text-align:left; font-size:14px; color:#000} 
.mendian-list .mendian-list-title li.fontstyle{font-size:16px; color:#CF000D} 
.mendian-list .mendian-list-title li.dizhi{width:30%}

.news{padding:50px 0px}
.news h2{color:#CF000D}
.news p{font-size:16px; padding:20px 0 40px;}
.news img{max-width:100%; height:100%; margin:0 auto;}
.news .news-info{padding:15px;}
.news .news-info .news-title{font-size:18px; color:#000;}
.news .news-info .news-tab{font-size:14px; color:#CF000D;}
.news .news-info .news-summary{padding-top:20px;font-size:14px; color:#000;}
.news h3{color:#CF000D; padding-bottom:10px;}
.news .news-show-info{color:#363533; font-size:16px; }
.news .news-show-info .fl{float:left;padding:10px 0}
.news .news-show-info .fr{float:right;padding:10px 0}
.join{padding:50px 0}
.join h3{width:100%; text-align:center; line-height: 34px; font-size:30px; color:#CF000D; padding-bottom:20px;letter-spacing:2px}
.join h5{    width: 100%;
    text-align: center;
    line-height: 34px;
    font-size: 21px;
    color: #CF000D;
    padding-bottom: 80px;
    letter-spacing: 2px;
    margin-left: -28px;
}
.join .join-wchat{text-align:right;}
.join .address{background:url("../images/add.png") no-repeat; padding:0 0 15px 30px; font-size:16px}
.join .download{background:url("../images/download.png") no-repeat; padding:0 0 10px 30px; font-size:16px;}
.join .download a{color:#333}
.join .tel{background:url("../images/tel-red.png") no-repeat; padding:0 0 10px 30px; font-size:16px;background-position:0px 3px}
.join .email{background:url("../images/email.png") no-repeat; padding:0 0 10px 30px; font-size:16px; background-position:0px 6px}

.join .join-list {padding:50px 0}
.join .join-list img{width:100%}
.join .join-list .join-title{width:100%;text-align:left; font-size:28px; color:#221814; padding:8% 10% 4%}
.join .join-list .join-summary{width:100%;text-align:left; font-size:14px; color:#221814; padding:0 10%}

.show-content{width:100%;padding-top:20px}
.show-content p{padding:0;}

.ch-info {position: absolute;top:0;background: rgba(0,0,0, 0.3);width: inherit;height: inherit;opacity: 0;width:100%;height:100%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-backface-visibility: hidden;}
.ch-info h3 {color: #fff;text-transform: uppercase;letter-spacing: 2px;font-size: 22px;padding: 15% 0 0 0;font-family: "微软雅黑";text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);}
.ch-info p {color: #fff; text-align:center;padding: 10px 5px;margin: 0 15%;	font-size: 14px;	opacity: 0;-webkit-transition: all 1s ease-in-out 0.4s;-moz-transition: all 1s ease-in-out 0.4s;-o-transition: all 1s ease-in-out 0.4s;-ms-transition: all 1s ease-in-out 0.4s;transition: all 1s ease-in-out 0.4s;}
.ch-item:hover {box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1),0 1px 2px rgba(0,0,0,0.1);}
.ch-item:hover .ch-info {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.ch-item:hover .ch-info p {opacity: 1;}

.pinlai-list h2{float:left;}
.pinlai-list .select-city{float:left;}
hr{border-top:1px solid #000}
.mendian-list{padding:15px 0}
.mendian-list .mendian-name{font-size:16px; color:#CF000D; padding:20px 0}
.mendian-list p{font-size:16px; padding:5px 0;}

/* 发展历程 */
.history-list{}
.history-list .history-title{width:100%; font-size:16px; color:#CF000D;}
.history-list .history-title a{color:#CF000D}
.history-list .history-title a:hover{color:#f90616}
.history-list .history-summary{width:100%; font-size:14px; padding:5px 0; color:#1a1a1a}
.history-list .history-thumb img{width:100%}

div.pages{ padding-top:15px;box-sizing: border-box;clear:both;float:left; margin-bottom:20px;text-align:center;width:100%;}
div.pages div{text-align:center;width:100%;height:auto;}
.pages >div>.current{
	text-decoration: none;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    background-color: #CF000D;
    background-repeat: repeat-x;
  
    color: #FFFFFF;
    cursor: default;
    z-index: 2;
	display: inline-block;
    margin: 0 3px;}
.pages >div>a{ 
	font-family:'microsoft yahei';
    color: #222222;
	background-color: #FFFFFF;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
	display: inline-block;
    margin: 0 3px;
	}
.pages >div>a:hover{background-color: #eeeeee;}
.pages >div>a:focus{background-color: #eeeeee;}

.arr-blink,.arr-btm,.arr-top {
	position:absolute
}
.arr-blink {	font-size:45px;	bottom:48px;	left:50%;	-moz-transform:translateX(-50%);	-	-o-transform:translateX(-50%);	/*! transform:translateX(-50%); */	/*! -webkit-transform:translateX(-50%); */cursor:pointer;	z-index:100}
.arr-top {
	left:-20px;
	width:40px;height:40px;background:url(../images/img3.png) no-repeat center;
	-webkit-animation:blink 2s infinite;
	-moz-animation:blink 2s infinite;
	-o-animation:blink 2s infinite;
	/*! animation:blink 2s infinite */
}
.arr-btm {
	left:-20px;
	width:40px;height:40px;background:url(../images/img3.png) no-repeat center;
	top:20px;
	color:#454545;
	-webkit-animation:blink 2s .2s infinite;
	-moz-animation:blink 2s .2s infinite;
	-o-animation:blink 2s .2s infinite;
	/*! animation:blink 2s .2s infinite */
}
@-webkit-keyframes blink {
	0%,100% {
	opacity:0
}
50% {
	opacity:1
}
}@keyframes blink {
	0%,100% {
	opacity:0
}
50% {
	opacity:1
}
}

footer{background:#e33910; padding:60px 0; text-align:center;}
footer .hot-tel{font-size:18px; color:#fff; padding:15px 0;}
footer .copyright{color:#fff}
footer .copyright a{text-decoration:none; color:#fff;}
@media(min-width:1920px){
	.navcontainer{width:1780px}
	.product .our-down{top:880px;}
	.product .sf-title span{font-size:42px; padding:0 30px}
	.product .sf-title{top:445px; left:280px}
	
}
@media(max-width:1280px) {
	.product .brand-title{ top:280px;}
	.product .our-down{top:600px;}
	.brand{padding:30px 0px}
	.nav li a{padding:25px 6px}
	.lsp-bo1{padding-top:25px}
	
}
@media(max-width:1024px) {
 .navbar-inverse .navbar-nav>li:last-child a,.space-right0 { padding-right:15px}
 .trial .btn-trial { right:45px}
 .playbtn {top:27%; width:100px}
 .access-links.list-inline>li {padding:7px 7px 0}
 .img-ratings { margin-left:15px}
 .img-tab { margin-left:50px; width:90%}
 .solution .add-review,.solution .description { margin-left:30px }
 .product .brand-title{ top:230px;left:150px;}
 .brand{padding:30px 0px}
 .product .our-down{top:480px}
}
@media(max-width:991px) {
 .green-star {right:65px}
 .outline1 { padding:20px; margin:0 0 30px }
 .featured-review { padding:30px 0}
 .trial .btn-trial {right:34%}
 .img-tab {margin-left:0;width:100%}
 .product .brand-title{top:220px;left:150px}
 .product .our-down{top:450px;}
 .brand{padding:30px 0px}
 .nav li a{padding:10px 6px}
 .lsp-bo1{padding-top:10px}
 .btn-trial, .nav li a{font-size:14px}
 .nav li a{padding:10px 6px;}
 .lsp-bo1{padding-top:10px; font-size:14px}
}

@media(max-width:768px) {
 .playbtn {top:30%;width:72px}
 .product .brand-title{left:110px;top:160px}
 .product .our-down{top:360px;}
 .brand{padding:30px 0px}
 .nav li a{padding:10px 6px}
 .lsp-bo1{padding-top:10px}
 .btn-trial, .nav li a{font-size:14px;}
 .nav li a{padding:10px 6px;}
 .lsp-bo1{padding-top:10px; font-size:14px}
 .product .our-title span{font-size:24px}
  .reveal-modal{left:0; width:100%; height:400px}
   #section1 {
    min-height: 300px;
}
.nav, .social-links.text-right {
    text-align: left;
    background: #e33910;
}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
}
.nav li a {
    padding: 8px 10px;
    color: #fff;
}
}
@media(max-width:767px) {
 .btn-trial,.content-div,.playbtn { position:relative}
 .navbar-inverse .navbar-nav>li>a { font-size:12px}
 .navbar-inverse .navbar-brand>img { width:125px; top:-12px }
 .navbar-inverse {padding:5px 0}
 .nav li a { padding:8px 10px}
 .btn-trial { margin:10px 0 15px;float:left}
 .nav li { display:block}
 .nav, .social-links.text-right{text-align:left}
 .lsp-bo1{float:left;transition:.4s;padding: 8px 10px;font-weight:bold;text-align:left;font-size:14px;}
 .lsp-bo1 i{ font-style:normal;color:#CF000D}
 .navbar-default .navbar-brand>img { width:180px; position:relative;  top:-11px}
 .product .brand-title{top:100px;left:40px; }
 .product .brand-title span{font-size: 14px}
 .product .brand-title span label{
	 font-size: 12px;
 }
 .product .our-down{top:360px;}
 .brand{padding:30px 0px}
 .brand h4{padding-top:10px;}
 .navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color:#fff;}
.nav li a{color:#000; font-size:18px;}
.nav li a.cur{border-bottom:2px solid #D61518}
.nav li a:hover{border-bottom:2px solid #D61518}
.lsp-bo1{color:#000}

.join h3{font-size: 18px; line-height:24px ;}
 .nav li a {
    padding: 8px 10px;
    color: #fff;
}
}
@media only screen and (min-device-width :414px) and (max-device-width :736px) and (orientation :landscape) and (-webkit-min-device-pixel-ratio :3) {

}
@media(max-width:480px) { .navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color:#ddd;}.join{padding:30px 0;}.navbar-default .navbar-toggle{background:#ddd}}
@media(max-width:375px) {
.product .brand-title{width:100%; position:absolute; top:80px; left:20px;}
.product .brand-title span{font-size:12px; padding:2px 15px; border:2px solid #fff; border-radius:5px; color:#fff}
.product .our-down{top:180px;}
.product .our-down img{width:35px}
.brand{padding:30px 0px}
.brand h4{padding-top:10px;}
.brand-wchat{text-align:center}
.product .sf-title span{font-size:16px; padding:0px 15px; border:2px solid #d71718; border-radius:5px;color:#d71718;background:#fff; opacity:0.8;filter(alpha=80);}
.pinlai-list .select-city{float:left; padding-top:20px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color:#fff;}
.nav li a{color:#fff; font-size:16px;}
.nav li a.cur{border-bottom:2px solid #D61518}
.nav li a:hover{border-bottom:2px solid #D61518}
.lsp-bo1{color:#000}
.join{padding:30px 0;}
.news{padding:30px 0;}
.join h3{padding-bottom:10px; font-size:20px;}
.join .join-wchat{text-align:center; padding-bottom:20px}
.join .join-list{padding:0;}
.navbar-default .navbar-toggle{background:#ddd}
.mendian-list .mendian-list-title li{font-size:12px;}
.arr-top,.arr-btm{background-size:30px; width:30px; height:20px;}
.arr-btm{top:10px;}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {

}
@media(max-width:320px) {
 .product .brand-title{top:70px;left:20px;}
 .product .our-down{top:160px;}
 .product .our-down img{width:35px}
 .brand{padding:30px 0px}
 .brand h4{padding-top:10px;}
 .join{padding:30px 0;}
 .join h3{padding-bottom:10px; font-size:20px;}
 .brand-wchat{text-align:center}
 .news{padding:30px 0;}
 .navbar-default .navbar-toggle{background:#ddd}
 .join .join-wchat{text-align:center; padding-bottom:20px}
 .join .join-list{padding:0;}
 .product .sf-title span{font-size:14px; padding:0px 15px; border:2px solid #d71718; border-radius:5px;color:#d71718;background:#fff; opacity:0.8;filter(alpha=80);}
 .pinlai-list .select-city{float:left; padding-top:20px;}
 .mendian-list .mendian-list-title li{font-size:12px;}
 .arr-top,.arr-btm{background-size:30px; width:30px; height:20px;}
 .arr-btm{top:10px;}
 }
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
 .trial .btn-trial {right:35%}
}
@media screen and (min-width:1024px){
 .article .mendianchaxun img {
     width: 100%;
     height: 320px;
 }
}