/*
Theme Name: szcesoft
Theme URI: www.szcesoft.com
Description: 华一软件官网css
Version: 180502
Author: muyyi
Update: .sub-nav固定展开，且增强hover时的表现
*/


/*globol*/
ul{
	padding-left: 15px;
}

/* navbar */
.navbar .nav > li .dropdown-menu {
    margin: 0;
}

.navbar .nav > li:hover .dropdown-menu {
    display: block;
}


.navbar{
	min-height: 60px;
	/*margin-bottom: 0px;*/
	/*use in no-responsive.css*/
}


.logo {
    padding: 10px 30px 10px 20px;
}

.navbar-nav > li > a{
	padding: 20px;
}

.navbar-nav .dropdown-menu a{
	padding:3px 20px;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #FFF;
    background-color: #080808;
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
    font-size:16px;
}

.navbar-login li a{
	color: #9D9D9D !important;
	font-size:14px !important;
}

.nav.navbar-nav{
	margin-left: 50px;
}

.navbar-right li{
	float: left;
}

.navbar-right li.tel{
	background: url('images/tel.png') no-repeat;
	background-size: 40px 40px;
	background-position: 0 10px;
	padding: 20px 20px 20px 50px;
	color: #1296db;
    font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}

.navbar-right li.orange{
	background: url('images/tel_01.png') no-repeat;
	background-size: 40px 40px;
	background-position: 0 10px;
	color: #f1c40f;
}

.navbar-right li.yuyue{
	padding: 12px 20px;
}

/*修复navbar被覆盖的a.btn.btn-primary属性,直接将被覆盖的属性写在id选择器里（优先度更高，但一般不推荐这样做）*/
.navbar-right #btn-yuyue{
    color: #fff;
	border-color: #2e6da4;
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#btn-yuyue:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

