/************************************通用样式 begin 005cc6*************************************/

body {
    margin: 0;
    padding: 0;
    color: #000000;
    font-family: "arial narrow";
}

a:hover {
    text-decoration: none;
}

ul,
ol {
    list-style: none;
}

body,
p,
a,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "微软雅黑" !important;
    /* 	color: #343a40; */
}


/*背景文字边框颜色 begin*/

.bg-005cc6 {
    background-color: #005cc6 !important;
}

.text-005cc6 {
    color: #24245f !important;
}

.border-005cc6 {
    border-color: #24245f !important;
}

.bg-9EC917 {
    background-color: #9EC917 !important;
}

.text-9EC917 {
    color: #9EC917 !important;
}

.border-9EC917 {
    border-color: #9EC917 !important;
}


/*背景文字边框颜色 end*/


/*按钮样式 begin*/


/*btn-005cc6-9EC917*/

.btn-005cc6-9EC917 {
    color: #ffffff;
    background-color: #002752;
    border-color: #FFFFFF;
}

.btn-005cc6-9EC917:hover,
.btn-005cc6-9EC917:focus,
.btn-005cc6-9EC917:active,
.btn-005cc6-9EC917.active,
.open .dropdown-toggle.btn-005cc6-9EC917 {
    color: #ffffff;
    background-color: #9EC917;
    border-color: #FFFFFF;
}

.btn-005cc6-9EC917:active,
.btn-005cc6-9EC917.active,
.open .dropdown-toggle.btn-005cc6-9EC917 {
    background-image: none;
}

.btn-005cc6-9EC917.disabled,
.btn-005cc6-9EC917[disabled],
fieldset[disabled] .btn-005cc6-9EC917,
.btn-005cc6-9EC917.disabled:hover,
.btn-005cc6-9EC917[disabled]:hover,
fieldset[disabled] .btn-005cc6-9EC917:hover,
.btn-005cc6-9EC917.disabled:focus,
.btn-005cc6-9EC917[disabled]:focus,
fieldset[disabled] .btn-005cc6-9EC917:focus,
.btn-005cc6-9EC917.disabled:active,
.btn-005cc6-9EC917[disabled]:active,
fieldset[disabled] .btn-005cc6-9EC917:active,
.btn-005cc6-9EC917.disabled.active,
.btn-005cc6-9EC917[disabled].active,
fieldset[disabled] .btn-005cc6-9EC917.active {
    background-color: #005cc6;
    border-color: #FFFFFF;
}

.btn-005cc6-9EC917 .badge {
    color: #005cc6;
    background-color: #ffffff;
}


/*btn-9EC917-005cc6*/

.btn-9EC917-005cc6 {
    color: #ffffff;
    background-color: #268aec;
    /*border-color: #FFFFFF;*/
}

.btn-9EC917-005cc6:hover,
.btn-9EC917-005cc6:focus,
.btn-9EC917-005cc6:active,
.btn-9EC917-005cc6.active,
.open .dropdown-toggle.btn-9EC917-005cc6 {
    color:#fffffd;
    /* background-color: #F68801; */
    /* background-color:#f9e390; */
    /* border-color: #FFFFFF; */
    background-color: #005cc6;
}

.btn-9EC917-005cc6:active,
.btn-9EC917-005cc6.active,
.open .dropdown-toggle.btn-9EC917-005cc6 {
    background-image: none;
}

.btn-9EC917-005cc6.disabled,
.btn-9EC917-005cc6[disabled],
fieldset[disabled] .btn-9EC917-005cc6,
.btn-9EC917-005cc6.disabled:hover,
.btn-9EC917-005cc6[disabled]:hover,
fieldset[disabled] .btn-9EC917-005cc6:hover,
.btn-9EC917-005cc6.disabled:focus,
.btn-9EC917-005cc6[disabled]:focus,
fieldset[disabled] .btn-9EC917-005cc6:focus,
.btn-9EC917-005cc6.disabled:active,
.btn-9EC917-005cc6[disabled]:active,
fieldset[disabled] .btn-9EC917-005cc6:active,
.btn-9EC917-005cc6.disabled.active,
.btn-9EC917-005cc6[disabled].active,
fieldset[disabled] .btn-9EC917-005cc6.active {
    background-color: #9EC917;
    border-color: #FFFFFF;
}

.btn-9EC917-005cc6 .badge {
    color: #9EC917;
    background-color: #ffffff;
}


/*按钮样式 end*/


/*导航样式 begin*/


/*dark*/

.navbar-dark_w .navbar-brand {
    color: #fff;
}

.navbar-dark_w .navbar-brand:hover,
.navbar-dark_w .navbar-brand:focus {
    color: #fff;
}

.navbar-dark_w .navbar-nav .nav-link {
    color: #fff;
}

.navbar-dark_w .navbar-nav .nav-link:nth-child(2) {
    padding-left: 0;
    margin-left: 0;
}

.navbar-dark_w .navbar-nav .nav-link:hover,
.navbar-dark_w .navbar-nav .nav-link:focus {
    color: #fff;
    background-color: #EABA7A;
}

.navbar-dark_w .navbar-nav .nav-link.disabled {
    color: #fff;
}

.navbar-dark_w .navbar-nav .show>.nav-link,
.navbar-dark_w .navbar-nav .active>.nav-link,
.navbar-dark_w .navbar-nav .nav-link.show,
.navbar-dark_w .navbar-nav .nav-link.active {
    color: #fff;
    background-color: #EABA7A;
}

.navbar-dark_w .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark_w .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark_w .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark_w .navbar-text a {
    color: #fff;
}

.navbar-dark_w .navbar-text a:hover,
.navbar-dark_w .navbar-text a:focus {
    color: #fff;
}


/*导航样式 end*/
@media screen and (min-width: 360px) {
    #w_home_s2 .col-lg-4 img {
        
        width: 365px;
    }
}

@media screen and (min-width: 320px) {
    #w_home_s2 .col-lg-4 img {
        
        width: 307px;
    }
}

