@charset "gb2312";
/* CSS Document */

@media only screen and (min-width:320PX) and (max-width:360PX) {
	html {
		font-size: 13.65px
	}
}

@media only screen and (min-width:360PX) and (max-width:375PX) {
	html {
		font-size: 15.36px
	}
}

@media only screen and (min-width:375PX) and (max-width:390PX) {
	html {
		font-size: 16px
	}
}

@media only screen and (min-width:390PX) and (max-width:414PX) {
	html {
		font-size: 16.64px
	}
}

@media only screen and (min-width:414PX) and (max-width:640PX) {
	html {
		font-size: 17.664px
	}
}

@media screen and (min-width:640PX) {
	html {
		font-size: 27.31px
	}
}


.head_box .sm-menu{display: none;width: 1.4rem;margin-top: 1.4rem; height: 1.6rem;float:right;position:relative;-webkit-border-radius: 5px;border-radius: 5px;z-index: 9999;}
.head_box .sm-menu span{display: block;width: 100%;height: 4px;background-color: #375693;position: absolute;left: 50%;margin-left: -12px;top: 50%;margin-top: -1.5px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.head_box .sm-menu span:before,.head_box .sm-menu span:after{display: block;content: '';width: 100%;height: 4px;background-color: #375693;position: absolute;left: 0;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.head_box .sm-menu span:before{top: -6px;}
.head_box .sm-menu span:after{bottom: -6px;}

body.fixed .head_box .sm-menu span{  background-color: transparent;}
body.fixed .head_box .sm-menu span:before{  -webkit-transform: rotate(45deg) translate(4px, 4.5px);  -ms-transform: rotate(45deg) translate(4px, 4.5px);  transform: rotate(45deg) translate(4px, 4.5px);}
body.fixed .head_box .sm-menu span:after{  -webkit-transform: rotate(-45deg) translate(4px, -4px);  -ms-transform: rotate(-45deg) translate(4px, -4px);  transform: rotate(-45deg) translate(4px, -4px);}


.dl_list li span.fr {display: none;}
.news-swiper {display: none;}

.mhidden {display: block;}
.pchidden {display: none;}

.feature-swiper {position: relative;}
.feature-swiper .swiper-pre,.feature-swiper .swiper-next {position: absolute;top: 50%;transform: translateY(-68%);width: .5rem;z-index: 99;outline: none; }
.feature-swiper .swiper-pre {left: -0.4rem;}
.feature-swiper .swiper-next {right: -0.4rem;}
.feature-swiper .swiper-pre img,.feature-swiper .swiper-next img {width: 100%;}

@media screen and (max-width:1024PX) {

    .mhidden {display: none;}
    .pchidden {display: block;}


    *{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .head_box .sm-menu{display: block;}
    


    .container {max-width: 100%;}
    .head_box{ background:url(img/hand_bg.jpg) no-repeat top left;border-bottom: 1px solid #eaedf0;  height:4.4rem;background-size: auto 100%;padding-right: 4%;position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;}
    .logo{ margin-top:1.4rem;}
    .logo img {height: 2.6rem;width: auto;}
    .home{ margin-top:0.2rem;display: none; }
    .home a{ display:block; float:left; background:url(img/home.jpg) no-repeat left; padding-left:10px; margin-right:10px;}
    .nav_box{ background:#375693; height:auto; overflow:hidden;position: absolute;left: 0;top: 4.4rem;width: 100%;position: fixed; z-index: 9999;display: none; }
    .nav_list{ padding-top:0;}
    .nav_list li{float:none; width:100%; text-align:center; font-size:0.878rem; display:block;line-height:1;border-top:1px solid #556fa3;}
    .nav_list li a{display: block;  font-weight:bold; padding: 1rem 4%;text-align: left;}
    .blank_bai{ background:none; height:9px;margin-top: 4.4rem;}
    #full-screen-slider { width:100%; height:8rem; float:left;}
    #slides { height:8rem; }
    #slides li {background-size: cover !important; }
    #pagination { display:block; list-style:none; width: 100%; position:absolute; left:auto;right: 0; top:auto;bottom: 0; z-index:9900;margin-left: auto !important;  text-align: right; padding:.8rem 4% .8rem 0; margin:0}
    #pagination li { list-style:none; width:10px; height:10px; float:none;display: inline-block;  margin-left:15px; border-radius:5px;}
    #pagination li a { text-indent:-9999px;font-size: 0;}
    

    .box_bg{ width:100%; overflow:hidden;}
    .box_top{ background:url(img/bg_top.gif) no-repeat top center; height:5px;}
    .box_center{ background: #ffffff;overflow:hidden; padding:10px 4%; width:100%;}
    .box_bottom{ background:url(img/bg_bottom.gif) no-repeat; height:7px;}


    
    .box_cen1{ height:auto;width:100%;}
    .pyxw_dl{ width:100%; height:auto;overflow:hidden;margin-top: 1rem;}
    .dl_dt{ background:url(img/navmid.jpg) repeat-x; height:35px; line-height:35px;}
    .more{ padding-top:13px; padding-right:10px;}
    .dl_dt strong a{ padding-left:10px; color:#375693; font-size:14px;}
    .dl_dd{ padding:10px 10px 10px 10px; border:1px dotted #d9d9d9; overflow:hidden; margin-top:1px;}
    .dl_ddss{ padding:10px 10px 1px 10px; border:1px dotted #d9d9d9; overflow:hidden; margin-top:1px;}

    .flashnews{ width:100%; height:auto;}
    .flashnews center {display: none;}
    .flashnews object {width: 100%;height: auto;}
    .flashnews embed {width: 100%;height: auto;}

    .flashnews img {width: 100%;height: 15rem;}

    .news-swiper {position: relative;margin-bottom: 1rem;display: block;}
    .news-swiper .swiper-pagination-news {position: absolute;left: 0;bottom: 1rem;width: 100%;text-align: center;z-index: 999;}
    .news-swiper .swiper-pagination-news .swiper-pagination-bullet {margin: 0 5px;}

    .dl_list{ margin-left:0; _margin-left:0; width:100%; }
    .dl_list li{ background:url(img/block_black.gif) no-repeat 0 8px; padding-left:7px; line-height:21px;}
    .dl_list li span.fr {display: block;}
    .dl_text{ margin-left:0; _margin-left:0; width:100%;margin-top: 1rem;}
    .dl_text h1 a{ font-size:14px; color:#0e387c;}
    .dl_text p{ margin-top:10px; line-height:23px;text-indent:2em;}

    .pyxw_dl.fr .dl_dd div {float: none !important;width: 100%;}
    .pyxw_dl.fr .dl_dd div iframe {width: 100% !important;height: 10rem !important;}
    
    .gg img {width: 100%;}
    .blank10 {height: 1rem;}

    
    .box_cen2{ height:auto;width:100%;}
    .pywh_dl{ width:100%; margin-right:0;float: none !important;}
    .pysp_dl{width:100%;margin-top: 1rem;}
    .newsli li{ background:url(img/block_black.gif) no-repeat 0 8px; padding-left:10px; line-height:21px;}
    .newsli li span{ color:#8f8f8f;}
    
    .pyycjm_dl{ width:970px; height:220px; overflow:hidden;}
    .menu{ }
    .menu li{float:left;width:99px;text-align:center;line-height:28px;height:28px;cursor:pointer;border-left:#A8C29F solid 1px;color:#666;font-size:14px;overflow:hidden}

    .off{background:#fff;color:#336699;font-weight:bold; background:url(img/overicon.gif) no-repeat;}

    .dl_dd1{ padding:10px 14px 10px 14px; border:1px dotted #d9d9d9; overflow:hidden; margin-top:1px; width:940px; height:150px; overflow:hidden;}
    .pros { margin-top:10px;}
    .pros li{ float:left;display:inline; margin-right:10px;margin:0px 11px 10px 10px;}

    .pros li a:hover img{ background:#fafafa; border:1px #ff0000 solid;}
    .pros li a img{ display:block; width:162px; height:119px; padding:3px; border:1px #8e8e8e solid;}
    .pros li p{ text-align:center; padding-top:10px;}
    
    .footer{ width:100%; margin:0 auto; text-align:center; line-height:24px; padding-bottom:10px;padding: 0 3% 10px; }



    /* .feature-slide-preview {display: none;} */
        

    .feature-swiper {padding: 0 10px;}
    .feature-swiper .item {margin:0 auto;padding: 0 0.2rem;}
    .feature-swiper .item a:hover img{ background:#fafafa; border:1px #ff0000 solid;}
    .feature-swiper .item a img{ display:block; width:100%; height:7.2rem; padding:3px; border:1px #8e8e8e solid;}
    .feature-swiper .item p{ text-align:center; padding-top:10px;}
    



    .index-splash-block {
        width:100%; height:auto; overflow:hidden;
    }
    .index-splash-block .feature-slide-preview,.index-splash-block .feature-slides-preview {
    padding:10px 14px 10px 14px; border:1px dotted #d9d9d9; overflow:hidden; margin-top:1px; width:940px; height:150px; overflow:hidden;
    }
    .index-splash-block .feature-slide-preview .screenshot,.index-splash-block .feature-slides-preview.screenshot {
        display: block;
        margin: auto;
    }
    .index-splash-block .feature-slide-list {
        display: none;
        width: 308px;
        padding-top:6px;
        overflow: hidden;
        padding-left:10px;
    }
    .index-splash-block .feature-slide-list a {
        float: left;
        display: inline;
        width: 22px;
        height: 22px;
        background: url(images/feature-point.png) center no-repeat;

    }
    .index-splash-block .feature-slide-list a.current {
        background: url(images/feature-point-current.png) center no-repeat;

    }
    .index-splash-block  .feature-slide-list .feature-slide-list-items {
        display: inline;
    }
    .index-splash-block  .feature-slide-list a.feature-slide-list-previous {
        background: url(images/feature-point-previous.png) no-repeat 2px 5px;

    }
    .index-splash-block  .feature-slide-list a.feature-slide-list-next {
        background: url(images/feature-point-next.png) no-repeat  0 5px;

    }
    .links{ padding:10px 14px 10px 14px; border:1px dotted #d9d9d9; overflow:hidden; margin-top:1px; width:100%; overflow:hidden;}
    .links li{ float:left; margin-right:10px;}
    .links li a{ font-size:14px; color:#333;}

    .link .dl_dt .fr {display: none;}
    
    .xiangg{ margin-top:10px;}
    .xiangg p{ height:auto; line-height:24px; padding-left:10px; font-weight:bold;background:#f6f8f9;}
    .xiangguan{ margin-top:10px;}
    .xiangguan li{ height:auto;padding: 5px 10px; line-height:20px;  float:none; margin-bottom:0; margin-right:0; width:100%; }

        
    
    .d_pict {overflow: hidden;margin-top: 10px;}
    .d_pict li{ float:left;display:inline;margin:0px 2% 10px 0; width: 49%;height: auto; }
    .d_pict li:nth-child(2n){margin-right: 0;}
    .d_pict li a img{ width: 100%;height: 8rem !important;padding:0;}
    .d_pict li p{ padding:5px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


        
    .left{ width:100%;float: none;padding-top: 20px;}
    .left .leftnav dt img {margin-left: -13px;}
    .leftnavli{ margin-top:10px; padding-left:15px;}
    .leftnavli li a{ display:block; height:30px; line-height:30px; padding-left:20px;}
    .leftnavli li a:hover,.leftnavli .hover a{ background:url(img/leftli.jpg) no-repeat; text-decoration:none; font-size:14px; font-family:"微软雅黑"; color:#FFF;}
    .contact{ background:url(img/contact.png) no-repeat right bottom #f3f5f4;border-radius: 0 1.2rem 0 1.2rem;  height:auto; overflow:hidden; margin-left:0; width:100%; padding:1rem 1rem 3rem; line-height:18px;}

    .right{ width:100%; border-left:0;min-height:auto;_height:auto; padding-left:0; padding-top: 1rem;}

    .right_title{ background:url(img/right_tit.jpg) no-repeat; height:36px;}
    .right_name{  font-size:22px; padding-left:15px;}
    .link  {display: none;}
    .link a{font-size:12px;color:#8f8f8f; line-height:36px;}
    .pr_pic { margin-top:10px; margin-left:0;padding: 0 10px;overflow: hidden;}
    .pr_pic li{ float:left;display:inline;margin:0px 2% 10px 0; width: 49%; }
    .pr_pic li:nth-child(2n){margin-right: 0;}
    .pr_pic li a img{ width: 100%;height: 8rem;padding:3px;}
    .pr_pic li p{ padding-top:10px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



    .pagers{text-align:center;position:relative;left:48%;padding:10px 0;float:left;}
    .pagers li{float:left;position:relative;right:50%;white-space:nowrap;background:#dcdcdc; margin-right:7px;}
    .pagers li a{height:20px;line-height:20px;padding:0 6px;display:block;float:left;font-size:12px;color:#555555;}
    .pagers li a:hover{background:#1f7ed1;text-decoration:none;color:#fff;}

    /* 翻页 */
    .page_wrap{text-align:center;position:relative; right:auto;height:auto; line-height:30px; padding:10px 0;float: none;text-align: center;overflow: hidden;}
    .paginator {}
    .paginator a,.paginator span { display: inline-block; float:none; position:relative;right:0%; white-space:nowrap;height:23px; margin:0 5px 5px 0; text-align:center; white-space:nowrap; vertical-align:middle; line-height:23px; background:#fff; padding:1px; }

    
    .paginator a:link,.paginator a:visited,.paginator a:hover,.paginator a:active {text-decoration:none; }
    .paginator .page-start,.paginator a,.paginator .page-end {padding:0 8px; border:1px solid #bcbcbc; background:#dcdcdc;  }
    .paginator .page-start {border-color:#d9d9d9; color:#666; }
    .paginator .page-end { border-color:#d9d9d9; color:#666; }
    .paginator .page-this,.paginator .page-break {padding:0 3px; }
    .paginator .page-break {border:1px solid #fff; }
    .paginator .page-this {border:1px solid #D3D3D3;background-color:#1f7ed1; color:#fff;padding:0px 8px; font-weight:bold; }
    .paginator .page-skip {height:22px; line-height:22px; padding:0 3px; margin:0; background:none; }
    .paginator .page-skip input {width:26px; *width:23px;height:19px;line-height:19px;border:1px #D3D3D3 solid;font-size:12px; margin:-1px 6px 0px 6px;margin-top:1px;_margin-top:0px;padding:0px 0px 0px 2px; vertical-align:middle; padding-top:0px; padding-bottom:0px; }
    .paginator .page-skip button {font-size:12px; padding:0 5px 5px 5px;_padding:0 5px 0 5px; width:auto; _width:0; height:22px; *height:23px; *line-height:20px; _height:16px; _line-height:16px; margin-left:10px; *margin-top:-1px;overflow:visible; vertical-align:top; }
    .paginator a:hover {border:1px solid #1f7ed1;color:#1f7ed1; }


    /*新闻列表*/
    .pr_news { margin-top:10px; margin-left:0;padding-bottom: 20px;}
    .pr_news li{ border-bottom:1px dotted #e5e5e5; padding:4px 0; height:auto;line-height:20px;overflow: hidden;}
    .pr_news li span.fl {width: calc(100% - 100px);text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
    .news_date {width: 92px;text-align: right;}

    /*单页*/
    .pageabout{ line-height:24px; padding:10px;}
    .pageabout img {max-width: 100%;height: auto !important;}
    /*新闻详细页*/
    .newsinfo_titile{ text-align:center;font-size:18px;margin-top:10px;}
    .about_down{text-align: center;  height:auto; margin:0 auto; margin-top:10px; padding-top:5px; }
    .about_down span {font-size: 0.605rem;margin: 0 0.3rem;}
    .times{ display: inline-block; width:auto; padding-left:0;height:16px; float:none; }
    .auhou{display: inline-block; width:auto;height:16px;float:none;}
    .tips{display: inline-block; width:auto;height:16px;float:none;}
    .newsinfos{ line-height:24px; font-size:14px; margin-top:10px;}
    .newsinfos img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}
    .newsinfos iframe {max-width: 100%;}
    .context{ margin-top:10px; text-align:center;}





}