/* youshi */
.youshi {text-align: center}
.youshi p.title{padding-top:5px;font-size:16px;}
.youshi p.content{font-size:12px;text-align:center;padding:0px 25px;}
.youshi .division{width:1px;height:47px;position:absolute;right:3px;top:32px;background:#cacaca;}
h4.title{margin-bottom:10px;padding-left:10px;border-left:5px solid #0A8FD5;text-align: left; margin-left:5px}
h3.title{
	margin-bottom:20px;
	padding-left:10px;
	border-left:5px solid #0A8FD5;
	text-align: left; 
	margin-left:15px;
	color:#333;
}

/*my-carousel*/


/*product index*/
.product p.title{
  font-size: 32px;
  font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
  color: #0082e5;
  padding-bottom: 10px;
}


.product_list{
	padding:7px;
	border:1px solid #ecf0f1;;
}

.product_pic{
	width:100%;
	height:240px;
}

.product_pic img{
	width:294px;
	height:200px;
	display:block;
    margin: auto;
}

.product-function p.title{
	font-size: 32px;
	font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
	color: #0082e5;
	padding-bottom: 10px;
}

.product-function ul li{
	list-style-type: disc;
	color:#686868;
}

.product-function ul{
	padding-left:15px;
}

.product-left{background:#f7f7f7; padding:30px;}

.product-right{padding:30px;}


/*new-product*/
.product-content-page{
	background: #eee;
}

.banner-product{
	height: 340px;
	margin-bottom: 50px;
	background: url('images/product_banner_01.png') no-repeat;
	background-size:cover;
	background-position: center center;
}

/*.banner-product img{
	width: 100%;
	height: 340px;
}
*/




.menu{
	margin-bottom: 30px;
}

.menu-button .btn{
	color: #777;
	margin-bottom: 20px;
}

.menu-button .btn-active{
	background: #3498db;
	color: #fff;
}

h1.menu-header{
	width: 150px;
	text-align: center;
	margin: 30px auto 40px;
	padding-bottom: 20px;
	border-bottom: 3px solid #777;
}

.product-item{
	padding: 20px;
}

.product-img{
	text-align: center;
}

.pro-white{
	background: #fff;
}

.pro-gray div:first-child{
	float: right;
}

.product-content-list img{
	max-height: 260px;
}

.product-text{
	padding-left: 10%;
}

.product-text ul{
	padding-left: 0;
	list-style: none;
}

.product-text li{
	padding: 5px 0 5px 20px;
	background: url('images/check.png') no-repeat;
	background-position: 0 9px;
}


/*.gray:first-child{
	float: right;
}*/

/** yuyue **/
.yuyue{
	padding:30px 0px 10px 0px;font-size:18px;
}

.yuyue p{
	color:#FFF;
}

.yuyue .btn-lg{
	padding: 15px 20px;
	margin-right: 0.75em;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
	background-color: #42A4CB;
	background-image: linear-gradient(to bottom, #4EADD3, #2F96BF);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

/** anli **/
.check {
    display: inline-block;
    margin-right: 10px;
    width: 12px;
    height: 12px;    
}

.anli-main ul
{
	margin-left: -35px;
}

.anli_list img{
	width:132px;
	height:50px;
}

.anli-main ul li{
	list-style: none;
	margin-left: 20px;
}

.costumer a img{
	max-width:100%;
	height:35px;
}

/** footer **/
.footer {
    background-color: #7f8c8d;
    color: #fff;
    text-align: left;
    line-height: 2.5;
    font-size: 13px;
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
}

.footer ul{list-style:none;}

.footer h3{
    font-weight: bold;
    font-size: 14px;
    color: #333;
}

.footer a{
    color: #BBB;text-decoration: none;
}

.copyright{
	text-align: center;
}

/** product **/
.product{
    margin-top:30px;
    margin-bottom: 50px
}

.product-content h3{
    margin-bottom: 40px;
}

.product-content{font-size: 15px;
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
    color: #666;
    line-height: 1.8;
    border: 1px solid #ecf0f1;
}

.product-title{padding:20px 35px;
    border-bottom: 1px solid #ecf0f1;
    position: relative;
}

.product-detail{padding:20px 35px;
    position: relative;
}

/** article **/
.article{
    margin:30px 0px 50px 0px;
}

.article-content h3{
    margin-bottom: 40px;
}

.article-content{font-size: 15px;
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
    color: #666;
    line-height: 1.8;
    border: 1px solid #ecf0f1;
}

.article-title{
    padding:10px 20px;
    border-bottom: 1px solid #ecf0f1;
    position: relative;
}

.article-detail{
    padding:10px 20px;
    border-bottom: 1px solid #ecf0f1;
    position: relative;
}

.art_title > ol{
	padding-left: 5px;
}

.article-page{
    text-align: center;
}

.pagination{
    display: inline-block;
    padding-left: 0px;
    margin: 20px 0px;
    border-radius: 4px;
}

.pagination a{
    margin-left: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    color: #337AB7;
    text-decoration: none;
    background-color: #FFF;
    border: 1px solid #DDD;
}

/** artitle **/
.art_title{
/*float:left;
width:50%;*/
}

.art_date{
    text-align:center;
}

.article-detail a{
	color:#666;
}

/**分页导航**/
.wp_nav{padding:20px 0;text-align:center;font-size: 13px;line-height:18px;}.wp_nav .page-numbers,.wp_nav .dots:hover,.wp_nav .pages:hover{border: 1px solid #eee;text-decoration: none;background: #5080D8;color: #fff;text-shadow: 0px -1px rgba(0, 0, 0, 0.2);display:inline-block;margin:2px;padding:1px;padding: 4px 9px;}.wp_nav .current,.wp_nav .current:hover,.wp_nav a.page-numbers:hover{text-decoration: none;background: #f9f9f9;color: #5080D8;}.wp_nav .pages,.wp_nav .pages:hover{vertical-align: middle;color:#CCC;width:120px;}


/** globol **/
/*ul{list-style:none;}*/
/*.no-padding{padding-left: 0px;padding-right: 0px;}*/
.high-light{color: #0082E5;}
.width-5{width:50%; float:left;}
.list-group .sub-nav{padding: 10px 30px;}
.form-group label{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
}

/*special*/

.visiting{
	background-color: #BEDFF8;
}

.sub-visiting{
	color: #0082E5 !important;
    background: #f5f5f5;
}

a.list-group-item:focus, a.list-group-item:hover{
	background-color: #BEDFF8;
}

.ebsgovicon{
	width:72px;
	height: 100px;
	background-color: white;
}

.jiathis_style{
	padding-top:5px;
}


/** box **/
.box{
    margin:30px 0px 50px 0px;
}

.content-box h3{
    margin-bottom: 20px;
}

.content-box{
    font-size: 15px;
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
    color: #666;
    line-height: 1.8;
    border: 1px solid #ecf0f1;
}


.content-title{
    padding:10px 20px;
    border-bottom: 1px solid #ecf0f1;
    position: relative;
}

.content-main{
    padding:10px 20px;
    position: relative;
}

/*carousel*/
.carousel {
    height: 500px;
    margin-bottom: 60px;
    position: relative;
	margin-bottom: 20px;
	background-color: #EEE;
	background-image: url("images/wall4.png");
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
	text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid #CCC;
	margin-top:-20px;
}

.carousel .item {
    height: 500px;
}


.carousel .item img{
	width:100%;
	height:500px;
	display:block; margin:0px auto;
	max-width: 1360px
}

.carousel-inner{
	height:500px;
}

.text .btn {
    padding: 15px 20px;
    margin-right: 0.75em;
    font-size: 19px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #42A4CB;
    background-image: linear-gradient(to bottom, #4EADD3, #2F96BF);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.carousel-indicators li.active {
    background-color: rgba(0, 0, 0, 0.7);
    width: 13px;
    height: 13px;
}

.carousel-indicators li {
    width: 13px;
    height: 13px;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    margin:0px;
}

/*non-responsive*/
/*nav-memu*/
#menu
{
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 10px 0px 0px 0px;
    list-style: none;
    background: #111;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-border-radius: 50px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
    box-shadow: 0 2px 1px #9c9c9c;
}

.carousel
{
	margin-top: 0px;
}
  
#menu li
{
    float: left;
    padding: 0 0 10px 0;
    position: relative;
}
  
#menu a
{
    float: left;
    height: 25px;
    padding: 0 25px;
    color: #CCC;
    text-transform: uppercase;
    font: bold 12px/25px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}
  
#menu li:hover > a
{
    color: #fafafa;
}
  
*html #menu li a:hover /* IE6 */
{
    color: #fafafa;
}
  
#menu li:hover > ul
{
    display: block;
}
  
/* Sub-menu */
  
#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-border-radius: 5px;
    border-radius: 5px;
}
  
#menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu #login{
	float: right !important;
	margin-right: 5px;
}
  
#menu ul li:last-child
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
  
#menu ul a
{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}
  
*html #menu ul a /* IE6 */
{
    height: 10px;
    width: 150px;
}
  
*:first-child+html #menu ul a /* IE7 */
{
    height: 10px;
    width: 150px;
}
  
#menu ul a:hover
{
    background: #0186ba;
    background: -moz-linear-gradient(#04acec,  #0186ba);
    background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background: -webkit-linear-gradient(#04acec,  #0186ba);
    background: -o-linear-gradient(#04acec,  #0186ba);
    background: -ms-linear-gradient(#04acec,  #0186ba);
    background: linear-gradient(#04acec,  #0186ba);
}
  
#menu ul li:first-child a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
  
#menu ul li:first-child a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}
  
#menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec;
}
  
#menu ul li:last-child a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
  
/* Clear floated elements */
#menu:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
  
* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

#logo{
	margin-top:-5px;
}

#logo a img{
	width: 90px;
	height: 40px;
}

#menu li a{
	font-size:16px;
}

#menu #login a{
	font-size:14px;
}

#menu li ul li a{
	font-size:14px;
}


#menu a:focus{
	color:#FFF;
}

#my-nav{
	border-radius: 0px;
	margin-bottom: 0px;
}

#ico-logo{
	padding-top: 10px;
}

.navbar-inverse .navbar-nav > li > a {
	color: #CCC;
	font-weight: bold;
}

#admin_login > a{
	font-size: 14px;
}

/*.container{
  max-width: none !important;
  width: 970px;
}*/

/* -----------page nav-------*/  
.page_navi{width:100%;height:80px;line-height:36px;text-align:center;overflow:hidden;padding-top:1em;}  
.page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;}  
.page_navi a:hover,.page_navi a.current{border:1px solid #356aa0;color:#356aa0;font-weight:bolder;}  


/*single*/
/*.preview-content p,.make-content p{
	margin: 0px 0px 1.1em;
}*/

/*.preview-content h1, .preview-content h2, .preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6 {
    font-weight: bold;
    margin: 1.2em 0px 0.6em;
}*/

/*.make-content h1, .make-content h2, .make-content h3,.make-content h4,.make-content h5,.make-content h6 {
    font-weight: bold;
    margin: 1.2em 0px 0.6em;
}*/

/*.preview-content div, .preview-content dl, .preview-content dt, .preview-content em, .preview-content font, .preview-content h3, .preview-content h4, .preview-content h5, .preview-content h6, .preview-content hr, .preview-content i, .preview-content ins, .preview-content kbd, .preview-content li, .preview-content map, .preview-content ol, .preview-content p, .preview-content pre, .preview-content q, .preview-content s, .preview-content samp, .preview-content small, .preview-content span, .preview-content strike, .preview-content strong, .preview-content sub, .preview-content sup, .preview-content table, .preview-content tbody, .preview-content td, .preview-content tfoot, .preview-content th, .preview-content thead, .preview-content tr, .preview-content tt, .preview-content u, .preview-content ul {
    line-height: 1.6;
}*/

/*.make-content div, .make-content dl, .make-content dt, .make-content em, .make-content font, .make-content h3, .make-content h4, .make-content h5, .make-content h6, .make-content hr, .make-content i, .make-content ins, .make-content kbd, .make-content li, .make-content map, .make-content ol, .make-content p, .make-content pre, .make-content q, .make-content s, .make-content samp, .make-content small, .make-content span, .make-content strike, .make-content strong, .make-content sub, .make-content sup, .make-content table, .make-content tbody, .make-content td, .make-content tfoot, .make-content th, .make-content thead, .make-content tr, .make-content tt, .make-content u, .make-content ul {
    line-height: 1.6;
}*/

.art_date ul{
	list-style: none;
}

a.green, a.green:visited {
	color: #1bbaa2;
	text-decoration: none;
}

a.green:focus, a.green:hover {
	color: #1bbaa2;
	text-decoration: underline;
}

h3.green{
	color: #1dc9b1;
	display: inline-block;
	padding-bottom: 6px;
	border-bottom: 4px solid #1dc9b1;
	margin-bottom: 30px;
	font-size: 24px;
	letter-spacing: .05em;
	margin-top: 20px;
}

p.lead{
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4;
	color: #757575;
}

.title-header{
	margin-bottom: 20px;
	margin-top: 60px;
}

.t_center{
	text-align: center;
}

.t_left{
	text-align: left;
}

.t_right{
	text-align: right;
}

.grey{
	background: #f7f7f7;
	padding: 30px;
}

.white{
	background: #fff;
	padding: 30px;
}

#jiangbei{
	margin-top:50px;
}