/************************************通用样式 end*************************************/


/************************************pc>960 begin*************************************/

@media screen and (min-width: 960px) {
    .owl-buttons {
        display: none;
    }
    /*#w_header begin*/
    .navbar {
        position: fixed;
        /* top: 20px; */
        width: 100%;
        z-index: 999
    }
    .nav_logo_click {
        padding: 0 !important;
    }
    .nav_logo_click img {
        width: 70%;
    }
    #w_header .navbar-dark_w .navbar-nav .nav-item .nav-link {
        height: 5vh;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 2rem;
        margin: 0.5rem 0.3rem;
        transition-duration: 0.25s;
        transition-timing-function: ease;
        font-weight: 550;
    }
    #w_header .navbar-dark_w .navbar-nav .nav-item:last-child .nav-link {
        margin-right: 0;
    }
    #w_header .top_top {
        background-color: #1e2348;
        height: 2vh;
    }
    #w_header .top_top p {
        font-size: 0.9rem;
        line-height: 2vh;
    }
    #w_header .top {
        height: auto;
    }
    #w_header {
        background-color: #fff;
        /* 	background: url(../img/nav.png) no-repeat top center;
		background-size: 100% 100%; */
        width: 100%;
        z-index: 1000;
    }
    #w_header nav {
        padding: 0;
        /* 		height: 5vh;
		line-height: 5vh;
		*/
        /* background-color: #3365aa; */
        background-color: #268aec;
    }
    #w_carousel{
		padding-top:5rem;
    }
    #w_carousel img {
        height: auto;
    }
    #w_header .navbar .navbar-nav>li .nav-link {
        color:#f9e390;
        padding: 0.5rem 0.275rem;
        margin: 0rem 0.8rem;
        border-radius: 4px;
        font-size: 0.96rem;
    }
    #w_header .navbar .navbar-nav>li .nav-link:hover {
        color: #fff;
        padding: 0.5rem 0.275rem;
        margin: 0rem 0.8rem;
        font-size: 0.96rem;
        /*background-color: #F68801;*/
        border-bottom: 1px solid #fff;
        border-radius: 0;
    }
    .dropdown-shou {
        margin-top: 1.8125rem;
        position: relative;
        display: inline-block;
    }
  	.dropdown-1 {
      margin-top: 1.8125rem;
   }
    .dropdown-shou-1 {
        /* 	padding: 0rem; */
        margin-top: 0.625rem;
        display: none;
        position: absolute;
        min-width: 100px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        padding: 0px 0px;
    }
    .dropdown-shou-1 li {
        height: 2.25rem;
        background-color: #268aec;
        /* border: 0.0625rem solid #fff; */
    }
    .dropdown-shou-1 li:hover {
        /* background-color:#0e7ceb; */
        background-color:#20b7f2;
    }
    .dropdown-shou-1 a {
        margin: 0rem;
        padding-top: 0rem;
        color:#f9e390;
        /* font-family: "微软雅黑"; */
        font-size: small;
    }
    .dropdown-shou:hover .dropdown-shou-1 {
        display: block;
    }
    .dropdown-item {
        margin-top: 0rem;
        color: #F68801;
        padding: 0rem 1;
        background-color: #002752;
        border: 1px solid #00aaff;
        text-align: center;
        display: block;
        width: 100%;
    }
    .dropdown-item:hover {
        margin-top: 0rem;
        color: #FFF3CD;
        padding: 0rem 1;
        background-color: #F68801;
        border: 1px solid #00aaff;
        text-align: center;
        display: block;
        width: 100%;
    }
    .container-fluid {
        margin-left: 17%;
    }
    #w_header .navbar .navbar-nav li:nth-child(1):hover .nav-link {
        color: #fff;
        background-color: rgba(0, 0, 0, 0);
    }
    #w_header .navbar .navbar-nav li:nth-child(10):hover .nav-link {
        color: #fff;
        background-color: rgba(0, 0, 0, 0);
    }
    /*#w_header end*/
    /*#w_home_s1 end*/
    /*#w_home_s2 begin*/
    /*#
	 
	 
	 end*/
    /*#w_home_s3 begin*/
    /*#w_home_s3 end*/
    /*#w_footer begin*/
    #w_footer {
        background-color: #268aec;
        width: 100%;
        height: auto;
    }
    #w_footer h4 {
        margin-bottom: 1.2rem !important;
    }
    #w_footer p {
        line-height: 1.2rem;
        margin-bottom: 0.9rem;
    }
    #w_footer .bottom p {
        padding: 0.2rem 0;
        margin-bottom: 0;
        font-size: 0.9rem;
    }
    #w_footer .bottom p a {
        padding: 0.2rem 0;
        margin-bottom: 0;
        font-size: 0.9rem;
    }
    /*#w_header end*/
    .home_title {}
    #w_home_s1 {
        background-color: #F8F9FA;
    }
    #w_home_s1 .home img {
        /* box-shadow: 0 0 6px 3px #cccccc; */
    }
    #w_home_s1 .home_d {
        margin: 1.5rem 0rem 2rem;
    }
    /* #w_home_s1 .home_d img {
		border-radius: 50%;
		border: 5px solid #24245f;
	} */
    /* #w_home_s1 .home_d_item {
		padding: 5px;
		border-radius: 50%;
		border: 1px solid #24245f;
	}
 */
    #w_home_s1 h3 {
        color: #24245f;
    }
    #w_home_s1 h5 {
        color: #343A40;
    }
    #w_home_s1 p {
        color: #343A40;
        text-indent: 2rem;
        font-size: 0.95rem;
        line-height: 1.8rem;
        margin-bottom: 0;
        text-align: justify;
    }
    /*#w_home_s1 end*/
    /*#w_home_s2 begin*/
    #w_home_s2 {
        height: auto;
        background: url(../img/c1.png) no-repeat center center;
        background-size: 100% 100%;
        padding-bottom: 150px;
    }
    /* col-lg-4 */
    #w_home_s2  h3 a {
        color: #000000;
        font-size: 1.125rem;
        /* text-align: center; */
    }
    #w_home_s2  h3 {
        margin-top: 3.625rem;
        margin-left: -5rem;
    }
    #w_home_s2  .ly h2 {
        margin-top: 31.2rem;
        margin-left: 4.6rem;
        font-size: 1.125rem;
        position: absolute;
        background-color: #F7F7F7;
        width: 14.25rem;
        height: 2.75rem;
        border-radius: 4px;
        padding-top: 13px;
    }
    #w_home_s2  .ly h2 a {
        color: #000000;
    }
    /*  #w_home_s2 .col-lg-4:hover h3{
		 
		  background-color: #fff;
		
		  border-radius:1.25rem;
		  
			
	  } */
    #w_home_s2 .cor-1  img{
        position: relative;
        z-index: 9;
        margin-top: 0px;
        /* margin-left: -200px;
        padding-right: 90px; */
        margin-top: 30px;
        margin-left: -99px;
        width: 450px;
    }
    #w_home_s2 .col-lg-4 img {
        position: absolute;
        z-index: 9;
        margin-top: -320px;
        /* margin-left: -227px; */
        margin-left: -426px;
        width: 450px;
    }
    #w_home_s2 .home_title {
        margin-bottom: 23.5rem;
    }
    .ly {
        height: 15.75rem;
        position: absolute;
        background: url(../img/sui.png) no-repeat ;
        /* width: 631px;
        height: 685px; */
        width: 403px;
        height: 685px;
        bottom: -150px;
        right: 10px;
        display: none;
        z-index: 0;
        /* 	display: block; */
    }
    @keyframes mylogo {
        from {
            top: 8px;
        }
        to {
            top: -8px;
        }
    }
    #w_home_s2  img:hover {
        animation: mylogo 0.3s linear 0s infinite alternate;
        animation-iteration-count: 2;
    }
    #w_home_s2  .cor-1:hover .ly {
        height: 15.75rem;
        position: absolute;
        display: none;
        background: url(../img/sui.png) no-repeat;
        width: 400px;
        height: 685px;
        bottom: -150px;
        right: 10px;
        display: block;
        /* display: none; */
    }
    /* #w_home_s2 p {
		background-color: #24245F;
		color: #fff;
	}
 */
    /* #w_home_s2 .w_home_s2_item:hover img {
		-webkit-transform: scale(1.01, 1.01);
		-moz-transform: scale(1.01, 1.01);
		-transform: scale(1.01, 1.01);
		transition-duration: 0.75s;
		transition-timing-function: ease-in-out;
		box-shadow: 0 0 2px 1px #24245F;
	}
 */
    #w_home_s2 p {
        color: #F8F9FA;
        text-indent: 2rem;
        font-size: 0.95rem;
        line-height: 1.8rem;
        margin-bottom: 0;
    }
    /*#w_home_s2 end*/
    /*#w_home_s3 begin*/
    #w_home_s3 {
        height: auto;
        /* background: url(../img/b3.jpg)no-repeat center center ; */
        background-color: white;
        background-size: 100% 100%;
    }
    #w_home_s3 .owl-item {
        padding: 0 1rem;
    }
    #w_home_s3 .owl-buttons {
        display: none;
    }
    #w_home_s3 .news_item .news_content {
        
        box-shadow: darkgrey  4px 1px 6px 0px;
        
    }
    #w_home_s3 .news_item h4 {
        font-size: 1.1rem;
        margin-bottom: 0;
        padding: 1rem 1rem;
        color: #333;
    }
    #w_home_s3 .news_item p {
        /* font-size: 0.95rem;
		margin: 1rem 0rem;
		color: #333333; */
    }
    #w_home_s3 .news_item .news_content img {
        position: absolute;
        bottom: 1.5rem;
        right: 3vh;
    }
    .news_mask {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: rgba(0, 92, 198, 0.8);
        transition: all 0.5s ease;
    }
    .news_mask_link {
        font-size: 1.3rem !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 60%;
        color: #fff;
        text-align: center;
        font-size: 1rem;
        padding: 0.5rem 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .news_mask_link::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background: #fff;
        transition: all .5s ease;
    }
    .news_mask_link::after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background: #fff;
        transition: all .5s ease;
    }
    #w_home_s3 .news_item:hover .news_mask {
        opacity: 1;
    }
    #w_home_s3 .news_item:hover .newImg {
        /* transform: translate(0%, 0%) scale(1.1); */
    }
    #w_home_s3 .news_item:hover .news_mask_link::before {
        width: 2rem;
    }
    #w_home_s3 .news_item:hover .news_mask_link::after {
        width: 2rem;
    }
    /*#w_home_s3 end*/
    /*#w_home_s3 begin*/
    .bg-0075c2 {
        background-color: rgba(0, 39, 82, 0.7) !important;
    }
    /*#w_home_s3 end*/
    /*#w_home_s4 begin*/
    #w_home_s4 {
        height: auto;
        background: url(../img/b3.jpg)no-repeat fixed center;
        background-size: 100% 100%;
    }
    /* #w_home_s4{
			height: auto;
			background: url(../img/home1.jpg) no-repeat fixed center;
			background-size: 100% 100%;
	
		} */
    .s4_home_title {
        background: url(../img/thumb10.png)no-repeat center center;
        /*background-color: navajowhite;*/
        height: 785px;
        background-size: 900px;
    }
    .home_s4_title1 {
        position: absolute;
        top: -10px;
        left: 100px;
    }
    .home_s4_title2 {
        position: absolute;
        top: 368px;
        left: 100px;
    }
    .home_s4_title3 {
        position: absolute;
        top: 355px;
        left: 770px;
    }
    .home_s4_title4 {
        position: absolute;
        top: -10px;
        left: 770px;
    }
    .home_s4_title5 {
        /* position: absolute;
			    top: 150px;
			    left: 140px; */
        background-color: rgb(255, 255, 255, 0.6);
        border-radius: 10px;
        padding: 10px;
        color: #002752;
    }
    .home_s4_title6 {
        /* position: absolute;
			    top: 387px;
			    left: -15px; */
        background-color: rgb(255, 255, 255, 0.6);
        border-radius: 10px;
        padding: 10px;
        color: #002752;
    }
    .home_s4_title7 {
        /* position: absolute;
			    top: 408px;
			    left: 631px; */
        background-color: rgb(255, 255, 255, 0.6);
        border-radius: 10px;
        padding: 10px;
        color: #002752;
    }
    .home_s4_title8 {
        /* position: absolute;
			    top: 187px;
			    left: 718px; */
        background-color: rgb(255, 255, 255, 0.6);
        border-radius: 10px;
        padding: 10px;
        color: #002752;
    }
    @-webkit-keyframes tada {
        0% {
            -webkit-transform: rotate(2deg);
        }
        100% {
            -webkit-transform: rotate(-2deg);
        }
    }
    .sss img {
        -webkit-animation: tada 0.4s .2s ease both;
        /*-webkit-animation:tade 1s infinite;/*/
        /*设置动画次数无限*/
        -webkit-animation-iteration-count: infinite;
    }
    /*#w_home_s4 end*/
    /*#w_footer begin*/
    #w_footer {
        background-color: #268aec;
        width: 100%;
        height: auto;
    }
    #w_footer h4 {
        margin-bottom: 1.2rem !important;
    }
    #w_footer p {
        line-height: 1.2rem;
        margin-bottom: 0.9rem;
    }
    #w_footer .bottom p {
        padding: 0.2rem 0;
        margin-bottom: 0;
        font-size: 0.9rem;
    }
    #w_footer .bottom p a {
        padding: 0.2rem 0;
        margin-bottom: 0;
        font-size: 0.9rem;
    }
    /*#w_footer end*/
    #w_s9 {
        background-color: #F8F9FA;
    }
    #w_s9 .container {
        background-color: #fff;
    }
    #w_s9 .w_s9_btn {
        height: 4vh;
    }
    #w_s9 .w_s9_btn h4 {
        line-height: 4vh;
        text-align: center;
        background-color: #005cc6;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 550;
        cursor: pointer;
    }
    #w_s9 .w_s9_btn h4:hover {
        line-height: 4vh;
        text-align: center;
        background-color: #9EC917;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 550;
        cursor: pointer;
    }
    .w_s9_btn_active h4 {
        line-height: 4vh;
        text-align: center;
        background-color: #9EC917 !important;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 550;
        cursor: pointer;
    }
    .w_s9_content {
        margin-top: 2rem;
    }
    .w_s9_content h5 {
        font-size: 1.6rem;
        font-weight: 600;
        color: #005cc6;
        margin-bottom: 1rem;
        text-align: center;
    }
    .w_s9_content h6 {
        font-size: 1.4rem;
        font-weight: 550;
        padding-left: 0.8rem;
        border-left: 4px solid #005cc6;
        color: #005cc6;
        margin: 0.8rem 0;
        text-indent: 0rem;
    }
    .w_s9_content p {
        font-size: 0.95rem;
        font-weight: 500;
        text-indent: 2rem;
        color: #343A40;
        line-height: 2rem;
        margin-bottom: 0;
    }
    #w_s8 h4 {
        color: #005cc6;
        font-weight: 550;
        padding-left: 1.0rem;
        border-left: 5px solid #005cc6;
    }
    #w_s8 p {
        color: #343A40;
        font-size: 1.0rem;
    }
    /*w_s7*/
    #w_s7 .liuyanban {}
    #w_s7 .liuyanban_title {
        width: 100%;
        background-color: #005cc6;
        margin-top: 10px;
    }
    #w_s7 .liuyanban_title p {
        margin-left: 30px;
        font-size: 1.1em;
    }
    #w_s7 .liuyanban label {
        font-size: 0.95rem;
        display: block;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #343a40;
    }
    #w_s7 label.xrequired:before {
        content: '* ';
        color: red;
    }
    #w_s7 .liuyanban input {
        color: #555;
        height: 30px;
        line-height: 15px;
        width: 100%;
        padding: 0px 0px 0px 10px;
        margin-top: 2px;
        border: 1px solid #E5E5E5;
        background: #FBFBFB;
        outline: 0;
        -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
        box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    }
    #w_s7 .liuyanban textarea {
        height: 60px;
        margin: 5px 0px 5px 0px;
        width: 100%;
    }
    /*w_s6*/
    #w_s6 .s5news_content {
        padding: 2vh;
        box-shadow: 0 0 6px 3px #e0e0e0;
    }
    #w_s6 .s5news_content:hover {
        padding: 2vh;
        transition-duration: 0.5s;
        transition-timing-function: ease;
        box-shadow: 0 0 10px 5px #e0e0e0;
        border: 1px solid #005cc6;
    }
    #w_s6 .s5news_content h5 {
        color: #005cc6;
    }
    #w_s6 .s5news_content h6 {
        color: #9e9e9e;
    }
    #w_s6 .s5news_content p {
        color: #343a40;
        margin-top: 1vh;
        font-size: 0.9rem;
    }
    .s6_news_d {
        padding: 3vh 3vh 0vh 3vh;
        box-shadow: 0 0 6px 3px #e0e0e0;
    }
    .s6_news_d h4 {
        line-height: 3.5vh;
        color: #9EC917;
    }
    .s6_news_d h6 {
        line-height: 3.5vh;
        color: #9e9e9e;
    }
    .s6_news_d p {
        color: #343a40;
        margin-top: 1vh;
        font-size: 0.9rem;
    }
    #w_s5 .owl-item {
        padding: 0 1rem;
    }
    #w_s5 .owl-buttons {
        display: none;
    }
    #w_s5 .news_item {
        margin-bottom: 3vh;
    }
    #w_s5 .news_item .news_content {
        background-color: #fff;
        /* border: 1px solid #acacac; */
        border-top: 0;
    }
    #w_s5 .news_item h4 {
        text-align: center;
        font-size: 1.1rem;
        margin-bottom: 0;
        padding: 1rem 1rem;
        color: #333;
        border-bottom: 1px solid #e0e0e0;
    }
    #w_s5 .news_item p {
        font-size: 0.95rem;
        margin: 1rem 0rem;
        color: #333333;
    }
    #w_s5 .news_item .news_content img {
        position: absolute;
        bottom: 1.5rem;
        right: 3vh;
    }
    .news_mask {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: rgba(0, 92, 198, 0.8);
        transition: all 0.5s ease;
    }
    .news_mask_link {
        font-size: 1.3rem !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 60%;
        color: #fff;
        text-align: center;
        font-size: 1rem;
        padding: 0.5rem 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /* .news_mask_link::before {
		content: '';
		position: absolute;
		top: 0px;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
		height: 2px;
		background: #fff;
		transition: all .5s ease;
	}

	.news_mask_link::after {
		content: '';
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
		height: 2px;
		background: #fff;
		transition: all .5s ease;
	}

	#w_s5 .news_item:hover .news_mask {
		opacity: 1;
	} */
    #w_s5 .news_item:hover .newImg {
        /* transform: translate(0%, 0%) scale(1.1); */
    }
    #w_s5 .news_item:hover .news_mask_link::before {
        width: 2rem;
    }
    #w_s5 .news_item:hover .news_mask_link::after {
        width: 2rem;
    }
    #w_s5 h5 {
        font-size: 1.5rem;
        border-left: 5px solid #005cc6;
        padding-left: 1rem;
        font-weight: 600;
        color: #005cc6;
        margin: 1rem 0;
    }
    #w_s5 h6 {}
    #w_s5 p {
        text-indent: 2rem;
        font-size: 0.95rem;
        color: #343A40;
        line-height: 2rem;
        margin-bottom: 0;
    }
    #w_s4 h4 {
        margin-top: 1vh;
        height: 4vh;
        line-height: 4vh;
        background-color: #EFBD7B;
        text-align: center;
        color: #fff;
        font-size: 1rem;
    }
    #w_s4 img {
        box-shadow: 0 0 2px 1px #e0e0e0;
    }
    #w_s4 .col-lg-6:hover h4 {
        margin-top: 1vh;
        height: 4vh;
        line-height: 4vh;
        background-color: #24245f;
        text-align: center;
        color: #fff;
    }
    #w_s4 .col-lg-6:hover img {
        -webkit-transform: scale(1.02, 1.02);
        -moz-transform: scale(1.02, 1.02);
        -transform: scale(1.02, 1.02);
        transition-duration: 0.75s;
        transition-timing-function: ease-in-out;
        box-shadow: 0 0 8px 4px #e0e0e0;
    }
    #w_s4_d h5 {
        font-size: 1.5rem;
        border-left: 5px solid #002752;
        padding-left: 1rem;
        font-weight: 600;
        color: #002752;
        margin: 1rem 0;
    }
    #w_s4_d h6 {}
    #w_s4_d p {
        text-indent: 2rem;
        font-size: 0.95rem;
        color: #343A40;
        line-height: 2rem;
        margin-bottom: 0;
    }
    #w_s2 img {
        box-shadow: 0 0 6px 3px #e0e0e0;
    }
    #w_s2 p {
        line-height: 3vh;
        text-align: center;
        font-weight: 600;
        margin-top: 0.5rem;
    }
    #w_s2 {
        background-color: #F8F9FA;
    }
    #w_s1 .home_d {
        margin: 1.5rem 0rem 2rem;
    }
    #w_s1 .home_d img {
        border-radius: 50%;
        border: 5px solid #002752;
    }
    #w_s1 .home_d_item {
        padding: 5px;
        border-radius: 50%;
        border: 1px solid #002752;
    }
    #w_home_s1 h3 {
        color: #24245f;
    }
    #w_s1 h5 {
        color: #343A40;
    }
    #w_s1 p {
        color: #343A40;
        text-indent: 2rem;
        font-size: 0.95rem;
        line-height: 1.8rem;
        margin-bottom: 0;
    }
    #w_s1 p span {
        border-left: 5px solid #002752;
        padding-left: 1rem;
        font-weight: 600;
        font-size: 1.5rem;
        color: #002752;
    }
    .banner-video-box {
        height: 80vh;
        overflow: hidden;
    }
    .banner-video {
        position: relative;
        background-size: cover;
        overflow: hidden;
        margin: 0 auto;
        margin-top: -120px;
    }
}


