@charset "utf-8";
/*!
 * qianjia css in 2019
 * cj modify */
.common-header { box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.bottom-tool .each.weixin > a  { display:block;    font-size: 12px;line-height: 14px;padding-top: 5px; }
.bottom-tool .weixin { display:block}
.bottom-tool { bottom:40px;}
@media (min-width: 768px) {
.bottom-tool .each.weixin > a  {font-size: 14px;line-height: 19px;padding-top: 5px; }	
 
.common-header .common-menu-wrap {
    border-top: 2px solid #103B9D;
}
}
/*-------common-------*/
.img-cover { padding-bottom: 62%; }
.color-1 { background-color:#29bbc0}
.color-2 { background-color:#f9a045}
.color-3 { background-color:#0984dc}
.color-4 { background-color:#ee5757}
.color-5 { background-color:#456BC5}
.color-6 { background-color:#5DB85C}
.color-7 { background-color:#b55ec5}
.color-8 { background-color:#784EBC}
.color-9 { background-color:#C5963C}
.color-10 { background-color:#34415d}

@media (min-width: 992px) {
.col-md-8.edit-md-8 { padding-right:30px; width: 69%; position:relative;}
.col-md-4.edit-md-4 { width: 31%;position:relative;}
.mod.right-first {margin-top:0;}
} 

/*----ad---*/
.ad-num-wrap {width:100%; overflow:hidden; position:relative;}
.ad-num-wrap .ad-tips {width:34px;height:16px; overflow:hidden; background-image:url(http://qianjia.com/jscss/common/images/adtips.png);
background-repeat:no-repeat; position:absolute;left:0;top:0; z-index:5; }
.ad-num-wrap img {width:100%;height:auto;}
.index .index-section-a .mod {margin-top:0;padding-top:1px;}
.index .index-section-a .ad-num-wrap {margin-top:30px;}
.index .index-section-e .mod {margin-top:0;padding-top:1px;}
.index .index-section-e .ad-num-wrap {margin-top:30px;}


.page-top-ad { position:relative;width:100%;height:auto; z-index:11;} 
.page-top-ad .ad-num-wrap { position:relative; z-index:1;}
.page-top-ad .close { position: absolute;z-index: 2; right:7px;top: 5px;  opacity: 0.8;font-weight: normal;font-size: 12px;width: 22px; height: 22px;
    border: 0; border-radius: 50%; line-height: 22px; text-align: center; background: #fff; }
.page-top-ad .close:hover { opacity:1;}	
.ad-fixed { position:relative; display:none} 

@media (min-width: 992px) {
.ad-fixed.fixed { position:fixed; display:block; top:10px;margin-top:0;} 	
}


/*-----page------*/
 
.page-div { }
.page-div #pageNav {display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;}
#pageNav div {
    float:left;font-size:12px;
    margin: 0 2px;
}
#pageNav div input {height:23px;margin: 2px 0; padding: 2px 0;line-height: 1.42; font-size:10px; border: 1px solid #ddd; border-radius:0;width:50px; text-align:center;
-webkit-box-shadow:inset 2px 1px 1px rgba(0,0,0,.1);box-shadow:inset 2px 1px 1px rgba(0,0,0,.1); }
#pageNav div div input:focus { outline:none; }
#pageNav div a{
    padding: 2px 6px;
    margin: 2px 0;    display: inline-block;
    line-height: 1.42;
    color: #666; background-color:#fff;
    font-size: 10px;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius:0;
}
#pageNav div a:hover { background-color:#f6f6f6}
#pageNav div.cPageNum span {
    border: 1px solid #56a6e7;
    padding: 2px 6px;display: inline-block;
    font-weight:normal;line-height: 1.42;
    margin: 2px 0; font-size: 10px;
    color: #fff; 
    background-color:#56a6e7; 
    border-radius:3px;
}
#pageNav div.totalRecNum span {
	padding: 3px 8px;
    margin: 2px 0;    
	display: inline-block;
    line-height: 1.42;}
@media (min-width: 768px) {
#pageNav div, #pageNav div.cPageNum span,#pageNav div a {font-size:14px}
#pageNav div input {height:26px;}
}


/*---top-search---*/
 
.top-search { background-color: #013296; padding:30px 0;position:relative; }
.top-search > .bg { position:absolute;left:0;top:0;width:100%;height:100%; z-index:1; background-size:cover;
background-image:url(http://qianjia.com/jscss/common/images/brandindex/isearchbg4.jpg); background-position:center top; background-repeat:no-repeat;
animation: cover 12s infinite;
-moz-animation: cover 12s infinite;
-webkit-animation: cover 12s infinite;
-o-animation: cover 12s infinite;}
.top-search .bg-wrap {position:absolute;left:0;top:0;width:100%;height:100%; z-index:1;  overflow: hidden;  }
.top-search .bg-wrap .bg  { width:100%;height:100%;background-size:cover;background-image:url(http://qianjia.com/jscss/common/images/brandindex/isearchbg4.jpg); 
background-position:center top; background-repeat:no-repeat;
animation: cover 12s infinite;
-moz-animation: cover 12s infinite;
-webkit-animation: cover 12s infinite;
-o-animation: cover 12s infinite;}
 
@-webkit-keyframes cover {	
5% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
55% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
100% {
     -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}	
}
@keyframes cover {	
5% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
55% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
100% {
     -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
}
.top-search .container { position:relative; z-index:2;}
.top-search .search-head { height:50px;margin:0 auto; overflow:hidden;}
.top-search .search-head li { float:left;width:33.3%;line-height:54px;font-size:16px; }
.top-search .search-head li.active {color:#fff;font-size:20px; font-weight:bold;line-height:50px; text-align:center; position:relative;margin:0 auto;}
.top-search .search-head li.active::after { position:absolute;left:50%;top:100%;margin-left:-5px;content:' '; width:0; 
    height:0; 
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #fff;}
.top-search .search-head li a {color:#fff;font-weight:100;}
.top-search .search-head li a:hover { opacity:0.7}
.top-search .search-head li.prev { text-align:left;}
.top-search .search-head li.next { text-align:right}
.top-search .search-body {position:relative;margin:15px auto; background-color:#fff; border-radius:4px; min-height:40px;}
.top-search .search-body .l { position:absolute;left:0;top:0;border-right:1px solid #333;padding-top:3px;padding-bottom:3px;}
.top-search .search-body .m {margin-left:100px;padding-right:80px;padding-top:3px;padding-bottom:3px;}
.top-search .search-body .r { position:absolute;right:0;top:0;}
.top-search .search-body .bd { float:left;width:33.3%; padding:3px 0;border-right:1px solid #333;}
.top-search .search-body .bd.last {border:0}
.top-search .search-body .vs {float:left;width:30%;padding:3px 0; }
.top-search .search-body .vs-name {float:left;width:10%; text-align:center; font-weight:bold; padding:3px 0; line-height:34px;}
.top-search .search-body .type {float:left;width:30%; border-right:1px solid #333;padding:3px 0;}
.top-search .search-body .form-control { border:0; font-size:14px;-webkit-appearance: none; position:relative;}
.top-search .search-body select.form-control {padding-right:25px; cursor:pointer; background-image:url(http://jscss.qianjia.com/common/images/select_bg.png); background-position:right center; background-repeat:no-repeat;}
.top-search .search-body .btn {font-size: 14px; height: 40px;}
.top-search .search-body .vs .form-control { text-align:center}
.top-search .search-body .each-left {padding-right:66px; overflow:auto;}
.top-search .search-body .each { float:left;width:33.3%;border-right:1px solid #333;padding:3px 0;}
.top-search .search-body .each-left .each.last { display:none}
.top-search .search-head .hd {color:#fff;font-size:20px; font-weight:bold;line-height:50px; text-align:center; position:relative;margin:0 auto;}

@media (min-width: 768px) {
.top-search {padding:70px 0; }
.top-search .search-body { margin-top:25px;height: 50px;}
.top-search .search-body .form-control {font-size:16px;}
.top-search .search-body .l {padding-top:8px;padding-bottom:8px;}	 
.top-search .search-body .m {margin-left:120px;padding-top:8px;padding-bottom:8px;}
.top-search .search-body .btn {height:50px;width:100px;font-size:16px;}
.top-search .search-head li {font-size:22px;}
.top-search .search-head li.active {font-size:28px}
.top-search .search-head li.active::after {  margin-left:-8px; border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid #fff;}
.top-search .search-body .bd { padding:8px 0;}
.top-search .search-body .vs {padding:8px 0; width:35%;}
.top-search .search-body .type {padding:8px 0;width:20%;}
.top-search .search-body .vs-name {padding:8px 0;font-size:18px;}
.top-search .search-head .hd {font-size:28px}
.top-search .search-body .each-left {padding-right:99px; }
.top-search .search-body .each {padding:8px 0;width:25%;}
.top-search .search-body .each-left .each.last { display:block}
}
@media (min-width: 992px) {
.top-search .search-head {width:65%;}	
.top-search .search-body {width:65%;}	
}


.top-search .search-body .vs .bs3 {width:100%}
.top-search .search-body .bs3 .btn {    color: #333; height:34px;border:0;width:100%; font-size:14px;background:none!important;  box-shadow:none!important; outline:none!important;}
.top-search .search-body .bootstrap-select .dropdown-menu {padding-top:0}
.top-search .search-body .bs-searchbox .form-control {height:26px;    padding:3px 12px;}
@media (min-width: 768px) {
.top-search .search-body .bs3 .btn {font-size:16px;}	
}

/*---page search---*/
.page-search { position:relative}


.mod-result { position:relative;padding-top:30px;padding-bottom:80px;}
.mod-result .result-head { font-size:16px; line-height:34px; position:relative; border-bottom:1px solid #ddd;}
.mod-result .result-head .desc { position:absolute;right:0;top:0; line-height:34px;font-size:14px; color:#999; display:none}
@media (min-width: 768px) {
.mod-result .result-head .desc { display:block }
}
.mod-result .ul-list {}
.mod-result .ul-list .each-company { position:relative; border-bottom:1px dashed #eee;padding:30px 0;}
.mod-result .ul-list .each-company:hover { background-color:#f9f9f9}
.mod-result .ul-list .each-company:hover .name a {color: #3092E2;}
.mod-result .ul-list .each-company .num { position:absolute;right:0;top:0; z-index:9;}
.mod-result .ul-list .each-company .num span {width:30px;height:30px; background-image:url(http://qianjia.com/jscss/common/images/brandindex/num.png);color:#fff; 
background-size:cover; display:block; text-align:center; line-height:26px;font-size:14px; }
.mod-result .ul-list .each-company .num .num1 {background-image:url(http://qianjia.com/jscss/common/images/brandindex/num1.png); font-weight:bold;}
.mod-result .ul-list .each-company .num .num2 {background-image:url(http://qianjia.com/jscss/common/images/brandindex/num2.png);font-weight:bold;}
.mod-result .ul-list .each-company .num .num3 {background-image:url(http://qianjia.com/jscss/common/images/brandindex/num3.png);font-weight:bold;}
.mod-result .ul-list .each-company .img { float: left;  width: 100px; position:relative; z-index:1;}
.mod-result .ul-list .each-company .img .img-cover {  background-image:url(http://jscss.qianjia.com/common/images/onerror_img.jpg); background-size:cover; background-repeat:no-repeat; }
.mod-result .ul-list .each-company .text {margin-left:110px; position:relative; z-index:2;padding-bottom:15px;}
.mod-result .ul-list .each-company .name {font-size:16px; line-height:16px;margin-bottom:10px;}
.mod-result .ul-list .each-company .name a {color:#333;}
.mod-result .ul-list .each-company .name a:hover {    color: #3092E2;}
.mod-result .ul-list .each-company a.tag { margin-left:10px;display:inline-block;width: auto; height: 18px;border-radius:4px; border:1px solid #3092E2!important;line-height: 16px; 
font-size: 10px; color:#3092E2!important; padding: 0 8px;}
.mod-result .ul-list .each-company .desc {margin-bottom:5px;color:#666;font-size:12px; line-height:1.6; display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.mod-result .ul-list .each-company .tel {margin-left:-10px; color:#ccc;font-size:12px; line-height:1.6;margin-bottom:15px; display:none;}
.mod-result .ul-list .each-company .tel span {padding:0 10px; color:#666;}
.mod-result .ul-list .each-company .data { position:relative;color:#666; z-index:3; }
.mod-result .ul-list .each-company .data dl { position:relative; overflow:auto; text-align:center;font-size:12px; background-color:#f9f9f9;  }
.mod-result .ul-list .each-company .data dt { float:left;width:20%; background-color:#3983F2;color:#fff;padding:10px 0 12px 0; position:relative; border-radius:6px;
background-image:url(http://qianjia.com/jscss/common/images/brandindex/dtbg.jpg); background-repeat:no-repeat; background-position:right center;font-weight:normal;}
.mod-result .ul-list .each-company .data dt:before {position:absolute;left:-5px; top:44%; content:' '; width:0; 
    height:0; 
    border-bottom:5px solid transparent;
    border-top:5px solid transparent;
    border-right:5px solid #3983F2;}
.mod-result .ul-list .each-company .data dd { float:left;width:20%;padding:10px 0 12px 0;  } 
.mod-result .ul-list .each-company .data.data-sm dd {width:26.6%;}
.mod-result .ul-list .each-company .data.data-lg dd {width:16%;}
.mod-result .ul-list .each-company .data.data-xs dd {width:40%;}
.mod-result .ul-list .each-company .data strong { display:block; line-height:1.6;font-size:16px; font-weight:normal;color:#333; }
.mod-result .ul-list .each-company .data dt strong {color:#fff}
.mod-result .ul-list .each-company .data .update { text-align:right;color:#999;font-size:10px;padding-top:5px;}

.empty-result {padding:30px 0; text-align:center;}
.empty-result .desc {color:#999;text-align:center;font-size:14px; line-height:30px;margin-top:10px;}
.empty-result .icon {width:100px;height:100px; background-image:url(http://qianjia.com/jscss/common/images/error404.jpg); background-size:cover;
background-repeat:no-repeat;margin:0 auto; }
.mod-result .loading-wrap {margin-top:30px;border:1px solid #eee;border-radius:5px; cursor:pointer;padding:8px;color:#666; background-color:#f9f9f9; text-align: center;}
 
.mod-result .ul-list font ,.mod-result .result-head font {  color: #5db85c!important;}

@media (min-width: 768px) {
.mod-result .ul-list .each-company  {padding:40px 20px}
.mod-result .ul-list .each-company .img {width: 170px;}
.mod-result .ul-list .each-company .text {margin-left:200px;}
.mod-result .ul-list .each-company .name {font-size:22px; line-height:22px;margin-bottom:15px;}
.mod-result .ul-list .each-company a.tag {margin-left:15px;line-height: 20px; height: 22px; padding: 0 10px;font-size: 12px;}	
.mod-result .ul-list .each-company .desc {font-size:14px;max-height:44px;}
.mod-result .ul-list .each-company .tel {font-size:14px; display:block}
.mod-result .ul-list .each-company .data dl {font-size:14px; background:none;}
.mod-result .ul-list .each-company .data strong {font-size:22px;  }
.mod-result .ul-list .each-company .data .update {font-size:12px;}
.mod-result .ul-list .each-company .num {left:-4px;right:auto;top:-1px;}
.mod-result .ul-list .each-company .num span { font-size:16px; width:44px;height:44px; line-height:38px; }
}
@media (min-width: 1200px) {
.mod-result .ul-list .each-company {    border-bottom: 1px dashed #ddd;}
.mod-result .ul-list .each-company .text { padding-right:47%;min-height: 110px; }		
.mod-result .ul-list .each-company .data { position:absolute;right:20px;top:65px;width:43%; } 
.mod-result .ul-list .each-company .data dt {padding:15px 0;}
.mod-result .ul-list .each-company .data dd {padding:15px 0;border:0;}
.mod-result .ul-list .each-company .data dl {border-left:1px solid #eee;}
}


/*----page realtime-----*/

.page-realtime { position:relative}
.mod-realtime {  position:relative;padding-top:30px;padding-bottom:80px;}
.mod-realtime .real-head { font-size:16px;padding-left:5px; padding-bottom:10px;position:relative; border-bottom:1px solid #ddd; text-align:center;}
.mod-realtime .real-head .desc { position:absolute;right:0;top:0; font-size:14px; color:#999 ; display:none;}
@media (min-width: 768px) {
.mod-realtime .real-head .desc { display:block;padding-top:8px; font-weight:normal; }	
.mod-realtime .real-head { font-size:20px; font-weight:bold; padding-bottom:13px; text-align:left;}
}

.real-table { position:relative;padding:30px 0;}
.real-table .table-form { position:relative}
.real-table .table-form .table-th {width:100%; height:40px;border-bottom:1px solid #3a81f3; }
.real-table .table-form .table-th li { line-height:40px; float:left;width:25%; text-align:center; font-weight:bold;}
.real-table .table-form .each-form {position:relative}
.real-table .table-form .each-form a {color:#444;transition:none; }
.real-table .table-form .each-form.active a {color:#fff; text-decoration:underline }
.real-table .table-form .each-form.active .head { background-color:#3A51F5; color:#fff; background-image:url(http://qianjia.com/jscss/common/images/brandindex/table_td.jpg); background-position:center; background-repeat:repeat-y;}
.real-table .table-form .each-form .desc { display:none;padding:10px 15px 30px 15px; border:1px solid #ddd;border-top:0; }
.real-table .table-form .each-form.active .desc { display:block}
.real-table .table-form .each-form .table-td { overflow:auto;border :1px solid #ddd;border-top:0; }
.real-table .table-form .each-form .table-td li { float:left;width:25%; font-size:13px;padding:8px 4px; text-align:center;}
.real-table .table-form .each-form .table-td .num { font-size:14px; font-style:italic; font-weight:bold; }
.real-table .table-form .desc .chart {height:300px;}
.real-table .table-form .desc .chart-title { text-align:left; font-size:16px;color:#666; margin-bottom:30px;margin-top:20px; line-height:1.2;padding-left:10px; border-left:6px solid #ddd;}
.real-table .table-form .desc .chart-table .table { }
.real-table .table-form .desc .chart-table .table th { text-align:center;color:#3092E2;border-bottom:1px solid #3092E2;}
.real-table .table-form .desc .chart-table .table td { text-align:center;}
@media (min-width:992px) {
.real-table .table-form .table-th li {width:12.5%; font-size:15px;}	
.real-table .table-form .each-form .table-td li {font-size:15px;  width:12.5%;padding:10px 6px;}
.real-table .table-form .each-form .table-td .num {font-size:16px; }
.real-table .table-form .each-form .desc {padding:20px 30px 40px 30px;min-height:430px;}
}



/*---page compare---*/

.page-compare { position:relative}
.default-img { text-align:center;margin:30px auto;}
.search-submit {border-bottom:1px solid #eee;padding:15px; background-color:#f7f7f7; margin-bottom:30px;}
.search-submit .form-inline { text-align: center; }
.search-submit .form-control {font-size: 14px; -webkit-appearance: none;}
.search-submit select.form-control {padding-right: 30px;cursor: pointer; background-image: url(http://jscss.qianjia.com/common/images/select_bg.png);
    background-position: right center; background-repeat: no-repeat;}
	
.chart-wrap { position:relative;margin-bottom:40px; }
.chart-wrap .chart-title { font-size:15px; line-height:36px;color:#666;text-align:center;margin-bottom:20px; border-radius:5px; background:#f8f8f8;}
.chart-wrap .chart-content {padding:5px;}
.chart-wrap .chart-content .table {border: none;}
.chart-wrap .chart-content .table th { padding: 9px 0; border-bottom: 1px solid #3092E2; min-width: 30px; color: #3092E2; font-size:15px;
font-weight: normal; text-align: center;  background: none;}
.chart-wrap .chart-content .table td {  border-top:0;  border-bottom: 1px solid #e6e6e6;color: #666; text-align:center;padding: 8px;overflow: hidden;  line-height: 1.6;}
.chart-wrap .chart-content .table .num { display:inline-block;color:#739dfb;font-weight: bold; width: 18px; height: 18px; font-size: 14px; 
margin:0 auto;text-align: center;  line-height: 18px;font-style: italic;}
.chart-wrap #charta {  height: 300px; }

.chart-wrap .chart-choose { position:relative; margin-bottom:20px;}
.chart-wrap .chart-choose ul { overflow:auto;margin:0 auto;border-left:1px solid #ddd;}
.chart-wrap .chart-choose li { float:left;padding:5px 0; width:25%; text-align:center;font-size:13px; border:1px solid #ddd; border-left:1px solid #fff;position:relative; cursor:pointer;}
.chart-wrap .chart-choose li.active { color:#1b8cca;border:1px solid #1b8cca; }

@media (max-width: 767px) {
.date-form-group { display:flex}
.date-form-group .form-control { flex:1}
.date-form-group .text {padding:0 10px; line-height:34px;}
}

@media (min-width: 768px) {
.chart-wrap {margin-bottom:80px;}
.date-form-group .form-control {margin:0 3px;}	
.chart-wrap .chart-content .table .num { font-size:15px}
.chart-wrap .chart-title {font-size:17px;line-height:46px;}
.chart-wrap #charta {  height: 500px; }
.chart-wrap .chart-choose ul {width:400px;}
.chart-wrap .chart-choose li {padding:5px 15px; font-size:14px; }
}


/*---page list---*/

.page-list { position:relative}
.search-choose {margin-top:-30px;border-bottom:1px solid #eee;padding:5px 0 2px 0; overflow:auto;  background-color:#f7f7f7; margin-bottom:30px;}
.search-choose .choose-tab { overflow:auto;}
.search-choose .choose-tab li { float:left;width:20%; text-align:center;}
.search-choose .choose-tab li.active {}
.search-choose .choose-tab li a {cursor:pointer; line-height:36px; display:inline-block;padding:0 2px;color:#444;font-size:15px; border-bottom:2px solid transparent;}
.search-choose .choose-tab li.active a {border-bottom:2px solid #3092E2; color:#3092E2;}
.search-choose .sub-tab { display:none;padding:6px 0; overflow:auto;border-left:1px solid #eee; }
.search-choose .sub-tab.on { display:block}
.search-choose .sub-tab div { float:left;width:20%; cursor:pointer;text-align:center;font-size:12px; padding:6px 0;background-color:#fff;border-right:1px solid #eee; }
.search-choose .sub-tab div.active { background-color:#3092E2;color:#fff; border-right:1px solid #3092E2;}

@media (min-width: 768px) {
.search-choose {padding:9px 15px 6px 15px;  }	
.search-choose .choose-tab li a { line-height:44px;font-size:17px; }
.search-choose .sub-tab div {font-size:15px; padding:8px 0;width:16%;margin:0 2%;border-radius:5px; border :1px solid #ddd;  }
.search-choose .sub-tab div.active {border :1px solid #3092E2;}
.search-choose .sub-tab {padding:10px 0;}
}



/*banner*/
.mod-banner {background-image:url(http://qianjia.com/jscss/common/images/brandindex/bannerbg1.jpg); background-size:350%; background-repeat:no-repeat; background-color:#F8F8F8;
padding-bottom:30px; background-position:center top; }
.mod-banner .head { text-align:center; color:#fff;padding-top:60px; font-size:30px; }
.mod-banner .desc {color:#fff; text-align:center;margin:0 auto; width:85%;max-width:550px; font-size:14px;padding-top:20px; line-height:1.6;}
.mod-banner .step { position:relative;padding-top:50px;padding-left:10px;padding-right:10px;}
.mod-banner .step .each {position:relative; background-color:#fff;border-radius:10px;padding:40px 20px;margin-bottom:30px; box-shadow:0 0 20px rgba(0,0,0,0.1);  text-align:center; 
transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}
.mod-banner .step .icon {margin:0 auto; }
.mod-banner .step .iconfont { font-size:50px; line-height:1;color:#297EFE;}
.mod-banner .step h3 {font-size:18px; font-weight:bold;margin-top:25px;margin-bottom:15px;color: #333;}
.mod-banner .step p {  max-width:260px;margin:0 auto; line-height:1.6; font-size:15px; }
.mod-banner .step .bottom { position:absolute;bottom:0;left:50%;width:40px;height:3px; margin-left:-20px;    background-color: #297EFE;}
@media (min-width: 768px) {
.mod-banner {background-size:250%; padding-bottom:40px;  }
.mod-banner .head {  padding-top:150px;	font-size:64px; font-weight:100; }
.mod-banner .desc { font-size:20px;padding-top:30px;}
.mod-banner .step {  padding-top:65px;}
.mod-banner .step .each { padding:50px 20px 60px 20px;margin-top:15px;margin-bottom:35px;box-shadow:0 0 30px rgba(0,0,0,0.1); }
.mod-banner .step .iconfont { font-size:56px; }
.mod-banner .step h3 { font-size:22px; margin-top:40px; }

}
@media (min-width: 992px) { 
.mod-banner {background-size:auto;}
.mod-banner .step { padding-top:95px;padding-left:0;padding-right:0;}
.mod-banner .step .col-md-4 {padding:0 25px;}
.mod-banner .step .each {height:300px; overflow:hidden;border-radius:0; }	
}
@media (min-width: 1200px) {
.mod-banner .step .each:hover {margin-top:1px;}	
.mod-banner .step .each:hover .iconfont { color:#FFC926;}
.mod-banner .step .each:hover .bottom {background-color:#FFC926;}
}


/*advise*/
.mod-advise {padding-top:50px; padding-bottom:50px; background-image:url(http://qianjia.com/jscss/common/images/brandindex/modbg2.jpg); background-repeat:repeat-x; background-position: left top;}
.mod-advise .head {padding:20px;background-color:#2B8FE6;  background-image: linear-gradient(to right, #4484E4 0%, #00A0E9 100%); 
 margin-bottom:30px;border-radius:10px; margin-top:30px; line-height:1.8;font-size:14px;color:#fff; position:relative; /*box-shadow:0 5px 20px rgba(150,150,150,0.1);*/}
 .mod-advise .head:before {  width:0; position:absolute;left:20px;top:-6px;content:' '; 
    height:0; 
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #1b8cca;}
.mod-advise .desc { line-height:1.8;margin-bottom:30px;font-size:14px;padding:0 10px;}
.mod-advise .desc strong {color: #FFC926;}
.mod-advise .img-wrap { position:relative;width:80%;margin:0 auto;}
.mod-advise .img-wrap .imga {width:100%;height:auto; position:relative;z-index:1;}
.mod-advise .img-wrap .imgb {width:100%;height:auto; position:absolute; left:0;top:0; z-index:2;}
.mod-advise .img-wrap .imgc {width:100%;height:auto; display:block;margin-top:20px;}
.mod-advise .img-wrap .imgd {width:100%;height:auto; display:block; }
@media (min-width: 768px) {
	.mod-advise {padding-top:100px; padding-bottom:120px;}
	.mod-advise .mod-content {padding-top:10px;}
	.mod-advise .head {font-size:16px; margin-top:40px; margin-bottom:50px; }
	.mod-advise .desc {font-size:16px;  }
	 .mod-advise .head:before {left:40px;top:-8px;
	 border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid #1b8cca;}
}
@media (min-width: 992px) {
.mod-advise .head { border-radius:0;}		
}
@media (min-width: 1200px) {
.mod-advise.mod-c .img-wrap {width:95%; }	
}
@media (min-width: 1500px) {
.mod-advise.mod-c .img-wrap { margin-top:-80px;}	
}


/*man*/
.mod-man {padding-top:50px; background-color:#212121; background-image:url(http://qianjia.com/jscss/common/images/brandindex/manbg.jpg); 
background-size:cover; background-repeat:no-repeat; background-position:left top;}
.mod-man .mod-content { position:relative;padding:30px 5px 50px 5px; }
.mod-man .mod-title {color:#fff; text-align:center;padding:0; }
.mod-man .mod-title .bottom {margin:10px auto;}
.mod-man .man-desc { line-height:1.8; margin:0 auto; color:#fff;padding:0 20px;}
.mod-man .man-desc strong { font-size:20px; display:block;padding-bottom:10px;padding-top:40px; text-align:center; font-weight:normal;}
.mod-man .man-img { text-align:center; width:50%;margin:0 auto;}
.mod-man .man-desc p {margin-bottom:15px;  }
@media (min-width: 768px) {
.mod-man {padding-top:110px; }	
.mod-man .mod-content { padding:30px 15px 90px 15px; }
.mod-man .man-desc { font-size:16px; }	 
.mod-man .man-desc strong {font-size:36px;padding-bottom:30px; }
.mod-man .mod-title { font-weight:normal}
  
 .mod-man .man-img { width:80%;max-width:307px;}
}
@media (min-width: 992px) {
.mod-man .man-desc strong {  padding-top:0;  text-align:left;}	
	
}



/*----page contact-----*/
.page-contact { position:relative}

.page-contact .mod-contact-banner {  position:relative;  background-color: #013296; padding: 30px 20px; text-align:center; overflow:hidden; }
.page-contact .mod-contact-banner .bg { position:absolute;left:0;top:0;width:100%;height:100%; z-index:1; background-size:cover;
background-image:url(http://qianjia.com/jscss/common/images/brandindex/isearchbg4.jpg); background-position:center top; background-repeat:no-repeat;
animation: cover 12s infinite;
-moz-animation: cover 12s infinite;
-webkit-animation: cover 12s infinite;
-o-animation: cover 12s infinite;}
.page-contact .mod-contact-banner .container { position:relative; z-index:2;}
.page-contact .mod-contact-banner h3 {font-size:20px;color:#fff;margin:0;padding-bottom:5px; }
.page-contact .mod-contact-banner p {color:#fff; font-size:20px;}
.page-contact .mod-contact { padding:40px 15px 40px 15px;  position:relative; background-color:#f8f8f8; text-align:center; }
.page-contact .mod-contact .iconfont { margin:0 auto;font-size:40px;color:#103B9D;}
.page-contact .mod-contact p { font-size:14px; line-height:1.6;}
.page-contact .mod-contact strong { display:block;font-size:15px;padding-bottom:3px;}
.page-contact .mod-contact .col-md-4 {padding-bottom:30px;}
@media (min-width: 768px) {
.page-contact .mod-contact-banner h3 {font-size:30px; }
.page-contact .mod-contact-banner p { font-size:36px; font-weight:100; }
.page-contact .mod-contact-banner { padding:70px 0 60px 0; }	
	
.page-contact .mod-contact {padding-top:50px; padding-bottom:50px;}	
.page-contact .mod-contact .mod-content {padding-top:30px;width:500px;margin:0 auto; text-align:center}
.page-contact .mod-contact .iconfont { font-size:60px; }
.page-contact .mod-contact p { font-size:16px;}
.page-contact .mod-contact strong {font-size:17px;} 
}

/* ------page question-----*/ 

.page-question { position:relative}
.page-question .qa-wrap {margin-top:30px;}
.page-question .qa-left-nav { display:none;}
.page-question .qa-right-wrap { position:relative;}
.page-question .qa-left-nav .content {padding-top:10px}
.page-question .qa-left-nav .head {border :1px solid #f0f0f0; border-top:2px solid #103B9D; overflow:hidden;height:48px;width:100%; background-color:#f9f9f9;
line-height:46px;text-align: center; font-size: 16px;letter-spacing: 1px; }
.page-question .qa-left-nav .ul-list { padding-bottom:6px; border-radius:0 0 6px 6px;}
.page-question .qa-left-nav .ul-list li {border:1px solid #f0f0f0;border-top:0;}
.page-question .qa-left-nav .ul-list li a { color:#333; background-color:#fff;height:44px;font-size:15px; line-height:44px; display:block; text-align:left; padding:0 10px;}
.page-question .qa-left-nav .ul-list li a:hover { color:#3092E2; }
.page-question .qa-left-nav .ul-list li.active a {  color:#3092E2;}

.page-question .qa-list .each-qa {margin-bottom:20px; padding-bottom:20px;}
.page-question .qa-list .head { font-size:15px;color:#333; background-image:url(http://qianjia.com/jscss/common/images/brandindex/q.png); background-position:2px center; background-repeat:no-repeat;
 background-size:24px;padding-left:34px; line-height:1.2;margin-bottom:20px;}
.page-question .qa-list .desc {padding:15px; line-height:1.8;color:#666;font-size:12px; background-color:#f9f9f9;border:1px solid #f4f4f4;}


 @media (min-width: 992px) {
.page-question .qa-wrap {margin-top:40px; }
.page-question .qa-left-nav { float:left;width:250px; background-color:#fff; display:block; }
.page-question .qa-right-wrap { margin-left:290px; padding-right:10px;}
.page-question .qa-left-nav.fixed { top:0; position:fixed;}
 .page-question .qa-list .head { font-size:18px;margin-bottom:25px; background-size:30px;padding-left:40px;}
.page-question .qa-list .each-qa {margin-bottom:35px;padding-bottom:35px;}
.page-question .qa-list {padding-top:20px;}
.page-question .qa-list .desc { line-height:2;padding:20px 25px; font-size:14px;}
.page-question .qa-list .each-qa:hover .head {color:#3092E2;  }
 }