.more_faq{
	background: #edf2fe;
	text-align: center;
	padding:20px;
}

.btn-wid{
	width: 40%;
	height: 66px;
	line-height: 54px;
	border-radius: 2px;
	font-size: 18px;
	margin-bottom: 25px;
	margin-top:25px;
	padding: 6px 12px;
}

.price{
	height:178px;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

.price img{
	max-width: 100%;
	max-height: 175px;
}

.content-main img{
	max-width: 100%;
	height: auto;
}

.sub_title{
	margin-left: 15px;
}

.step_detail ul li {
    width: 50%;
    float: left;
    padding-left: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 90px;
    margin-top:20px;
}

.step_title {
    font-size: 16px;
}

.step_content {
    font-size: 12px;
    color: #999;
    padding-top: 10px;
}

.step_detail ul{
	list-style: none;
	padding: 0px;
}

.zan{
	list-style: none;
}

.zan li{
	background:url("http://szcesoft.com/wp-content/uploads/2015/11/zan_s.png") 0 0 no-repeat;
	padding-left:30px;
	margin-bottom: 20px;
}

.btn-zixun{
	display: block;
	margin-top: 20px;
	width: 200px;
	color: #fff;
	border-color: #1bbaa2;
	background: #1bbaa2 !important;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .125em;
	text-transform: uppercase;
	padding: 30px 20px;
	border-width: 2px;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	line-height: 1.428571429;
	border-radius: 4px;
}

/*faq*/
li.q{
	color: gray;
	background: url("http://szcesoft.com/wp-content/uploads/2015/11/qqq.png") no-repeat;
	padding:0px 0px 40px 50px;
}

li.a{
	background: url("http://szcesoft.com/wp-content/uploads/2015/11/aaa.png") no-repeat;
	padding:0px 0px 40px 50px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
}

.hot_faq{
	margin-bottom: 40px;
}


.hot_faq ul{
	padding: 15px 0px;
	box-shadow: 2px 2px 5px #ccc;
	border: solid 1px #ccc;
	overflow: auto;
}

.hot_faq ul li{
	float: left;
	width: 45%;
	margin-left: 5%;
}


.faq_list ul{
	list-style: none;
}

.faq_list div{
	margin-bottom: 40px;
}

.faq_list ul li{
	line-height: 20px;
}

.faq_banner{
	margin-bottom: 40px;
}

.y20{
	margin-bottom: 20px;
}

.x20{
	margin-right: 20px;
}

.bold{
	font-weight: bold;
}

.product_youshi{
	margin-top: 40px;
}

.li_title{
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 16px;
}

/*friend*/
.bg_grey{
	background-color: #F5F7FA;
}

.bg_royal{
	background-color: #8e44ad;
}

.bg_info{
	background-color: #3498db;
}

.bg_green{
	background-color: #1abc9c;
}

.target{
	height: 150px;
	color: #fff;
}

/*banner*/
.ban_l{
	padding-left: 0px;
	padding-right: 0px;
}

.banner{
	padding-left: 0px;
	padding-right: 0px;
}

.ban_l a{
	padding-left: 20px;
}

.ban_l_double{
	height:54px;
	background:#ED4300;
	color: #fff !important;
	font-size: 16px;
	line-height: 39px;
}

.ban_l a.list-group-item:focus,.ban_l a.list-group-item:hover{
	background-color:#f5f5f5;
}

.ban_l_double:focus,.ban_l_double:hover{
	background-color:#ED4300 !important;
}

/*responsive*/
.screen_lg{
	display: block;
}

.screen_sm{
	display: none;
}


@media (max-width: 767px) {
	.carousel,
  	.carousel .item,
  	.carousel-inner,
  	.item img{
    	height: auto;
  	} 

    .product-function p.title,
	.yuyue p{
  		text-align: center;
  	}

    .product-function a{
        display: block;
        width: 50%;
        margin: 20px auto 0; 
    }

    .reason a.btn{
        display: block;
        width: 50%;
        margin: 10px auto; 
    }


  	.screen_lg{
		display: none;
	}

	.screen_sm{
		display: block;
	}

	.btn-wid,
	.btn-zixun{
		width: 100%;
	}

	.hot_faq ul li {
	    float: left;
	    width: 100%;
	    margin-left: 10%;
	}

	#jiangbei {
    	margin-top: 0px;
	}

	.hot_faq ul li{
		max-width: 90%
	}

	.product-content-list img{
		max-width: 100%;
	}
}