/************************************pcvh end*************************************/


/************************************ipad begin*************************************/

@media screen and (min-width: 540px) and (max-width: 960px) {}


/************************************ipad end*************************************/


/************************************mb begin*************************************/

@media screen and (max-width: 960px) {
    .banner-video {
        position: relative;
        background-size: cover;
        overflow: hidden;
        margin: 0 auto;
    }
    #w_s2 img {
        box-shadow: 0 0 6px 3px #e0e0e0;
    }
    #w_s2 h4 {
        line-height: 3vh;
        text-align: center;
        font-weight: 600;
        margin-top: 0.5rem;
    }
    #w_s4 h4 {
        margin-top: 1vh;
        height: 4vh;
        line-height: 4vh;
        background-color: #002752;
        text-align: center;
        color: #fff;
        font-size: 1rem;
    }
    #w_s4 img {
        box-shadow: 0 0 2px 1px #e0e0e0;
    }
    #w_s4_d h5 {
        font-size: 1.2rem;
        border-left: 5px solid #002752;
        padding-left: 1rem;
        font-weight: 600;
        color: #002752;
        margin: 1rem 0;
    }
    #w_s4_d h6 {}
    #w_s4_d p {
        text-indent: 2rem;
        font-size: 0.95rem;
        color: #343A40;
        margin-bottom: 0;
    }
    #w_s5 h5 {
        font-size: 1.2rem;
        border-left: 5px solid #002752;
        padding-left: 1rem;
        font-weight: 600;
        color: #002752;
        margin: 0.5rem 0;
    }
    #w_s5 h6 {}
    #w_s5 p {
        text-indent: 2rem;
        font-size: 0.95rem;
        color: #343A40;
        margin-bottom: 0.5rem;
    }
    #w_s5 .owl-buttons {
        display: none;
    }
    #w_s5 {
        height: auto;
        background: url(../img/bg_news_mb.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    #w_s5 .news_item {
        margin-bottom: 1rem;
    }
    #w_s5 .news_item .news_content {
        background-color: #fff;
        border: 1px solid #acacac;
        border-top: 0;
    }
    #w_s5 .news_item h4 {
        font-size: 1.1rem;
        margin-bottom: 0;
        padding: 1rem 0rem;
        color: #333;
        border-bottom: 1px solid #e0e0e0;
    }
    #w_s5 .news_item p {
        font-size: 0.95rem;
        margin: 1rem 0rem;
        color: #333333;
    }
    #w_s5 .news_item .news_content img {
        position: absolute;
        bottom: 1.5rem;
        right: 3vh;
    }
    .news_mask {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: rgba(26, 83, 170, 0.8);
        transition: all 0.5s ease;
    }
    .news_mask_link {
        font-size: 1.3rem !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 60%;
        color: #fff;
        text-align: center;
        font-size: 1rem;
        padding: 0.5rem 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .news_mask_link::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background: #fff;
        transition: all .5s ease;
    }
    .news_mask_link::after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background: #fff;
        transition: all .5s ease;
    }
    #w_s5 .news_item:hover .news_mask {
        opacity: 1;
    }
    #w_s5 .news_item:hover .newImg {
        /* transform: translate(0%, 0%) scale(1.1); */
    }
    #w_s5 .news_item:hover .news_mask_link::before {
        width: 2rem;
    }
    #w_s5 .news_item:hover .news_mask_link::after {
        width: 2rem;
    }
    #w_s6 .s5news_content {
        padding: 2vh;
        box-shadow: 0 0 6px 3px #e0e0e0;
    }
    #w_s6 .s5news_content:hover {
        padding: 2vh;
        transition-duration: 0.5s;
        transition-timing-function: ease;
        box-shadow: 0 0 10px 5px #e0e0e0;
        border: 1px solid #005cc6;
    }
    #w_s6 .s5news_content h5 {
        color: #005cc6;
        font-size: 1rem;
        margin: 2vh 0;
    }
    #w_s6 .s5news_content h6 {
        color: #9e9e9e;
        font-size: 0.9rem;
        margin: 2vh 0;
    }
    #w_s6 .s5news_content p {
        color: #343a40;
        text-indent: 1rem;
        font-size: 0.8rem;
    }
    .s6_news_d {
        box-shadow: 0 0 6px 3px #e0e0e0;
    }
    .s6_news_d h4 {
        line-height: 3.5vh;
        margin: 2vh 0;
        font-size: 1.1rem;
    }
    .s6_news_d h6 {
        line-height: 3.5vh;
        color: #9e9e9e;
        font-size: 0.9rem;
        margin: 2vh 0;
    }
    .s6_news_d p {
        color: #343a40;
        text-indent: 1rem;
        font-size: 0.8rem;
    }
    #w_s7 p {
        font-size: 0.95rem;
        line-height: 0.8rem;
    }
    #w_s7 .liuyanban {}
    #w_s7 .liuyanban_title {
        width: 100%;
        background-color: #005cc6;
        margin-top: 10px;
    }
    #w_s7 .liuyanban_title p {
        margin-left: 30px;
        font-size: 1.1em;
    }
    #w_s7 .liuyanban label {
        display: block;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #343a40;
    }
    #w_s7 label.xrequired:before {
        content: '* ';
        color: red;
    }
    #w_s7 .liuyanban input {
        color: #555;
        height: 30px;
        line-height: 15px;
        width: 100%;
        padding: 0px 0px 0px 10px;
        margin-top: 2px;
        border: 1px solid #E5E5E5;
        background: #FBFBFB;
        outline: 0;
        -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
        box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    }
    #w_s7 .liuyanban textarea {
        height: 60px;
        margin: 5px 0px 5px 0px;
        width: 100%;
    }
    /*s8*/
    #w_s8 .w_s8_content h4 {
        color: #005cc6;
        font-weight: 600;
        border-left: 5px solid #005cc6;
        padding-left: 1rem;
        margin: 1rem 0;
        font-size: 1.2rem;
    }
    #w_s8 .w_s8_content p {
        color: #343A40;
        font-size: 0.9rem;
    }
    /*#w_header begin*/
    .navbar-dark_w .navbar-nav .nav-link {
        color: #fff;
    }
    .navbar {
        background-color: #268aec;
    }
    .navbar-collapse {
        background-color: #002752;
        width: 100%;
        position: fixed;
        top: 0%;
        left: 0;
        z-index: 1000;
    }
    /* logo图片不显示 */
    #w_header .navbar .navbar-nav li:nth-child(1) .nav-link {
        display: none;
    }
    #w_header .navbar .navbar-nav li:nth-child(10) .nav-link {
        display: none;
    }
    /* #w_header .navbar-dark_w .navbar-nav .nav-item .nav-link {
	  		height: 5vh;
	  		display: flex;
	  		justify-content: center;
	  		align-items: center;
	  		padding: 0 2rem;
	  		margin: 0.5rem 0.3rem;
	  		transition-duration: 0.25s;
	  		transition-timing-function: ease;
	  		font-weight: 550;
	  	} */
    /* 
	  #w_header .navbar-dark_w .navbar-nav .nav-item:last-child .nav-link {
	  		margin-right: 0;
	  	}
	  	
	  	#w_header .top_top {
	  		
	  		background-color: #1e2348;
	  		height: 2vh;
	  	}
	  	
	  	#w_header .top_top p {
	  		font-size: 0.9rem;
	  		line-height: 2vh;
	  	}
	  	
	  	#w_header .top {
	  		height: auto;
	  	} */
    /* #w_header nav {
	  		padding: 0;
	  		
	  	   background-color: #002752;
	  	} */
    /* 导航上显示的 */
    #w_header .navbar .navbar-nav>li .nav-link {
        color: #f9e390;
        padding: 0.5rem 0.2rem;
        margin: 0rem 0.8rem;
        border-radius: 10px;
        font-size: 0.96rem;
    }
    /* 鼠标点击变色 */
    #w_header .navbar .navbar-nav>li .nav-link:hover {
        color: #fff;
        padding: 0.5rem 0.2rem;
        margin: 0rem 0.8rem;
        font-size: 0.96rem;
        background-color: #f9e390;
    }
    /* 导航距离 */
    .dropdown-shou {
        /* margin-top: 1.8125rem; */
        position: relative;
        display: inline-block;
        border-top: 0.0025rem solid #268aec;
    }
    /* 二级导航默认关闭 */
    .dropdown-shou-1 {
        /* 	padding: 0rem; */
        margin-top: 0.625rem;
        display: none;
        /* position: absolute; */
        min-width: 100px;
        box-shadow: 0px 0px 4px 0px #f9e390;
        padding: 0px 0px;
    }
    /* 二级导航里距离背景 */
    .dropdown-shou-1 li {
        height: 2.25rem;
        background-color: #268aec;
    }
    /* 二级导航点击变色 */
    .dropdown-shou-1 li:hover {
        background-color: #f9e390;
    }
    /* 二级导航字体 */
    .dropdown-shou-1 a {
        margin: 0rem;
        padding-top: 0rem;
        color: #fff;
        /* font-family: "微软雅黑"; */
        font-size: small;
    }
    /* 点击一级导航显示二级导航 */
    .dropdown-shou:hover .dropdown-shou-1 {
        display: block;
    }
    .navbar-brand {
        color: #fff;
    }
    /*#w_header end*/
    .home_title {
        margin: 2.0rem 0 1.0rem;
    }
    .home_title h2 {
        font-size: 1.5rem;
    }
    /*#w_home_s1 begin*/
    #w_home_s1 {
        background-color: #F8F9FA;
    }
    .home_d {
        display: none;
    }
    #w_home_s1 h3 {
        margin-top: 1rem;
        font-size: 1.4rem;
        color: #005cc6;
    }
    #w_home_s1 h5 {
        font-size: 1.2rem;
        color: #343A40;
    }
    #w_home_s1 p {
        color: #343A40;
        text-indent: 2rem;
        font-size: 0.8rem;
        line-height: 1.8rem;
        margin-bottom: 0;
    }
    /*#w_home_s1 end*/
    /*#w_home_s2 begin*/
    #w_home_s2 {
        height: auto;
        background: url(../img/c1.png) no-repeat center center;
        background-size: 100% 100%;
        padding-bottom: 150px;
    }
    #w_home_s2  h3 a {
        color: #000000;
        font-size: 1.125rem;
        /* text-align: center; */
    }
    #w_home_s2  h3 {
        margin-top: -0.625rem;
    }
    /* #w_home_s2 .col-lg-4 .ly h2{
		    margin-top: 33.925rem;
		     margin-left: 8.6rem;
		     font-size: 1.125rem;
		     position: absolute;
		     background-color: #F7F7F7;
		     width: 14.25rem;
		     height: 3rem;
		     border-radius: 20px;
		     padding-top: 13px;
	  } */
    #w_home_s2  .ly h2 a {
        color: #000000;
    }
    /* #w_home_s2 .col-lg-4 img{
		   position: absolute;
		    z-index: 9;
		     margin-top: -266px;
		     margin-left: -137px;
	 } */
    /* #w_home_s2 .home_title{
		margin-bottom: 23.5rem;
		
	}
     */
     
    #w_home_s2 .cor-2:hover .ly{
        
    }
    #w_home_s2 .cor-1:hover .ly {
        height: 15.75rem;
        position: absolute;
        display: none;
        background: url(../img/sui.png) no-repeat;
        width: 400px;
        height: 685px;
        bottom: -150px;
        right: 10px;
        display: block;
        /* display: none; */
    }
    /* #w_home_s2 p {
		background-color: #24245F;
		color: #fff;
	}
 */
    /* #w_home_s2 .w_home_s2_item:hover img {
		-webkit-transform: scale(1.01, 1.01);
		-moz-transform: scale(1.01, 1.01);
		-transform: scale(1.01, 1.01);
		transition-duration: 0.75s;
		transition-timing-function: ease-in-out;
		box-shadow: 0 0 2px 1px #24245F;
	}
 */
    #w_home_s2 p {
        color: #F8F9FA;
        text-indent: 2rem;
        font-size: 0.95rem;
        line-height: 1.8rem;
        margin-bottom: 0;
    }
    /*#w_home_s3 begin*/
    #w_home_s3 .owl-buttons {
        display: none;
    }
    #w_home_s3 {
        height: auto;
        background: url(../img/bg_news_mb.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    #w_home_s3 .news_item {
        margin-bottom: 1rem;
    }
    #w_home_s3 .news_item .news_content {
        background-color: #fff;
        border: 1px solid #acacac;
        border-top: 0;
    }
    #w_home_s3 .news_item h4 {
        font-size: 1.1rem;
        margin-bottom: 0;
        padding: 1rem 0rem;
        color: #333;
        border-bottom: 1px solid #e0e0e0;
    }
    #w_home_s3 .news_item p {
        /* 	font-size: 0.95rem;
		margin: 1rem 0rem;
		color: #333333; */
    }
    #w_home_s3 .news_item .news_content img {
        position: absolute;
        bottom: 1.5rem;
        right: 3vh;
    }
    .news_mask {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: rgba(26, 83, 170, 0.8);
        transition: all 0.5s ease;
    }
    .news_mask_link {
        font-size: 1.3rem !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 60%;
        color: #fff;
        text-align: center;
        font-size: 1rem;
        padding: 0.5rem 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .news_mask_link::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background: #fff;
        transition: all .5s ease;
    }
    .news_mask_link::after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background: #fff;
        transition: all .5s ease;
    }
    #w_home_s3 .news_item:hover .news_mask {
        opacity: 1;
    }
    #w_home_s3 .news_item:hover .newImg {
        /* transform: translate(0%, 0%) scale(1.1); */
    }
    #w_home_s3 .news_item:hover .news_mask_link::before {
        width: 2rem;
    }
    #w_home_s3 .news_item:hover .news_mask_link::after {
        width: 2rem;
    }
    /*#w_home_s3 end*/
    /*#w_home_s4 begin*/
    #w_home_s4 {
        height: auto;
        background: url(../img/b3.jpg)no-repeat fixed center;
        background-size: 100% 100%;
    }
    .s4_home_title {
        /* background: url(../img/thumb_20180228171434_480.png)no-repeat center center ; */
        height: 1800px;
    }
    .home_s4_title5 {
        /* position: absolute;
		    top: 150px;
		    left: 140px; */
        background-color: rgb(255, 255, 255, 0.6);
        border-radius: 10px;
        padding: 10px;
        color: #002752;
    }
    .home_s4_title6 {
        /* position: absolute;
		    top: 387px;
		    left: -15px; */
        background-color: rgb(255, 255, 255, 0.6);
        border-radius: 10px;
        padding: 10px;
        color: #002752;
    }
    .home_s4_title7 {
        /* position: absolute;
		    top: 408px;
		    left: 631px; */
        background-color: rgb(255, 255, 255, 0.6);
        border-radius: 10px;
        padding: 10px;
        color: #002752;
    }
    .home_s4_title8 {
        /* position: absolute;
		    top: 187px;
		    left: 718px; */
        background-color: rgb(255, 255, 255, 0.6);
        border-radius: 10px;
        padding: 10px;
        color: #002752;
    }
    /* 
	.home_s4_title1{
	 
	   position: absolute;
	       top: 2.25rem;
	       left: 5.625rem;
	}
	.home_s4_title2{
	  position: relative;
	      top: 9.25rem;
	
	
		
	}
	.home_s4_title3{
	position: relative;
	    top: 25.25rem;
			
		
	}
	
		
	
	.home_s4_title4{
		position: relative;
		    top: 42.25rem;
		
		
	}
	.home_s4_title5{
		      position: relative;
		       top: -38.75rem;
		       left: 0.25rem;
		       background-color: rgb(255, 255, 255,0.6);
		       border-radius: 10px;
		       padding: 10px;
		       color: #002752;
		}
		
		.home_s4_title6{
			    position: relative;
			    top: 8.25rem;
			    left: 0.25rem;
			    background-color: rgb(255, 255, 255,0.6);
			    border-radius: 10px;
			    padding: 10px;
			    color: #002752;
		}
	.home_s4_title7{
		   position: relative;
		  top: -32.75rem;
		   left: 0.25rem;
		   
		    background-color: rgb(255, 255, 255,0.6);
		    border-radius: 10px;
		    padding: 10px;
		    color: #002752;
	}
	
	
	.home_s4_title8{
		    position: relative;
		    top: 13.75rem;
		    left: 0.25rem;
		    background-color: rgb(255, 255, 255,0.6);
		    border-radius: 10px;
		    padding: 10px;
		    color: #002752;
	} */
    /*#w_home_s4 end*/
    /*#w_footer begin*/
    #w_footer {
        background-color: #268aec;
        width: 100%;
        height: auto;
    }
    #w_footer .border-right {
        border: 0 !important;
    }
    #w_footer h4 {
        border-left: 5px solid #fff;
        padding-left: 0.5rem;
        font-size: 1.3rem;
        margin-bottom: 1.2rem !important;
        font-weight: 600;
    }
    #w_footer p {
        line-height: 1.2rem;
        margin-bottom: 0.9rem;
        font-size: 0.9rem;
    }
    #w_footer .bottom p {
        padding: 0.2rem 0;
        margin-bottom: 0;
        font-size: 0.8rem;
    }
    #w_footer .bottom p a {
        padding: 0.2rem 0;
        margin-bottom: 0;
        font-size: 0.8rem;
    }
    /*#w_footer end*/
    .erji_title {
        margin: 1vh 0;
    }
    .erji_title h2 {
        font-size: 1.7rem;
    }
}
@media (max-width: 1040px) {
  .product-list li{
        width:calc((70% - 60px)/2) ;
       	text-align:center ; 
       
    }
}

