@import url("../css/bootstrap.css");
@import url("../css/iconfont.css");
@import url("../libs/font-awesome/css/font-awesome.min.css");
@import url("../../assets/libs/ck-layer/dist/theme/default/layer.css");
@import url("../../assets/libs/toastr/toastr.min.css");
@import url("../libs/bootstrap-daterangepicker/daterangepicker.css");
@import url("../libs/nice-validator/dist/jquery.validator.css");
/* Mooer General body settings */
html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
header, footer, nav, section, article, menu, aside {display: block;position: relative;}
body{background:#fff;color:#414141;font-size:14px;font-family:-apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif;text-align:left;}
* {box-sizing: border-box;}
*::before, *::after {box-sizing: border-box;}
img {border: 0 none;position: relative;}
del{text-decoration:line-through}li{list-style:none}
/***General typography***/
h1, h2, h3, h4, h5, h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Source Sans Pro',sans-serif;}
/***Fix link outlines after click***/
a {color: #444;}
a, a:focus, a:hover, a:active {outline: 0;text-decoration: none;}
a:hover {color: #00A0E9;text-decoration: none;}
hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:.5em 0;border:none;}
hr.space{background:#fff;color:#fff;}
.clearfix:after, .container:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.inner1000 {margin: 0 auto;position: relative;width: 1000px;}
.wrap{width:1200px;margin:120px auto 0;clear:both;padding:0;}
.inner1200 {margin: 0 auto;position: relative;width: 1200px;}
/***Misc tools***/
.pull-right{float: right !important;}
.pull-left{float: left !important;}
.fw {font-weight: 700;}
.fs50 {font-size: 50px;}
.fs20 {font-size: 20px;}
.fs18 {font-size: 18px;}
.hide{display: none !important;}
.show{display: block !important;}
.invisible{visibility: hidden;}
.affix{position: fixed;}
.no-border{border: 0 !important;}
.no-padding{padding: 0 !important;}
.no-margin{margin: 0 !important;}
.no-shadow{box-shadow: none !important;}
.no-bottom-space {padding-bottom: 0 !important;margin-bottom: 0 !important;}
.no-top-space {padding-top: 0 !important;margin-top: 0 !important;}
.no-space {margin: 0 !important;padding: 0 !important;}
.no-text-shadow {text-shadow: none !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mr0 {margin-right: 0 !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.ml0 {margin-left: 0 !important;}
.ml20 {margin-left: 20px !important;}
.pl0 {padding-left: 0 !important;}
.pr0 {padding-right: 0 !important;}
.pr30 {padding-right: 30px !important;}

.m-0{margin-top:0!important;margin-right:0!important;margin-bottom:0!important;margin-left:0!important}
.mt-0{margin-top:0!important}
.mr-0{margin-right:0!important}
.mb-0{margin-bottom:0!important}
.ml-0{margin-left:0!important}
.mx-0{margin-left:0!important;margin-right:0!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.p-0{padding-top:0!important;padding-right:0!important;padding-bottom:0!important;padding-left:0!important}
.pt-0{padding-top:0!important}
.pr-0{padding-right:0!important}
.pb-0{padding-bottom:0!important}
.pl-0{padding-left:0!important}
.px-0{padding-left:0!important;padding-right:0!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.m-1{margin-top:5px!important;margin-right:5px!important;margin-bottom:5px!important;margin-left:5px!important}
.mt-1{margin-top:5px!important}
.mr-1{margin-right:5px!important}
.mb-1{margin-bottom:5px!important}
.ml-1{margin-left:5px!important}
.mx-1{margin-left:5px!important;margin-right:5px!important}
.my-1{margin-top:5px!important;margin-bottom:5px!important}
.p-1{padding-top:5px!important;padding-right:5px!important;padding-bottom:5px!important;padding-left:5px!important}
.pt-1{padding-top:5px!important}
.pr-1{padding-right:5px!important}
.pb-1{padding-bottom:5px!important}
.pl-1{padding-left:5px!important}
.px-1{padding-left:5px!important;padding-right:5px!important}
.py-1{padding-top:5px!important;padding-bottom:5px!important}
.m-2{margin-top:10px!important;margin-right:10px!important;margin-bottom:10px!important;margin-left:10px!important}
.mt-2{margin-top:10px!important}
.mr-2{margin-right:10px!important}
.mb-2{margin-bottom:10px!important}
.ml-2{margin-left:10px!important}
.mx-2{margin-left:10px!important;margin-right:10px!important}
.my-2{margin-top:10px!important;margin-bottom:10px!important}
.p-2{padding-top:10px!important;padding-right:10px!important;padding-bottom:10px!important;padding-left:10px!important}
.pt-2{padding-top:10px!important}
.pr-2{padding-right:10px!important}
.pb-2{padding-bottom:10px!important}
.pl-2{padding-left:10px!important}
.px-2{padding-left:10px!important;padding-right:10px!important}
.py-2{padding-top:10px!important;padding-bottom:10px!important}
.m-3{margin-top:15px!important;margin-right:15px!important;margin-bottom:15px!important;margin-left:15px!important}
.mt-3{margin-top:15px!important}
.mr-3{margin-right:15px!important}
.mb-3{margin-bottom:15px!important}
.ml-3{margin-left:15px!important}
.mx-3{margin-left:15px!important;margin-right:15px!important}
.my-3{margin-top:15px!important;margin-bottom:15px!important}
.p-3{padding-top:15px!important;padding-right:15px!important;padding-bottom:15px!important;padding-left:15px!important}
.pt-3{padding-top:15px!important}
.pr-3{padding-right:15px!important}
.pb-3{padding-bottom:15px!important}
.pl-3{padding-left:15px!important}
.px-3{padding-left:15px!important;padding-right:15px!important}
.py-3{padding-top:15px!important;padding-bottom:15px!important}
.m-4{margin-top:20px!important;margin-right:20px!important;margin-bottom:20px!important;margin-left:20px!important}
.mt-4{margin-top:20px!important}
.mr-4{margin-right:20px!important}
.mb-4{margin-bottom:20px!important}
.ml-4{margin-left:20px!important}
.mx-4{margin-left:20px!important;margin-right:20px!important}
.my-4{margin-top:20px!important;margin-bottom:20px!important}
.p-4{padding-top:20px!important;padding-right:20px!important;padding-bottom:20px!important;padding-left:20px!important}
.pt-4{padding-top:20px!important}
.pr-4{padding-right:20px!important}
.pb-4{padding-bottom:20px!important}
.pl-4{padding-left:20px!important}
.px-4{padding-left:20px!important;padding-right:20px!important}
.py-4{padding-top:20px!important;padding-bottom:20px!important}
.mx-auto{margin:0 auto!important;float:none!important}
.my-auto-parent{position:relative!important}
.my-auto{position:absolute!important;top:50%!important;transform:translateY(-50%)!important}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-justify{text-align: justify;}
.text-nowrap{white-space: nowrap;}
.text-lowercase{text-transform: lowercase;}
.text-uppercase{text-transform: uppercase;}
.text-capitalize{text-transform: capitalize;}
.text-muted{color: #777777;}
.text-primary{color: #2c3e50;}
a.text-primary:hover,a.text-primary:focus{color: #1a242f;}
.text-success{color: #18bc9c;}
a.text-success:hover,a.text-success:focus{color: #128f76;}
.text-info{color: #3498db;}
a.text-info:hover,a.text-info:focus{color: #217dbb;}
.text-warning{color: #f39c12;}
a.text-warning:hover,a.text-warning:focus{color: #c87f0a;}
.text-danger{color: #e74c3c;}
a.text-danger:hover,a.text-danger:focus{color: #d62c1a;}
.bg-white{background-color: #fff;}
.bg-primary{color: #fff;background-color: #2c3e50;}
a.bg-primary:hover,a.bg-primary:focus{background-color: #1a242f;}
.bg-success{background-color: #dff0d8;}
a.bg-success:hover,a.bg-success:focus{background-color: #c1e2b3;}
.bg-info{background-color: #d9edf7;}
a.bg-info:hover,a.bg-info:focus{background-color: #afd9ee;}
.bg-warning{background-color: #fcf8e3;}
a.bg-warning:hover,a.bg-warning:focus{background-color: #f7ecb5;}
.bg-danger{background-color: #f2dede;}
a.bg-danger:hover,a.bg-danger:focus{background-color: #e4b9b9;}
.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}
.btn-gray{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-gray:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}
.btn-light,.label-primary{color:#0084ff;background:rgba(0,132,255,.1);border-color:transparent}
.btn-light:hover,.label-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}
.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-light.active,.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.voted{color:#fff;background-color:#007bff;border-color:#007bff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-lg{-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;line-height: 0;}
*html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}
.clear {clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}

.col-lg-5ths,.col-md-5ths,.col-sm-5ths,.col-xs-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px
}
@media (max-width :767px) {
	.col-xs-5ths {
		width: 50%;
		float: left
	}
}
@media (min-width :768px) {
	.col-sm-5ths {
		width: 20%;
		float: left
	}
}
@media (min-width :992px) {	
	.col-md-5ths {
		width: 20%;
		float: left
	}
}
@media (min-width :1200px) {	
	.col-lg-5ths {
		width: 20%;
		float: left
	}
}


.panel-default{padding:0 15px;border-color:#e4ecf3}
.panel-defaultBAK{border:none;padding:0 15px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:2px;-webkit-background-clip:padding-box;-moz-border-radius:2px;-moz-background-clip:padding;border-radius:2px;background-clip:padding-box}
.panel-default>.panel-heading{position:relative;padding:15px 0;background:#fff;border-bottom:1px solid #f5f5f5}
.panel-default>.panel-heading .panel-title{font-size:16px}
.panel-default>.panel-heading .panel-title>i{display:none}
.panel-default>.panel-heading small{font-weight:400;color:#999;font-size:13px}
.panel-default>.panel-heading .more{position:absolute;top:13px;right:0;display:block;color:#919191;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;font-weight:400;font-size:13px}
.panel-default>.panel-heading .more:hover{color:#616161;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.panel-default>.panel-heading div.more{top:17px}
.panel-default>.panel-heading .panel-bar{position:absolute;top:7px;right:0;display:block}
@media (max-width:767px){.panel-default{padding:0 10px}
.panel-default>.panel-heading{padding:10px 0}
.panel-default>.panel-heading .more{top:8px}
}
.panel-default>.panel-footer{padding:15px 0;background:0 0}
.panel-default>.panel-body{position:relative;padding:15px 0}
.panel-primary>.panel-heading{background-color:#46c37b;color:#fff}
.panel-primary>.panel-body{background:#fafafa;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.panel-gray{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.08);-moz-box-shadow:0 2px 4px rgba(0,0,0,.08);box-shadow:0 2px 4px rgba(0,0,0,.08)}
.panel-gray>.panel-heading{background-color:#f5f5f5;color:#919191}
.panel-gray>.panel-body{color:#919191;background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.panel-page{padding:45px 50px 50px;min-height:500px}
.panel-page .panel-heading{background:0 0;border-bottom:none;margin:0 0 30px 0;padding:0}
.panel-page .panel-heading h2{font-size:25px;margin-top:0}
@media (max-width:767px){.panel-page{padding:15px;min-height:300px}
}

.img-zoom{overflow:hidden;display:inline-block}
.img-zoom img{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.img-zoom:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive img{position:absolute;object-fit:cover;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}
.embed-responsive-square{padding-bottom:100%}

.dropdown-submenu{position: relative;}
.dropdown-submenu > .dropdown-menu{top: 0;left: 100%;margin-top: -6px;margin-left: -1px;border-radius: 3px 0 3px 3px;}
.dropdown-submenu:hover > .dropdown-menu{display: block;}
.dropdown-submenu:hover > a:after{border-left-color: #fff;}
.dropdown-submenu > a:after{display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;}
.dropdown-submenu.pull-left{float: none;}
.dropdown-submenu.pull-left > .dropdown-menu{left: -100%;margin-left: 10px;border-radius: 3px 0 3px 3px;}
.form-control{border-radius: 0;box-shadow: none;border-color: #d2d6de;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.form-control:focus{border-color: #3c8dbc;box-shadow: none;}
.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder{color: #bbb;opacity: 1;}
.form-control .btn{border-radius: 0;}
select.form-control{-webkit-appearance: none;-webkit-border-radius: 0px;background-position: right 50%;background-repeat: no-repeat;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);}
.form-group.has-success label{color: #18bc9c;}
.form-group.has-success .form-control,.form-group.has-success .input-group-addon{border-color: #18bc9c;box-shadow: none;}
.form-group.has-success .help-block{color: #18bc9c;}
.form-group.has-warning label{color: #f39c12;}
.form-group.has-warning .form-control,.form-group.has-warning .input-group-addon{border-color: #f39c12;box-shadow: none;}
.form-group.has-warning .help-block{color: #f39c12;}
.form-group.has-error label{color: #e74c3c;}
.form-group.has-error .form-control,.form-group.has-error .input-group-addon{border-color: #e74c3c;box-shadow: none;}
.form-group.has-error .help-block{color: #e74c3c;}
.input-group .input-group-addon{border-radius: 0;border-color: #d2d6de;background-color: #fff;}
.btn-group-vertical .btn.btn-flat:first-of-type,.btn-group-vertical .btn.btn-flat:last-of-type{border-radius: 0;}
.icheck > label{padding-left: 0;}
.form-control-feedback.fa{line-height: 31px;}
.input-lg + .form-control-feedback.fa,.input-group-lg + .form-control-feedback.fa,.form-group-lg .form-control + .form-control-feedback.fa{line-height: 42px;}
.input-sm + .form-control-feedback.fa,.input-group-sm + .form-control-feedback.fa,.form-group-sm .form-control + .form-control-feedback.fa{line-height: 28px;}
.btn{-webkit-box-shadow: none;box-shadow: none;border: 1px solid transparent;}
.btn.uppercase{text-transform: uppercase;}
.btn.btn-flat{border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-width: 1px;}
.btn:active{-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);}
.btn:focus{outline: none;}
.btn.btn-file{position: relative;overflow: hidden;}
.btn.btn-file > input[type='file']{position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;opacity: 0;filter: alpha(opacity=0);outline: none;background: white;cursor: inherit;display: block;}
.btn-default{background-color: #f4f4f4;color: #444;border-color: #ddd;}
.btn-default:hover,.btn-default:active,.btn-default.hover{background-color: #e7e7e7;}
.btn-outline{border: 1px solid #fff;background: transparent;color: #fff;}
.btn-outline:hover,.btn-outline:focus,.btn-outline:active{color: rgba(255,255,255,0.7);border-color: rgba(255,255,255,0.7);}
.btn-link{-webkit-box-shadow: none;box-shadow: none;}
.btn[class*='bg-']:hover{-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.2);box-shadow: inset 0 0 100px rgba(0,0,0,0.2);}
.btn-app{border-radius: 3px;position: relative;padding: 15px 5px;margin: 0 0 10px 10px;min-width: 80px;height: 60px;text-align: center;color: #666;border: 1px solid #ddd;background-color: #f4f4f4;font-size: 12px;}
.btn-app > .fa,.btn-app > .glyphicon,.btn-app > .ion{font-size: 20px;display: block;}
.btn-app:hover{background: #f4f4f4;color: #444;border-color: #aaa;}
.btn-app:active,.btn-app:focus{-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);}
.btn-app > .badge{position: absolute;top: -3px;right: -10px;font-size: 10px;font-weight: 400;}

.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{border-top: 1px solid #f4f4f4;}
.table > thead > tr > th{border-bottom: 2px solid #f4f4f4;}
.table tr td .progress{margin-top: 5px;}
.table-bordered{border: 1px solid #f4f4f4;}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border: 1px solid #f4f4f4;}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width: 2px;}
.table.no-border,.table.no-border td,.table.no-border th{border: 0;}
table.text-center,table.text-center td,table.text-center th{text-align: center;}
.table.align th{text-align: left;}
.table.align td{text-align: right;}
/***Topbar elements***/
.topbar {display:none;color: #f3f3f3;font-weight: 300;background: #262a33;height:40px;line-height:40px;}
.topbar a {color: #f3f3f3;}
.topbar a:hover {color: #f3f3f3;}
.topbar a:focus {text-decoration: none;}
.topbar .fa {margin-right: 8px;}
.topbar .topbar-info{}
.topbar .topbar-info p{line-height:40px;}
.topbar .topbar-info p.tel span {font-weight: bold;}
.topbar .topbar-nav{float:right;text-align:right;width:40%;}
.topbar .topbar-nav li {padding-left: 11px;padding-right: 15px;border-right: solid 1px #d8d8d8;}
.topbar .topbar-nav li:last-child {border: none;}
.topbar .topbar-nav li:last-child {padding-right: 0;}

.topbar .topbar-user{display:inline-block;position:relative;margin-right:20px;}
.topbar .topbar-user .user-info img{width:24px;height:24px;border-radius:50%;vertical-align:middle;}
.topbar-search{display:inline-block;position:relative;cursor:pointer;}
.topbar-search:hover,.topbar-search.show-search{background-color:#f3f3f3;}
.topbar-search:hover .search-btn,.topbar-search.show-search .search-btn{color:#666;}
.search-btn .fa{margin:0;padding:0 15px;}
.search-box{display:none;background-color:#f3f3f3;padding:10px;position:absolute;top:36px;right:0;z-index:9999;box-shadow: 1px 1px 10px 2px #ddd;}
.topbar-search.show-search .search-box{display:block;}
.search-box .form-control{width: 250px;}
.dropdown-menu > li > a {padding: 8px 20px;}
.topbar-search li > a h5 {overflow: hidden;text-overflow: ellipsis;}
.topbar-search > li > a {font-size: 14px;}

/***Header and header elements***/
.header {background: #fff;height:90px;border-radius: 0;z-index: 999;position: relative;box-shadow: 0 3px 9px rgba(0,0,0,0.1);
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=5,);
    -moz-box-shadow: 0 3px 9px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.1);	
	}
.header .container {position: relative;}
.header .site-logo {float: left;margin-top:25px;font-size: 22px;font-weight: 400;width:210px;}
.header .site-logo img{height:40px;}
.page-header-fixed .header{position: fixed;top: 0;left: 0;width:100%;-webkit-transform: translateZ(0);filter: Alpha(Opacity=96);/*IE7 fix*/opacity: .96;z-index: 40;}
/* Navigation */
.header-navigation {padding: 0;float: right;text-transform: uppercase;}
.header-navigation ul {margin: 0;padding: 0;list-style: none;}
.header-navigation > ul > li {float: left;position:relative;padding:0 19px;}
.header-navigation > ul > li > a {font-size: 16px;color: #333;display: block;line-height:90px;text-align:center;font-weight:500;}
.header-navigation ul > li.active > a,
.header-navigation ul > li > a:hover,
.header-navigation ul > li > a:focus,
.header-navigation ul > li.open > a,
.header-navigation ul > li.open > a:hover,
.header-navigation ul > li.open > a:focus {color: #00A0E9;text-decoration: none;}
.header-navigation ul > li.active > a {border-bottom: 2px solid #00A0E9;}
/* mdd menu */
.header-navigation,.header-navigation .mdd {position: static;}
.header-navigation .mdd-fix-left,.header-navigation .mdd-fix-right {position: relative;}

.header-navigation .mdd-menu {display:none;left: auto;top: 100%; padding: 0;border-top: solid 4px #00A0E9;background: #fff;position: absolute;
text-transform: none;font-size: 14px;letter-spacing: 0;border-radius: 0;z-index: 9999;min-width:163px;
border-bottom: 3px solid #dcdcdc\9;border-right: 3px solid #dcdcdc\9; background: #ffffff;box-shadow: 0px 1px 2px 1px rgba(0,0,0,.25);}
.header-navigation .mdd-menu:before { top: -12px;left:20px;width: 0; height: 0;z-index: 1002; content: " "; display: block !important; position: absolute;border-bottom: 8px solid #00A0E9;border-right: 8px solid transparent;border-left: 8px solid transparent;}
.mdd-fix-left .mdd-menu {left: 0;width: 700px;}
.mdd-fix-right .mdd-menu {right: 0;width: 700px;}
.header-navigation > ul > li > .mdd-menu {margin-top: -5px;z-index: 1001;}
.header-navigation .mdd-menu li {padding: 0;margin: 0;border-bottom: solid 1px #efefef;position: relative;float: none;}
.header-navigation .mdd-menu li:last-child {border: none;}
.header-navigation .mdd-menu li > a {font-family:"microsoft yahei";padding: 10px 15px;color: #767f88;clear: both;display: block;font-weight: normal;line-height: 1.42857;white-space: nowrap;}
.header-navigation .mdd-menu > li > a:hover,
.header-navigation .mdd-menu > li.active > a {background: #00A0E9;color: #fff;}
.mdd-submenu > a:after {display: none;}
/* n-level submenu */
.header-navigation .mdd-menu .mdd-menu {left: 100%;right: auto;top: 0px;}
.header-navigation .mdd-menu a {position: relative;}
.header-navigation .mdd-menu .fa {position: absolute;top: 13px;right: 15px;}
/* p submenu */
.header-navigation .p-menu{display:none;position: absolute;top: 90px;left: 0;width: 100%;height: 0;background: #fff;color: #000;z-index: 10;border-bottom: 3px solid #dcdcdc\9;border-right: 3px solid #dcdcdc\9;box-shadow: 0px 1px 2px 1px rgba(0,0,0,.25);}
.header-navigation .p-menu .wrap{max-width: 1200px;margin: 0 auto;background-color:#fff;text-transform: none;font-size: 14px;letter-spacing: 0;border-radius: 0;z-index: 9999;padding:20px;}
.header-navigation .p-menu dl{float:left;display:inline-block;margin-right:15px;width:220px;}
.header-navigation .p-menu dl:last-child{margin-right:0;}
.header-navigation .p-menu dl dt{font-weight:bold;line-height:30px;font-size:16px;}
.header-navigation .p-menu dl dt a{color: #767f88;padding-left:10px;}
.header-navigation .p-menu dl dt a:hover{color:#00A0E9;}
.header-navigation .p-menu dl dt i{color: #00A0E9;font-size:18px;margin-right:8px;}
.header-navigation .p-menu dl dd{line-height: 1.42857;position:relative;margin-top:15px;}
.header-navigation .p-menu dl dd a{display:block;background-color: #F3F3F3;color: #666;padding:10px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.header-navigation .p-menu dl dd .name{position:relative;color:#666;font-size:14px;}
.header-navigation .p-menu dl dd .desc{margin-top:5px;color:#999;font-size:12px;}
.header-navigation .p-menu dl dd a:hover {background-color: #00A0E9;}
.header-navigation .p-menu dl dd a:hover .name,.header-navigation .p-menu dl dd a:hover .desc {color: #fff;}
.header-navigation .p-menu dl dd .icon-hot,.header-navigation .p-menu dl dd .icon-new{display: inline-block;margin-left:5px;vertical-align:top;width: 25px;height: 11px;}
.header-navigation .p-menu dl dd .icon-new{width: 25px;background:url(../img/ic-new.png) 0 center no-repeat !important;}
.header-navigation .p-menu dl dd .icon-hot{width: 25px;background:url(../img/ic-hot.png) 0 center no-repeat !important;}
/* Top Search */
.header-navigation li.menu-search {position: relative;top: 30px;}
.header-navigation li.menu-search span.sep {top: 0;width: 1px;height: 26px;background: #eaeaea;position: relative;margin: 0 10px 0 8px;display: inline-block;}
.header-navigation li.menu-search i {color: #333;font-size: 16px;cursor: pointer;position: relative;top: -6px;width: 15px;height: 15px;opacity: 0.6;}
.header-navigation li.menu-search i:hover {color: #e02222;background-position: 0 -15px;}
.header-navigation .search-box {right: -7px;top: 100%;padding: 15px;display: none;background: #fcfafb;position: absolute;border-top: solid 2px #ea4c1d;box-shadow: 5px 5px rgba(91, 91, 91, 0.2);width: 300px;margin-top: 0;z-index: 22;}
.header-navigation .search-box:after { top: -8px;width: 0; height: 0;right: 8px;z-index: 2; content: " "; display: block; position: absolute;border-bottom: 8px solid #e6400c;border-right: 8px solid transparent;border-left: 8px solid transparent;}
.header-navigation .search-box button {margin-left: 0 !important;}
@media (min-width: 768px) {
  .topbar{display:block;}
  .mheader{display:none;}
}
@media (max-width: 767px) {
  .header{display:none;}
}
@media (max-width: 767px) {
#content-container{margin-top:50px;}
}
/* Banner */
.slider-wrap {position: relative;height: 430px;width: 100%;}
.slider-wrap li {zoom: 1;vertical-align: middle;display: block;height: 100%;}
.slider-wrap li a{width: 100%;height: 100%;display: inline-block;background-position: center;background-size: cover;}
.slider-wrap .swiper-pagination-bullet{width:20px;height:5px;border-radius:0;}
@media (max-width: 767px) {
	.slider-wrap {margin-top:50px;height:200px;}
}
/* Banner */
.banner{text-align:center;position: relative;height:300px;}
.banner-about{text-align:center;height:399px;background:url("../img/banner_about.jpg") no-repeat center center}
.banner-history{text-align:center;height:400px;background:url("../img/banner15.jpg") no-repeat center center}
@media (max-width: 767px) {
	.banner-about{background-image: url(../img/banner_about_mb.jpg);height: 175px;background-size: cover;}
}
/* AD */
.panel-block-ad {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.panel-block-ad img {
  width: 100%;
}
/* Messager */
.message-wrap{margin:20px auto;padding:40px;background-color:#fff;border:solid 1px #ddd;}
.message-wrap .info{font-size:20px;font-weight:bold;color:#666;line-height:30px;padding:40px;border:dashed 1px #ddd;border-radius:10px;}
.message-wrap .icon-box{text-align:center;margin-bottom:40px;}
.message-wrap .icon-box i{font-size:100px;color:#f1f1f1;}
.message-wrap .icon-box i.icon-success{color:green;}
.message-wrap .icon-box i.icon-error{color:red;}
.message-wrap .icon-box i.icon-warning{color:#f60;}
.message-wrap .action{margin-top:60px;text-align:center;}
.message-wrap .action a.btn{display:inline-block;cursor: pointer;border:none;padding:0 10px;min-width:100px;line-height:35px;background:#29B5E8;color:#fff;text-align:center;border-radius:5px;}

/* page slider */
.page-slider {margin-top: -25px;clear: both;}
.hm-pd-60{padding:60px 0;}
@media (max-width: 767px) {
	.hm-pd-60{padding:40px 0;}
}
.section-art{position: relative;background-color:#f5f5f5;}
.index-article-bd{margin-top:40px;}
.index-article-box{background: #fff;
-moz-transform: translate(0,80px);
-o-transform: translate(0,80px);
-webkit-transform: translate(0,80px);
transform: translate(0,80px);
opacity: 0;
box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.index-article-box-l{border-top: 5px solid #31b79d;
opacity: 1;
transition: 1.3s .7s;
-webkit-transition: 1.3s .7s;
-moz-transition: 1.3s .7s;
-ms-transition: 1.3s .7s;
-o-transition: 1.3s .7s;
-moz-transform: translate(0,0px);
-o-transform: translate(0,0px);
-webkit-transform: translate(0,0px);
transform: translate(0,0px);
}
.index-article-box-m{border-top: 5px solid #766fb0;
opacity: 1.1;
transition: 1.3s 1.1s;
-webkit-transition: 1.3s 1.1s;
-moz-transition: 1.3s 1.1s;
-ms-transition: 1.3s 1.1s;
-o-transition: 1.3s 1.1s;
-moz-transform: translate(0,0px);
-o-transform: translate(0,0px);
-webkit-transform: translate(0,0px);
transform: translate(0,0px);
}
.index-article-box-r{border-top: 5px solid #00A0E9;
opacity: 1;
transition: 1.3s 1.5s;
-webkit-transition: 1.3s 1.5s;
-moz-transition: 1.3s 1.5s;
-ms-transition: 1.3s 1.5s;
-o-transition: 1.3s 1.5s;
-moz-transform: translate(0,0px);
-o-transform: translate(0,0px);
-webkit-transform: translate(0,0px);
transform: translate(0,0px);
}
@media (max-width: 767px) {
	.index-article-box-m,.index-article-box-r{margin-top:15px;}
}
.index-article-box .recommend {position:relative;}
.index-article-box .recommend a {position: relative;display: block;overflow: hidden;}
.index-article-box .recommend .hd {position: absolute;top: 10%;left: 0;width: 7em;text-align: center;line-height: 2.4em;font-size: 18px;font-weight:600;background: rgba(250,250,250,0.7);z-index: 3;}
.index-article-box .recommend .cover {background: #000;}
.index-article-box .recommend .cover img {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
}
.index-article-box .recommend .cover img {opacity: .8;width:100%;height:160px;}
.index-article-box .recommend .cover img:hover{transform: scale(1.2);opacity: 1;}
.index-article-box .recommend .title {
    position: absolute;
    bottom: 12px;
    left: 5%;
    width: 90%;
    color: #fff;
}
.index-article-box .recommend .title p {
    text-indent: 1.2em;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
	font-weight:600;
}
.index-article-box .recommend .title p::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '●';
    text-indent: 0;
    font-size: 14px;
    font-family: arial !important;
}
.index-article-box ul{padding:15px 5%;}
.index-article-box ul li {border-bottom:1px dotted #ccc;padding-bottom:15px;margin-bottom:15px;width: 100%;overflow:hidden;}
.index-article-box ul li.first .pic {float: left;margin-right: 15px;}
.index-article-box ul li.first .pic img {display: block;height: 100px;width: 100px;}
.index-article-box ul li h4.title{background-image: url("../img/item-point.png");background-position: 2px center;background-repeat: no-repeat;font-size: 16px;font-weight:600;padding-left: 15px;line-height:20px;height:20px;margin-top:0;margin-bottom:8px;overflow:hidden;}
.index-article-box ul li .desc{color: #666;height: 48px;font-size: 14px;line-height: 24px;overflow: hidden;}
.index-article-box ul li .attr{color: #bbb;overflow: hidden;}
.index-article-box ul li a{color: #333;}
.index-article-box ul li a:hover{color: #00A0E9;}
.index-article-box ul li:last-child{border-bottom:none;margin-bottom:0;}
.index-article-box a.more {
    display: block;
    text-align: center;
    line-height: 55px;
    background: #fafafa;
    font-size: 16px;
}
.index-article-box a.more span {
    display: inline-block;
    margin-left: 8px;
    width: 8px;
    height: 14px;
    position: relative;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.index-article-box a.more span:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	width: 8px;
	height: 14px;
	background: url(../img/allico1.png) no-repeat -202px -100px
}
.index-article-box a.more img {
	display: inline-block;
	vertical-align: middle;
	height: 14px;
	padding-bottom: 4px;
	float: right
}
.index-article-box a.more span:before {
	content: '';
	position: absolute;
	right: 3px;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	background: #000;
	width: 0;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}
.index-article-box a.more:hover span {
	width: 25px
}
.index-article-box a.more:hover span:before {
	width: 100%
}
/*数据*/
.section-intro {width:100%;background:#fff;border-bottom:1px solid #ededed;-webkit-box-shadow: inset 0 3px 6px 0 rgba(229,232,237,.5);
-moz-box-shadow: inset 0 3px 6px 0 rgba(229,232,237,.5);
box-shadow: inset 0 3px 6px 0 rgba(229,232,237,.5);}
.section-intro .row{overflow:auto;display:flex;display: -webkit-flex;align-items: center;}
.section-intro ul li {min-width:220px;padding:20px 0;align-items: center;
-webkit-flex: 1;flex: 1;
font-size:16px;color:#333;text-align:center;border-right:1px solid #e3e3e3;}
.section-intro ul li i {width:50px;height:50px;margin-right:12px;display:inline-block;vertical-align:top;color:#D4D4D4;background-size:cover;}
.section-intro ul li i.icon-1{background-image: url("../img/index/feather1.png");}
.section-intro ul li i.icon-2{background-image: url("../img/index/feather2.png");}
.section-intro ul li i.icon-3{background-image: url("../img/index/feather3.png");}
.section-intro ul li i.icon-4{background-image: url("../img/index/feather4.png");}
.section-intro ul li i.icon-5{background-image: url("../img/index/feather5.png");}
.section-intro ul li.l5 {border-right:0;}
.section-intro ul li.l2 em {color:#31b79d;}
.section-intro ul li em {color:#fb5b58;font-style: normal;}
.section-intro ul li.l4 em {color:#2db3ab;}
.section-intro ul li span{display:inline-block;line-height:50px;height:50px;}
@media (max-width: 767px) {
	.section-intro ul li{padding:10px 0;min-width:180px;}
	.section-intro ul li i{width:30px;height:30px;}
	.section-intro ul li span{line-height:30px;height:30px;font-size:14px;}
}
/* Recent Works */
.index-portfolio {position: relative;}
.index-portfolio .hd{border-bottom: 1px solid #00A0E9;line-height: 30px;margin-bottom: 10px;position:relative;}
.index-portfolio a:hover {text-decoration: none;}
.index-portfolio .hd h2{font-family:"microsoft yahei";display:block;line-height:30px;color: #666;}
.index-portfolio .hd h2 i {padding-right: 5px;}
.index-portfolio .hd h2 a {font-size:14px;color: #666;font-weight:bold;}
.index-portfolio .hd h2 a:hover {color: #E02222;}
.index-portfolio .portfolio-item {padding: 0 5px;}
.index-portfolio .owl-pagination{position:absolute;right: 0;top: -32px;}
.index-portfolio .owl-buttons {right: 0;top: -42px;}
.index-portfolio .portfolio-item a.portfolio-description {padding: 10px;display: block;background: #f8f8f8;}
.index-portfolio .portfolio-item:hover a.portfolio-description {background: #00A0E9;transition: all 0.9s ease;-o-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-webkit-transition: all 0.9s ease;}
.index-portfolio .portfolio-item strong {color: #666;display: block;font-size: 12px;font-weight: 300;margin-bottom:5px;}
.index-portfolio .portfolio-item b {color: #888;font-weight: 300;}
.index-portfolio .portfolio-item:hover b,
.index-portfolio .portfolio-item:hover strong {color: #fff;}
.index-portfolio .portfolio-item em {display: block;overflow: hidden;position: relative;}

/* owl clearfix */
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}	
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing { cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

/* OWL styles */
.owl-buttons {position: absolute;top: -40px;right: 10px;}
.owl-buttons div {display: inline-block;width: 26px;height: 26px;margin-left: 5px;position: static;border-radius: 26px !important;text-indent: -100000px;}
.owl-buttons .owl-prev { background: #fff url(../img/fa-angles.png) no-repeat 8px 8px;}
.owl-buttons .owl-next {background: #fff url(../img/fa-angles.png) no-repeat -33px 8px;}
.owl-buttons .owl-prev:hover {background: #e84d1c url(../img/fa-angles.png) no-repeat 8px -31px;}
.owl-buttons .owl-next:hover {background: #e84d1c url(../img/fa-angles.png) no-repeat -33px -31px;}

.owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 3px 5px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #666;}
.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

.carousel-indicators {text-align: left;margin: 0;width: auto;left: 33px;}
.carousel-indicators li,
.carousel-indicators li.active {width: 18px;height: 18px;margin: 0 9px 0 0;background: transparent;border: solid 2px #c9cdce;border-radius: 18px !important;z-index: 9999 !important;}
.carousel-indicators li.active {background: #6f7a7c;border-color: #9ea7a9;}

/* INDEX TITLE */
hgroup.title {position: relative;text-align: center;margin: 0 auto;}
hgroup.title h2, .section-art .top aside {margin: 0;padding: 0;}
hgroup.title h2 {font-family:"PingFang SC",Helvetica,"Microsoft Yahei",Aria;color: #333;font-size:32px;line-height:42px;font-weight:600;}
hgroup.title h2 i{padding-left:10px;font-size:20px;color:#999;}
hgroup.title h2::after {display: block;position: absolute;left: 50%;margin-left: -27px;top: 52px;width: 54px;height: 3px;background: #00A0E9;content: '';}
hgroup.title aside {margin-top:28px;color: #727c86;font-size: 18px;}
hgroup.title span {color: #bbb;display: block;margin-top: 20px;}
@media (max-width: 767px) {
	hgroup.title h2{font-size:24px;}
	hgroup.title h2::after{top:42px;}
	hgroup.title aside{font-size:12px;}
}
/* INDEX PRODUCT */
.section-pro{position: relative;background-color:#f7f8fa;}
.pro-box{margin-top:20px;}
.pro-box .hd {padding:20px 0;text-align:center;}
.pro-box .hd .swiper-container{margin: 0 auto;overflow:none;overflow-x:hidden;}
.pro-box .hd ul li{display:inline-block;height:80px;}
.pro-box .hd ul li span{position:relative;cursor: pointer;padding: 10px 20px;color: #313B53;display:inline-block;text-align:center;}
.pro-box .hd ul li.swiper-slide-thumb-active span{background-color: #00A0E9;color: #fff;border-radius: 8px;}
.pro-box .hd ul li.swiper-slide-thumb-active span::before {
    content: "";
    width: 0;
    height: 0;
    border: 24px solid transparent;
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 24px;
    border-bottom: 24px solid #ddd;
    position: absolute;
    top: 23px;
    left: 50%;
    margin-left: -24px;
    z-index: 998;
}
.pro-box .hd ul li.swiper-slide-thumb-active span::after {content:"";width:0;height:0;border:24px solid transparent;border-bottom:24px solid rgb(247, 247, 247);position:absolute;top:24px;left:50%;margin-left:-24px;z-index:999}
.pro-box .bd{padding:60px 0;background-color: #f7f7f7;height:415px;margin-top: -30px;
position: relative;border-top:solid 1px #ddd;overflow:hidden;}
.pro-box .bd .swiper-container{margin: 0 auto;overflow:hidden;}
.pro-box .bd .item .head{font-size:24px;line-height:34px;color:#313B53;font-weight:600;}
.pro-box .bd .item .sub-head {
    line-height: 26px;
    margin-bottom: 26px;
    margin-top: -6px;
	font-size:16px;
	color:#727c86;
}
.pro-box .bd .item ul{padding-left:20px;}
.pro-box .bd .item ul li{line-height:25px;color:#576e91;list-style:disc outside;}
@media (max-width: 767px) {
	.pro-box .hd ul li span{padding:8px 15px;font-size:12px;text-align:center;}
	.section-pro{padding-bottom:0;}
	.pro-box .bd{padding:20px 0;}
	.pro-box .bd .item .head{font-size:22px;}
	.pro-box .bd .item .sub-head{font-size:18px;}
	.pro-box .bd .item .col-md-pull-6{margin:15px;}
}
.pro-box .bd .item .action .btn {
    width: 130px;
    padding: 10px 0;
	margin-top:25px;
}

/* INDEX business */
.section-bi{position: relative;background: #0085e4 url(../img/index/bi-bg.jpg);}
.section-bi .title h2{color:#fff;}
.section-bi .title aside{color:#fff;}
.index-bi-list{width:100%;height:auto}
.index-bi-list .item {
	display:inline-block;
	width:320px;
    background-color: #fff;
    padding: 30px;
    min-height: 555px;
	margin-right:55px;
}
.index-bi-list .item img {
    display: inline-block;
    width: 237px;
transform-style: unset;
-webkit-transform-style: unset;
}
.index-bi-list hr {
 margin-top:20px;
 margin-bottom:20px;
 border:0;
 border-top:1px solid #eee;
 background-color:#eee;
}
.index-bi-list .item .text-wrap {
    min-height: 240px;
}
.index-bi-list .item .text-wrap h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
	color:#313B53;
}
.index-bi-list .item .text-wrap p {
    line-height: 22px;
    margin-bottom: 20px;
	color:#313B53;
	text-align: justify;
}
.index-bi-list .item ul {
    color: #7a7a7a;
}
.index-bi-list .item ul li{line-height: 22px;color:#576e91;list-style: circle inside;}
.swiper-bi{}
.swiper-bi .sw2iper-button-prev{left: -80px;}
.swiper-bi .sw2iper-button-next{right: -80px;}
@media (max-width: 767px) {
	.index-bi-list .item{height:auto;padding:15px;}
}
/* INDEX CS */
.section-cs{position: relative;margin-bottom:60px;}
.section-cs .hd{position: relative;background-image: url(../img/index/cs_bg.jpg);background-repeat: repeat-y;background-position: center bottom;height: 254px;padding-top:40px;text-align: center;}
.section-cs .hd .title h2{color:#fff;}
.section-cs .hd .title aside{color:#fff;}
.section-cs .bd{position:relative;}
.section-cs ul{overflow:hidden;margin-top:-93px;}
.section-cs ul li{}
.section-cs ul li:last-child{margin-right:0}
.section-cs ul li .tit{background-color:#00A0E9;height:93px;color:#FFF;text-align:center;font-size:18px;line-height:36px;padding-top:10px}
.section-cs ul li .rc{background-image:url(../images/ico_tips_rc.png);background-repeat:no-repeat;background-position:right top}
.section-cs ul li .tit strong{font-size:24px}
.section-cs ul li .text{padding:20px;font-size: 14px;line-height:26px;background-color:#FFF;background-image:url(../images/bg4.gif);background-repeat:repeat-x;background-position:bottom;padding-bottom:9px}
.section-cs ul li .text p{color:#999;line-height:24px;display:block;padding-bottom:20px;height:120px;}
.section-cs ul li .text h4{line-height:25px;font-size:14px;}
.section-cs ul li .text a{height:42px;width:168px;display:block;line-height:42px;text-align:center;background-color:#00A0E9;font-size:14px;color:#FFF;margin-top:40px;margin-right:auto;margin-left:auto}
.section-cs ul li:hover .text a{background-color:#f5a00e}
@media (max-width: 767px) {
	.section-cs{margin-bottom:20px;}
	.section-cs ul li{margin-bottom:15px;}
	.section-cs ul li .tit{font-size:14px;}
	.section-cs ul li .tit strong{font-size:18px;}
	.section-cs ul li .text p{height:auto;padding-bottom:0;}
	.section-cs ul li .text a{margin-top:20px;}
}
/* INDEX CHOOSE */
.section-adv{position: relative;}
.section-adv .bd{position:relative;margin-top:40px;}
.section-adv .bd ul li .item{ height: 275px;border: 1px solid #dcdcdc;border-radius: 5px;overflow: hidden;-webkit-transition: all .4s ease-out;transition: all .4s ease-out;}
.section-adv .bd ul li .imgs{ display: block;width: 66px;height: 66px;margin: 58px auto 15px; }
.section-adv .bd ul li .remark{ text-align: center;padding: 0 18px; }
.section-adv .bd ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 10px; }
.section-adv .bd ul li .remark p{ color: #999; }
.section-adv .bd ul li .item:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
.section-adv .vpower .vpower-left{float: left;width: 140px;border: 2px solid #ddd;padding-top: 15px;padding-bottom: 38px;}
.section-adv .vpower .power-item{position: relative;width: 120px;padding-right: 20px;text-align: right;padding: 8px 0;background: #fff;margin: 0 auto;margin-bottom: 10px;cursor: pointer;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.section-adv .vpower .power-item *{-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.section-adv .vpower .power-item .num{line-height: 28px;font-size: 20px;font-weight: bold;color: #222;padding-top: 9px;padding-right: 20px;border-radius: 2px 2px 0 0;}
.section-adv .vpower .power-item .text{line-height: 20px;font-size: 14px;color: #666;padding-bottom: 9px;padding-right: 20px;border-radius: 0 0 2px 2px;}
.section-adv .vpower .power-item .component{position: absolute;bottom:0;right: 20px;width: 16px;height: 2px;background: #e5e5e5;}
.section-adv .vpower .power-item.active{left: 20px;}
.section-adv .vpower .power-item.active .num,
.section-adv .vpower .power-item.active .text{background: #00A0E9;color: #fff;}
.section-adv .vpower .power-item.active .component{width: 4px;height: 8px;top: 50%;bottom: auto;right: -4px;background: url(../img/index/power_arrow.png) 0 0 no-repeat;}
.section-adv .vpower .vpower-right{float: left;width: 1030px;padding-left: 80px;}
.section-adv .vpower .vpower-right .power-con{display: none;}
.section-adv .vpower .vpower-right .power-con.active{display: block;}
.section-adv .vpower .vpower-right .zizhi-item{height: 141px;border-bottom: 1px dashed #e4e4e4;}
.section-adv .vpower .vpower-right .zizhi-item.less{height: 210px;border-bottom: 1px dashed #e4e4e4;}
.section-adv .vpower .vpower-right .zizhi-item:last-child{border-bottom: none;}
.section-adv .vpower .vpower-right .zizhi-item .zizhi-left{float: left;}
.section-adv .vpower .vpower-right .zizhi-item .zizhi-right{float: right;}
.section-adv .vpower .vpower-right .zizhi-item .zizhi-left,
.section-adv .vpower .vpower-right .zizhi-item .zizhi-right{position: relative;width: 466px;height: 100%;padding-left: 96px;display: table;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-tit{display: table-cell;line-height: 30px;font-size: 20px;color: #3d3d3b;vertical-align: middle;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-tit p{line-height: 25px;font-size: 14px;padding-top: 10px;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo{position: absolute;top: 0;height: 141px;background: url(../img/index/zizhi-logo.png) 0 center no-repeat;}
.section-adv .vpower .vpower-right .zizhi-item.less  .zizhi-logo{height: 210px;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.gaoxin{left: 16px;width: 60px;background-position: 0 center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.team{left: 15px;width: 57px;background-position: -60px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.invention{left: 17px;width: 59px;background-position: -117px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.technology{left: 7px;width: 70px;background-position: -176px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.software{left: 23px;width: 47px;background-position: -246px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.more{left: 20px;width: 50px;background-position: -293px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.yuanma{left: 20px;width: 56px;background-position: -343px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.gengxin{left: 20px;width: 55px;background-position: -399px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.yuansheng{left: 20px;width: 39px;background-position: -454px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.dingzhi{left: 20px;width: 51px;background-position: -493px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.erkai{left: 20px;width: 58px;background-position: -544px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.kehu{left: 20px;width: 52px;background-position: -602px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.yanjiu{left: 20px;width: 37px;background-position: -654px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.lingxian{left: 20px;width: 38px;background-position: -691px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.zuizao{left: 20px;width: 50px;background-position: -729px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.xunsu{left: 20px;width: 53px;background-position: -779px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.shouhou{left: 20px;width: 44px;background-position: -832px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.zhichi{left: 20px;width: 45px;background-position: -876px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.xiangying{left: 20px;width: 49px;background-position: -921px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.quanfangwei{left: 20px;width: 49px;background-position: -970px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.zhidao{left: 20px;width: 42px;background-position: -1019px center;}
.section-adv .vpower .vpower-right .zizhi-item  .zizhi-logo.qita{left: 20px;width: 43px;background-position: -1061px center;}
@media (max-width: 767px) {
	.section-adv .vpower ul li{margin-top:15px;}
	.section-adv .bd ul li .imgs{margin-top:28px;}
}

/* NAV TABLES */
.nav-tabs {border-color: #00A0E9;padding-bottom: 1px;font-size: 14px;margin-bottom: 0;}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {background: #F4F4F4;color: #647484;border-radius: 0;padding: 5px 15px 4px;border: none !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background: #00A0E9;color: #fff;padding: 5px 15px 4px;}
.tab-content {background: #FAFAFA;padding: 20px 15px;}
.tab-content:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.tab-content .pane-left{float:left;width:20%;}
.tab-content .pane-right{float:right;width:76%;line-height:22px;color:#666;}

/* partner */
.section-partner {position: relative;background-color:#f7f7f7;}
.section-partner .bd{margin-top:40px;}
.partner-list{overflow:hidden; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.partner-list li{height:178px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; position:relative;}
.partner-list li a{display:block; width:100%; height:100%; overflow:hidden;}
.partner-list li i, .partner-list li em{display:block; width:100%; height:100%; background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;}
.partner-list li i{opacity:0.5; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.partner-list li a:hover i{opacity:1; -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-transform:scale(0.9) translateY(-8px); -moz-transform:scale(0.9) translateY(-8px); transform:scale(0.9) translateY(-8px);}
.partner-list li .partner01{background-image:url(../img/partner/aliyun.png); }
.partner-list li .partner02{background-image:url(../img/partner/txy.png); }
.partner-list li .partner03{background-image:url(../img/partner/qiniu.png); }
.partner-list li .partner04{background-image:url(../img/partner/sw.png); }
.partner-list li .partner05{background-image:url(../img/partner/xxkj.png); }
.partner-list li .partner06{background-image:url(../img/partner/ksyun.png); }
.partner-list li .partner07{background-image:url(../img/partner/baiduyun.png); }
.partner-list li .partner08{background-image:url(../img/partner/up.png); }
.partner-list li .partner09{background-image:url(../img/partner/jdyun.png); }
.partner-list li .partner10{background-image:url(../img/partner/zego.png); }
.partner-list li a:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; box-shadow:inset 0 0 0 0 #eee; -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}
.partner-list li a:hover:after{box-shadow:inset 0 0 0 10px #f6f6f6;}
.partner-list li a p{margin-top:150px; color:#333; position:relative; z-index:5; opacity:0; filter:alpha(opacity=0); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; zoom:1;}
.partner-list li a:hover p{margin-top:135px; opacity:1; filter:alpha(opacity=100);}
.partner-list li a span{font-size:18px; line-height:178px; color:#a7a7a7;}
@media (max-width :767px) {
	.partner-list{margin:0 15px;}
	.partner-list li {height:80px;}
}
.section-promo {
    background: url(../img/index/phone.jpg) no-repeat #3da2ff;
	padding:60px 0;
}
.section-promo h3 {font-size: 28px;color: #fff;letter-spacing: 2px;line-height: 50px;font-weight: 500;}
@media (max-width: 767px) {
	.section-promo h3{font-size: 24px;text-align:center;margin-bottom:20px;}
}
/***Main sidebar elements***/
.col-main{background: #fff;}
.col-sidebar {background: #fff;}

/***Breadcrumbs***/
.breadcrumb {margin:20px 0; background-color: #f3f3f3;padding:10px 15px;}
.breadcrumb i{margin-right:5px;}
.breadcrumb a{color:#3D4450;font-weight:normal;}
.breadcrumb code{padding:0 3px;font-size:14px;line-height:26px;color:#3D4450;background:none;}

/***Post Search***/
.search-wrap .post-item{border-bottom: 1px solid #dbdbdb; margin: 0;padding: 18px 0;}
.search-wrap .post-item.last-child{border-bottom:none;}
.search-wrap .post-item .hd {height: 25px;line-height: 25px;margin-bottom: 10px;overflow: hidden;}
.search-wrap .post-item .hd h3 {float: left;font-size: 14px;line-height: 25px;}
.search-wrap .post-item .post-thumb{float:left;width:120px;height:120px;margin-right:20px;border:1px solid #dddddd;}
.search-wrap .post-item .post-thumb img{width:118px;height:118px;}
.search-wrap .post-item .post-info{float:left;width:860px;}
.search-wrap .post-item .post-info .orange{color:#00A0E9;}
.search-wrap .post-item .post-text{height:100px;line-height:25px;color:#666;}
.search-wrap .post-item .meta{line-height:22px;color:#999;}
.search-wrap .post-item .meta span{margin-right:15px;}
.search-wrap .post-item .meta span i{padding-right:5px;}

/***article Channel***/
.channel-mod-box {margin-bottom:20px;min-height: 315px;}
.channel-mod-box h3 {border-bottom: 2px solid #eee;padding-bottom: 10px;position: relative;}
.channel-mod-box h3 > a {font-size: 16px;font-weight:bold;border-bottom: 2px solid #00A0E9;padding-bottom: 10px;}
.channel-mod-box h3 em {position: absolute;right: 5px;top: 5px;font-style: normal;font-weight: 400;}
.channel-mod-box h3 em a {font-size: 12px;}
.channel-mod-box .bd{padding:15px 0;}
.channel-mod-box .recommend {margin-bottom:10px;position:relative;}
.channel-mod-box .recommend .cover img{width:100%;height:180px;}
.channel-mod-box .recommend .title{position:absolute;bottom:0;left:0;width:100%;height:40px;font-size:14px;line-height:40px;background:rgba(0,0,0,0.7);color:#fff;padding:0 10px;}
.channel-mod-box .recommend .title a{color:#fff;}
.channel-mod-box .art-list{}
.channel-mod-box .art-list li {border-bottom:1px dotted #ccc;padding:12px 0;width: 100%;overflow:hidden;}
.channel-mod-box .art-list li h4.title{background-image: url("../img/item-point.png");background-position: 2px center;background-repeat: no-repeat;font-size: 16px;font-weight:bold;padding-left: 10px;line-height:20px;height:20px;margin-bottom:8px;overflow:hidden;}
.channel-mod-box .art-list li .desc{color: #666;height: 48px;font-size: 14px;line-height: 24px;margin-bottom: 5px;overflow: hidden;}
.channel-mod-box .art-list li .attr{color: #bbb;overflow: hidden;}
.channel-mod-box .art-list li a{color: #333;}
.channel-mod-box .art-list li a:hover{color: #00A0E9;}

.filter-wrap{position: relative;}
.filter-wrap .topic-name,.filter-wrap .keyword-name{font-size:20px;line-height:50px;font-weight:bold;margin:0;}
.filter-wrap .navbar-toggle {margin-right:-15px;}
.filter-wrap .navbar-brand{padding-left:0;padding-right:0;}
.filter-wrap .sort-box{text-align:right;line-height: 50px;}
.filter-wrap .sort-box li > a.active {color: #0084ff;}


/* Navbar */
.pix-navbar-default {
    background: transparent;
    border: 0px;
}
.pix-navbar-default .logo-img {
    margin-top: 0px;
    display: block;
    padding: 10px 0;
    height: 100%;
    width: auto;
}
.pix-navbar-default .logo-img img {
    display: inline-block;
    max-height: 100%;
    width: auto;
}
.pix-header-item {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 20px;
    display: inline-block;
}
/* Header */
.pix-fixed-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.pix-over-header {
    position: absolute;
    width: 100%;
    z-index: 9999;
}
.dropdown {
    display: inline-block;
    position: relative;
}
.pix-header-nav li a {
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.pix-header-nav > li > a {
    font-weight: bold;
}
.pix_nav_menu .navbar-nav > li > a:hover,
.pix_nav_menu .navbar-nav > li.active,
.pix_nav_menu .navbar-nav > li > a:focus {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 3px;
}
.pix_scroll_menu .navbar-nav > li > a:hover,
.pix_scroll_menu .navbar-nav > li.active,
.pix_scroll_menu .navbar-nav > li > a:focus {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 3px;
}
.dropdown-menu {
    border-radius: 2px;
    border: 0px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
    padding: 0px;
}
.dropdown-menu li a {
    padding-top: 10px !important;
    padding-bottom: 10px;
}
.fancybox-container {
    z-index: 99999 !important;
}
.pix_scroll_menu {
    z-index: 99998 !important;
}
.pix-header-nav .open a,
.pix-header-nav .hover_open a {

}
.dropdown-menu > li > a {
    font-weight: 400;
    color: #444;
    padding: 5px 15px;
    padding-bottom: 10px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #777;
    background: rgba(0, 0, 0, 0.05);
}
.pix-full-height {
    min-height: 100vh !important;
}
.pix_scroll_menu {
    position: fixed;
    width: 100%;
    top: -80px;
    visibility: hidden;
    z-index: 999999;
    background: #fff;
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15), 0 3px 12px 0 rgba(0,0,0,0.08);*/
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 2px 5px 0 rgba(0, 0, 0, 0.04);
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
img.scroll_logo_img {
    max-height: 30px !important;
    width: auto;
}
.navbar-toggle {
    border: 0px solid transparent;

    color: #fff;
    border: 0;
    margin: 0;
    padding: 16.5px 15px;
	
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-collapse.in {
    border-color: transparent;
    box-shadow: none;
}
@media screen and (max-width: 768px) {
    .mobile-text-center {
        text-align: center !important;
    }
    .mobile-text-left {
        text-align: left !important;
    }
    .nav-mobile-center a {
        text-align: center;
        padding-left: 0px !important;
    }
    .mobile-float-none {
        float: none;
    }
    .pix_nav_menu.pix-over-header {
        background: #444;
    }
    img.pix-logo-img {
        max-height: 28px !important;
        width: auto;
    }
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 768px) {
    /* Misc */
    .pix-lg-inline-block {
        display: inline-block;
    }
    .pix-nav-first-left {
        padding-left: 0px !important;
    }
    .pix-nav-first-left > ul > li:first-child > a {
        padding-left: 0px
    }
    .pix-header-nav .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        margin-top: 10px !important;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    .pix-header-nav .open > .dropdown-menu,
    .pix-header-nav .hover_open > .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin-top: 0px !important;
        border-radius: 3px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 3px 12px 0 rgba(0, 0, 0, 0.08);
        overflow: hidden;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    /*.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{*/
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .dropdown-menu {
        margin-top: 0;
    }
    .dropdown-toggle {
        margin-bottom: 2px;
    }
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle {
        margin-bottom: 0;
    }
}
@media (max-width: 767px){
.navbar-nav {margin: 10px 0;}
.tags-wrap{margin-top:60px;}
}

.loadmore{width:80%;margin:1.5em auto;line-height:1.6em;font-size:14px;text-align:center}
.loadmore-tips{display:inline-block;vertical-align:middle}
.loadmore-line{border-top:1px solid #e5e5e5;margin-top:2.4em}
.loadmore-line .loadmore-tips{position:relative;top:-.9em;padding:0 .55em;background-color:#fff;color:grey}


/**article list**/
.article-list{padding:0;background:#fff}
.article-list .article-item{padding:20px 0;border-bottom:1px solid #efefef}
.article-list .article-item .content{margin-top:15px;color:#919191}
.article-list .media{color:#919191}
.article-list .media .media-body{padding-left:20px;line-height:25px}
.article-list .media .media-body .article-title{margin:0;font-size:1.25em;line-height:1.45;margin-bottom:5px;color:#000}
.article-list .media .media-body .article-title a{color:#444;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-list .media .media-body .article-title a:hover{color:#007bff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-list .media .media-body .article-title a .img-new{margin-left:2px;margin-bottom:2px;height:16px}
.article-list .media .media-body .article-intro{height:44px;line-height:22px;color:#828a92;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}
.article-list .media .media-left{overflow:hidden;padding:0}
.article-list .media .media-left a{display:block;width:160px}
.article-list .media-body{position:relative}
.article-list .media-body .article-tag{display:block;clear:both;position:absolute;bottom:0;color:#aaa;font-size:13px}
.article-list .media-body .article-tag span{margin:0 8px}
.article-list .media-body .article-tag span a{color:#aaa}
.article-list .media-body .article-tag .pull-left{height:34px;line-height:34px;color:#919191}
.article-list .media-body .article-tag .pull-left a{color:#919191}
.article-list .pager{margin:40px 0 20px 0}
.article-metas{overflow:hidden}
.article-metas .metas-title{margin:0;font-size:1.65em;line-height:1.45;margin-bottom:5px;color:#000}
.article-metas .metas-title a{color:#444;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-metas .metas-title a:hover{color:#007bff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-metas .metas-body{color:#999;margin:0 auto}
.article-metas .metas-body span{margin-right:10px}
.article-metas .metas-body span i{margin-right:5px}
.article-metas .metas-body p{margin-bottom:0;margin-top:0;font-size:12px}
.article-text p{line-height:30px;margin-bottom:15px}
.article-text img{margin:10px auto;display:block;max-width:100%;height:auto;-webkit-border-radius:2px;-webkit-background-clip:padding-box;-moz-border-radius:2px;-moz-background-clip:padding;border-radius:2px;background-clip:padding-box}
.article-action-btn{color:#999}
.article-action-btn a{color:#999}
.article-action-btn .bdshare-button-style0-16 .bds_more{float:none;padding:0;height:inherit;line-height:inherit;font-size:inherit;background:0 0;color:#999}
.article-prevnext{color:#666}
@media (max-width: 767px) {
.article-list .media .media-left a{width:110px}
.article-list .media .media-body .article-title{font-size:1em}
.article-list .media-body .article-tag{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1}
.article-list .media-body .article-tag span{margin:0 2px}
.article-pay a.btn{display:block;margin-top:5px}
}
/**article item**/
.category-wrap .article-item {display:inline-block;background: #f3f3f3;margin-bottom:30px;}
.category-wrap .article-item:hover{box-shadow: 1px 1px 10px 2px #ddd;}
.category-wrap .article-item .hd {overflow: hidden;vertical-align:top;padding:15px;}
.category-wrap .article-item .hd .date {padding:5px;height: 50px;width: 50px;text-align: center;color: #fff;background-color: #00A0E9;font-weight:bold;}
.category-wrap .article-item .hd .date .day {font-size: 16px;}
.category-wrap .article-item .hd .date .month {font-size: 14px;}
.category-wrap .article-item .hd .img-responsive{height:150px;}
.category-wrap .article-item .bd .title {text-align:left;margin:0 15px;}
.category-wrap .article-item .bd .title h3 {margin:0;font-size:18px;line-height:25px;font-weight:bold;}
.category-wrap .article-item .bd .title h3 a {color: #333;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.category-wrap .article-item .bd .title h3 a:hover {color: #00A0E9;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.category-wrap .article-item .bd .title p {margin-bottom: 0;margin-top: 8px;font-size: 12px;}
.category-wrap .article-item .bd .title p a{color:#999;}
.category-wrap .article-item .bd .title .sns {color: #e1e1e1;margin: 0px auto;}
.category-wrap .article-item .bd .title .sns span {margin-right: 10px;}
.category-wrap .article-item .bd .title .sns span i {margin-right: 5px;}
@media (max-width: 767px) {
  .category-wrap .article-item {margin-bottom:15px;}
  .category-wrap .article-item .hd .date{display:none;}
  .category-wrap .article-item .bd .title h3 {font-size: 18px;}
}
@media (min-width: 768px) {
	.category-wrap .article-item .bd .title h3 {height:25px;overflow:hidden;text-overflow:ellipsis;}
}
.category-wrap .article-item .bd {color: #919191;display:inline-block;padding-bottom:10px;min-height:180px;}
.category-wrap .article-item .bd .excerpt{margin:15px;vertical-align:top;font-size:14px;color:#666;height:72px;line-height:24px;text-overflow:ellipsis;overflow:hidden;}
.category-wrap .article-item .bd .tag {margin:0 15px;color: #919191;line-height:30px;height:30px;overflow:hidden;}
.category-wrap .article-item .bd .tag a {margin-right:8px;color: #919191;}
.category-wrap .article-item .bd .tag a:hover {color: #666;}
.col-main .pager {margin: 40px 0 20px 0;}
/**special**/
.special-wrap{padding:20px 0;}
.special-headline{margin-top:15px}
.special-headline blockquote{border-radius:3px;padding:15px 17px;border:none;background:#f5f9ff;font-family:'Open Sans',sans-serif!important}
.special-headline blockquote:before{content:' '}
.special-headline blockquote h3{line-height:35px!important;margin-bottom:0;margin-top:0!important;font-size:16px!important;font-weight:400;color:#777}
.special-headline blockquote h3::before{content:"“";font-size:100px;display:block;float:left;line-height:1;height:35px;opacity:.4;padding-right:10px}
.special-title{position:absolute;bottom:0;left:0;width:100%;padding-top:10px;background:linear-gradient(-180deg,rgba(0,0,0,0),rgba(0,0,0,.5))}
.special-title .label{margin-left:20px}
.special-title h1{font-size:22px;color:#fff;line-height:30px;padding-left:20px;margin-bottom:20px}
/**CASE**/
.case-tabs {margin: 0 0 25px;overflow: hidden;}
.case-tabs li {float: left;text-align: center;margin-right:10px;}
.case-tabs a {color: #555;background: #eee;display: block;line-height: 35px;padding: 0 20px;}
.case-tabs .current-cat a, .case-tabs a:hover {background: url("../img/bg_case_tab.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);color: #fff;}

.case-item{margin:0 0 17px 17px;padding: 10px;float:left;border:solid 1px #dbdbdb;position:relative;}
.case-item.first-child{margin-left:0;}
.case-item.item-hover{border:solid 1px #00A0E9;}
.case-item .case-thumb img{width:220px;height:165px;}
.case-item .case-info{margin-top:10px;}
.case-item .case-info .title{line-height:25px;font-size:14px;color:#666;width:220px;height:25px;overflow:hidden;}
.case-item .case-info .date{line-height:25px;color:#999;}
.case-item .case-info .date i{margin-right:5px;}
.case-item .case-mask{width:220px;height:124px;position:absolute;top:10px;left:10px;text-align:center;display:none;}
.case-item .case-mask a.mix-link, .case-item .case-mask a.mix-preview {color: #fff;cursor: pointer;display: inline-block;font-size: 16px;margin-top: 60px;padding:16px 30px 16px 18px;line-height:47px;width:47px;height:47px;border-radius: 47px;background: rgba(0,0,0,0.5);transition: all 0.6s ease;-o-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.case-item .case-mask a.mix-link{margin-right:20px;}
.case-item .case-mask a:hover {color: #E02222;}

.case-item .more {display:none;background: url("../img/latest_more_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);bottom: 0;height: 22px;line-height: 22px;position: absolute;right: 0;text-indent: 36px;width: 91px;}
.case-item .more a{color:#fff;}

.empty-box{padding:50px 0;}
.empty-box p{text-align:center;line-height:50px;color:#999;font-size:14px;font-weight:bold;}

/***Page Detail***/
.page-banner{text-align:center;height:300px;}
.page-banner > .overlay {
	padding: 5rem 0;
	text-align: center;
	/*background: rgba(0, 0, 0, 0.6);*/
	color: #fff;
}
@media (min-width: 992px) {
	.page-banner > .overlay {
		/*! padding: 10rem 0; */
	}
}
.page-banner h1 {font-size: 40px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);}
.page-banner h2 {margin-top:25px;}
.page-wrap{background-color: #f4f6f8;min-height:500px;padding:20px 0;}
.page-wrap .panel {background-color: #fff;border: 1px solid transparent;border-radius: 3px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.page-wrap .panel-default {padding: 0 15px;border: none;}
.page-wrap .panel-default > .panel-heading {position: relative;font-size: 16px;padding: 15px 0;background: #fff;border-bottom: 1px solid #f5f5f5;}
.page-wrap .panel-body{padding:15px 0;}
.page-box{margin-bottom:40px;}
.page-box .hd{color:#525252;font-size:20px;line-height:50px;padding:0 20px;border-bottom:solid 1px #f5f5f5;}
.page-box .bd{margin-top:20px;padding:10px 20px;}

/***Article Detail***/
.top-banner{text-align:center;height:300px;background:url("../img/article/detail_bg.png") no-repeat center center}
.article-wrap{margin-top:-160px;background-color:#fff;}
.article-box .hd {overflow: hidden;margin: 40px 0 20px;vertical-align:top;}
.article-box .hd .date {float:left;height: 60px;width: 60px;text-align: center;color: #fff;background-color: #00A0E9;font-weight:bold;}
.article-box .hd .date .day {margin-top: 8px;font-size: 20px;line-height: 1.2;}
.article-box .hd .date .month {font-size: 14px;}
.article-box .hd .title {margin:0 0 0 75px;}
.article-box .hd .title h2 {line-height: 36px;font-size:25px;font-weight:600;margin:0;}
.article-box .hd .title p {margin-bottom: 0;margin-top: 0px;font-size: 12px;}
.article-box .hd .title .meta {color: #999;margin: 5px auto 0;font-size: 14px;}
.article-box .hd .title .meta span {margin-right: 20px;}
.article-box .hd .title .meta span i {margin-right: 8px;}
.article-box .hd .title .meta span a{cursor: pointer;color:#8b8b8b; padding:0 5px;}
.article-box .hd .title .meta span a.on{color:#00A0E9;}
@media (max-width: 767px) {
	.breadcrumb{display:none;}
	.article-box .hd{margin-top:20px;}
	.article-box .hd .date{display:none;}
	.article-box .hd .title{margin:0;}
	.article-box .hd .title h2{line-height: 30px;font-size: 22px;}
	.article-box .hd .title .meta{margin-top:10px;}
	.article-box .hd .title .meta span.change-font-size{display:none;}
}
.vcontent{ color:#2f2f2f;word-break:break-word!important;word-break:break-all;font-size:16px;font-weight:400;line-height:1.7;overflow:hidden;}
.vcontent p {margin:0 0 25px}
.vcontent blockquote h1:last-child,.vcontent blockquote h2:last-child,.vcontent blockquote h3:last-child,.vcontent blockquote h4:last-child,.vcontent blockquote h5:last-child,.vcontent blockquote h6:last-child,.vcontent blockquote li:last-child,.vcontent blockquote ol:last-child,.vcontent blockquote p:last-child,.vcontent blockquote ul:last-child {margin-bottom:0} 
.vcontent .video-package .video-description p {margin:0}
.vcontent li p {overflow:visible}
.vcontent a:not(.ck) {color:#3194d0}
.vcontent a:hover {color:#3194d0;text-decoration:underline}
.vcontent a.active,.vcontent a:active,.vcontent a:focus {color:#3194d0}
.vcontent a.disabled,.vcontent a.disabled.active,.vcontent a.disabled:active,.vcontent a.disabled:focus,.vcontent a.disabled:hover,.vcontent a[disabled],.vcontent a[disabled].active,.vcontent a[disabled]:active,.vcontent a[disabled]:focus,.vcontent a[disabled]:hover {
 cursor:not-allowed;color:#f5f5f5}
.vcontent ol,.vcontent p,.vcontent ul {word-break:break-word!important;word-break:break-all}
.vcontent hr {margin:0 0 20px;border-top:1px solid #ddd}
.vcontent h1,.vcontent h2,.vcontent h3,.vcontent h4,.vcontent h5,.vcontent h6 {margin:0 0 15px;font-weight:700;color:#2f2f2f;line-height:1.7;text-rendering:optimizelegibility}
.vcontent h1 {font-size:26px}
.vcontent h2 {font-size:24px}
.vcontent h3 {font-size:22px}
.vcontent h4 {font-size:20px}
.vcontent h5 {font-size:18px}
.vcontent h6 {font-size:16px}
.vcontent img {max-width:100%;height:auto;} 
.vcontent blockquote { padding:20px;margin-bottom:25px;background-color:#f7f7f7;border-left:6px solid #b4b4b4;word-break:break-word!important;word-break:break-all;font-size:16px;font-weight:400;line-height:30px}
.vcontent blockquote p {font-size:16px;font-weight:400;line-height:1.7}
.vcontent blockquote .image-package {width:auto;margin-left:0}
.vcontent blockquote h1:last-child,.vcontent blockquote h2:last-child,.vcontent blockquote h3:last-child,.vcontent blockquote h4:last-child,
.vcontent blockquote h5:last-child,.vcontent blockquote h6:last-child,.vcontent blockquote li:last-child,.vcontent blockquote ol:last-child,
.vcontent blockquote p:last-child,.vcontent blockquote ul:last-child {margin-bottom:0}
.vcontent ol,.vcontent ul {padding:0;margin:-5px 0 20px 20px}
.vcontent ol li,.vcontent ul li {line-height:30px}
.vcontent ol li ol,.vcontent ol li ul,.vcontent ul li ol,.vcontent ul li ul {margin-top:15px}
.vcontent ol .image-package,.vcontent ul .image-package {width:auto!important;margin-left:0!important}
.vcontent pre {margin-bottom:20px;padding:15px;font-size:13px;word-wrap:normal;word-break:break-word!important;word-break:break-all;white-space:pre;overflow:auto;border-radius:4px}
.vcontent pre code {padding:0;background-color:transparent;white-space:pre}
.vcontent code {padding:2px 4px;background-color:#f6f6f6;border:none;font-size:13px;white-space:pre-wrap;vertical-align:middle}
.vcontent table {width:100%;margin-bottom:20px;border:1px solid #ddd;border-collapse:collapse;border-left:none;word-break:normal}
.vcontent table tr:nth-of-type(2n) {background-color:hsla(0,0%,71%,.1)}
.vcontent table thead th {vertical-align:middle;text-align:inherit}
.vcontent table td,.vcontent table th {padding:8px;border:1px solid #ddd;line-height:20px;vertical-align:middle}
.vcontent table th {font-weight:700}
.vcontent table .image-package {width:auto;margin-left:0}
.vcontent .image-package .image-container {z-index:100;position:relative;background-color:#eee;transition:background-color .1s linear;margin:0 auto}
.vcontent .image-package .image-container .image-container-fill {z-index:50}
.vcontent .image-package .image-container .image-view {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.vcontent .image-package .image-container .image-view img.image-loading {-webkit-filter:blur(4px);filter:blur(4px);opacity:.3}
.vcontent .image-package .image-container .image-view img {display:block;transition:all .15s linear;z-index:100;-webkit-filter:blur(0);filter:blur(0);opacity:1}
.vcontent .image-package {padding-bottom:25px;width:700px;margin-left:-40px;text-align:center}
.vcontent .image-package img {max-width:100%;height:auto;vertical-align:middle;border:0;cursor:-webkit-zoom-in;transition:all .25s ease-in-out}
.vcontent .image-package .image-caption {min-width:20%;max-width:80%;min-height:22px;display:inline-block;padding:10px;margin:0 auto;border-bottom:1px solid #d9d9d9;font-size:14px;color:#969696;line-height:1.7}
.vcontent .image-package .image-caption:empty {display:none}
.vcontent .video-package {position:relative;margin:-20px auto 20px;text-align:center}
.vcontent .video-package .video-placeholder-area {position:relative;display:inline-block;height:110px;padding:10px;padding-left:120px;box-sizing:border-box;border:1px solid #d9d9d9;background-color:hsla(0,0%,71%,.1);text-align:left;cursor:pointer}
.vcontent .video-package .video-placeholder-area:after {content:" ";position:absolute;top:-1px;left:-1px;display:block;width:110px;height:110px;background-color:rgba(0,0,0,.3);
 background-image:url("../img/play-btn.png");background-position:30px;background-size:50px;background-repeat:no-repeat;transition:all .1s linear
}
.vcontent .video-package .video-placeholder-area:hover:after {background-color:transparent}
.vcontent .video-package .video-placeholder-area .video-cover {position:absolute;top:-1px;left:-1px;display:block;width:110px;height:110px;opacity:.8;transition:opacity .1s linear}
.vcontent .video-package .video-description {min-width:20%;min-height:22px;display:none;padding:10px;margin:0 auto;border-bottom:1px solid #d9d9d9;font-size:13px;color:#999;line-height:1.7}
.vcontent .video-package .video-description:empty {display:none}
.vcontent .video-package .video-close-button,.vcontent .video-package .video-provider-button {text-align:left;font-size:14px;padding:0;line-height:14px;cursor:pointer;transition:opacity .1s linear}
.vcontent .video-package .video-close-button i,.vcontent .video-package .video-provider-button i {position:relative;top:1px}
.vcontent .video-package .video-provider-button {float:right}
@media (max-width: 767px) {
  .vcontent {
    margin-top:20px;
  }
}
.article-wrap .action-btn {color: #999;}
.article-wrap .action-btn a{margin-right:8px;}
.article-wrap .action-btn .bdshare-button-style0-16 .bds_more {float: none;padding: 0;height: inherit;line-height: inherit;font-size: inherit;background: none;}

.like-wrapper {margin: 25px auto;text-align: center;}
.like-wrapper a {display: inline-block;width: 44px;height: 44px;line-height: 44px;color: #999;text-align: center;background-color: #bebebe;background-position: center center;background-repeat: no-repeat;-webkit-transition: background-color 300ms linear;-moz-transition: background-color 300ms linear;-o-transition: background-color 300ms linear;transition: background-color 300ms linear;-webkit-border-radius: 22px;-webkit-background-clip: padding-box;-moz-border-radius: 22px;-moz-background-clip: padding;border-radius: 22px;background-clip: padding-box;vertical-align: middle;}
.like-wrapper a.like {position: relative;margin-right: 5px;background-color: #00A0E9;}
.like-wrapper a.like:hover {background-color: #FF9100;}
.like-wrapper a.dislike {position: relative;margin-left: 5px;}
.like-wrapper a.dislike:hover {background-color: #999;}
.like-wrapper a i.fa {font-size: 20px;color: #fff;}
.like-wrapper .like-bar-wrapper {position: relative;display: inline-block;vertical-align: -18%;}
.like-wrapper .bar {width: 110px;height: 7px;overflow: hidden;background-color: #dcdcdc;-webkit-border-radius: 4px;-webkit-background-clip: padding-box;-moz-border-radius: 4px;-moz-background-clip: padding;border-radius: 4px;background-clip: padding-box;}
.like-wrapper .bar span {display: block;height: 100%;width: 50%;background-color: #00A0E9;-webkit-transition: width 300ms linear;-moz-transition: width 300ms linear;-o-transition: width 300ms linear;transition: width 300ms linear;}
.like-wrapper .num {position: absolute;top: -18px;display: block;width: 100%;font-style: normal;font-size: 10px;color: #999;text-align: center;}
.like-wrapper .num i {position: absolute;right: 55%;color: #00A0E9;font-style: normal;}
.like-wrapper .num span {position: absolute;left: 55%;}
.like-wrapper.like-status-1 .like {position: relative;background: #86a4d5;}
.like-wrapper.like-status-1 .like::before {content: "\5df2\8d5e";position: absolute;top: 0;left: 0;display: block;height: 100%;width: 100%;font-size: 14px;line-height: 44px;color: #fff;}
.like-wrapper.like-status-3 .dislike {position: relative;background: #bebebe;}
.like-wrapper.like-status-3 .dislike::before {content: "\5df2\8e29";position: absolute;top: 0;left: 0;display: block;height: 100%;width: 100%;font-size: 14px;line-height: 44px;color: #fff;}

.entry-meta ul {overflow: hidden;margin: 0 0 10px 0;padding: 0 0 10px 0;border-bottom: 1px solid #dedede;}
.entry-meta ul li {line-height: 26px;}
.related-article {margin-top: 10px;}
.related-article .row {margin: 0 -5px;}
.related-article .col-sm-4 {position: relative;display: block;padding: 0 5px;margin: 5px auto;}
.related-article .related-item {position: relative;height:200px;-webkit-border-radius: 2px;-webkit-background-clip: padding-box;-moz-border-radius: 2px;-moz-background-clip: padding;border-radius: 2px;background-clip: padding-box;overflow: hidden;}
.related-article .related-item img {width: 100%;}
.related-article .title {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px 10px;line-height:30px;height:40px;background-color:#000;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;color: #fff;z-index: 999;filter: Alpha(Opacity=70);/*IE7 fix*/opacity: .7;}
/* Comment wrap */
.comment-wrap{margin-top:10px;border-top:solid 1px #e5e5e5;}
#comment-container #commentlist dl {position: relative;border-bottom: 1px solid #eee;clear: both;padding: 10px 0;margin-bottom: 5px;}
#comment-container #commentlist dl dt {float: left;margin-right: 10px;width: 54px;height: 54px;display: block;position: absolute;}
#comment-container #commentlist dl dt img {width: 50px;height: 50px;border-radius: 50%;}
#comment-container #commentlist dl dd {padding-left: 60px;float: left;width: 100%;}
#comment-container #commentlist dl dd small {display: block;color: #999;margin: -2px 0;height: 20px;line-height: 20px;font-size: 10px;}
#comment-container #commentlist dl dd small a {display: none;}
#comment-container #commentlist dl dd dl {margin: 0px;border-top: 1px solid #eee;border-bottom: none;padding-top: 15px;padding-bottom: 0;}
#comment-container #commentlist dl dd dl dd {width: 550px;}
#comment-container #commentlist dl dd p {margin-bottom: 10px;}
#comment-container #commentlist cite {font-style: normal;}
#comment-container h3 {position: relative;font-size: 16px;padding: 15px 0;background: #fff;border-bottom: 1px solid #f5f5f5;font-weight: 400;}
#comment-container h3 a {display: none;}
#comment-container #postcomment .form-group {margin-bottom: 10px;}
#comment-container #postcomment label {font-weight: normal;}
#comment-container #postcomment a small {display: inline !important;}
/* Post tags*/
.tag-wrap a{display:inline-block;margin:10px;padding:10px;border:solid 1px #ddd;border-radius:10px;}
.tag-wrap a:hover{background-color:#00A0E9;color:#fff;}

.share-sd{position:relative;}
#share-box {
 position:absolute;
 top:-50px;
 left:-5px;
 width:312px;
 height:68px;
 display:none;
 z-index:999
}
#share-box a {
 float:left;
 background:#999;
 font-size:20px;
 color:#fff;
 width:40px;
 height:40px;
 line-height:40px;
 margin-left:4px;
 padding-left:0;
 text-align:center;
 border-radius:3px;
 background:rgba(128,128,128,.9)
}
#share-box .fa-plus-square:hover {
 background:#7ab951!important
}
#share-box .fa-qq:hover {
 background:#ff7400!important
}
#share-box .fa-weibo:hover {
 background:red!important
}
#share-box .fa-pinterest-square:hover {
 background:#46c0e6!important
}
#share-box .fa-renren:hover {
 background:#3b68ac!important
}
#share-box .fa-weixin:hover {
 background:#006f1d!important
}

/* sidebar recommer post*/
.side-navigator {margin: 0 auto 20px;}
.side-navigator h4 {border-bottom: 4px solid #00A0E9;font-size: 18px;font-weight: 700;margin-bottom:0;line-height:40px;}
.side-navigator p.en {color: #525252;font-size: 12px;}
.side-navigator dl {margin-top: 10px;}
.side-navigator dd {line-height: 40px;text-align: right;vertical-align: middle;}
.side-navigator a {background-image: url("../img/sideNav.gif");background-position: 10px 7px;background-repeat: no-repeat;font-size:14px;border-bottom: 1px solid #d7d7d7;color: #727272;display: block;padding-right: 5px;transition: all 0.2s linear 0s;font-size:14px;line-height:40px;}
.side-navigator a:hover, .side-navigator a.current, .side-navigator a.hover {background-color: #727272;background-position: 10px -22px;color: #fff;text-decoration: none;}
.side-navigator a.hover {cursor: default;}
.side-navigator ul {padding-bottom: 10px;}
.side-navigator li a:hover, .side-navigator li a.current {background: url("../img/sideNav.gif") no-repeat scroll 10px 0 rgba(0, 0, 0, 0);color: #727272;font-weight: 700;}

.rec-art .hd {border-left: 4px solid #00A0E9;background-color:#f3f3f3;color: #666;font-size: 18px;font-weight:bold;line-height: 40px;margin-bottom: 10px;text-indent: 10px;width: auto;}	
.rec-art .bd li{border-bottom: 1px solid #ececec;overflow: hidden;padding:10px 0;position: relative;}
.rec-art .bd li .pull-left{width:80px;}
.rec-art .bd li .pull-right{width:calc(100% - 95px);}
.rec-art .bd li img{display: block;border:solid 1px #ddd;}
.rec-art .bd li p{color: #666;font-size: 14px;line-height: 22px;height: 44px;overflow: hidden;}
.rec-art .bd li .meta{line-height:10px;color:#999;text-align:right;margin-top:20px;}
.rec-art .bd li .meta span{margin-right:15px;}
.rec-art .bd li .meta span i{padding-right:5px;}

.side-box{margin-bottom:20px;}
.side-box .hd {border-left: 4px solid #00A0E9;background-color:#f3f3f3;height: 40px;margin-bottom: 10px;}
.side-box .hd h4{padding-left:10px;color: #666;font-size: 18px;font-weight:bold;line-height: 40px;}
.side-box .hd i {margin-right: 10px;}
.side-box .triangle {background: url("../img/u.png") repeat scroll 0 -75px rgba(0, 0, 0, 0);bottom: -7px;height: 7px;left: 17%;overflow: hidden;position: absolute;width: 16px;}
.side-box .bd{padding:5px;line-height:25px;}

#tag-cloud{padding:0;margin-top:10px;}
.hot-tag .bd a {margin-bottom: 10px;display: inline-block;min-width: 10px;padding:5px 10px;line-height:18px;border-radius:20px;margin:5px;font-size: 12px;
font-weight: 700;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;}
.hot-tag .bd a:hover{background-color: #00A0E9;}

.side-case{margin:0 auto 20px;background-color:#e5e5e5;position:relative;}
.side-case .hd{height:30px;line-height:30px;font-size:11px;color:#3e3e3e;padding-left:10px;font-family:"microsoft yahei";}
.side-case .side-case-carousel{width:200px;}
.side-case .side-case-carousel img{width:200px;vertical-align:top;}
.side-case .owl-buttons {right: 5px;top: -28px;position:absolute;}
.side-case .owl-buttons div {display: inline-block;width: 20px;height: 20px;margin-left: 5px;position: static;text-indent: -100000px;}
.side-case .owl-buttons .owl-prev { background: url(../img/fa-angles.png) no-repeat 8px 8px;}
.side-case .owl-buttons .owl-next {background: url(../img/fa-angles.png) no-repeat -33px 8px;}
.side-case .owl-buttons .owl-prev:hover {background: url(../img/fa-angles.png) no-repeat 8px -31px;}
.side-case .owl-buttons .owl-next:hover {background: url(../img/fa-angles.png) no-repeat -33px -31px;}
.side-case .txt{width:193px;overflow:hidden;}
.side-case .txt dl{padding:15px 0 15px 15px;width:250px;}
.side-case .txt dd{float:left;width:100px;height:20px;line-height:20px;vertical-align:middle;}
.side-case .txt dd a{color:#3e3e3e;font-size:11px;font-family:\65b0\7d30\660e\9ad4;padding-left:15px;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;}
.side-case .txt dd a:hover{text-decoration:none;}
.side-case .txt dd.icon01{background:url("../img/side_icon01.gif") 0 6px no-repeat;}
.side-case .txt dd.icon01 a:hover{color:#e83a22;}
.side-case .txt dd.icon02{background:url("../img/side_icon02.gif") 0 6px no-repeat;}
.side-case .txt dd.icon02 a:hover{color:#7ec0e0;}
.side-case .txt dd.icon03{background:url("../img/side_icon03.gif") 0 6px no-repeat;}
.side-case .txt dd.icon03 a:hover{color:#eb8e00;}
.side-case .txt dd.icon04{background:url("../img/side_icon04.gif") 0 6px no-repeat;}
.side-case .txt dd.icon04 a:hover{color:#a4bb06;}
.side-case .txt dd em{font-family:Arial;font-style: normal;}
.side-case .link li{border:1px solid #e5e5e5;border-top:none;}
.side-case .link li a{display:block;height:28px;line-height:32px;font-size:11px;color:#525252;font-family:\65b0\7d30\660e\9ad4;
	padding-left:15px;background:url("../img/side_link.gif") 174px 12px no-repeat #fff;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;}
.side-case .link li a:hover{text-decoration:none;color:#fff;}
.side-case .link li.link01 a:hover{background-color:#e83a22;}
.side-case .link li.link02 a:hover{background-color:#7ec0e0;}
.side-case .link li.link03 a:hover{background-color:#eb8e00;}
.side-case .link li.link04 a:hover{background-color:#a4bb06;}
.side-case .link li.link05 a:hover{background-color:#28bb06;}
.side-case .link li.link06 a:hover{background-color:#8e8c8a;}

/* mNotify */
#mNotify {position:absolute;background:#d8e6fc  url('../img/icons/info.png') no-repeat 15px center;color:#35517c;border:1px solid #a7c3f0;padding:10px;padding-left:50px;margin:15px;z-index:9999;-moz-border-radius : 5px;border-radius:5px;-webkit-border-radius:5px;}
#mNotify a {color:#35517c !important;text-decoration:none;}
#mSuccess {position:absolute;background:#E6EFC2  url('../img/icons/success.png') no-repeat 15px center;color:#264409;border:1px solid #C6D880;padding:10px;padding-left:50px;margin:15px;z-index:9999;-moz-border-radius : 5px;border-radius:5px;-webkit-border-radius:5px;}
#mSuccess a {color:#264409 !important;text-decoration:none;}
#mError {position:absolute;background:#FBE3E4  url('../img/icons/error.png') no-repeat 15px center;color:#8a1f11;border:1px solid #FBC2C4;padding:10px;padding-left:50px;margin:15px;z-index:9999;-moz-border-radius : 5px;border-radius:5px;-webkit-border-radius:5px;}
#mError a {color:#8a1f11 !important;text-decoration:none;}
#mOverlay {width:100%;height:100%;position:fixed;top:0;left:0;z-index:9998}


/* paginations */
.pagination-wrap{text-align:center;margin:40px 0;}
.pagination{font-size:14px;text-align:center;clear:both;}
.pagination2 a{display:inline-block;line-height:30px;padding:1px 12px;color:#666;border:1px solid #e4e4e4;margin:0 5px;}
.pagination2 a:hover{color:#313030;text-decoration:none;border-color:#313030;}
.pagination2 a.current{color:#00A0E9;background-color:#FAEAED;border-color:#00A0E9;}
.pagination2 span{padding:5px 10px;}


/* case detail */
.case-wrap {width:100%;display:block;}
.case-wrap h2{background: url("../img/horizontal_spacer.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0);line-height: 30px;padding:5px 0;margin-bottom:20px;font-size:14px;}

.case-carousel{width:740px;margin:10px auto;}
.case-carousel .item {display: block;}
.case-carousel img {display: block;width: 100%;border: 0 none;}
.case-carousel #bar {width: 0%;max-width: 100%;height: 4px;background: #7fc242;overflow: hidden;}
.case-carousel #progressBar {width: 100%;background: #ededed;}
.case-carousel .carousel-caption {padding: 10px 15px;background: rgba(0,0,0,0.5);left: 0;right: 0;bottom: 0;text-align: left;}

.case-link {line-height: 30px;margin: 1px auto 0;width: 740px;}
.case-link time, .case-link em {color: #999999;margin-right: 20px;}
.case-link .link {background: url("../img/case_link.png") no-repeat scroll 0 0 transparent;float: right;height: 30px;line-height: 30px;text-align: right;width: 258px;}
.case-link .link a {color: #666464;font-size: 14px;}
.case-link .link a i{margin-right:5px;}
.case-link .link a.zx {color: #ffffff;}
.case-link .link span {display: block;float:left;text-align: center;width: 129px;}

.case-wrap .detail{margin-top:15px;line-height:28px;color:#666;font-size:14px;}
.case-wrap .post-nearby {background: url("../img/horizontal_spacer.gif") repeat-x scroll left top rgba(0, 0, 0, 0);line-height: 25px;margin-top: 20px;padding: 10px;color:#666;}
.case-wrap .post-nearby .prev {float: left;}
.case-wrap .post-nearby .next {float: right;}


/*Owl Carousel Owl Demo Theme */
.case-carousel .owl-controls{margin-top: 10px;text-align: center;}
.case-carousel .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}
.case-carousel .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.case-carousel .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.case-carousel .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #68A1CC;}
.case-carousel .owl-controls .owl-page.active span,
.case-carousel .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.case-carousel .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.case-carousel .owl-item.loading{min-height: 150px;background: url(../img/loading.gif) no-repeat center center}


/* 404 page */
.wrap-404 {text-align: center;padding-top: 60px;padding-bottom: 125px;}
.wrap-404 .number {position: relative;top: 35px;display: inline-block;letter-spacing: -10px;margin-top: 0px;margin-bottom: 10px;line-height: 128px;font-size: 128px;font-weight: 300;color: #E02222;text-align: right;}
.wrap-404 .details {margin-left: 40px;display: inline-block;padding-top: 0px;text-align: left;top: 15px;position: relative;}

/* Form */
.button-wrap {clear: both;margin: 15px 0 10px;text-align: center;}
label span.need{color:#ed1b23;}
.cmxform .form-group label.error {display: inline;margin: 5px 0;color: #FF6C60;font-weight: 400;}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, .cmxform .form-group input.error, .cmxform .form-group textarea.error {border-color: #FF6C60 !important;}
.checkbox, .checkbox:hover, .checkbox:focus {border: none;}
/* 错误提示 */
.cmxform .alert{display:none;padding:10px;}
.cmxform .alert li{list-style: outside none none;line-height:22px;padding-left:15px;}
label.error {background:url("../img/unchecked.gif") no-repeat 0px 0px;}
label.checked {background:url("../img/checked.gif") no-repeat 0px 0px;}
.form-feedback{margin-top:20px;}

/* fullSlide */
.full-slide{width:100%;position:relative;height:441px;background:#000;}
.full-slide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.full-slide .bd ul{width:100% !important;}
.full-slide .bd li{width:100% !important;height:441px;overflow:hidden;text-align:center;}
.full-slide .bd li a{display:block;height:441px;}
.full-slide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.full-slide .hd ul{text-align:center;}
.full-slide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.full-slide .hd ul .on{background:#00A0E9;}
.full-slide .prev,.full-slide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url("../img/slider-arrow.png") -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.full-slide .next{left:auto;right:15%;background-position:-6px -137px;}

.btm-banner{height: 280px;width: 100%;}
.btm-banner p{text-align: center;font-size: 32px;color: white;padding-top:80px;}
.btm-banner a{display: block;width: 150px;height: 40px;border: 1px solid #fff;text-align: center;line-height: 40px;font-size: 15px;color: #fff;margin: 25px auto 0;}
.btm-banner a:hover{opacity: 0.7;background: #ddd;color:#000;transition: 300ms;}
@media (max-width: 767px) {
	.btm-banner{height:240px;}
	.btm-banner p{font-size:18px;}
}
/***Pre-Footer and pre-footer elements***/
.pre-footer {background: #262a33;color: #fff;}
.pre-footer .container {padding-top: 40px;padding-bottom: 20px;}
.contact-box{display:inline-block;vertical-align: top;border-right: 1px solid #2e333d;}
.contact-box .phone{display:inline-block;vertical-align: top;background:url("../img/footer_kf.png") no-repeat 0px 0px;background-size: 80%;width:60px;height:60px;}
.contact-box .info{display:inline-block;color:#fff;}
.contact-box .info .title{font-size: 14px;font-weight:bold;margin-bottom:10px;}
.contact-box .info .tel{font-size: 34px;line-height: 50px;font-family: "sivan", Helvetica, arial, sans-serif;margin-bottom:10px;font-weight:bold;}
.contact-box .info .tel a{color:#fff;}
.contact-box .info .append{font-size:12px;line-height:25px;}
.pre-footer .button {margin-top:30px;}
.pre-footer .btn-enquiry {
    display: block;
	margin:0 auto;
    width: 120px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #43454f;
    color: #959598;
    text-align: center;
    font-size: 12px;
}
.pre-footer .btn-enquiry:hover{border: 1px solid #00A0E9;background-color: #00A0E9;color: #fff;transition: 300ms;}
@media (max-width: 767px) {
	.contact-box{border:none;margin-bottom:20px;}
}
.nav-box{display:inline-block;box-sizing: border-box;display: flex;justify-content: space-around;overflow:hidden;}
.nav-box li{}
.nav-box li .title,.nav-box li .title a{margin:0;line-height:30px;font-size:14px;font-weight:bold;color:#fff;}
.nav-box li dl dd{margin-top:8px;}
.nav-box li dl dd a{color:#81858c;height: 18px;line-height: 18px;transition: color .3s;}
.nav-box li dl dd a:hover{color:#00A0E9;}

.follw-box{}
.follw-box .hd{line-height:30px;font-weight:bold;color:#fff;}
.shd {position: relative;display: inline-block;width: 100%;color: #9b9ea0;margin-top:8px;}
.shd a {position: relative;color: #81858c;height: 18px;line-height: 18px;transition: color .3s;}
.shd a:hover {color:#00A0E9;transition: 0.3s;}
.sbd{color: #eee;z-index: 2;margin-top:10px;display:none;}
.sbd img{width:100%;}
@media (max-width: 767px) {
	.follw-box{display:none;}
}
.pre-footer .links{margin-top:20px;padding-top:20px;border-top:1px solid #2e333d;}
.pre-footer .links a {line-height:25px;color: #81858c;display: inline-block;margin-left: 15px;}
.pre-footer .links a:hover{color:#00A0E9;}
/* subscribe */

/* footer */
.footer {background:#262a33;color: #fff;border-top:1px solid #2e333d;padding:20px 0;}
.footer .copyright {font-size:14px;}
.footer .copyright p{line-height:32px;color:#81858c;}
.footer .copyright a {color: #81858c;border-bottom:1px dotted #888;padding:0 2px;opacity: 0.5;}
.footer .copyright a:hover {opacity: 1;}
.footer .list-inline > li:last-child {padding-right: 0;}
.footer .footer-icons {line-height: 32px;text-align:right;}
.footer .footer-icons li{display:inline-block;margin-left:20px;}
.footer .footer-icons li a {font-size:24px;color: #fff;opacity: 0.5;}
.footer .footer-icons li a:hover {opacity: 1;}
@media (max-width: 767px) {
	.footer .footer-icons{display:none;}
}
/* cnc */
.cnc-box{position: fixed;top: 50%;right: 0;color: #fff;text-align: center;margin-top: -224px;z-index: 999999;}
.cnc-box li{margin-top: 4px;cursor: pointer;width: 70px;height: 70px;position: relative;}
.cnc-box .item{width: 70px;height: 70px;background: #6EB8EA;float: left;font-size: 12px;position: absolute;top: 0;left: 0;}
.cnc-box a{color: #fff;display: block;}
.cnc-box .item-more{font-size: 16px;line-height: 70px;height: 70px;width: 120px;background:#00A0E9;position: absolute;top: 0;left: 70px;text-align: left;}
.cnc-box i{display: block;width: 30px;height: 26px;background: url(../img/icon_cs.png) no-repeat;margin: 12px auto 5px;}
.cnc-box i.icon01{background-position: 0 0;}
.cnc-box i.icon02{background-position: -30px 0;}
.cnc-box i.icon03{background-position: -60px 0;}
.cnc-box i.icon04{background-position: -90px 0;}
.cnc-box i.icon05{background-position: -120px 0;}
.cnc-box i.icon06{background-position: -150px 0;}
.cnc-box .bg01{background: #00A0E9;}
.cnc-box .bg02{background: #A69CEC;}
.cnc-box .bg03{background: #EE828F;}
.cnc-box .bg04{background: #F1BF71;}
.cnc-box .bg05{background: #76D5CB;}
.cnc-box .bg06{background: #82A6E8;}
.cnc-box .bg02 i, .cnc-box .bg03 i, .cnc-box .bg04 i, .cnc-box .bg05 i{transition:all linear .3s;
-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;}
.cnc-box li:hover .bg02 i, .cnc-box li:hover .bg03 i, .cnc-box li:hover .bg04 i, .cnc-box li:hover .bg05 i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
#cnc-tel .item{transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;white-space: nowrap;height: 70px;}
#cnc-tel:hover .item{left: -120px;width: 190px;}
#cnc-tel .tel-name{width: 70px;height: 70px;float: left;}
#cnc-wx{position: relative;}
#cnc-wx::before{content: '';width: 8px;height: 14px;background: url(../images/row14.png) no-repeat;position: absolute;top: 50%;left: 100%;margin-top: -7px;}
#cnc-wx .wx-name{width: 70px;height: 69px;padding-top: 1px;position: absolute;top: 0;right: 0;}
#cnc-wx .item{background: none;}
#cnc-wx .item:hover .wx-more{display: block;}
#cnc-wx .item:hover{width: 224px;left: auto;right: 0px;}
#cnc-wx .wx-more{position: absolute;width: 138px;height: 160px;background:#82A6E8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;top: 50%;margin-top: -80px; right: 87px;display: none;}
#cnc-wx .wx-more img{display: inline-block;width: 110px;height: 110px;margin-top: 13px;}
#cnc-wx .wx-more p{font-size: 14px;margin-top: 2px;}

.main-timeline {
 overflow:hidden;
 position:relative;
}
.main-timeline:before {
 content:"";
 width:3px;
 height:100%;
 background:#d6d5d5;
 position:absolute;
 top:0;
 left:50%;
}
.main-timeline .timeline {
 padding-right:30px;
 position:relative;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after {
 content:"";
 display:block;
 width:100%;
 clear:both;
}
.main-timeline .timeline:first-child:before,
.main-timeline .timeline:last-child:before {
 content:"";
 width:13px;
 height:13px;
 border-radius:50%;
 border:2px solid #d6d5d5;
 background:#fff;
 margin:0 auto;
 position:absolute;
 top:0;
 left:0;
 right:-3px;
}
.main-timeline .timeline:last-child:before {
 top:auto;
 bottom:0;
}
.main-timeline .timeline:nth-child(2n) {
 padding:0 0 0 30px;
}
.main-timeline .timeline:nth-child(2n) .year {
 border-radius:3px 0 0 3px;
 right:auto;
 left:32%;
}
.main-timeline .timeline:nth-child(2n) .year:before {
 border:18px solid transparent;
 border-right:none;
 border-left:18px solid #00A0E9;
 left:auto;
 right:-18px;
}
.main-timeline .timeline:nth-child(2n) .timeline-content {
 float:right;
 margin:0 0 0 20px;
}
.main-timeline .timeline:nth-child(2n) .timeline-content:after {
 border-left:none;
 border-right:20px solid #fff;
 right:auto;
 left:-20px;
}
.main-timeline .timeline-icon {
 width:18px;
 height:18px;
 border-radius:50%;
 background:#fff;
 border:2px solid #d6d5d5;
 box-sizing:content-box;
 margin:auto;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:-4px;
}
.main-timeline .timeline-icon:before {
 content:"";
 display:block;
 width:8px;
 height:8px;
 border-radius:50%;
 background:#00A0E9;
 margin:auto;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
}
.main-timeline .year {
 display:inline-block;
 border-radius:0 3px 3px 0;
 padding:8px 30px 8px 20px;
 margin:0;
 font-size:14px;
 color:#fff;
 background:#00A0E9;
 text-align:center;
 position:absolute;
 top:50%;
 right:31%;
 transform:translateY(-50%);
}
.main-timeline .year:before {
 content:"";
 border-right:18px solid #00A0E9;
 border-top:18px solid transparent;
 border-bottom:18px solid transparent;
 position:absolute;
 top:0;
 left:-18px;
}
.main-timeline .timeline-content {
 width:46.5%;
 padding:33px 40px;
 margin:0 20px 0 0;
 background:#fff;
 position:relative;
 -webkit-transition:-webkit-box-shadow .5s;
 transition:-webkit-box-shadow .5s;
 -o-transition:box-shadow .5s;
 -moz-transition:box-shadow .5s;
 transition:box-shadow .5s;
 transition:box-shadow .5s, -webkit-box-shadow .5s;
}
.main-timeline .timeline-content:hover{
 -webkit-transform:scale(1.01);
 -moz-transform:scale(1.01);
 -ms-transform:scale(1.01);
 -o-transform:scale(1.01);
 transform:scale(1.01);
 -webkit-box-shadow:4px 6px 21px 2px rgba(14,101,243,0.22);
 box-shadow:4px 6px 21px 2px rgba(14,101,243,0.22);	
	
}
.main-timeline .timeline-content:after {
 content:"";
 border-left:20px solid #fff;
 border-top:20px solid transparent;
 border-bottom:20px solid transparent;
 position:absolute;
 top:50%;
 right:-20px;
 transform:translateY(-50%);
}
.main-timeline .timeline:before {
 background:inherit;
}
.main-timeline .title {
 float:left;
 font-size:24px;
 font-weight:bold;
 color:#504f54;
 margin:0 15px 15px 0;
 line-height:1.1;
}
.main-timeline .post {
 display:inline-block;
 font-size:14px;
 color:#999;
 margin-top:6px;
}
.main-timeline .description {
 clear:both;
 font-size:14px;
 color:#7d7b7b;
 line-height:24px;
 margin:0;
}
@media only screen and (max-width:1200px) {
 .main-timeline .year {
  right:30%;
 }
 .main-timeline .timeline:nth-child(2n) .year {
  left:30%;
 }
}
@media only screen and (max-width:990px) {
 .main-timeline .year {
  right:25%;
 }
 .main-timeline .timeline:nth-child(2n) .year {
  left:25%;
 }
}
@media only screen and (max-width:767px) {
 .main-timeline:before {
  left:10px;
 }
 .main-timeline .timeline {
  padding:0 0 0 30px;
  margin-bottom:20px;
 }
 .main-timeline .timeline:last-child {
  margin-bottom:0;
 }
 .main-timeline .timeline:first-child:before,
 .main-timeline .timeline:last-child:before {
  display:none;
 }
 .main-timeline .timeline-icon {
  margin:0;
  position:absolute;
  top:7px;
  left:0;
 }
 .main-timeline .year,
 .main-timeline .timeline:nth-child(2n) .year {
  display:block;
  font-weight:bold;
  margin:0 0 32px 30px;
  z-index:1;
  position:relative;
  top:auto;
  left:auto;
  right:auto;
  transform:none;
 }
 .main-timeline .timeline:nth-child(2n) .year:before {
  border-left:none;
  border-right:18px solid #00A0E9;
  right:auto;
  left:-18px;
 }
 .main-timeline .timeline-content {
  padding:20px;
 }
 .main-timeline .timeline-content,
 .main-timeline .timeline:nth-child(2n) .timeline-content {
  width:auto;
  float:none;
  margin:0 0 0 30px;
 }
 .main-timeline .timeline-content:after,
 .main-timeline .timeline:nth-child(2n) .timeline-content:after {
  border:none;
  border-bottom:20px solid #f2f2f2;
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  top:-20px;
  left:50%;
  right:auto;
  transform:translateX(-50%);
 }
}
@media only screen and (max-width:480px) {
 .main-timeline .title {
  float:none;
  margin:0;
 }
 .main-timeline .year,
 .main-timeline .timeline:nth-child(2n) .year {
  margin-left:20px;
 }
 .main-timeline .timeline-content,
 .main-timeline .timeline:nth-child(2n) .timeline-content {
  margin-left:10px;
 }
 .main-timeline .post {
  margin:5px 0;
 }
}

.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
 margin-right:10px;
}
.dropdown-menu > li > a:hover {
 background-color:#e1e3e9;
 color:#333;
}
.dropdown-menu > .divider {
 background-color:#eee;
}
/* components */
.alert-success {background-color: #dff0d8;border-color: #d6e9c6;color: #3c763d;}
.alert-success hr {border-top-color: #c9e2b3;}
.alert-success .alert-link {color: #2b542c;}
.alert-info {background-color: #d9edf7;border-color: #bce8f1;color: #31708f;}
.alert-info hr {border-top-color: #a6e1ec;}
.alert-info .alert-link {color: #245269;}
.alert-warning {background-color: #fcf8e3;border-color: #faebcc;color: #8a6d3b;}
.alert-warning hr {border-top-color: #f7e1b5;}
.alert-warning .alert-link {color: #66512c;}
.alert-danger {background-color: #f2dede;border-color: #ebccd1;color: #a94442;}
.alert-danger hr {border-top-color: #e4b9c0;}
.alert-danger .alert-link {color: #843534;}

.input-mini {width: 45px !important;}
.input-xsmall {width: 80px !important;}
.input-small {width: 120px !important;}
.input-medium {width: 240px !important;}
.input-large {width: 320px !important;}
.input-xlarge {width: 420px !important;}
.input-inline {display: inline-block;width: auto;vertical-align: middle;}
.form-group .input-inline {margin-right: 5px;}
.input-sm {height: 28px;padding: 5px 10px;font-size: 13px;}
select.input-sm {height: 28px;line-height: 28px;padding: 2px 10px;}


.btn.default {color: #333333;background-color: #e5e5e5;border-color: "";}
.btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active {color: #333333;background-color: #d1d1d1;}
.green.btn {color: white;background-color: #35aa47;border-color: "";}
.green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {color: white;background-color: #2b8b3a;}
.blue.btn {color: white;background-color: #4b8df8;border-color: "";}
.blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active {color: white;background-color: #2474f6;}
.red.btn {color: white;background-color: #d84a38;border-color: "";}
.red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active {color: white;background-color: #c13726;}
.yellow.btn {color: white;background-color: #ffb848;border-color: "";}
.yellow.btn:hover, .yellow.btn:focus, .yellow.btn:active, .yellow.btn.active {color: white;background-color: #ffa81f;}
.purple.btn {color: white;background-color: #8e44ad;border-color: "";}
.purple.btn:hover, .purple.btn:focus, .purple.btn:active, .purple.btn.active {color: white;background-color: #763890;}