.sub-nav{
	/*display: none;*/
    /*默认展开*/
    display: block;
}

.product_cat{
	cursor: pointer;
}

/* online_kefu */
#online_qq_layer *{margin:0;list-style-type:none;}
#online_qq_layer a,img{border:0;}
#online_qq_tab a,.onlineMenu h3,.onlineMenu li.tli,.newpage{background:url(images/float_s.gif) no-repeat;}
#onlineService,.onlineMenu,.btmbg{background:url(images/float_bg.gif) no-repeat;}

#online_qq_layer{z-index:9999;position:fixed;right:0px;top:0;margin:150px 0 0 0;}
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
*html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

#online_qq_tab{width:28px;float:left;margin:120px 0 0 0;position:relative;z-index:9;}
#online_qq_tab a{display:block;height:118px;line-height:999em;overflow:hidden;}
#online_qq_tab a#floatShow{background-position:-30px -374px;}
#online_qq_tab a#floatHide{background-position:0 -374px;}

#onlineService{display:inline;margin-left:-1px;float:left;width:130px;display:none;background-position:0 0;padding:10px 0 0 0;}
.onlineMenu{background-position:-262px 0;background-repeat:repeat-y;padding:0 15px;}
.onlineMenu h3{height:36px;line-height:999em;overflow:hidden;border-bottom:solid 1px #ACE5F9;}
.onlineMenu h3.tQQ{background-position:0 10px;}
.onlineMenu h3.tele{background-position:0 -47px;}
.onlineMenu li{height:36px;line-height:36px;border-bottom:solid 1px #E6E5E4;text-align:center;}
.onlineMenu li.tli{padding:0 0 0 28px;font-size:12px;text-align:left;}
.onlineMenu li.zixun{background-position:0px -131px;}
.onlineMenu li.fufei{background-position:0px -190px;}
.onlineMenu li.phone{background-position:0px -244px;}
.onlineMenu li a.newpage{display:block;height:36px;line-height:999em;overflow:hidden;background-position:5px -100px;}
.onlineMenu li img{margin:8px 0 0 0;}
.onlineMenu li.last{border:0;}
.onlineMenu ul{
	padding:0px;
}

.wyzx{padding:8px 0 0 5px;height:57px;overflow:hidden;background:url(images/webZx_bg.jpg) no-repeat;}

.btmbg{height:12px;overflow:hidden;background-position:-131px 0;}



/*在线客服*/
#show{
	float:left;
	/*margin-top: 85px;*/
	margin-top: 100px;
	width: 80px;
	/*height: 150px;*/
	height: 118px;
	background-image: url('images/kefu_01.png');
	cursor: pointer;
	/*overflow: auto;*/
}

#hide{
	float: left;
	background-color:#00a0ea;
	padding: 10px;
	border-radius: 4px;
}


