@media (min-width: 768px) {
    .col-md-45 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        padding: 0 15px;
        height: 300px;
    }

    .col-md-75 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        padding: 0 15px;
        height: 300px;
        margin-bottom: 1.5rem;
    }

    .pd30 {
        padding-top: 2.1vw;
        padding-bottom: 2.1vw;
    }
    .pagination .page-link {
        padding: .75rem 1rem;
    }
    .bg-dark {
        background: white !important;
        height: 90px;
        padding: 0;
        position: relative;
    }

    .navbar-expand-md .navbar-nav {
        width: 100%;
    }
    .navbar-dark .navbar-nav .nav-item:nth-child(3) {
    	margin-right: 0 !important;
    }
    .navbar-dark .navbar-nav .nav-item:nth-child(4) {
    	margin-right: 18vw;
    }
    .navbar-brand {
        padding: 0;
        background: url(../images/logo.png) no-repeat center center;
        background-size: cover;
        width: 110px;
        height: 110px;
        position: absolute;
        left: 50%;
        top: 0;
        z-index: 999;
        transform: translateX(-50%);
    }

    .navbar-dark .navbar-nav .nav-item {
        width: calc((100% - 100px) / 6);
        width: -webkit-calc((100% - 100px) / 6);
        width: -moz-calc((100% - 100px) / 6);
    }

    .navbar-dark .navbar-nav .nav-item:nth-child(3) {
        margin-right: 18vw;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: #000;
        text-align: center;
        width: 100%;
        height: 90px;
        font-size: 0.875rem;
        padding: 0;
        padding-top: 30px;
        border: none;
    }

    .navbar-dark .navbar-nav .nav-link span {
        font-weight: normal;
        float: none;
        color: #999;
        font-size: 0.625rem;
        display: block;
    }

    .dropdown-menu {
        width: 100%;
        overflow: hidden;
        min-width: auto;
        background: rgba(255, 255, 255, 1);
        padding: 0;
    }

    .dropdown:hover .nav-link {
        background: white;
    }

    .dropdown-menu .dropdown-item {
        padding: 1rem 0;
        text-align: center;
        color: #666;
        font-size: 0.875rem;
    }

    .dropdown-menu .dropdown-item:hover {
        background: #e60012;
        color: rgba(255, 255, 255, 0.8);
    }

    .sreach_btn {
        width: 110px;
        height: 32px;
        position: absolute;
        left: 50%;
        margin-left: -55px;
        top: 78px;
        z-index: 9999;
        display: block;
    }

    .sreach_btn img {
        width: auto;
        max-width: 20px;
        margin: 6px auto;
        display: block;
    }

    .container {
        width: 100%;
        max-width: 100%;
        padding: 0 1rem;
    }

    #demo .carousel-inner img {
        height: 600px;
    }

    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 50px;
        height: 90px;
    }

    .carousel-control-next-icon {
        background-image: url(../images/btn_banner_next.png);
    }

    .carousel-control-prev-icon {
        background-image: url(../images/btn_banner_prev.png);
    }

    #news-tab .carousel-inner img {
        height: 300px;
    }


    /*banner style begin*/
    .about_banner {
        background: url(../images/about_banner.jpg) no-repeat center top;
        background-size: cover;
    }

    /*banner style end*/
    /*home about style begin*/
   .play_video:before,.play_video:after{
		position: absolute;
	    content: '';
	    opacity: 0;
	    transition: all 0.5s;
	}
	.play_video:before{
		top: 2rem;
	    right: 1rem;
	    bottom: 2rem;
	    left: 1rem;
	    border-top: 1px solid #fff;
	    border-bottom: 1px solid #fff;
	    transform: scale(0,1);
	    -webkit-transform-origin: 0 0;
	    transform-origin: 0 0;
	}
	.play_video:after{
		top: 1rem;
	    right: 2rem;
	    bottom: 1rem;
	    left: 2rem;
	    border-right: 1px solid #fff;
	    border-left: 1px solid #fff;
	    transform: scale(1,0);
	    transform-origin: 100% 0;
	}
	.play_video:hover:before,.play_video:hover:after{
		opacity: 0.5;
	    transform: scale(1);
	    transition: all 0.5s;
	}
	.home_about_video .play_video .icon_video_btn{
		width: 4rem;
		height: 4rem;	
	}
    .home_about {
        background: url(../images/aboutbg.jpg) no-repeat center top;
    }

    .base_title h4 {
        font-size: 2rem;
    }

    .base_title p {
        font-size: 1rem;
    }

    .home_about_cont {
        height: 400px;
        margin-top: 4rem;
    }

    .home_about_info {
        padding: 2.9rem 4rem;
    }

    .home_about_info h4 {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }

    .home_about_info p {
        line-height: 2rem;
        margin: 1rem 0;
        font-size: 0.875rem;
    }

    .home_about_info a {
        margin: 2rem 0 0 0;
    }


    /*home about style end*/
    .adv li {
        border: none;
        padding-left: 2rem;
    }
    .adv {
        background-size: auto;
    }
    .adv li:nth-child(2), .adv li:nth-child(3) {
        text-align: center;
    }
    .adv li span font {
        font-size: 3rem;
        padding-right: 1.5rem;
    }
    .adv li p {
        font-size: 0.825rem;
    }
    /*home news style begin*/
    /*.home_news ul li:nth-child(odd) {
        padding-left: 0;
    }

    .home_news ul li:nth-child(even) {
        padding-right: 0;
    }*/
	.base_cont_news{
		width: 1200px !important;
	}
    .home_news ul li {
        border: none;
    }
    .home_news ul li .list_news_item{
    	background: white;
    }
    
	.home_news ul li:hover .list_news_item{
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
		top: -1rem;
	}
    .home_news ul li .pic {
        width: 45%;
        overflow: hidden;
    }

    .home_news ul li .txt {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-right: 1rem;
        background: white;
    }

    .home_news ul li .txt a {
        display: block;
        width: 100%;
        height: 100%;
 
    }
	.home_news ul li .txt a b{
		font-size: 1rem;
		margin-bottom: 1rem;
	}
	.home_news ul li .txt a strong{
		display: none;
	}
	.home_news ul li:hover .txt a strong{
		background: #db030b;
		color: white;
	}
    .home_news ul li .txt span {
        font-size: 0.875rem;
        margin: 0.75rem 0;
    }

    .home_news ul li .txt font {
        font-size: 0.875rem;
    }
	
    .home_news ul li.col-md-12 {
        padding-left: 15px;
    }

    .home_news ul li.col-md-12 .pic {
        width: 25%;
        height: 14vw;
        overflow: hidden;
    }

    .home_news ul li.col-md-12 .txt a {
        /*font-size: 1.25rem;*/
    }

    .home_news ul li.col-md-12 span {

    }

    .home_news ul li.col-md-12 font {
        margin-right: 1rem;
    }

    .home_news ul li.col-md-12 font:nth-child(2) {
        display: inline-block;
    }

    .home_news ul li.col-md-12 font:nth-child(3) {
        display: inline-block;
    }

    /*home news style end*/
    .index_news .col-md-4 .pic.one {
        height: 24rem;
    }
    .index_news ul li .pic{
        height: 11rem;
    }
    .index_news .txtinfo{
        height: 20rem;
    }

        /*about style begin*/
    .rig_nav {
        position: absolute;
        right: 0;
        top: 0;
        line-height: 4rem;
        text-align: right;
        width: auto;
        display: block;
    }
	.rig_nav a {
	    font-size: 1rem;
	    color: #555;
	    padding: 0 1.5rem;
	    display: inline-block;
	}
    .video_list .pic {
        height: 30vw;
    }

    .honor_list .pic {
        height: 20vw;
    }

    /*about style end*/
    .obj .swiper-slide:hover .pic a .bg {
        display: block;
    }

    .obj .txt h4 {
        color: #333;
        font-size: 1rem;
        margin: 0;
    }

    .obj .txt p {
        font-size: 0.875rem;
        color: #777;
        margin: 1rem 0;
    }

    footer .col-md-1 {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
    footer .com_name img {
        max-height: 100%;
    }

    .process dd {
        background: url(../images/process_stepbg.png) no-repeat center 30px;
        background-size: 92%;
        height: auto;
    }

    .base_banner {
        width: 100%;
        height: 390px;
    }

    .silder_nav {
        background: white;
        padding: 1.25rem;
    }

    .silder_nav dt {
        display: block;
    }

    .silder_nav dd {
        margin-bottom: 0;
        width: 100%;
        float: none;
    }

    .silder_contact {
        display: block;
    }

    .cont_info {
        padding: 2rem 0;
		flex: 1;
		width: auto;
    }
    .cont_infos {
        padding: 2rem;
        background: white;
    }

    .page_np a {
        font-size: 0.875rem;
        color: #000;
    }

    .page_np a:hover {
        color: #e60012;
    }

    .page_np a:last-child {
        text-align: right;
    }

    .hot_tj {
        margin-top: 2rem;
    }

    .hot_tj ul li .pic {
        height: 8.875rem;
    }

    .hot_tj li .txt p {
        height: 2.5rem;
    }

    .obj_list {
        margin: 0;
        padding-bottom: 1rem;
    }

    .obj_list ul {
        margin-bottom: 0;
    }

    .cont_info_title h4 {
        font-size: 1.25rem;
    }

    .equip_info dl dd {
        padding-top: 2rem;
        padding-left: 0;
    }

    .equip_info .next_prve {
        display: block;
    }

    .contact span {
        font-size: 2rem;
    }

    .contact_cont_b {
        margin-top: 2rem;
    }

    .about_jj {
        margin-top: 0;
        padding: 32px;
    }

    .server_jj dl {
        margin-top: 2rem;
    }

    .server_jj dl dt p {
        font-size: 0.875rem;
    }

    .server_jj dl dd {
        padding-right: 0;
        padding-left: 30px;
        padding-bottom: 0;
    }

    .server_list {
        padding-top: 2rem;
    }

    .hidden_obj {
        display: block;
        padding-left: 0 !important;
    }

    .vis_obj {
        display: none;
    }

    .staff li .pic {
        height: 16.5rem;
    }

    /*pro_list */
    .pro_list .pic {
        height: 14rem;
    }

    .pro_list li:hover .pic a .bg {
       opacity: 1;
    }
    .pro_list li:hover .pic a .bg b {
		top: 50%;
	}

    .pro_list .txt h4 {
        color: #333;
        font-size: 1rem;
        margin: 0;
    }

    .pro_list .txt p {
        font-size: 0.875rem;
        color: #777;
        margin: 1rem 0;
    }

    /*case_list*/
    .case_list .pic {
        height: 150px;
    }

    .case_list li:hover .pic a .bg {
        display: block;
    }

    .case_list .txt h4 {
        color: #333;
        font-size: 1rem;
        margin: 0;
    }

    .case_list .txt p {
        font-size: 0.875rem;
        color: #777;
        margin: 1rem 0;
    }

    .pro_cont h4 span {
        float: right;
    }

    .dj_list .pic {
        height: 14rem;
    }
	.dj_list li:hover .pic img {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
	}
	.dj_list li:hover .txt h4{
		color: #e60012;
	}
	
    .contact span{
        font-size: 2rem;
    }
    .contact_cont_b{
        margin-top: 2rem;
    }

    .form_btn{
        width: 200px;
        margin: 0 auto;
    }

    .job_list ul li .txt b{
        font-size: 1.25rem;
    }
    .job_btn div{
        padding: 0 0.5rem;
    }


    .search-form {
        padding: 0.5rem;
    }

    .cat_list a {
        padding: 1rem 0;
        text-align: center;
        color: #666;
        font-size: 0.875rem;
    }
    footer .com_name dt img{
        width: 230px;
    }
    .slider h1 {
	    font-size: 5rem;
	}
	
	/*三招style begin*/
	.cite_search{
		padding: 4rem 0 2rem 0;
	}
	.cite_form{
		width: auto;
	}
	.cite_search .cite_info{
		gap: 2rem;
	}
	.cite_search .cite_info .cite{
		gap: 2rem;
	}
	.cite_search .cite_info .cite a{
		width: auto;
		font-size: 1rem;
	}
	.zz_sz_cont{
		flex-direction: row;
	}
	
	.list_zc a{
		padding: 3rem 0;
	}
	.cite_step{
		position: sticky !important;
		top: 0;
		z-index: 1020;
		width: 240px;
	}
	.cite_step ul{
		padding: 2rem 0;
	}
	.cite_step ul:before{
		position: absolute;
		display: block;
		content: '';
		width: 1px;
		height: 100%;
		left: 0.25rem;
		top: 0;
		background: #ddd;
	}
	.cite_step ul li{
		width: 100%;
		float: none;
	}
	.cite_step .item{
		width: 80%;
	}
	/*三招style end*/
	
}