﻿.mhead{display: none;}
h1{margin: 0;}
.top_nav,.d_focus{display: none;}

.main .row3 .box{overflow: hidden;position: relative;width: calc(100% - 58px);}
.main .row3 .btn{display:none;float: left;width: 24px;height: 100%;background: url(../images/next.png);background-repeat: no-repeat;background-position: center center;}
.main .row3 .btn a{display: block;width: 100%;height: 100%;}
.main .row3 .btn2{background: url(../images/prev.png);background-repeat: no-repeat;background-position: center center;}
.innerbox2{right: 0;}

@media screen and (min-width: 300px) and (max-width: 800px){

    .fontsize{float: none;display: block;}
    
    .i-arrL {display: inline-block;}
    .width1200 .nav{
        display: none;
        position: absolute;
        z-index: 999;
        width: 100%;
    }
    .width1200 .show{
        display: block;
    }
    .d_focus{display: block;}
    .nav-toggle{
        font-size: 0;
        overflow: hidden;
        width: 45px;
        height: 72px;
        position: absolute;
        right: 0;
        z-index: 9999;
    }
    .nav-toggle:before {
        color: #fff;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        font-size: 28px;
        text-transform: none;
        position: absolute;
        content: "≡";
        text-indent: 0;
        text-align: center;
        speak: none;
        width: 100%;
        left: 0;
    }
	.top_nav {
        display: block;
		height:72px;
		line-height:72px;
		width:100%;
		background:#3FB3FC;
		clear:both;
		min-width:100%;
	}
	.top_logo {
		background: url(/images/logo.png) no-repeat center;
		background-size: auto 50px;
		width: 100%;
		height: 72px;
		display: inline-block;
		float: left;
	}
	.homenav {
		float:left;
		padding-left:0px;
		width:100%;
		z-index:9999;
	}
	.nav .nLi {
		float:left;
		position:relative;
		display:inline;
		width:100%;
	}
	.homenav ul li {
		float:left;
		width:100%;
		text-align:left;
		color:#fff;
	}
	.homenav ul li a {
		color:#FFF;
	}
	.nav .sub {
		display:none;
		width:100%;
		left:0;
		z-index:999;
		top:0;
		position: relative;
		background:#126DAC;
		line-height:26px;
		padding: 0;
	}
	.nav .sub li {
		background:#11629a;
		zoom:1;
	}
	.nav .sub a {
		display:block;
		height:30px;
		line-height:30px;
		padding:0 10px;
		padding-left:20px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
	}
	.nav .sub a:hover {
		background:#126dac;
		color:#fff;
	}
	.nav h3 a {
		font-weight:normal;
		border-bottom:0px solid #38aeff;
		display:block;
		height:40px;
		line-height:40px;
		background:#126dac;
		padding-left:20px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
	}
	.nav .on h3 a {
		background:#126dac;
		color:#fff;
	}
	.i-search {
		display:none;
	}


    .contain,.contain2{width: 100%;}
    .head,.main .nav{display: none;}
    .show{display: block!important;}

    .main .row3 .btn{display: block;}
    /* .row1,.row2,.row3,.row4,.row5,.row6,.foot{display: none;} */


    .mash{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);display: none;}

    .main,.main .row1{margin-top: 0;}
    /* .main .row1 .banner{width: 100%;height: 256px;float: none;} */
    .main .row1 .banner{width: 100%;height: auto;float: none;}
    .main .row1 .banner .bx-wrapper{margin:auto;}
    .main .row1 .banner ul li a,.main .row1 .banner ul li a img{width: 100%;height: 100%;}
    .main .row1 .right{width: 100%;margin-top: 24px;}
    .main .row1 .right .btns{overflow: hidden;width: 100%;}
    .main .row1 .right .btns .btn{width: 33%;}
    .main .row1 .right .btns .btn a{margin: 0 12px;}
    .main .row1 .right .list li a{width: calc(100% - 80px);display: block;float: left;height: 28px;overflow: hidden;text-overflow: ellipsis;}

    .main .row2 .left, .main .row2 .right{margin-top: 32px;float: none;width: 100%;}
    .main .row2 .left .box, .main .row2 .right .box{height: auto;}
    .main .row2 .left .box .item, .main .row2 .right .box .item{width: 100%;padding-top: 64px;}
    .main .row2 .left .box .item a, .main .row2 .right .box .item a{float: none!important;margin: 24px auto;}
 
    .main .row3{overflow: hidden;height: 210px;}
    .main .row3 .box a{display: block;width: 72px;height: 92px;float: left;margin: 4px 12px;}
    .main .row3 .box .icon1 {background: url(../images/icon1.png);background-position: center 8px;background-repeat: no-repeat;background-size: 58px;}
    .main .row3 .box .icon2 {background: url(../images/icon2.png);background-position: center 8px;background-repeat: no-repeat;background-size: 58px;}
    .main .row3 .box .icon3 {background: url(../images/icon3.png);background-position: center 8px;background-repeat: no-repeat;background-size: 58px;}
    .main .row3 .box .icon4 {background: url(../images/icon4.png);background-position: center 8px;background-repeat: no-repeat;background-size: 58px;}
    .main .row3 .box .icon5 {background: url(../images/icon5.png);background-position: center 8px;background-repeat: no-repeat;background-size: 58px;}
    .main .row3 .box .icon6 {background: url(../images/icon6.png);background-position: center 8px;background-repeat: no-repeat;background-size: 58px;}
    .main .row3 .box .icon7 {background: url(../images/icon7.png);background-position: center 8px;background-repeat: no-repeat;background-size: 58px;}
    .main .row3 .box .icon8 {background: url(../images/icon8.png);background-position: center 8px;background-repeat: no-repeat;background-size: 58px;}
    .main .row3 .box .icon9 {background: url(../images/icon9.png);background-position: center 8px;background-repeat: no-repeat;background-size: 58px;}
    .main .row3 .box a p{margin-top: 72px;font-size: 6px;}

    .main .row4{margin-top: 32px;}
    .main .row4 .list{padding: 24px;}
    .main .row4 .list li a{display: block;float: left;height: 26px;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 90px);;}
    .main .row4 .list li .date{font-size: 12px;}

    .main .row5 .list a{display:block;margin: 24px auto;}

    .foot .top{height: auto;padding: 20px;}
    .foot .top .contain .m{width: 100%;padding: 0 10%;box-sizing: border-box;display: flex;}
    .col1,.col2,.col3,.col4,.col5{float: none;}
    .foot .top .col1, .foot .top .col2{background-color: transparent;margin: 0;padding: 0;width: 100%;height: auto;}
    .foot .top .col1 a, .foot .top .col2 a{width: 100%;float: left;font-size: 14px;line-height: 24px;}
    .foot .top .col4,.foot .top .col5,.foot .top .col6{width: 33%;margin: 0!important;padding: 0!important;height: 80px;background-size: contain;}
    .foot .top .col6 a{margin: auto;display: block;width: 110px;}
    .foot .top .contain .m2{height: auto;display: none;}
    .foot .bottom{height: auto;}
    .foot .bottom span{display: block;margin: 0;}
    

    .main .location{font-size: 16px;margin-top: 16px;padding: 0 12px 12px;line-height: 24px;margin: 12px 0 0;}
    .main .box .left,.main .box .right{float: none!important;width: 100%!important;}
    .main .box .right{margin-top: 24px;}
    .main .box .left,.main .box .right{padding: 0 12px;box-sizing: border-box;}
    .main .box .left h2{display: block;}
    .main .box .left ul{height: 0;transition: height 0.5s;}
    .main .box .left .show{height: auto;}

    .content{padding: 0 12px;}
    .main .content h2{margin: 20px;}
    .main .content .row{height: auto;padding-bottom: 12px;}
    .main .content .row .info,.main .content .row .bdsharebuttonbox{float: none;}
    .main .content .row .info>span{display: block;}

    .foot .top .col3{width: 100%;margin:20px 0;}
    .foot .top .col3 img{display: block;margin: auto;}
}