#qq_kefu ul{
	background-color: white;
	margin: 0px;
	padding: 0 10px;
	margin-bottom: 10px;
	border-radius: 4px;
}

#qq_kefu ul>li{
	list-style-type: none;
	height: 36px;
	line-height: 36px;
	border-bottom: solid 1px #E6E5E4;
}

#qq_kefu li.tli{
	padding: 0 0 0 28px;
	font-size: 16px;
	text-align: left;
	background: url(images/float_s.gif) no-repeat;
}

#qq_kefu li.zixun{
	background-position: 0px -131px;
	border-bottom: solid 1px #45baef;
}

#qq_kefu li.phone {
    background-position: 0px -244px;
    border-bottom: solid 1px #45baef;
}

#qq_kefu li.web {
    background:url(images/web_01.png) no-repeat;
    border-bottom: solid 1px #45baef;
}

#qq_kefu li.web>a {
    text-decoration: none;
	color: #333;
}

#qq_kefu li.web>a:hover {
	color: #45baef;
}

#qq ul>li{
	/*padding-top: 7px;*/
	text-align: center;
}

#qq ul>li>a{
	background: url(images/pa.gif) no-repeat;
}


#qq a:hover{
	color:#45baef;
}
*/

.blue{
	color:#45baef;
}

#tel ul{
	margin-bottom: 0px;
}

