.border_right1{border-right:1px solid #b8dbc4;}
.border_right0{border-right:0px;}
.mt19{margin-top:19px;}
.mt18{margin-top:18px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt22{margin-top:22px;}
.mt20{margin-top:20px;}
.ml6{margin-left:6px;}
.mt6{margin-top:6px;}
.w-1200{ width:1180px; margin:0 auto; position:relative;}
.maketing-main-o .o-m .ul-t .li-img{text-align:center;}

.site_banner{
	width:100%;
	height:500px;
	background:url(../images/m_banner.jpg) center no-repeat;
    cursor:pointer;
}
.moban_list .tit h4{
	text-align:center;
	font-size:24px;
	color:#646464;
	font-weight:normal;
}
.moban_list .tit p{
	font-weight:normal;
	color:#808080;
	font-size:16px;
	text-align:center;
}


.maketing-main-o{ padding:45px 0;}
.maketing-main-o .tit h4{font-size:26px;color:#646464;text-align:center;font-weight:normal;}
.maketing-main-o .tit p{font-size:16px;color:#808080;text-align:center;margin-bottom:40px;}

.maketing-main-o .o-m .ul-o{ float:left; width:300px; position:relative; background:#dfe7ed;}
.maketing-main-o .o-m .ul-o li{ width:100%; cursor:pointer; position:relative; z-index:2}
.maketing-main-o .o-m .ul-o li p{ float:left; line-height:68px; color:#666; font-size:14px; width:250px; border-bottom:1px solid #cccbc8;padding-left:50px;}
.white{color:#fff;}

.maketing-main-o .o-m .ul-o .li-mask{ background:#48afea;color:#fff; position:absolute; left:0; top:0; width:335px; height:68px; background:url(../images/site_navmask.png) no-repeat;}
.maketing-main-o .o-m .ul-o li.on b{ display:block;}
.maketing-main-o .o-m .ul-t{ background:#fff; width:880px; float:left; height:414px;}
    .maketing-main-o .o-m .ul-t img {  display:block;}
.maketing-main-o .o-m .ul-t li{ list-style-type:none; position:relative; height:100%; display:none;}
.maketing-main-o .o-m .ul-t .li-top{ padding:25px 0 0 50px;}
.maketing-main-o .o-m .ul-t h5{ color:#666; font-size:22px; line-height:38px;font-weight:normal;}
.maketing-main-o .o-m .ul-t p{ color:#7a7a7a; font-size:16px;margin-top:18px; margin-bottom:10px}
.maketing-main-o .o-m .ul-t .li-a{overflow:hidden;}
.maketing-main-o .o-m .ul-t .li-a a{ color:#2b91b8; font-size:14px; margin-right:20px; cursor:default; line-height:22px;float:left;}
.maketing-main-o .o-m .ul-t .li-a i{width:14px;height:14px;background:url(../images/site_nav_duigou.png) no-repeat;float:left;margin-top:5px;margin-right:6px;}
.maketing-main-o .o-m .ul-t .li-a span{ color:#999; font-size:14px;float:left;}
.maketing-main-o .o-m .ul-t .li-img{ width:100%; text-align:center; position:absolute; left:25%; bottom:0;}

/***********************模板列表 开始**************************/
.w-1200 { width: 1200px; margin: 0 auto; position: relative; }
.common-btn { display: inline-block; padding: 0 20px; height: 32px; line-height: 32px; background: #2086ee; font-size: 14px; color: #fff; text-align: center; cursor: pointer; border: 0; -webkit-transition: all .3s; transition: all .3s; font-weight: 400; -webkit-appearance: none; }
    .common-btn:hover { background: #4597EA; color: #fff; }

.tpl-container { border: 1px solid #dcdcdc; background: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; display: block; margin-bottom: 30px; }
.tpl-list-container li { width: 270px; margin-right: 23px; margin-top: 33px; float: left; list-style-type: none; cursor: pointer; }
    .tpl-list-container li.row-last { margin-right: 0; }
.tpl-list-container .no-tpl { height: 238px; line-height: 238px; text-align: center; }
    .tpl-list-container .no-tpl span { vertical-align: middle; }
    .tpl-list-container .no-tpl i { display: inline-block; width: 32px; height: 32px; background: url(../images/icon.png) no-repeat -99px -269px; vertical-align: middle; margin-right: 10px; position: relative; top: -1px; }
.tpl-container .tpl-header { height: 20px; line-height: 20px; background: #e2e2e2; padding-left: 10px; font-size: 0; }
    .tpl-container .tpl-header .point { width: 6px; height: 6px; border-radius: 100%; vertical-align: middle; display: inline-block; margin-right: 5px; }
.red-point { background: #ea5c6a; }
.yellow-point { background: #ecc468; }
.green-point { background: #2bc950; }
/*内容区*/
.tpl-container .tpl-body { height: 201px; border-bottom: 1px solid #dcdcdc; position: relative; overflow: hidden; }
    .tpl-container .tpl-body img { width: 100%; }

    /*PC+手机  手机正常情况下的 预览图*/
    .tpl-container .tpl-body .mobile-thumb { width: 96px; height: 172px; background: url(../images/icon.png) no-repeat -196px 0px; position: absolute; z-index: 1; right: -4px; bottom: 0px; overflow: hidden; padding-bottom: 22px; }
        .tpl-container .tpl-body .mobile-thumb img { width: 66px; margin: 26px auto 0 auto; display: block; max-height: 150px; }
.tpl-container .tpl-mask { opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.4s ease-in-out; }
.tpl-container:hover { box-shadow: 0px 7px 15px 5px rgba(0, 0, 0, 0.1); }
    .tpl-container:hover .tpl-mask { opacity: 1; z-index: 1; background-color: rgba(0, 0, 0, 0.6); }
/*PC 预览*/
.tpl-container .tpl-mask .preview-pc { width: 100%; height: 100%; position: absolute; }
    .tpl-container .tpl-mask .preview-pc::after { width: 52px; height: 80px; background: url(../images/icon.png) no-repeat 0 -29px; position: absolute; left: 50%; top: 50%; margin-left: -26px; margin-top: -40px; content: ''; }

/*PC+手机版本 ----  手机预览容器*/
.tpl-container .tpl-mask .preview-mobile-thumb { width: 66px; height: 118px; position: absolute; right: 12px; top: 55px; background-position: center; background-repeat: no-repeat; background-size: 66px auto; }
    .tpl-container .tpl-mask .preview-mobile-thumb::after { content: ''; position: absolute; width: 66px; height: 118px; background: rgba(0, 0, 0, 0.6); }
/*PC+手机版本 ----- 手机视窗*/
.tpl-container .tpl-mask .preview-mobile { width: 86px; height: 169px; background: url(../images/icon.png) no-repeat -202px 0px; position: absolute; bottom: 3px; z-index: 1; right: 0; }
/*底部栏位*/
.tpl-container .tpl-footer { font-size: 14px; color: #565656; position: relative; padding: 6px 8px; }
    .tpl-container .tpl-footer div { height: 24px; line-height: 24px; }
    .tpl-container .tpl-footer .buy { position: absolute; right: 14px; top: 13px; }

.search_zhuce{width: 100%;height: 226px;background: url(../images/heng2.png) no-repeat center;padding: 60px 0px;box-sizing: border-box;}
.search_zhuce p{font-size: 32px;color: #333;text-align: center;}
.search_zhuce a{width: 170px;height: 38px;line-height: 38px;border-radius: 6px;background: #2c5fc8;color: #fff;font-size: 16px;display: block;text-align: center;margin: 20px auto 0px;letter-spacing: 2px}