@media screen and (min-width: 1000px) and (max-width: 1200px){
    .contain,.contain2{width: 1000px;box-sizing: border-box;}
    .head .top{height: 72px;}
    .head .title{background: url(../images/title2.png);background-position: center center;}
    /* .main .nav #search{position: absolute;right: 0;bottom: -36px;z-index: -1;} */
    .main .nav .blue li{width: 144px;}
    .main .nav .btns .btn a{font-size: 18px;}
    .main .nav .btns .btn ul .w2 a{line-height: 23px;}
    .main .row1 .right .btns .btn{width: 33%;}
    .main .row1 .right .btns .btn a{margin: 0 24px;}
    .main .row1 .right .list li a{width: calc(100% - 108px);display: block;float: left;height: 28px;overflow: hidden;text-overflow: ellipsis;}
    .main .row2 .left{margin-right: 10px;}
    .main .row2 .left, .main .row2 .right{width: 495px;}
    .main .row2 .left .box .item, .main .row2 .right .box .item{width: 480px;}
    .main .row3 .box a{width: 100px;}
    .main .row4 .list li a{width: calc(100% - 120px);display: block;float: left;height: 26px;overflow: hidden;text-overflow: ellipsis;}

}


@media screen and (min-width: 800px) and (max-width: 1000px){
    .contain,.contain2{width: 800px;}
    .main .nav .btns .btn ul .w2 a{line-height: 23px;}
    .main .row3 .btn{display: block;}
    .innerbox{width: 1072px;position: absolute;right: calc(100% - 1072px);transition: right 0.5s;}
    .main .nav .btns .btn a{font-size: 16px;}
    .main .nav .btns .btn .ul li a{font-size: 12px;}
    .main .nav .btns .btn:last-child a{font-size: 16px;}
    .main .row3 .box{overflow: hidden;position: relative;width: calc(100% - 82px);}

    .main .row1 .banner{float: none;margin: 36px auto;}
    .main .row1 .right{float: none;width: 100%;}
    .main .row1 .right .btns .btn{width: 33%;}
    .main .row1 .right .list li a{width: calc(100% - 108px);display: block;float: left;height: 28px;overflow: hidden;text-overflow: ellipsis;}
    .main .row2 .left, .main .row2 .right{float: none;margin: 36px auto;width: 100%;}
    .main .row2 .left .box .item, .main .row2 .right .box .item{width: 720px;}
    .main .row2 .left .box .item a, .main .row2 .right .box .item a{margin-right: 9px;}
    .main .row2 .left .box .item a:nth-child(2n), .main .row2 .right .box .item a:nth-child(2n){float: left;}
    .main .row2 .left .box .item a:nth-child(3n), .main .row2 .right .box .item a:nth-child(3n){margin-right: 0;}

    .main .row4 .list li a {width: calc(100% - 120px);display: block;float: left;height: 26px;overflow: hidden;text-overflow: ellipsis;}
    .main .row5 .list{padding: 16px 32px 32px;}
    .main .row5 .list a{margin-top: 12px;}

    .foot .top{height: auto;}
    .foot .top .contain .m{width: 100%;display: flex;flex-wrap: wrap;}
    .foot .top .col1, .foot .top .col2{width: 124px;margin: 9px 16px 0 0;}
    .foot .top .col3{margin: 9px 14px 0 0;}
    .foot .top .col4{margin-right: 24px;}

    .foot .top .contain .m2{height: auto;}
    .foot .top .contain .m2 span{padding: 0 42px;margin-top: 12px;display: inline-block;}
    
    .main .nav h2{width: 320px;}
    .main .nav .blue{width: calc(100% - 320px);}
    .main .nav .blue li{width: 120px;}
    .main .nav #search {position: absolute;right: -12px;bottom: 10px;z-index: -1;}
}


@media screen  and (max-width: 500px){
    .foot .top .col4, .foot .top .col5, .foot .top .col6{
        width: 100%;
        margin-top:12px!important;
    }
    .foot .top .col6{height: 56px;}
}