/*#pic_zixun{
	height: 105px !important;
	margin-top: 5px;
}*/

.btn_zixun{
	height: 80px !important;
}

.btn_zixun a{
	display: block;
	margin: 5px auto;
	width: 74px;
	height: 74px;
	background:#44bbfc url('images/online-service-logo.png') no-repeat;
	background-position: center 12px;
	border-radius: 50%;
	color:#fff;
	text-align: center;
	text-decoration: none;
  padding-top: 35px;
  font-size: 12px;
}

.btn_zixun a:hover{
	-webkit-box-shadow:0 0 10px rgba(68, 187, 252, .8);  
  -moz-box-shadow:0 0 10px rgba(68, 187, 252, .8);  
  box-shadow: 0 0 10px rgba(68, 187, 252, .8); 
}

/*position*/
#qq_kefu{
	position: fixed;
	top:50%;
	right: -132px;
	/*修改后的sidebar隐藏宽度为132px，所以这里也为132px*/
	overflow: auto;
	z-index: 999;  
	margin-top: -160px;
}

/*global config*/
.new-distance{
	margin-top: 20px;
	margin-bottom: 20px;
}

/*170321 add table_product*/
table#table_product{border-collapse: collapse;margin-bottom: 20px;}
table#table_product tr:first-child{border: 1px solid #f0f0f0;}
table#table_product td{border: 1px solid #f0f0f0;padding: 20px;line-height: 24px;width: 45%;font-size: 14px;}
table#table_product tr{height: 100px;}
table#table_product td.none{border: none;}
table#table_product td:first-child{width: 10%;}
table#table_product #mini_logo{margin-right: 3px;}
table#table_product th{text-align: center;}

/*170526 add new product*/
.product-content-page img{
	max-width: 100%;
}

.banner-product-form{
	position:relative;
	background: url('images/banner_action_01.png');
	background-size:cover;
	background-position: center center;
}

.banner-yuyue-form{
	position: absolute;
	width: 250px;
	height: 300px;
	top: 20px;
	left: 70%;
	background: rgba(149,165,166,.9);
	border-radius: 4px;
/*	opacity: .75;*/
}


.banner-product.banner-product-form{
	margin-bottom: 0;
}


.form-header{
	padding: 5px;
	margin-bottom: 20px;
	text-align: center;
	background: #337ab7;
	color: #fff;
	font-size: 18px;
}

.input-center{
	text-align: center;
}

