.main{padding:0px 0px 0px 0px;background:#fff;}
.main .mainNav{text-align:center;  border-bottom:1px solid #eee;}
.secmenu {position:relative; z-index:1; width:auto;}
.secmenu li { display:inline-block; padding-left:10px; margin-right:10px;}
.secmenu li.back {border-bottom:#ffe100 2px solid;  width:9px; height:58px; z-index:2; position: absolute; }
.secmenu li a { display:block; width:100%; line-height:60px; text-align:center; position:relative; z-index:3; font-size:16px; color:#666;}

.main .content{width:100%;height:auto; max-width:1100px; background:#fff;font-family:"Microsoft YaHei" ,"微软雅黑"; clear:both; overflow:hidden; margin-top:40px;}
.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content .child{position:relative;float:left;width:32%; margin:2% 2% 0 0;}
.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%; overflow:hidden;}
.main .content .child .childHide h4{ font-size:16px; color:#666;height: 20px;line-height: 20px;position: relative;top: 50%;margin-top: -10px; font-weight:normal;z-index:1}
.main .content .child .childTag{padding:7% 5%;position:absolute;top:0px;left:0px;width:90%;*width:60%;font-size:16px;color:#666;text-align:left;z-index:1}
.main .content .child .childTag .childSub{width:20px;height:2px;background:#666;margin:10px 0px;}
.main .content .child .childContent{position:absolute;bottom:12%;left:5%;width:90%; color:#666; font-size:14px; text-align:left;z-index:1}
.main .content .child .childBg{background:rgba(255,249,4,0.85); width:150%; height:110%; position:absolute; top:0; left:-250%; z-index:0;transform:skew(-30deg); -webkit-transform: skew(-30deg);   -moz-transform: skew(-30deg);   -o-transform:skew(-30deg);   -ms-transform:skew(-30deg);}
.main .linkBtn{margin:80px auto 0px auto;}


.project_article{ text-align:center;}
.project_article img{ width:100%;}
.project_page { float:left; width:40%; text-align:left; margin-top:15px;}
.project_page a{ background:url(/pyfile/images/project/project_page.png) no-repeat; display:inline-block; width:100%; height:30px; }
.project_page a.pro_prev,.project_page a:hover.pro_prev{ width:16px; background-position:0px 0px;}
.project_page a.pro_next,.project_page a:hover.pro_next{ width:16px; background-position:-93px 0px;}
.project_page a.pro_return,.project_page a:hover.pro_return{ width:30px; background-position:-37px 0px; margin:0 20px;}
.project_page a:hover{background:url(/pyfile/images/project/project_page_hvoer.png) no-repeat;}
.art_bottom{ clear:both; padding-top:25px; margin-top:40px; border-top:1px #eee solid;}
.art_bottom h3{ font-size:18px;}
.art_bottom .mainSub{ margin:15px 0 5px;}


.pro_intro { padding-bottom:10px;}
.pro_intro h3{ font-size:18px; line-height:27px; padding:0; border:0; margin-bottom:10px; color:#373839;}
.pro_intro h4{ color:#ffd228; margin:35px 0 5px; font-weight:bold; font-size:14px;}
.pro_intro h5{ color:#373839; margin:22px 0 5px; font-size:14px; line-height:22px;}
.pro_intro h5 a{ color:#373839;}
.pro_intro p{ padding:0; text-indent:0; font-size:12px; line-height:24px;}
.pro_intro .mainSub{ margin:45px 0 0;}
.pro_intro .checks{ padding:3px 0 10px;}
.pro_intro .checks span{ font-size:12px; line-height:22px; margin:0 10px 0 0;}
.pro_intro .icon-ok-sign{ color:#ffd228; margin-right:7px;}



@media  (max-width: 479px) {
.left{ width:100%; float:none;}
.right{ width:100%; float:none; padding-top:30px;}

.main{padding:0;}
.main .mainNav {text-align: center; border-bottom:none;margin-top:20px;}
.secmenu li{ border:1px solid #bbb; padding:0 10px; margin:7px 10px 7px 0; float:left;}
.secmenu li a{ line-height:40px; font-size:14px;}
.secmenu li:hover{ background:#ffe100; border:1px solid #ffe100; }
.main .content{width:100%;height:auto;margin-top:20px;}
.main .content .child{width:100%; margin-bottom:5%;}
.main .content .child .childImg{ width:100%;}
.main .content .child .childHide{ display:none; position:absolute; background:rgba(0,0,0,0.5);  height:auto; top:auto; bottom:0; }
.main .content .child .childBg{ display:none;position: relative;}
.main .content .child .childTag{ position:relative; padding:3px 10px; line-height:27px; color:#fff; font-size:14px;}
.main .content .child .childContent{ position:relative; display:none;}
.main .content .child .childTag .childSub{ display:none;}

.main .linkBtn{margin:20px auto 0px auto;}
.project_page{ width:100%; height:30px;margin-top:7px;}
.project_page .pro_prev{ position:absolute; left:0;}
.project_page .pro_return{ position:absolute; left:40%; }
.project_page .pro_next{ position:absolute; right:0;}
.bdsharebuttonbox{ display:none;}
.top_box{ padding-bottom:30px;}
.pro_intro h3{ font-size:16px; line-height:27px;}
}


@media (min-width: 480px) and (max-width: 639px) {
.left{ width:100%; float:none;}
.right{ width:100%; float:none; padding-top:30px;}

.main{padding:0;}
.main .mainNav {text-align: center; border-bottom:none;margin-top:20px;}
.secmenu li{ border:1px solid #bbb; padding:0 10px; margin:7px 10px 7px 0; float:left;}
.secmenu li a{ line-height:40px; font-size:14px;}
.secmenu li:hover{ background:#ffe100; border:1px solid #ffe100; }
.main .content{width:100%;height:auto;width:100%;}
.main .content .child{width:100%; margin-bottom:5%;}
.main .linkBtn{margin:30px auto 0px auto;}
}


@media (min-width: 640px) and (max-width:1023px ) {
.left{ width:60%;}
.right{ width:36%;}

.main{padding:0;}
.main .container{ width:90%;}
.main .mainNav {text-align: center; border-bottom:none;margin-top:20px;}
.main .content{width:100%;height:auto;width:100%; margin-top:30px;}
.secmenu li{ border:1px solid #bbb; padding:0 10px; margin:10px; float:left;}
.secmenu li a{ line-height:40px;}
.secmenu li:hover{ background:#ffe100; border:1px solid #ffe100; }
.main .content .child{width:50%;}
.main .content .child{width:48%; margin:0 4% 4% 0;}
.main .content ul li:nth-child(2n) .child{ margin-right:0;}
.main .content .child .info{display:none;}
.main .linkBtn{margin:40px auto 0px auto;}
.art_bottom .mainSub{margin: 20px 0;}
}

@media (min-width: 1024px) and (max-width:1199px ) {
.main{padding:0px 0px 30px 0px;}
.main .container{ width:95%;}
.main .linkBtn{margin:50px auto 0px auto;}
.main .content ul li:nth-child(3n) .child{ margin-right:0;}

}

@media (min-width: 1200px) and (max-width:1920px ) {
.main .content ul li:nth-child(3n) .child{ margin-right:0;}
}