
.main{padding:0px;text-align:center;background:#fff; margin: 60px 0;}
.main .mainNav{text-align:center;}
.main .mainNav .child{cursor:pointer;position:relative;color:#808080;font-size:16px;text-align:center;width:222px;height:46px;line-height:46px;border:2px solid #B9B8B8;margin:0 8px;display:inline-block;*display:inline;*zoom:1;}
.main .mainNav .child.on{background:#8a2ae3;color:#fff;}
.main .mainNav .child.childList{text-align:left;background-image:url(../images/navPointer.png);background-position:186px center;background-repeat:no-repeat;}
.main .mainNav .child.childList span{margin-left:18px;}
.main .mainNav .child.childList ul{display:none;background:#fff;position:absolute;top:46px;left:-2px;border:2px solid #B9B8B8;z-index:2;}
.main .mainNav .child.childList ul li{list-style-type: none;color:#808080;padding-left:0px;width:218px;height:46px;line-height:46px;padding: 0 15px;}

.main .mainNav .child.childList ul li:hover {
    background: #eee;
}

.main .content{width:100%;height:auto;width:100%;}
.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content .child{position:relative;float:left;width:20%;}
.main .content .child .childImg{width:100%;height:auto; vertical-align:middle;}
.main .content .child .childHide{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#0d6898;}
.main .content .child .childPointer{position:absolute;bottom:17px;right:20px;width:71px;}
.main .content .child .childTag{letter-spacing:0.1em;font-weight:100;font-stretch:condensed;padding:6%;position:absolute;top:0px;left:0px;width:88%;*width:60%;font-size:24px;font-family:'MyriadPro-LightCond';font-size:24px;color:#fff;text-align:left;}
.main .content .child .childTag .childSub{width:21px;height:2px;background:#fff;margin:10px 0px;}
.main .content .child .childContent{position:absolute;top:50%;left:0px;height:54px;width:100%;margin-top:-27px;}
.main .content .child .childContent .title{width:50%;font-size:21px;color:#fff;margin:0 auto;}
.main .content .child .childContent .info{color:#fff;font-size:16px;margin-top:10px;}
.main .linkBtn{margin:80px auto 0px auto;}
#share_this_post{
	width: 120px;
    position: fixed;
    z-index: 18;
    top: 280px;
    right: 50px;
    border: 8px solid #8a2ae3;
    background: white;
    padding: 10px;

	}
#share_this_post .title {
    color: #c11923;
    font-size: 0.85em;
    letter-spacing: 2;
    line-height: 18px;
}
#share_this_post ul {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 0 8px 0;
    margin: 12px 0;
}
#share_this_post #post_qrcode {
    width: 80px;
    height: 80px;
    background: url("images/loading.gif") no-repeat center center;
        background-size: auto auto;
    background-size: 25%;
    margin: 12px 0 0 0;
}
@media  (max-width: 479px) {
#backgroundNews{display: none;}
.banner{margin-top:0px;background-position:center 74px; background-size:auto 230px;}
.banner .bannerBg{height:230px;}
.banner .bannerInfo{height:80px;margin-top:-40px;}
.banner .bannerInfo .title{font-size:20px;line-height:20px;}
.banner .bannerInfo .titleCh{width:auto;font-size:14px;padding:1px 4px 3px 4px;border:1px solid #fff;top:12px;}

.main{padding:0px;margin: 60px 0;}

.main .mainNav .child{font-size:12px;width:140px;height:34px;line-height:34px;margin:5px 4px;border:1px solid #8a2ae3;}
.main .mainNav .child.childList{background-position:114px center;margin-top:10px;}
.main .mainNav .child.childList span{margin-left: 30px;}
.main .mainNav .child.childList ul{top:34px;left:-1px;border:1px solid #8a2ae3;}
.main .mainNav .child.childList ul li{list-style-type: none;padding-left:0px;width:136px;height:34px;line-height:34px;padding: 0 20px;}
.main .content .child{width:50%;}
.main .content .child .childPointer{width:40px;bottom:10px;right:12px;}
.main .content .child .childTag{font-size:12px;}
.main .content .child .childTag .childSub{margin:3px 0;}
.main .content .child .childContent .title{font-size:14px;}
.main .content .child .childContent .info{display:none;}
.main .linkBtn{margin:20px auto 0px auto;}
#new-theme{display: none}
#osensphone{display: block}
  #osensweixin{display: block}
#share_this_post{display: none}
#logocontact{display: none}

}
@media (min-width: 480px) and (max-width: 639px) {
	#backgroundNews{display: none;}
.banner{margin-top:74px;background-position:center 74px; background-size:auto 340px;}
.banner .bannerBg{height:340px;}
.banner .bannerInfo{height:120px;margin-top:-60px;}
.banner .bannerInfo .title{font-size:30px;line-height:30px;}
.banner .bannerInfo .titleCh{width:auto;font-size:20px;padding:2px 6px 5px 6px;border:1px solid #8a2ae3;top:16px;}

.main{padding:0px;margin: 60px 0;}
.main .mainNav .child{font-size:16px;width:210px;height:50px;line-height:50px;margin:5px 6px;border-width:1px;}
.main .mainNav .child.childList{background-position:170px center;margin-top:15px;}
.main .mainNav .child.childList span{margin-left:18px;}
.main .mainNav .child.childList ul{top:50px;left:-1px;border:1px solid #8a2ae3;}
.main .mainNav .child.childList ul li{list-style-type: none;padding-left:0px;width:206px;height:50px;line-height:50px;padding: 0 15px;}
.main .content .child{width:50%;}
.main .content .child .childPointer{width:40px;bottom:10px;right:12px;}
.main .content .child .childTag{font-size:12px;}
.main .content .child .childTag .childSub{margin:3px 0;}
.main .content .child .childContent .title{font-size:14px;}
.main .content .child .childContent .info{display:none;}
.main .linkBtn{margin:30px auto 0px auto;}
#new-theme{display: none}
#osensphone{display: block}
   #osensweixin{display: block}
#share_this_post{display: none}
#logocontact{display: none}
}
@media (min-width: 640px) and (max-width:1023px ) {
	
.banner{margin-top:74px;background-position:center 74px; background-size:auto 450px;}
.banner .bannerBg{height:450px;}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:40px;line-height:40px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;width:auto;font-size:26px;padding:2px 10px 6px 10px;border:2px solid #fff;}

.main{padding:0px;margin: 60px 0;}

.main .mainNav .child{font-size:12px;width:140px;height:34px;line-height:34px;margin:5px 4px;border:1px solid #8a2ae3;}
.main .mainNav .child.childList{background-position:114px center;}
.main .mainNav .child.childList span{margin-left:12px;}
.main .mainNav .child.childList ul{top:34px;left:-1px;border:1px solid #8a2ae3;}
.main .mainNav .child.childList ul li{list-style-type: none;padding-left:0px;width:137px;height:34px;line-height:34px;padding: 0 12px;}
.main .content{width:100%;height:auto;width:100%;}
.main .content .child{width:50%;}
.main .content .child .childContent .info{display:none;}
.main .linkBtn{margin:40px auto 0px auto;}
#new-theme{display: none}
#osensphone{display: none}
   #osensweixin{display: none}
#share_this_post{display: none};
#logocontact{display: none}
}
@media (min-width: 1024px) and (max-width:1199px ) {
	
.banner{margin-top:68px;background-position:left 68px;background-size: auto 300px;}
.banner .bannerBg{height: 300px;}
.banner .bannerInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .bannerInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.main{padding:0px;margin: 60px 0;}

.main .mainNav .child{font-size:12px;width:156px;height:33px;line-height:33px;margin:5px 5px;border:1px solid #8a2ae3;}
.main .mainNav .child.childList{background-position:131px center;}
.main .mainNav .child.childList span{margin-left:12px;}
.main .mainNav .child.childList ul{top:33px;left:-1px;border:1px solid #8a2ae3;}
.main .mainNav .child.childList ul li{list-style-type: none;padding-left:0px;width:153px;height:33px;line-height:33px;padding: 0 10px;}
.main .content .child .childPointer{bottom:10px;right:13px;width:44px;}
.main .content .child .childTag{font-size:15px;}
.main .content .child .childTag .childSub{width:13px;height:2px;margin:6px 0px;}
.main .content .child .childContent{height:33px;margin-top:-30px;}
.main .content .child .childContent .title{font-size:13px;}
.main .content .child .childContent .info{font-size:12px;margin-top:5px;}
.main .linkBtn{margin:66px auto 0px auto;}
#new-theme{display: none}
#osensphone{display: none}
  #osensweixin{display: none}
#logocontact{display: none}
}
@media (min-width: 1200px) and (max-width:1439px ) {

.banner{margin-top:68px;background-position:left 68px;}
.banner .bannerInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .bannerInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.main{padding:0px;margin: 60px 0;}

.main .mainNav .child{font-size:12px;width:156px;height:33px;line-height:33px;margin:5px 5px;border:1px solid #8a2ae3;}
.main .mainNav .child.childList{background-position:131px center;}
.main .mainNav .child.childList span{margin-left:12px;}
.main .mainNav .child.childList ul{top:33px;left:-1px;border:1px solid #8a2ae3;}
.main .mainNav .child.childList ul li{list-style-type: none;padding-left:0px;width:153px;height:33px;line-height:33px;padding: 0 11px;}
.main .content .child .childPointer{bottom:10px;right:13px;width:44px;}
.main .content .child .childTag{font-size:15px;}
.main .content .child .childTag .childSub{width:13px;height:2px;margin:6px 0px;}
.main .content .child .childContent{height:33px;margin-top:-30px;}
.main .content .child .childContent .title{font-size:13px;}
.main .content .child .childContent .info{font-size:12px;margin-top:5px;}
.main .linkBtn{margin:66px auto 0px auto;}
#new-theme{display: block}
#osensphone{display: none}
  #osensweixin{display: none}
}
@media (min-width: 1440px) and (max-width:1920px ) {
	
.banner{margin-top:82px;background-position:left 82px;}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:24px;}

.main{padding:0px;margin: 50px 0;}

.main .mainNav .child{font-size:14px;width:188px;height:40px;line-height:40px;margin:5px 6px;border:1px solid #8a2ae3;}
.main .mainNav .child.childList{background-position:158px center;}
.main .mainNav .child.childList span{margin-left:15px;}
.main .mainNav .child.childList ul{top:40px;left:-1px;border:1px solid #8a2ae3;}
.main .mainNav .child.childList ul li{list-style-type: none;padding-left:0px;width:185px;height:40px;line-height:40px;padding: 0 14px;}
.main .content .child .childPointer{bottom:13px;right:16px;width:54px;}
.main .content .child .childTag{font-size:18px;}
.main .content .child .childTag .childSub{width:16px;height:2px;margin:8px 0px;}
.main .content .child .childContent{height:40px;margin-top:-20px;}
.main .content .child .childContent .title{font-size:16px;}
.main .content .child .childContent .info{font-size:12px;margin-top:6px;}
.main .linkBtn{margin:80px auto 0px auto;}
#new-theme{display: block}
#osensphone{display: none}
  #osensweixin{display: none}
}
.footerimgstyle{

	width: 60px;height:60px;float: left;padding: 0 5px;
}
img{
	border: 0;
	display: block;
	max-width: 100%;
	vertical-align: middle;
}
.casebig{
	cursor: pointer;
	transition: all 0.5s;
	
}

.casebig:hover{
	transform: scale(1.08);

			}
#textmiddle{

font-family: Microsoft YaHei;

}

#textmiddle img{

margin: 0 auto;
  padding:10px 0;

}

#logocontact{
position:absolute;right: 0%; top: 25%;color: #e90000;font-size: 15px;
}
#logocontact-left{
position:absolute;left: 0%; top: 25%;color: #8a2ae3;font-size: 16px;
}
@-ms-keyframes hide-shake{0%,100%{-ms-transform:translateX(10px);transform:translateX(10px)}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;filter:Alpha(opacity=0)}}@-o-keyframes hide-shake{0%,100%{-o-transform:translateX(10px);transform:translateX(10px)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0}}@keyframes layer-spread{0%{transform:scaleX(0);opacity:0}100%{transform:scaleX(1);opacity:1}}@-webkit-keyframes layer-spread{0%{-webkit-transform:scaleX(0);opacity:0}100%{-webkit-transform:scaleX(1);opacity:1}}@-moz-keyframes layer-spread{0%{-moz-transform:scaleX(0);opacity:0}100%{-moz-transform:scaleX(1);opacity:1}}@-o-keyframes layer-spread{0%{-o-transform:scaleX(0);opacity:0}100%{-o-transform:scaleX(1);opacity:1}}@-ms-keyframes layer-spread{0%{-ms-transform:scaleX(0);opacity:0;filter:Alpha(opacity=0)}100%{-ms-transform:scaleX(1);opacity:1;filter:Alpha(opacity=100)}}@keyframes hide-spread{0%{transform:scaleX(1)}50%{transform:scaleX(.5)}100%{transformX:scaleX(0%);opacity:0}}@-webkit-keyframes hide-spread{0%{-webkit-transform:scaleX(1)}50%{-webkit-transform:scaleX(.5)}100%{-webkit-transform:scaleX(0);opacity:0}}@-moz-keyframes hide-spread{0%{-moz-transform:scaleX(1)}50%{-moz-transform:scaleX(.5)}100%{-moz-transform:scaleX(0);opacity:0}}@-ms-keyframes hide-spread{0%{-ms-transform:scaleX(1)}50%{-ms-transform:scaleX(.5)}100%{-ms-transform:scaleX(0);opacity:0;filter:Alpha(opacity=0)}}.showAlert[data-animation=layerFadeIn]{animation:layerFadeIn .3s;-webkit-animation:layerFadeIn .3s;-moz-animation:layerFadeIn .3s;-ms-animation:layerFadeIn .3s;-o-animation:layerFadeIn .3s}.showAlert[data-animation=showSweetAlert]{animation:showSweetAlert .3s;-webkit-animation:showSweetAlert .3s;-moz-animation:showSweetAlert .3s;-ms-animation:showSweetAlert .3s;-o-animation:showSweetAlert .3s}.showAlert[data-animation=none]{animation:none;-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none}.showAlert[data-animation=slideFromTop]{animation:slideFromTop .3s;-webkit-animation:slideFromTop .3s;-moz-animation:slideFromTop .3s;-ms-animation:slideFromTop .3s;-o-animation:slideFromTop .3s}.showAlert[data-animation=slideFromBottom]{animation:slideFromBottom .2s;-webkit-animation:slideFromBottom .2s;-moz-animation:slideFromBottom .2s;-ms-animation:slideFromBottom .2s;-o-animation:slideFromBottom .2s}.showAlert[data-animation=layer-fadeInUpBig]{animation:layer-fadeInUpBig .2s;-webkit-animation:layer-fadeInUpBig .2s;-moz-animation:layer-fadeInUpBig .2s;-ms-animation:layer-fadeInUpBig .2s;-o-animation:layer-fadeInUpBig .2s}.showAlert[data-animation=layer-rollIn]{animation:layer-rollIn .3s;-webkit-animation:layer-rollIn .3s;-moz-animation:layer-rollIn .3s;-ms-animation:layer-rollIn .3s;-o-animation:layer-rollIn .3s}.showAlert[data-animation=layer-fadeIn]{animation:layer-fadeIn .3s;-webkit-animation:layer-fadeIn .3s;-moz-animation:layer-fadeIn .3s;-ms-animation:layer-fadeIn .3s;-o-animation:layer-fadeIn .3s}.showAlert[data-animation=layer-shake]{animation:layer-shake .3s;-webkit-animation:layer-shake .3s;-moz-animation:layer-shake .3s;-ms-animation:layer-shake .3s;-o-animation:layer-shake .3s}.showAlert[data-animation=layer-spread]{animation:layer-spread .2s;-webkit-animation:layer-spread .2s;-moz-animation:layer-spread .2s;-ms-animation:layer-spread .2s;-o-animation:layer-spread .2s}.hideAlert[data-animation=layer-spread]{animation:hide-spread .5s forwards;-webkit-animation:hide-spread .5s forwards;-moz-animation:hide-spread .5s forwards;-ms-animation:hide-spread .5s forwards;-o-animation:hide-spread .5s forwards}.hideAlert[data-animation=slideFromTop]{animation:hideFromTop .2s forwards;-webkit-animation:hideFromTop .2s forwards;-moz-animation:hideFromTop .2s forwards;-ms-animation:hideFromTop .2s forwards;-o-animation:hideFromTop .2s forwards}.hideAlert[data-animation=slideFromBottom]{animation:hideFromBottom .2s forwards;-webkit-animation:hideFromBottom .2s forwards;-moz-animation:hideFromBottom .2s forwards;-ms-animation:hideFromBottom .2s forwards;-o-animation:hideFromBottom .2s forwards}.hideAlert[data-animation=showSweetAlert]{animation:hideSweetAlert .2s forwards;-webkit-animation:hideSweetAlert .2s forwards;-moz-animation:hideSweetAlert .2s forwards;-ms-animation:hideSweetAlert .2s forwards;-o-animation:hideSweetAlert .2s forwards}.hideAlert[data-animation=layerFadeIn]{animation:hideFadeIn .2s forwards;-webkit-animation:hideFadeIn .2s forwards;-moz-animation:hideFadeIn .2s forwards;-ms-animation:hideFadeIn .2s forwards;-o-animation:hideFadeIn .2s forwards}.hideAlert[data-animation=layer-fadeIn]{animation:hide-fadeIn .2s forwards;-webkit-animation:hide-fadeIn .2s forwards;-moz-animation:hide-fadeIn .2s forwards;-ms-animation:hide-fadeIn .2s forwards;-o-animation:hide-fadeIn .2s forwards}.hideAlert[data-animation=layer-fadeInUpBig]{animation:hide-fadeInUpBig .2s forwards;-webkit-animation:hide-fadeInUpBig .2s forwards;-moz-animation:hide-fadeInUpBig .2s forwards;-ms-animation:hide-fadeInUpBig .2s forwards;-o-animation:hide-fadeInUpBig .2s forwards}.hideAlert[data-animation=layer-rollIn]{animation:hide-rollIn .2s forwards;-webkit-animation:hide-rollIn .2s forwards;-moz-animation:hide-rollIn .2s forwards;-ms-animation:hide-rollIn .2s forwards;-o-animation:hide-rollIn .2s forwards}.hideAlert[data-animation=layer-shake]{animation:hide-shake .2s forwards;-webkit-animation:hide-shake .2s forwards;-moz-animation:hide-shake .2s forwards;-ms-animation:hide-shake .2s forwards;-o-animation:hide-shake .2s forwards}.msg-layer-bg{width:100%;z-index:999;position:fixed;background:#000;opacity:.4;top:0;height:100%;filter:alpha(opacity=50)}.msg-layer{z-index:9999;position:fixed;left:50%;top:50%;text-align:center;opacity:1;filter:alpha(opacity=100);padding:0 10px 10px;background:#fff;border-radius:5px;max-width:800px}.msg-con{padding:10px;word-break:break-all}.layer-close{display:none;position:absolute;right:10px;top:0;font-size:32px;color:#d02f30;height:30px;line-height:30px;cursor:pointer}.msg-layer>h5{font-size:18px;line-height:38px;border-bottom:1px solid #ccc}.layer-btn{padding:16px 0 10px;text-align:center}.layer-btn>div{display:none;width:100px;height:36px;line-height:36px;text-align:center;color:#fff;font-size:14px;border-radius:5px;cursor:pointer}.layer-cancel{background:#ccc9c9}.layer-commit{background:#50bce0;margin-left:10px}