.list-title{
	/*text-align: center;*/
	font-weight: bold;
	display: inline-block;
	font-size: 20px;
	/*分割线距离上下均为10px*/
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.action_rule{
	margin: 0 auto;
	max-width: 750px;
	height: 120px;
	overflow: auto;
	zoom: 1;
}

.action_rule>.content_left.hidden-xs{
	padding: 20px;
	height: 120px;
	background: #e74c3c;
	color: white;
	line-height: 80px;
}

.action_rule>.content_left.visible-xs-block{
	padding: 5px;
	height: 50px;
	background: #e74c3c;
	color: white;
	line-height: 40px;
}


.action_rule>.content_right{
	text-align: left;
	padding: 10px 20px;
	height: 120px;
	background: #ecf0f1;
	color: #555;
	overflow: hidden;
}

.action_rule>.content_right ul{
	list-style-type: none;
}

.action_rule>.content_right ul li{
	padding-top: 5px;
}


.action_vs{
	margin: 0 auto;
	max-width: 750px;
	/*height: 400px;*/
}

.action_vs ul{
	margin-top: 10px;
	list-style-type: none;
	padding-left: 0;
}

.action_vs ul>li{
	padding-top: 10px;
	padding-bottom: 10px;
}

.action_vs img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.action_vs>.content_left{
	padding: 20px;
	background: #ffba45;
	color: #fff;
}

.action_vs>.content_right{
	padding: 20px;
	background: #bdc3c7;
}

.action_vs>.content_center{
	padding: 20px;
}

.action_vs ul .title{
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 20px;
}

.important_orange{
	color: #ff7800;
}

.bg_orange{
	background: #ff7800;
	padding: 2px;
	color: #fff;
	margin-right: 5px;
}

.top20{
	margin-top: 20px;
}

.center{
	text-align: center;
}

.gray{
	background: #eee;
	padding: 30px;
}

.product-end{
	text-align: center;
	color: #3498db;
}

.product-end p{
	font-size: 16px;
}

.is-center{
	position: relative;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

@media screen and (max-width: 767px){
	.banner-product-form{
		/*width: 800px;*/
		background: url('images/banner_action_web.png');
		background-size:cover;
	  background-position: center 0;
	}

	.action_rule{
		max-width: 100%;
		height: 250px;
	}

	.action_rule>.content_right{
		height: 200px;
	}

	.banner-yuyue-form{
		margin: auto;
		top: 80%;
		left: 0;
		right: 0;
	}

	.product-content-action-list{
		margin-top: 300px;
	}

	.action_vs{
		width: 100%;
	}
}

@media (min-width: 1400px) { 
    .carousel,
    .carousel .item,
    .carousel-inner
    {
        height: 750px;
    }
}

/*修复nav在小于960宽度下显示异常的问题*/
/*占位空白，让导航条不会挡住正常内容*/

.nav-fixed{
	height: 60px;
}


/*这个修复的代码还是未能完全生效，搁置*/
@media screen and (min-width: 767px) and (max-width: 960px){
	.nav-fixed{
	height: 120px;
	}
}

@media screen and (min-width: 750px){
		li.hot>a{
		background: url('images/hot_01.png') no-repeat;
		background-size: 24px 24px;
		background-position: right 0;
	}
}

/*releted posts*/
.content-related{
	margin-top: 50px;
	padding: 10px 20px;
	border-top: 1px solid #ecf0f1;
}

.related_posts{
	margin-top:5px;
	height:150px;
	list-style-position: inside;
	padding-left: 0;
}

.related_posts li{
	margin-left:0;
	color:#555;
	list-style:circle;
	font-size:14px;
	line-height:26px;
	padding:0 0 0 5px;
	float:left;
	width:45%;
	padding-right:9px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.related_posts li>a{
	color:#666;
}

/*product-index*/
.product-content-index{
	background: #fff;
	padding: 20px 0;
}

.product_relative_link{
	margin-top: 20px;
}

.product_relative_link a{
	margin-right: 20px;
}

/*product_relative_link*/
.btn.green{
	color: #fff;
  background: #1bbaa2;
  border-color: #1bbaa2;
  border-radius: 0;
}

.btn.green:hover{
	color: #fff;
  background: #16a085;
  border-color: #16a085;
  text-decoration: none;
}

.btn.btn-success.green:visited{
	color: #fff !important;
}

.btn.white_green{
	color: #1bbaa2;
  background: #fff;
  border-color: #1bbaa2;
  border-radius: 0;
}

.btn.white_green:hover{
	color: #fff;
  background: #1bbaa2;
  border-color: #1bbaa2;
  text-decoration: none;
}

/*将绿色按钮改为蓝色*/
.btn.blue{
	color: #fff;
  background: #3498db;
  border-color: #3498db;
  border-radius: 0;
}

.btn.blue:hover{
	color: #fff;
  background: #2980b9;
  border-color: #2980b9;
  text-decoration: none;
}

.btn.btn-success.blue:visited{
	color: #fff !important;
}

.btn.white_blue{
	color: #3498db;
  background: #fff;
  border-color: #3498db;
  border-radius: 0;
}

.btn.white_blue:hover{
	color: #fff;
  background: #3498db;
  border-color: #3498db;
  text-decoration: none;
}

/*footer 171009*/
.footer li{
	color: #fff;
}

.footer li a{
	color: #d7d8d9;
}

.footer li.sp{
	font-size: 20px;
}

.footer li a:hover{
	/*color: #00c1de;*/
	color: #fff;	
}

.footer li.title{
	margin-top: 20px;
	color: #fff;
	font-weight: bolder;
}

.footer ul>ul{
	padding: 0;
}

.footer ul.tel{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d7d8d9;
}

.footer ul.erweima{
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #d7d8d9;
}

.footer ul.footer-copyright{
	padding-top: 10px;
	margin-top: 10px;	
	border-top: 1px solid #d7d8d9;
}

.footer li.tel{
	background: url('images/kefu.png') no-repeat;
	background-size: 30px 30px;
	background-position: 0 10px;
	padding-left: 35px;
}

.footer{
	background-color: #7f8c8d;
	overflow: auto;
}

/*new-anli 180305*/
p{
	line-height: 1.75;
}

.card{
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}

.card-body{
  flex: 1 1 auto;
  padding: 1.25rem;
}

.anli .card{
    height: 250px;
}

.d-flex{
	display: flex;
    flex-wrap: wrap;
}

.text-secondary{
	color: #868e96!important;
}

.btn-light{
	background: #fff;
	color: #111;
}

.btn-light:hover{
	background: #dae0e5;
}

.btn-outline-light{
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
}

.btn-outline-light:hover{
	background: #fff;
	color: #111;
}



.tab-pane img{
	max-width: 100%;
}

.solution{
	margin-top: 50px;
}

.solution h4{
	margin-top: 50px;
	margin-bottom: 20px;
}

.solution a{
	text-decoration: none;
}

.solution .item{
	margin-top: 20px;
	margin-bottom: 50px;
}

.solution .item h5{
    padding-left: 15px;
    font-weight: bold;
    font-size: 16px;
}

.solution .item.q h5{
	border-left: 3px solid #007bff;
}

.solution .item.a h5{
	margin-top: 30px;
	border-left: 3px solid #1abc9c;
}

.anli{
	margin-top: 50px;
}

.card a{
	text-align: center;
}

.anli .card img{
	width: 150px;
	height: 45px;
	margin: 20px auto;
}

.card-body{
	border-top: 1px solid #ccc;
}

.card-header{
    padding: 15px;
}





.more-solution{
	margin-top: 50px;
}

.more-solution.jumbotron p{
	font-size: 14px;
}

.more-solution img{
	width: 100px;
}

.more-solution .media{
	margin: 20px auto;
}

.more-product{
	margin-top: 50px;
	text-align: center;
}

.more-product img{
	display: block;
	margin: 20px auto;
	width: 100px;
}

.connect-us{
	margin-top: 50px;
	background: #007bff;
	padding: 50px 0;
	color: #fff;
	text-align: center;
}

.connect-us .btn{
	margin: 20px 25px 0;
}

/*huanxitong*/
.banner-huanxitong{
	background: url('images/huanxitong/banner_02.jpg') no-repeat center center / cover;
	height: 350px;
	margin-bottom: 50px;
}

.why .card{
	/*.card高度和.col-md一致*/
	height: 100%;
}

.why .col-md-4{
	margin-bottom: 20px;
}

span.q{
    display: inline-block;
	background: url('images/huanxitong/q.png') no-repeat 20px 20px;
}

.reason .item{
	padding: 20px;
	overflow: auto;
}

.bg-eee{
	background-color: #eee;
}

.reason .pic{
	text-align: center;
}

.reason .pic img{
	max-width: 100%;
	max-height: 260px;
}

.youhui{
    padding-top: 50px;
    padding-bottom: 50px;
}

.youhui img{
	width: 50px;
	height: 50px;
	margin-bottom: 20px;
	margin-top: 20px;
}


}