/*Common For Max 1399*/
@media only screen and (max-width: 1600px) {
	 
}
/*Common For Max 1199*/

@media only screen and (max-width: 1399px) {
    .topBtn{right: 20px;}
}
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {

    #hd{position: fixed;left: 0;right: 0;top: 0;z-index: 9999;background: #fff;box-shadow: 0 0 6px rgba(0,0,0,.5);}
    #top{display: none;}
    .menuBtn{display: block;}
    .nav li{float: none;width: auto;}
    .nav .v1{background: none;color: #fff;}
    #nv{height: auto;background: rgba(0,0,0,.5);position: fixed;left: 0;right: 0;padding: 15px 0;line-height: 30px;display: none;}
    .nav{float: none;height: auto;}
    .nav li{float: none;height: auto;line-height: 50px;border-bottom: 1px #f3f3f3 solid;}
    .nav .v1{color: #1a1a1a;font-size: 16px;text-align: left;padding: 0 40px 0 10px;}
    .nav .v1-ok,.nav .v1-ok:hover{
        color: #1a1a1a;
        /*background: url(/case/images/icon-arrow1.png) no-repeat right 15px center;*/
    }
    .nav .v1-ok.v1-open{
        color: #fff;
       /* background: #9a0000 url(../images/icon-arrow2.png) no-repeat right 15px center;*/
background: #9a0000;

    }
    .nav .subBox{position: static;width: 100%;text-align: left;background: #f8f8f8;}
    .nav .subBox a{line-height: 22px;}
    .menuBtn{display: block;width: 20px;right:15px;}
    .menuBtn.open{top: 6px;}
    .menuBtn.open b{width: 25px;}
    .logo{display: block;float: left;height:60px;line-height: 60px;}
    .logo img{
        height: 70%;
        display: inline-block;vertical-align: middle;
    }
    .nav .subBox dl{
        padding: 0;
        border: none;background: none;
    }
    .nav .subBox .v2{
        color: #4c4c4c;font-size: 14px;line-height: 34px;
        padding: 4px 35px 4px 20px;height:auto;
    }
    .nav .subBox .v2-ok i{display: none;}
 
    .nav .subBox .v2-ok.open{background-color: #ebebeb;}

    #index,#top,#hd{display: none !important;}
    #hd-m{display: block;}
    #hd-m .inner{display: none;}

    /*
    -----------------[头部三级菜单]--------------*/
    .nav .subBox2{
        width: 46%;
        position: fixed;left: 46%;top: 60px !important;bottom: 0;
        background: rgba(238,238,238,.9);
        -o-transition:none;
        -ms-transition:none;
        -moz-transition:none;
        -webkit-transition:none;
        transition:none;
        min-height: 0;
    }

    .nav .subBox2 a{
        font-size: 14px;color: #4c4c4c;line-height: 24px;padding: 13px 15px;
        background: url(/case/images/bg8.png) no-repeat 15px bottom;
    }
    .nav .subBox dd:hover .subBox2{display: none;}

	.wp{width: 98%;}
	 
	.fd-con .share a{margin-left: 10px;}
	.fd-con .txt{padding-left: 200px;}
	.fd-con{height: auto;line-height: 30px;padding: 10px;}
	.fd-con .l-con{width: auto;float: none;text-align: center;}
	.fd-con p{display: inline-block;float: none;}
	.fd-con .r-con{float: none;width: auto;padding-top: 10px;text-align: center;}
	.fd-con .share a{top: 0;margin-left: 15px;}
	.fd-con .share{display: inline-block;float: none;vertical-align: middle;}



    #banner{height: 350px;}

    .m-section1 .l-section,.m-section2 .l-section,.m-section3 .l-section{width: 65%;}
    .m-section1 .r-section,.m-section2 .r-section,.m-section3 .r-section{width: 32%;}
    

	

	 


	/*
	-----------------[????]--------------*/
	.side-col{margin-right: 20px;width: 240px;}
    .g-title1{padding-left: 40px;}
    .snav li{padding-left: 10px;}


	.m-list1 .time{font-size: 18px;}
    .m-list1 .txt{padding-left: 20px;}
	
	.m-list9 li {padding-right: 15px;}
    .m-list9 .pic{margin-right: 10px;}
    .m-list9 .txt {padding-top: 5px;}



/*
    -----------------[电子案例库]--------------*/
    .m-case-base .pic{float: none;width: auto;height: auto;}
    .m-case-base .txt{padding: 20px;}
    .m-case-base .form-group{margin-bottom: 10px;}
    .m-case-base select,.m-case-base .sub{height: 40px;line-height: 40px;}
    .m-case-base select{padding-left: 10px;}

   #banner,#ban{margin-top: 60px;}

}






/*Common For Max 768*/
@media only screen and (max-width: 959px) {

	/*#banner{height: 320px;}*/
	.fd-con .l-con{width: auto;float: none;}
	.fd-con .r-con{float: none;width: auto;padding-top: 20px;text-align: center;}
	.fd-con{padding: 15px 0;}
	.fd-con .down{top: 0;display: inline-block;float: none;vertical-align: middle;margin-left: 10px;}
	.fd-con .share a{top: 0;margin-left: 15px;}
	.fd-con .share{display: inline-block;float: none;vertical-align: middle;}

	.g-title2{padding: 20px 10px;}
	.g-title2 .more{margin-top: -9px;}
	.g-title2 h2{font-size: 18px;}

	.m-section1 .l-section,.m-section2 .l-section,.m-section3 .l-section{width: auto;float: none;}
	.m-section1 .r-section,.m-section2 .r-section,.m-section3 .r-section{width: auto;float: none;}
	.ul-list4 li{margin-bottom: 12px;padding-bottom: 12px;}
	.ul-list4 .date{font-size: 20px;margin-top: -4px;}
	.ul-list4 .txt{line-height: 22px;height: auto;}
	.ul-list3{padding-bottom: 0px;}
	.ul-list3 .txt{padding: 10px 0px 0;}

	.ul-list5 li{padding-bottom: 12px;margin-bottom: 12px;}
	.ul-list5 li:last-child{padding-bottom: 0;margin-bottom: 0;}

	.ul-list6 li{float: left;width: 50%;}

	.ul-list3 .pic{height: 0;position: relative;padding-top: 73%;}
	.ul-list3 .pic img{position: absolute;left: 0;top: 0;}
	/*
	-----------------[????]--------------*/
    .row{margin-top: 10px;}
    .side-col{
        min-height: 0;
        float: none;width: auto;margin: 0 0 10px;padding-bottom: 10px;
        background-image: none;
           }
    .main-col{padding-top: 0;}
    .m-cur{padding: 5px;}
    .g-title1{padding: 10px;}
    .g-title1 h3{
        font-size: 22px;text-align: center;line-height: 1.5;
        background: none;
    }
    .snav{padding-top: 0;}
    .snav a{font-size: 14px;line-height: 36px;padding-left: 25px;background-position: 10px center;}
	.m-tit1 h3{font-size: 20px;}
	.m-tit1{margin-bottom: 15px;}

	.m-list1 li{padding: 0 10px 10px;margin-bottom: 10px;}
    .m-list1 .time{font-size: 16px;}
    .m-list1 .txt h3{font-size: 15px;}
    .m-list1 .txt p{font-size: 13px;}

    .m-list3 li{padding: 0 0 10px;margin-bottom: 10px;}
    .m-list3 .txt{padding-left: 10px;}

    .m-list5 li{padding: 0 0 10px;margin-bottom: 10px;}

    .m-recomend{margin-top: 10px;}
    .m-recomend .title{font-size: 16px;}
    .ul-list13{padding-top: 0;}

    .m-arti{line-height: 1.8;}
    .m-arti h1{font-size: 18px;}
    .m-arti .info{margin-bottom: 10px;}

    .m-article .con {line-height: 1.8;}

    .m-video h1{font-size: 18px;line-height: 1.5;height: auto;}
    .m-video .videoBox{width: 100%;margin: 10px 0 20px;}

    .ul-list5 .con{line-height: 22px;height: auto;margin-bottom: 0;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
/*-----------------[共用页码]--------------*/
    .pages-pc-m .num{display: none;}
    .pages-pc-m br{display: block;}

	#banner{height: 260px;}
	#banner .slick-dots{bottom: 10px;}
	.fd-con .txt{line-height: 22px;background: none;padding: 0;text-align: center;min-height: auto;}
	.fd-con .r-con{padding-top: 5px;}
	.fd-copy{height: auto;padding: 10px 0;text-align: center;line-height: 22px;}
	.fd-copy .l-copy{float: none;}
	.fd-copy .r-copy{float: none;}

    .fd-con .address {
        padding: 0 15px;margin-right: 0;
        background-position: left 5px;
    }

	 

	#bd{margin-bottom: 25px;}


	.ul-list5 li,.ul-list5 li:last-child{float: none;width:auto;padding-bottom: 10px;margin-bottom: 10px;padding-right: 0;}

	.g-title2{padding: 15px 5px;}
	.ul-list4{margin-bottom: 10px;}
	.ul-list3{margin: 0 -5px 10px;}
	.ul-list3 h3{margin-bottom: 6px;}
	.ul-list3 li{padding: 0 5px;}
	.ul-list5{margin-bottom: 0;}
	.m-section2{padding-bottom: 15px;}
	.ul-list6 li{width: auto;float: none;}
	.m-section3,.m-section1,.m-section2{padding: 0 5px;}

	.m-txt1 .pic{width: auto;float: none;height: 0;padding-top: 73%;}
	.m-txt1 .pic img{position: absolute;letter-spacing: 0;top: 0;}
	.m-txt1 .txt{padding-left: 0;}

	.m-form select{height: 36px;line-height: 36px;}
	.m-form button{height: 36px;line-height: 36px;font-size: 16px;}
	.m-form .link{height: 40px;line-height: 40px;font-size: 16px;}
	.m-form .link i{margin-right: 4px;	
		-o-background-size: 30px  auto;
		-ms-background-size: 30px  auto;;
		-moz-background-size: 30px  auto;;
		-webkit-background-size: 30px  auto;;
		background-size: 30px  auto;;
	}

    .side-col{display: none;}




	/*
	-----------------[????]--------------*/
	.row{padding: 0 5px;}
	#ban{height: 120px;}
	.g-title1{padding: 5px 20px;}
	.g-title1 h3{font-size: 18px;line-height: 26px;}
	.snav a{padding-left: 20px;line-height: 30px;font-size: 14px;background-position: 8px center;}
	.m-cur{padding: 5px 0;}
	.m-tit1 h3{font-size: 16px;}
	.topBtn{width: 40px;height: 40px;right: 10px;}

	.m-serBox {margin-top: -12px;height: 24px;line-height: 23px;}
	.m-serBox.show {width: 200px;}
	.m-serBox .btn, .m-serBox.show .search {height: 24px;}
	.m-serBox.show .input {font-size: 12px;height: 24px;line-height: 24px;}


	.m-list1 .time{display: block;float: none;padding-top: 0;line-height: 1.5;}
    .m-list1 .txt{padding-left: 0;}

    .m-list2 li {margin-bottom: 10px;}
    .m-list2 li span {font-size: 12px;line-height: 23px;}
    .m-list2 li a {padding-left: 28px;font-size: 14px;line-height: 23px;background-size: 15px;}
	
	.m-list3 .info{line-height: 20px;padding: 0;margin-bottom: 5px;}
	.m-list3 .txt p{line-height: 20px;height: 60px;-webkit-line-clamp: 3;}

	.m-list4 {margin-left: -10px;}
    .m-list4 li{width: 50%;margin-bottom: 10px;}
    .m-list4 .inner {margin-left: 10px;}

    .m-list5 h3 {line-height: 26px;text-align: center;}
	.m-list5 .info{line-height: 20px;text-align: center;}
	.m-list5 p {font-size: 13px;line-height: 20px;max-height: 60px;-webkit-line-clamp: 3;}

	.m-list9 .txt h4{margin-bottom: 5px;font-size: 15px;}
	.m-list9 .txt{padding-top: 0;line-height: 19px;}
	.m-list9 li{float: none;width: auto;margin-bottom: 15px;padding-right: 0;}

	.m-table1 {margin: 15px 0;font-size: 12px;line-height: 18px;}
    .m-table1 th {padding: 6px 0;line-height: 24px;text-align: center;}
    .m-table1 td {padding: 8px 0;text-align: center;}
    .m-table1 .th1 {padding-left: 0;}
    .m-table1 .td1 {padding-left: 0;}

    .m-arti h1{font-size: 16px;margin-bottom: 0;}
    .m-article {margin-bottom: 10px;}
    .m-article .intro h4 {font-size: 14px;line-height: 26px;}
    .m-article img {margin: 10px 0;}
    .m-article .con p {margin-bottom: 12px;}
    .m-article img {margin: 5px 0;}

    .m-video h1{font-size: 16px;}
	
	.m-page {padding-top: 10px;}
    .m-page ul li{float: none;display: inline-block;vertical-align: top;margin: 0 0 5px;}
    .m-page li a{
        padding: 0 7px;line-height: 24px;
    }

    .jiathis_weixin_modal {width: 300px!important;margin-left: -150px!important;}

    .ul-list-case li{float: none;width: auto;padding: 0;}
    .ul-list-case a{line-height: 30px;}
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .logo{display: block;float: left;height:45px;line-height: 45px;}
    #hd-m{height: 45px;padding: 0 8px;}
    #hd-m .inner{top: 45px;}
    .menuBtn{top: 0;}
    .menuBtn.open{top: 2px;}
    #hd-m .so-Box input[type="submit"],
    #hd-m .so-Box .btn,
    #hd-m .so-Box input[type="text"],
    #hd-m .so-Box,
    #hd-m .so-Box .close{height: 45px;line-height:45px;}
    .nav .subBox2{top: 45px !important;}


	#banner{height: 180px;}
	#banner .slick-dots li button{width: 8px;height: 8px;}

	
	.ul-list3 li{width: auto;float: none;}
	.ul-list3 h3{height: auto;}
	.ul-list3 .txt{padding: 10px 0;}
	.ul-list3{margin-bottom: 0;}
	.ul-list6 .txt{padding:5px 0 0 15px;}
	.ul-list6 h3{margin-bottom: 5px;}
	.ul-list6 h3 a{font-size: 14px;}
	.ul-list6 .txt{font-size: 12px;}
	/*
	-----------------[????]--------------*/

	
	.m-tit1 form {display: block;height: 50px;}
	.m-serBox {bottom: 0;margin-top: 0;}
    .m-serBox{width:170px;}
    .m-serBox .input{width: 100%;border-bottom: 1px solid #cecece;}
    .m-serBox .btn{display: none;}
    .m-serBox .search{
        	display: block;
            position: absolute;
            z-index: 9;
            right: 0;
            top: 0;
            width: 20px;
            height: 28px;
            border: 0;
            background: url(/case/images/gicon6-6.png) no-repeat center center;
            cursor: pointer;
    }

    .m-list1 .txt h3 {max-height: 44px;margin-bottom: 5px;line-height: 22px;white-space: normal;}
	
	.m-list3  .pic{float: none;width: auto;height: auto;margin-bottom: 5px;}
    .m-list3 .txt{padding-left: 0;}
    .m-list3 .tit {max-height: 44px;margin-bottom: 4px;text-align: center;white-space: normal;line-height: 22px;}
    .m-list3 .info{padding: 0;text-align: center;}

    .m-list4 li{width: auto;float: none;}
    .m-list4 .txt{text-align: center;}
	
	.m-list5 h3 {margin-bottom: 4px;max-height: 44px;white-space: normal;line-height: 22px;}
    .m-list5 .info{padding: 0;}

    .m-table1 th {font-size: 12px;}

    #banner,#ban{margin-top: 45px;}

}<!--耗时1757859260.2306秒-->