@media (max-width: 414px) {

    #w_home_s4 {
        height: auto;
        background: url(../img/b4.jpg)no-repeat fixed center;
        background-size: 100% 100%;
    }

    .s4_home_title {
        /* background: url(../img/thumb_20180228171434_480.png)no-repeat center center ; */
        height: 1280px;
    }

    #w_home_s2 .cor-1  img{
        position: relative;
        z-index: 9;
        margin-top: 0px;
        /* margin-left: -200px;
        padding-right: 90px; */
        text-align: center;
        margin-top: 30px;
        margin-left: 0px;
        width: 307px;
    }
    .banner .carousel-inner img{
        padding-top: 0px !important;
    }
    .container .column img{
        width: 100%;
        margin-right: 0px !important;
    }
   
    .pagebox {
        width:300px !important;
        height: 100%;
    }
    .product-list li figure{
        height: 100% !important;
    }
    .product-list li{
        width:calc(100%) !important;
        float: right !important; 
        margin:22px !important;
    }
    .btn-2 ul li{
        margin-top: 5px;
    }
    .box-1{
        height:139px !important;
        margin:0 !important;
    }
    .con{
        padding-right:0px!important;
        padding-left:0px !important;
    }
    #dituContent{
        width:358px !important;
        height:400px !important;
    }
    .row-1{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0;
        margin-left: 0;
    }
    .img-1 img{
        width: 100% !important;
    }
}
.box-1 .imgBox img{
    max-width:100%;
    transition:0.5s;
    border-radius:2px;
}
.box-1 .imgBox{
    position:absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing:border-box;
    padding:10px;
}
.cf, .clearfix{
    clear:both;
}

/************************************mb end*************************************/