body {font-family: "Open Sans",Arial,Verdana,Helvetica,"Microsoft Yahei",Lato,"Playfair Display",Dosis,sans-serif;font-size:14px;color:#282828;}
ul,li{list-style:none;margin:0;padding:0;}
a{outline:none!important;color:#282828;}
a:hover,a:active,a:focus{color:#324CBC;text-decoration:none;}
.dark-title a{color:#fff;}
.dark-title a:hover,.dark-title a:active{color:#1cbac8;}
.text-center{text-align:center;}
b,strong{font-weight:bold;}
figure{margin:0;}
h1,h2,h3,h4,h5,h6{letter-spacing:normal;}

#topbar .header-info-col{margin-right:20px;}
#topbar .header-info-col i{margin-right:5px;}
.site-logo img{height:40px;}
.dd-menu > li{margin-left:32px;margin-top:16px;}
.dd-menu > li ul{min-width:160px;}
#main-nav .active .menu1{color:#42b8d4;}

#main-slider .item,.header-style2 .hero-slider, .header-style3 .hero-slider, .header-style2 .hero-slider.flexslider ul.slides li, .header-style3 .hero-slider.flexslider ul.slides li, .header-style2 .flex-caption-cell, .header-style3 .flex-caption-cell{height:800px;}
.btn-ghost{background:none;font-size:16px;padding:10px 30px;}
.btn-ghost.btn-light{border:2px solid #fff;color:#fff;text-shadow:none;}
.btn-ghost:hover,.btn-ghost:active,.btn-ghost:focus{background:none;}
.block-title, .widgettitle{font-size:30px;}
.grid-item-inner img,.owl-carousel .blog-grid-item .media-box img,#partners-slider .item img{width:100%;}

#home-portfolio{padding:40px 0;}
#home-portfolio .owl-carousel .owl-wrapper-outer{padding-top:10px;}
.hp-title .block-title{font-size:30px;}
#home-portfolio .post-title{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;letter-spacing:0;}
.cause-grid-item .grid-item-content{padding-top:30px;}
#home-portfolio .owl-carousel .cause-grid-item .meta-data{margin:12px 0 0;}
#home-portfolio .owl-carousel .cause-grid-item .btn{display:none;}
#home-portfolio .owl-pagination{margin-top:5px;}
.featured-text span{margin-bottom:5px;}

#home-blog .event-date .date{font-size:30px;}
#home-blog .event-list-item .meta-data a{color:#999;}
#home-blog .post-title{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;padding-left:0;}
.gallery-updates > ul > li{opacity:1;padding:0 1px 1px 0;}
#home-block{background-image:url(../images/block-bg.jpg);}

#home-partner .push-top {font-weight:600;margin-top:32px;}
#home-partner .push-top span{display:block;font-size:13px;color:#666;font-weight:400;}
#home-about{background-image:url(../images/about-bg.jpg);}
#home-about h2{margin-bottom:30px;}
#home-about .parallax-icon-link{opacity:0.8;font-size:22px;}
#home-solution{padding:60px 0 50px;}
.cta-fw h4{margin-top:10px;}

#footer{padding:50px 0 45px;background-image:url(../images/footer-bg.jpg)}
.site-footer .logo-footer{margin-bottom:15px;}
.site-footer .f-about {margin-bottom:15px;}
.site-footer .f-about p{margin-bottom:0;}
.site-footer .f-contact p{margin-bottom:10px;}
.footer_widget h4.widgettitle{font-size:18px;font-weight:600;}
.footer_widget, .site-footer .footer_widget a{color:#fff;}
#footer .widget_links i{margin-right:10px;}
#footer .widget_links ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
#footer .f-qrcode img{max-width:160px;}
.site-footer-bottom b{color:#42B8D4;}

/* 内页 */

.noDis {display:none;}
.search-tips{color:#f00;font-size:16px;text-align:center;}
.page-content{line-height:1.6;}
.page-content p{line-height:1.6;margin:0;padding:0;}
.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{margin:0;padding:0;line-height:1.6;}
.search-tips{color:#f00;font-size:16px;text-align:center;}
em.error {overflow:hidden;zoom:1;background:url("../images/unchecked.html") no-repeat 0px 0px;  padding-left: 19px;color:red;}
em.success {overflow:hidden;zoom:1;background:url("../images/checked.html") no-repeat 0px 0px;  padding-left: 19px;color:red;}
.com-cnt table th{font-weight:bold;background:#f9f9f9}
.com-cnt table th,.com-cnt table td{border:1px #eee solid;padding:6px 12px;}
.com-cnt img{max-width:100%;}

#pages{clear: both;padding:10px 0 10px;text-align: center;font:12px 'Microsoft YaHei';}
#pages a{display:inline-block;padding:0px 8px;height:24px;font-size:12px;line-height:22px;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333;margin-right:-1px;}
#pages a.a1{padding:0px 12px;height:24px;line-height:22px;margin-top:0px;}
#pages a:hover{background:#f1f1f1;color:#000;text-decoration:none;}
#pages span{display:inline-block;padding:0px 8px;height:24px;line-height:22px;background:#5a85b2;border:1px solid #5a85b2;color:#fff;text-align:center;}
.page .noPage{display:inline-block;padding:0px 12px;height:22px;line-height:22px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}
.pageright{margin-right:40px;}
@media (max-width : 420px) {
	#pages .prev,#pages .next{display:none;}
}

/* responsive */
@media (min-width:1410px) {
	.container{max-width:1170px;width:1170px;}
}
@media (min-width:1570px) {
	.container{max-width:1170px;width:1170px;}
}
@media (min-width:1890px) {
	.container{max-width:1370px;width:1370px;}
}

@media (max-width : 1024px) { /* 17寸桌面，iPad Pro */
	body{word-break:break-all;word-wrap:break-word}
	.container{max-width:98%;width:98%;}
	
	#header{position:relative!important;}
	#main-nav,#menu-toggle{display:none!important;}
	.mmenu-btn {display:block;cursor:pointer;line-height:1;position:absolute;top:50%;right:10px;transform:translate(0,-50%);}
	.mmenu-btn i{font-size:24px;color:#282828;}

	#mmenu{border-left:1px #E5E5E5 solid;}
	#mmenu .mmDiv{padding-top:20px;}
	#mmenu .mm-title{padding:12px 0 11px;}
	#mmenu .mm-search-form{margin:0;}
	#mmenu .mm-search{position:static;padding-left:0;margin-top:10px;padding-right:0;margin-bottom:-17px;}
	#mmenu .mm-search .side-mm-keyword{max-height:32px;height:32px;padding:0 16px;}
	#mmenu .noblock{display:inline !important;padding:10px;}
	#mmenu .MMhead{line-height:2.8;border-bottom:1px #E5E5E5 solid;margin:0 -20px;padding-left:10px;}
	#mmenu .MMhead a{background:none;}
	#mmenu .mm-header .mm-title{top:-10px;font-size:14px;}
	#mmenu a{color:#333;font-size:14px;}
	#mmenu a:hover,#mmenu a:active{color:#AF7F48}
	#mmenu .mm-listview > li > a,#mmenu .mm-listview > li > span{padding:10px 10px 10px 20px;}
	
	#main-slider .hero-slider,#main-slider .hero-slider .slides li{height:450px;}
	.block-title, .widgettitle{margin-bottom:30px;}
	.hp-title{width:100%;}
	.hp-text{width:100%;}
	
	.foot-link,.foot-contact,.foot-qrcode{display:none;}
	#footer .foot-about{width:100%;}
	.copyrights-col-left b{display:none;}
}
@media (max-width : 990px) { /* 960 */
	.container{max-width:96%;width:96%;}
	#menu-toggle{display:none!important;}
	.mmenu-btn{right:25px;}
	
	#main-slider .hero-slider,#main-slider .hero-slider .slides li{height:420px;}
	#home-blog{padding:40px 0 50px;}
	.parallax-text-block{padding:25px;}
	.parallax-text-block h3{font-size:20px;}
	.hp-title .block-title,.block-title, .widgettitle,#home-partner .push-top{font-size:26px;}
	
	.owl-carousel .owl-wrapper-outer{padding-top:0;}
	#home-partner .push-top{margin-top:28px;}
	#home-partner .partner-title{width:100%;text-align:center;}
	#home-partner .partner-content{width:100%;}
	#home-partner .owl-wrapper-outer{padding-top:0;}
	#home-about h2{font-size:25px;}
	#home-solution{padding:50px 0 40px;}
	
	.btn-ghost{font-size:14px;padding:5px 25px;}
	#home-ad{text-align:center;}
	#home-ad .btn{float:none!important;}
	.cta-fw h4{margin-top:0;margin-bottom:15px;}
}
@media (max-width : 800px) { /* ipad纵向768，向下考虑iphone6的667px和736px */
	#main-slider .hero-slider,#main-slider .hero-slider .slides li{height:380px;}
	.home .hero-area{min-height:180px;}
	.owl-pagination{margin-top:0;}
	#home-blog .grid-item{margin-bottom:0;}
	#home-solution .grid-item{margin-bottom:25px;}
	#home-solution .solution-text{width:100%;}
	#home-solution .solution-content{width:100%;}
	.footer_widget{margin-bottom:0;}
}
@media (max-width : 740px) { /* 双行，568px,600px,640px */
	#topbar{display:none;}
	#main-slider .hero-slider,#main-slider .hero-slider .slides li{height:320px;}
	#home-about{padding:50px 20px;}
	#home-about h2{margin-bottom:20px;line-height:1.4;}
}
@media (max-width : 480px) {
	.container{max-width:96%;width:96%;}
	#main-slider .hero-slider,#main-slider .hero-slider .slides li{height:280px;}
	.owl-carousel .blog-grid-item .meta-data{display:none;}
	#home-blog .post-title{overflow-x:visible;white-space:normal;font-size:16px;}
	#home-blog .blog-right{display:none;}
	#home-about h2{font-size:18px;}
	#home-about .parallax-icon-link{font-size:15px;}
	#home-solution{padding:35px 0;}
	.cta-fw h4{font-size:17px;}
	#footer{padding:40px 0 30px;}
}
@media (max-width : 420px) {/* 单行，240px,320px,375px,384px,414px */
	.container{max-width:95%;width:95%;}
	.row{margin-left:-10px;margin-right:-10px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left:10px;padding-right:10px;}
	
	#main-slider .hero-slider,#main-slider .hero-slider .slides li{height:240px;}
	.owl-theme .owl-page span{margin:5px;}
	.cta-fw h4{font-size:16px;}
}

@media (max-width : 385px) {
	.container{max-width:97%;width:97%;}
}

@media (max-width : 360px) {
	.container{max-width:98%;width:98%;}
	#main-slider .hero-slider,#main-slider .hero-slider .slides li{height:220px;}
}

@media (max-width : 330px) {
	.container{max-width:99%;width:99%;}
	.row{margin-left:-8px;margin-right:-8px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left:8px;padding-right:8px;}
}