/*�ֻ���*/
.m-nav{position: fixed; left: 0 ;top: 0; z-index: 999; width: 100%;}
.nav{display:none;}
.m-nav .logo{position: absolute; left:15px;}
.m-nav .logo img{ width:50%;}
.m-nav .m-btn{position: absolute;top:20px; right:15px;z-index:999; width:36px; height:36px;line-height: 36px;
    text-align: center; background: #000000;}
.m-nav .m-btn img{ width:22px; height:16px; transition: 1s;}
.rotates{
    transform:rotate(90deg);
}
.m-navbar{position: absolute; right: 0;top: 10px; z-index:998; width: 60%;padding:20px 0;
    background:rgba(255,255,255,0.8);display: none;}
.m-navbar  li{padding: 0 36px 0 0;}
.m-navbar  li a{display: block;font:400 16px/36px "Microsoft YaHei";color: #1a1a18; text-align: center; }
.m-navbar  li a:hover{ background: #4c6270; color: #FFFFFF;}
.m-navbar  .active a{ background: #4c6270; color: #FFFFFF;}

.m-tab{padding: 0 15px;}
.m-title{padding:40px 0 40px 0;text-align: center;}
.m-title img{ width: 300px;}
.m-more{padding-top:40px; text-align: center;}
.m-more a{display: block;}
.m-more a img{transform: scale(0.9); transition:2s;}
.m-more a img:hover{transform: scale(1);}
.m-tab1{padding: 0;}
.m-tab1 img{ width: 100%;}
.m-tab1 .carousel-control img{ width:auto;}

.m-tab2{padding:60px 15px 60px; background: url("../images/m_tab2_bg.jpg") no-repeat center 0; background-size: cover;}
.m-tab2 .m-tab2-content{ padding:42px 10px 0 10px; background:url("../images/in2_2.png") no-repeat 0 0;}
.m-tab2 .m-tab2-content p{margin-bottom:10px;font:400 14px/30px "Microsoft YaHei";color:#000;
    text-align: justify; text-indent:2em;}

.m-tab3{padding:60px 15px 60px; background: url("../images/m_tab3_bg.jpg") no-repeat center 0; background-size: cover;}
.m-tab3 .box{margin: 40px 0 0 0;}
.m-tab3 .box ul li{position:relative; width: 294px;height:174px;overflow:hidden;margin: 0 auto; padding:2px;
    text-align:center; cursor: pointer;}
.m-tab3 .box ul li img{ width: 294px; height: 170px;}
.m-tab3 .box ul li a{display:block;position:absolute;bottom:1px;left:1px; width:294px; height:0;
    padding:35px 0 0 0;  color: #FFFFFF; text-align:center;background:rgba(20,20,20,0.8);opacity: 0; transition:0.6s;}
.m-tab3 .box ul li a .ch{font: 400 24px/30px "Microsoft YaHei";}
.m-tab3 .box ul li a .en{font: 400 12px/16px "Microsoft YaHei"; text-transform: uppercase;}
.m-tab3 .box ul li a span{display: inline-block;margin: 20px 0 0 0; padding:3px 30px; font:400 14px/24px "Microsoft YaHei";
    border:1px solid #fff;}
.m-tab3 .box ul li:hover a{opacity: 1; height:170px;}

.m-tab4{padding:60px 15px 60px; background: url("../images/m_tab4_bg.jpg") no-repeat center 0; background-size: cover;}
.m-tab4 .width100{text-align: center;}
.m-tab4 .width100 img{max-width: 100%;}
.m-tab4-content{padding: 20px 0 0 0;}
.m-tab4-content p{margin:6px 0; font: 400 14px/24px "Microsoft YaHei"; color: #000000;
    text-align: justify; text-indent: 2em;}

.m-tab5{padding:60px 15px 60px; background: url("../images/m_tab4_bg.jpg") no-repeat center 0; background-size: cover;}
.m-tab5 .scroll_horizontal{position:relative;}
.m-tab5 .scroll_horizontal .box{overflow:hidden;position:relative;width:300px;height:300px;margin:0 auto;}
.m-tab5 .scroll_horizontal .list{overflow:hidden;width:9999px;text-align:center;}
.m-tab5 .scroll_horizontal .list li{float:left;width:285px;height:285px;text-align:center;}
.m-tab5 .scroll_horizontal .list li img{ width:280px; height:280px;}
.m-tab5 .scroll_horizontal .plus{position:absolute;top:150px;width:40px;height:40px;
    background:url("../images/left.png") no-repeat center bottom;background-size: 100%;
    text-align:center;cursor:pointer;}
.m-tab5 .scroll_horizontal .minus{position:absolute;top:150px;width:40px;height:40px;
    background:url("../images/right.png") no-repeat center bottom;background-size: 100%;cursor:pointer;}
.m-tab5 .scroll_horizontal .plus{left:-15px;}
.m-tab5 .scroll_horizontal .minus{right:-15px;}

.m-tab6{padding:60px 15px 60px; background: url("../images/m_tab4_bg.jpg") no-repeat center 0; background-size: cover;}
.m-tab6 ul{ background: url("../images/lines.jpg") no-repeat center 0;}
.m-tab6 ul li{padding:15px 0;background: url("../images/lines.jpg") no-repeat center bottom;}
.m-tab6 ul li a{display: block;}
.m-tab6 ul li .date{display: block; font-size:16px;color:#000;}
.m-tab6 ul li .newst{display: block;font-size:16px;color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.m-tab7{padding:60px 15px 60px; background: url("../images/m_tab4_bg.jpg") no-repeat center 0; background-size: cover;}
.m-tab7  .srtil{padding-bottom:10px; font:600 24px/30px "Microsoft YaHei"; text-align: left;}
.m-tab7  .srtil .rw{font:600 18px/30px "Microsoft YaHei";color:red;}
.m-tab7  .srp{font: 400 16px/30px "Microsoft YaHei"; color: #000000;}
.m-tab7 .form{margin: 10px auto; padding:15px 5px; border:2px solid #dcdcdc;background-color:#fff;}
.m-tab7 .form label{display: inline-block;padding: 0 5px 0 0;}
.m-tab7 .form label span{padding: 0 5px; color: #cd0202;}
.m-tab7 .form input{display: inline-block; width:80%;}
.m-tab7 .form textarea{display: inline-block;width: 80%;height: 80px;}
.m-tab7 .form .inputs{margin: 0 0 10px 0;}
.m-tab7 .form .textareas label{float: left;}
.m-tab7 .form .buttons{width:80%;height:36px;margin-left:52px;color:#fff; background-color:#000;border: none;}
@media screen and (min-width: 1200px) {
    .m-nav{display: none;}
    .nav{display: block;}
}

/*����*/
.nav{}
.nav header{ height:80px;}
.nav .iheader{ height: auto;}
.nav .logo{position:absolute;left:70px;top: 0; z-index:10;}
.nav .logo img{ width:100px;}
.nav .btn{position: absolute;right:70px;top:36px; z-index:9; cursor: pointer;}
.nav .btn img{ width: 78px;}
.nav-wap{position: absolute; right: 0;top: 0; z-index:998; width:0; height:0;padding:0;
    background: #4c6270;overflow: hidden; }
.nav-wap .w-logo{position:absolute;left:100px;top:35px; z-index:10;}
.nav-wap .w-btn{position: absolute;right:100px;top:60px; display: none; cursor: pointer; }
.nav-left{position: relative; padding: 100px 0 0 110px;display: none;
    background: url("../img/nav_left.png") no-repeat 110px 0;}
.nav-left  li{ width: 150px;}
.nav-left  li a{display: block;margin-bottom: 20px; font:400 16px/30px "Microsoft YaHei"; color: #FFFFFF;}
.nav-left .nav-pics{position:absolute; right:80px; top:100px;}
.nav-left .nav-pic{ width: 184px; height: 184px; text-align: center;}
.nav-left .nav-pic img{max-width: 100%; max-height: 100%;}
.nav-rights{min-height:360px; padding: 100px 80px 0 80px; display:none;
    background: url("../img/nav_right.png") no-repeat 100px 50px; border-left: 1px solid #FFFFFF;}
.nav-rights li{display: inline-block;padding:0 5px 10px 5px;}
.nav-rights li a {display: block;padding:0 15px; font: 400 16px/30px "Microsoft YaHei"; color: #FFFFFF; border-radius: 2px;}
.nav-rights li a:hover{ color: #4c6270; background: #FFFFFF;}
.nav-rights .active a{ color: #4c6270; background: #FFFFFF;}
.pointers{position: absolute;right: 10px; bottom: 10px; z-index:90;}
.tab{position: relative;height: 100%; }
.tab .container{padding:90px 0 0 0;}
.ititle{text-align: center;}
.imore{text-align: center;}
.imore a{display: block;}
.imore a img{transform: scale(0.9); transition:2s;}
.imore a img:hover{transform: scale(1);}
@media screen and (min-width: 1400px) {
    .tab .container{padding:140px 0 0 0;}
}
@media screen and (min-width: 1640px) {
    .nav header{ height:100px;}
    .nav .logo{position:absolute;left:100px;}
    .nav .logo img{ width:auto;}
    .nav .btn{position: absolute;right:100px;}
    .nav .btn img{ width:auto;}
    .tab .container{padding:150px 0 0 0;}
}
/*��һ��*/
.tab1{padding: 0; color:#000;}
.tab1 .item img{ width: 100%;}

/*�ڶ���*/
.tab2{ background:#f8f8f6 url("../images/index2b.png") no-repeat center bottom;}
.tab2 .container .clearfix{overflow: hidden;}
.tab2 .ititle{position: absolute; width: 100%; left: 0; top:160px;opacity:0;}
.tab2 .ititle img{ width:300px;}
.tab2-l{position: relative; float: left; width:60%;min-height: 1px;}
.tab2 .tab2-l-content{position: absolute; width:100%; left: 0; top:300px;height: 272px; overflow: hidden;
    padding:42px 60px 0 60px; background:url("../images/in2_2.png") no-repeat 0 0;opacity: 0;}
.tab2 .tab2-l-content p{margin-bottom:10px;font:400 14px/30px "Microsoft YaHei";color:#000;
    text-align: justify; text-indent:2em;}
.tab2 .imore{position: absolute; left: 0;top:600px; z-index: 100; width: 100%; opacity: 0;}
.tab2-r{position: relative; float: left; width:40%; opacity: 0;}
.tab2-r-img{ text-align: center;}
.tab2-r-img img{ width:420px;}
@media screen and (min-width: 1640px) {
    .tab2 .ititle img{ width:auto;}
    .tab2-l{ width: 50%;}
    .tab2 .tab2-l-content{top: 210px;}
    .tab2 .imore{top:500px;}
    .tab2-r{ width: 50%;}
    .tab2-r-img img{ width:auto;}
}

/*������*/
.tab3{background:#f8f8f6 url("../images/indexb.png") no-repeat center bottom;}
.tab3 .ititle{position: absolute;left:0; top:-100px;opacity:0;}
.tab3 .ititle img{ width:250px;}
.tab3 .tab3-l{position: relative; float: left; width:45%; opacity: 0;}
.tab3 .tab3-l img{width:450px;}
.tab3 .tab3-r{position: relative; float: left; width:55%;}
.tab3 .tab3-r .ititle{position: absolute; width: 100%; left: 0; top:20px;}
.tab3 .box{position: absolute; width:100%;left:0; top:20px; opacity: 0;}
.tab3 .box ul li{position:relative;float:left;width:50%;height:174px;overflow:hidden;padding:2px;text-align:center; cursor: pointer;}
.tab3 .box ul li img{ width: 294px; height: 170px;}
.tab3 .box ul li a{display:block;position:absolute;bottom:1px;left:1px; width:294px; height:0;
    padding:35px 0 0 0;  color: #FFFFFF; text-align:center;background:rgba(20,20,20,0.8);opacity: 0; transition:0.6s;}
.tab3 .box ul li a .ch{font: 400 24px/30px "Microsoft YaHei";}
.tab3 .box ul li a .en{font: 400 12px/16px "Microsoft YaHei"; text-transform: uppercase;}
.tab3 .box ul li a span{display: inline-block;margin: 20px 0 0 0; padding:3px 30px; font:400 14px/24px "Microsoft YaHei";
    border:1px solid #fff;}
.tab3 .box ul li:hover a{opacity: 1; height:170px;}
@media screen and (min-width: 1640px) {
    .tab3 .ititle img{ width:auto;}
    .tab3 .tab3-l{width:50%;}
    .tab3 .tab3-l img{width:auto;}
    .tab3 .tab3-r{width:50%;}
    .tab3 .box{top:150px;}
}

/*������*/
.tab4{background:#f8f8f6 url("../images/indexb.png") no-repeat center bottom;}
.tab4 .ititle img{ width:300px;}
.tab4 .container{position: relative;min-height: 1px;}
.tab4-l{position: absolute;left:-150px; top:90px; width: 60%;min-height: 1px; opacity: 0;}
.tab4 .tab4-l .ititle{position: absolute; width: 100%; left: 0; top:50px;}
.tab4-l-content{position: absolute; left:0; top:120px;width: 100%; height: 254px; overflow: hidden;
    padding: 0 50px;}
.tab4-l-content p{ font: 400 14px/36px "Microsoft YaHei";color:#000;text-align:justify;text-indent:2em;}
.tab4 .imore{position: absolute; width: 100%; left: 0; top:400px;}
.tab4-r{position: absolute;right:-150px;top: 90px; width: 40%; text-align: right; opacity: 0;}
.tab4-r img{ width: 420px;}
@media screen and (min-width: 1640px) {
    .tab4 .ititle img{ width:auto;}
    .tab4-l{ width:50%;top: 150px;}
    .tab4-l-content{top:180px;}
    .tab4-r{width:50%; top: 150px;}
    .tab4-r img{ width: auto;}
    .tab4 .imore{ top:480px;}
}

/*������*/
.tab5{background:#f8f8f6 url("../images/index3b.png") no-repeat center bottom;text-align:center;}
.tab5 .ititle img{ width:350px;}
.tab5 .container{position: relative;}
.tab5 .ititle{position: absolute; left: 0; top:60px; width: 100%;}
.tab5 .ititle .tab5-abstract{padding: 5px 0;}
.tab5 .wrap{position: absolute; left: 0; top:190px; width: 100%;}
.tab5 .scroll_horizontal{position:relative;}
.tab5 .scroll_horizontal .box{overflow:hidden;position:relative;width:960px;height:344px;margin:0 auto;}
.tab5 .scroll_horizontal .list{overflow:hidden;width:9999px;text-align:center;}
.tab5 .scroll_horizontal .list li{float:left;width:320px;height:344px;text-align:center;}
.tab5 .scroll_horizontal .list li img{max-width:100%;}
.tab5 .scroll_horizontal .plus{position:absolute;top:150px;width:70px;height:70px;
    background:url("../images/left.png") no-repeat center bottom;text-align:center;cursor:pointer;}
.tab5 .scroll_horizontal .minus{position:absolute;top:150px;width:70px;height:70px;
    background:url("../images/right.png") no-repeat center bottom;cursor:pointer;}
.tab5 .scroll_horizontal .plus{left:-10px;}
.tab5 .scroll_horizontal .minus{right:-10px;}
.tab5 .imore{position: absolute; width: 100%; left: 0; top:510px;}
@media screen and (min-width: 1400px) {
    .tab5 .ititle{top:100px;}
    .tab5 .wrap{top:250px;}
    .tab5 .imore{ top:600px;}
}
@media screen and (min-width: 1640px) {
    .tab5 .ititle{top:220px;}
    .tab5 .ititle img{ width:auto;}
    .tab5 .wrap{top:400px;}
    .tab5 .imore{ top:760px;}
}

/*������*/
.tab6{background:#f8f8f6 url("../images/indexb.png") no-repeat center bottom;}
.tab6 .container{position: relative;}
.tab6 .ititle{position: absolute; left:0;top:50px; width: 100%;}
.tab6 .ititle img{ width: 500px;}
.tab6 .tab6-l {position: absolute; left:50%;  top:200px; width:50%; text-align: center; opacity: 0;}
.tab6 .tab6-l img{width:400px;}
.tab6 .tab6-r{position: absolute; left: 0; top:200px; width:50%; opacity: 0;}
.tab6 .tab6-r ul{background: url("../images/lines.jpg") no-repeat center 0;}
.tab6 .tab6-r ul li{padding:20px 0;background: url("../images/lines.jpg") no-repeat center bottom;}
.tab6 .tab6-r ul li:hover{}
.tab6 .tab6-r ul li .date{float:left;font-size:16px;color:#000;}
.tab6 .tab6-r ul li .newst{font-size:16px;color:#000;padding-left:10px;}
.tab6 .tab6-r .imore{margin: 10px 0 0 0;}
@media screen and (min-width: 1400px) {
    .tab6 .ititle{top:80px;}
    .tab6 .tab6-l{top:250px;}
    .tab6 .tab6-r{top:250px;}
    .tab6 .tab6-r .imore{margin:20px 0 0 0;}
}
@media screen and (min-width: 1640px) {
    .tab6 .ititle{top:190px;}
    .tab6 .ititle img{width: auto;}
    .tab6 .tab6-l{top:360px;width: 50%; text-align: left;}
    .tab6 .tab6-l img{width:auto;}
    .tab6 .tab6-r{top:360px;width: 50%;}
    .tab6 .tab6-r ul li{padding: 30px 0;}
}

/*������*/
.tab7{background:#f8f8f6 url("../images/index4b.png") no-repeat center bottom;}
.tab7 .ititle img{width:300px;}
.tab7 .container{position: relative;}
.tab7 .ititle{position: absolute; left:0;top:50px; width: 100%;}
.tab7 .tab7-l {position: absolute; left:-10%;top:170px; width:50%; text-align: center; opacity: 0;}
.tab7 .tab7-l img{ width: 420px;}
.sl_7{float:left;}
.tab7 .tab7-r{position: absolute; right:0;top:170px; float:right;width:50%;color:#000;}
.tab7 .tab7-r1{position: relative;top: -10%; padding-left: 245px;
    background: url("../images/in7_2.png") no-repeat 0 0; opacity: 0;}
.tab7 .tab7-r1 .srtil{padding-bottom:10px; font:600 24px/30px "Microsoft YaHei"; text-align: left;}
.tab7 .tab7-r1 .srtil .rw{font:600 24px/30px "Microsoft YaHei";color:red;}
.tab7 .tab7-r1 .srp{font: 400 18px/30px "Microsoft YaHei"; color: #000000;}
.tab7 .form{position: relative; top: -10%; width:560px;margin:10px auto 0;padding:20px 50px;
    border:2px solid #dcdcdc;background-color:#fff; opacity: 0;}
.tab7 .form label{display: inline-block;padding: 0 5px 0 0;}
.tab7 .form label span{padding: 0 5px; color: #cd0202;}
.tab7 .form input{display: inline-block; width:390px;}
.tab7 .form textarea{display: inline-block; width:390px; height: 80px;}
.tab7 .form .inputs{margin: 0 0 10px 0;}
.tab7 .form .textareas label{float: left;}
.tab7 .form .buttons{width:390px;height:36px;margin-left:52px;color:#fff; background-color:#000;border: none;}
@media screen and (min-width: 1400px) {
    .tab7 .ititle{top:80px;}
    .tab7 .tab7-l{top:220px;}
    .tab7 .tab7-r{top:220px;}
}
@media screen and (min-width: 1640px) {
    .tab7 .ititle{top:180px; }
    .tab7 .ititle img{width: auto;}
    .tab7 .tab7-l{top:300px; text-align: left;}
    .tab7 .tab7-l img{ width:auto;}
    .tab7 .tab7-r{top:380px;}
    .tab7 .form{width:560px;margin: 20px auto 0}
}

.footer{position:fixed;bottom:0;z-index:99;width:100%; overflow: hidden;}
.footer .footc{margin-bottom: -44px; padding:10px 0;
    font:400 14px/24px "Microsoft YaHei";color:#fff;background-color:#000; opacity: 0;}
.foot-btn{padding: 2px 0; text-align: center;}
.foot-btn img{cursor: pointer;}
.foot-btn .bottoms{display: none;}
.footer .fol{float:left;}
.footer .for{float:right;}
.arc-foot{ padding:10px;  font:400 14px/24px "Microsoft YaHei";color:#fff;background-color:#000;}
.arc-foot{position: static;}
.arc-foot .fol{float:left;}
.arc-foot .for{float:right;}
@media screen and (min-width: 1200px) {
    .arc-foot{ padding:10px 0;}
    }
/*-------------------------------------------------------����ҳ-------------------------------------------------------*/
.art-top{width:100%;margin-top:10px;}
.art-til{margin-top:80px;text-align:center;}
.art-til img{ width:240px;}
.art-nav ul{padding: 20px 0;}
.art-nav ul li{float: left; width:50%;margin:2px 0; padding: 0 5px; text-align:center;
    background:url("../images/newbh.png") no-repeat center center;}
.art-nav ul li a{display: block;font: 400 14px/45px "Microsoft YaHei"; color: #FFFFFF;}
.art-nav ul .active a{background:url("../images/newb.png") no-repeat center center;color: #9c0202;}
.art-nav ul li:hover{background:url("../images/newb.png") no-repeat center center;}
.art-nav ul li:hover a{color: #9c0202;}
.arc-arc{padding-bottom:20px;}
/*��ҳ��ʽ */
.fanye{ padding:15px 0;}
.fanye a{display:inline-block; width:42px;height:42px;font: 400 16px/42px "Microsoft YaHei";
    color: #FFFFFF; background: url("../images/page_bg.png") no-repeat center center;}
@media screen and (min-width: 1200px) {
    .arc-arc{min-height:680px;padding-bottom:80px;}
    .art-til{width:26%;display:inline-block;margin-top:0;text-align:center;}
    .art-til img{ width:auto;}
    .art-nav{width:72%;float:right;}
    .art-nav ul{width:100%;padding-top:80px; text-align: right;}
    .art-nav ul li{float: none; display: inline-block; width:auto;margin: 0;padding: 0; text-align:center;
        background:url("../images/newbh.png") no-repeat center center;}
    .art-nav ul li a{width:150px;}
    .fanye{ padding: 30px 0;}
}
@media screen and (min-width: 1640px) {
    .arc-arc{min-height:800px;}
}
/*����ҳ��*/
.arcs{background:#f8f8f6 url("../images/artb.png") no-repeat center bottom; background-attachment: fixed;}
.about .container{padding: 0 10px;}
.art-content{padding:10px 0 0 0;}
.art-content .art-img{display: none;}
.art-content p{margin: 0 0 10px 0; font: 400 16px/30px "Microsoft YaHei"; text-align:justify;text-indent:2em;}
@media screen and (min-width: 1200px) {
    .art-content{margin:30px 0 0 0; padding:10px; background:rgba(247,236,218,0.6);}
    .art-content .art-img{display: block; margin:30px 0; padding:24px 0 20px 68px;
        background:url("../images/artimgb.png") no-repeat center center;}
}
@media screen and (min-width: 1640px) {
    .art-content .art-img{padding-left: 168px;}
}

/*��������*/
.news{background:#f8f8f6 url("../images/newsb.png") no-repeat center bottom;}
.news .new-cont{width:100%; margin: 30px 0 0 0;}
.news .new-cont ul{padding: 10px;}
.news .new-cont ul li a{display: block;padding: 20px 0; color:#000; border-bottom:1px solid #dcdcdc;}
.news .new-cont ul li .new-img img{width: 100%;}
.news .new-cont .new-nr .new-title{ overflow:hidden;margin:6px 0;font: 400 18px/24px "Microsoft YaHei";
    white-space:nowrap;text-overflow:ellipsis;}
.news .new-cont .new-p{font: 400 14px/24px "Microsoft YaHei"; text-indent:2em;text-align:justify;}
@media screen and (min-width: 1200px) {
    .news .new-cont ul{padding-top:10px;}
    .news .new-cont ul li{float:left;width:50%;}
    .news .new-cont ul li:nth-child(2n+1){ padding-right:45px;}
    .news .new-cont ul li:nth-child(2n){ padding-left:45px;}
    .news .new-cont ul li .new-img{float:left;width:114px;}
    .news .new-cont ul li .new-img img{ width: 114px; height:80px;}
    .news .new-cont .new-nr{float: right; width:420px;}
    .news .new-cont .new-nr .new-title{margin: 0 0 6px 0;}
}
/*��������*/
.news-er .container{padding: 0 10px;}
.new-er-title{padding:16px 0 0 0; font: 400 18px/30px "Microsoft YaHei"; color: #000000; text-align: center;}
.new-er-title1{padding:20px 0 0 0; text-align: center;}
.new-er-title1 div{display: inline-block;padding: 0 15px;}
.new-er-title1 span{color: #999999;}
.new-er-cont{padding: 30px 0 0 0;}
.new-er-cont p{margin:5px 0; font: 400 16px/30px "Microsoft YaHei"; color:#333333;}
@media screen and (min-width: 1200px) {
    .new-er-title{padding:36px 0 0 0;}
}

/*��Ʒ����*/
.pic{width:100%;background:#f8f8f6 url("../images/picb.jpg") no-repeat center bottom;}
.pictop{margin-top:200px;}
.m-pic{}
.m-pic ul{}
.m-pic ul li{padding: 5px 0; text-align: center;}
.m-pic ul li a{display: block;}
.m-pic ul li a img{ width: 280px; height: 280px;}
.m-pic ul li a p{font: 400 16px/30px "Microsoft YaHei"; color: #000000;}
.pic-er{display: none;  }
@media screen and (min-width: 1200px) {
    .m-pic{display: none;}
    .pic-er{display: block; margin: 30px 0 0 0;}
    .pic-er .container{overflow-x: hidden;}
    .pic-er .mis-stage{}
    .pic-er .pic-er-list{display: none;}
    .pic-er .mis-current .pic-er-list{display: block; position: absolute; left:-370px;top:480px;  width:1100px;}
    .pic-er-name{padding: 80px 0 20px 0;font:400  24px/36px "Microsoft YaHei"; color: #0f0f0f; text-align: center;  }
    .pic-con{padding: 0 50px;}
    .pic-con p{ font: 400 14px/24px "Microsoft YaHei"; text-align:justify;}
}

/*ͼ��*/
.atlasa{width:100%;background:#f8f8f6 url("../images/picb.jpg") no-repeat center bottom;}
.guidea{width:100%;background:#f8f8f6 url("../images/picb.jpg") no-repeat center bottom;}
.atlas .art-content{overflow: hidden; background:none;}
.guide .art-content{overflow: hidden; background:none;}
.atlas .art-content ul{}
.atlas .art-content ul li{padding:5px; text-align: center; cursor:pointer;}
.atlas .art-content ul li img{ width:280px; height: 280px; transition:0.6s;}
.atlas .art-content ul li:hover img{ transform: scale(1.1);}
@media screen and (min-width: 1200px) {
    .atlas .art-content ul li{float: left; width: 33.3%;}
    .atlas .art-content ul li img{ width:320px; height: 320px;}
}
@media screen and (min-width: 1640px) {
    .atlas .art-content ul li img{ width: 380px; height: 380px;}
}

/*��ϵ����*/
.contact .contact-cont{padding: 20px 0 0 0 ;}
.contact .contact-1{position: relative;padding: 20px 15px 0;}
.contact .contact-1 .ewm{padding: 10px 0; text-align: center;}
.contact .contact-1 .ewm img{ width:200px;}
.contact .contact-1 .srtil{padding-bottom:10px; font:600 24px/30px "Microsoft YaHei"; text-align: left;}
.contact .contact-1 .srtil .rw{font:600 24px/30px "Microsoft YaHei";color:red;}
.contact .contact-1 .srp{font: 400 18px/30px "Microsoft YaHei"; color: #000000;}
.contact .contact-r{padding: 0 15px;}
.contact .contact-r .form{margin: 20px auto 0;padding:20px 0; border:2px solid #dcdcdc;background-color:#fff;}
.contact .contact-r .form label{display: inline-block;padding: 0 5px 0 0;}
.contact .contact-r .form label span{padding: 0 5px; color: #cd0202;}
.contact .contact-r .form input{display: inline-block; width:80%;}
.contact .contact-r .form textarea{display: inline-block; width:80%; height: 80px;}
.contact .contact-r .form .inputs{margin: 0 0 10px 0;}
.contact .contact-r .form .textareas label{float: left;}
.contact .contact-r .form .buttons{width:80%;height:36px;margin-left:52px;color:#fff; background-color:#000;border: none;}
@media screen and (min-width: 1200px) {
    .contact .contact-1{position: relative; padding-top: 20px; padding-left:210px;}
    .contact .contact-1 .ewm{position: absolute; left: 0; top:10px; width:180px; padding: 0;}
    .contact .contact-1 .ewm img{ width:100%;}
    .contact .contact-r{padding:0;}
    .contact .contact-r .form{margin: 20px auto 0;padding:20px 50px;}
    }

@media screen and (min-width: 1200px) {
    .arc-arc .container{padding: 0 90px;}
    .news .arc-arc .container{padding:0;}
}
@media screen and (min-width: 1640px) {
    .arc-arc .container{padding:0;}

}