@media (min-width: 768px) {
    .container {
        width:100%;
    }
}
@media (min-width: 840px) {
    html,body {
        font-size:16px;
    }
    .container {
        width: 98% !important;
        max-width: 1600px;
    }
}
@media (min-width: 980px) {
    html,body {
        font-size:16px;
    }
    .container {
        width: 98% !important;
        max-width: 1600px;
    }
}
@media (min-width: 1140px) {
    .container {
        width: 98% !important;
        max-width: 1600px;
    }
}
@media (min-width: 1280px) {
    .container {
        width: 90% !important;
        max-width: 1600px;
    }
    html,body {
        font-size:17px;
    }
}
@media (min-width: 1440px) {
    .container {
        width: 87.5% !important;
        max-width: 1600px;
    }
    html,body {
        font-size:17px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 83.33% !important;
        max-width: 1600px;
    }
    html,body {
        font-size:18px;
    }
}
@media screen and (min-width: 768px){
    .container{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    body {
        min-width:1200px !important;
        background: #fff !important;
    }
    .header{
        background: #fff;
        /*border-bottom: 1px solid #f6f6f6;*/
    }
    .header .webNav{
        /*height: 140px;*/
    }
    .header:after{
        position: absolute;
        width: 100%;
        height: 1px;
        background: #f4f4f4;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        content: '';
    }
    #webFun{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #webFun > .right{
        width: 700px;
    }
    #nav{
        font-size: 16px;
    }
    #nav .flex .pdlr20 > a{
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .buyIcon{
        padding-left: 30px;
        cursor: pointer;
    }
    .buyIcon:after{
        position: absolute;
        background: url(../image/buy.png) no-repeat center;
        background-size: 26px auto;
        width: 26px;
        height: 26px;
        top: 0;
        left: 0;
        bottom: 0;
        content: '';
        margin: auto;
    }
    .buy:hover .buyIcon, .buyIcon:hover{
        color: #FD1E00;
    }
    .buy:hover .buyIcon:after, .buyIcon:hover:after{
        background: url(../image/buy_act.png) no-repeat center;
        background-size: 26px auto;
        width: 26px;
        height: 26px;
    }
    .buy:hover .buyIcon:before, .buyIcon:hover:before{
        position: absolute;
        background: #FD1E00;
        height: 2px;
        left: 0;
        right: 0;
        bottom:0;
        margin: auto;
        content: '';
        animation: beLong .3s forwards;
    }
    @keyframes beLong {
        0%{width: 0}
        100%{width: 100%}
    }
    .buyLayer{
        display: none;
        position: absolute;
        /*background: #fff;*/
        top: 59px;
        left: 0;
        /*right:0;*/
        border-top: 1px solid #f6f6f6;
        z-index: 9999;
    }
	.searchLayer {
		display: none;
		position: absolute;
		background: #fff;
		top: 129px;
		left: 0;
		width: 100%;
		/* right:0; */
		 border-top: 1px solid #f6f6f6; 
		z-index: 101;
		overflow: hidden;
	}
    .buyLayer2{
        background: #fff;
        /*top: 129px !important;*/
    }
    .buyLayer .content .box{
        border:1px solid #c1c1c1;
        margin: 20px;
        padding-top: 15px;
        box-sizing: border-box;
        border-radius: 5px;
        font-size: 15px;
        cursor: pointer;
    }
    .buyLayer .phoneCall{
        width: 400px;
        height: 60px;
        border: 1px solid #c1c1c1;
        line-height: 60px;
        margin: 20px auto;
        border-radius: 5px;
        cursor: pointer;
    }
    .language {
		position: absolute;
		right: 0;
		background: #fff;
		width: 110px;
		line-height: 40px;
		padding: 0 15px;
		border-radius: 5px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
		z-index: 102;
		display: none;
		top:40px;
	}

	.lanArr::after {
		position: absolute;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 10px solid #ffffff;
		top: -10px;
		right: 4px;
		content: '';
		margin: auto;
	}
    .buyLayer .content .nBox{
        width: 20%;
        margin-bottom: 20px;
    }
    .buyLayer .content .box:hover, .phoneCall:hover, .buyLayer .content .tx:hover .box{
        background: #FD1E00;
        color: #fff;
        border: 1px solid #fff;
        transition: all .1s;
    }
    .buyLayer .content .box:hover a{
        color: #fff !important;
    }
    .buyLayer .content .box .boxIcon{
        position: relative;
        width: 80px;
        height: 80px;
        margin: auto;
    }
    .buyLayer .content .box .boxIcon:after{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        content: '';
    }
    .buyLayer .content .box .icon_1:after{
        background: url(../image/buy_down_1_nor.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .box:hover .icon_1:after{
        background: url(../image/buy_down_1_act.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .box .icon_2:after{
        background: url(../image/buy_down_2_nor.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .box:hover .icon_2:after{
        background: url(../image/buy_down_2_act.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .box .icon_3:after{
        background: url(../image/buy_down_3_nor.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .box:hover .icon_3:after{
        background: url(../image/buy_down_3_act.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .box .icon_4:after{
        background: url(../image/buy_down_4_nor.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .box:hover .icon_4:after{
        background: url(../image/buy_down_4_act.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .box .icon_5:after{
        background: url(../image/buy_down_5_nor.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .box:hover .icon_5:after{
        background: url(../image/buy_down_5_act.png) no-repeat center;
        background-size: 70% auto;
    }

    .buyLayer .content .box .solu_icon_1:after{
        background: url(../image/n_s_3_nor.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .tx:hover .solu_icon_1:after{
        background: url(../image/n_s_3_act.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .box .solu_icon_2:after{
        background: url(../image/n_s_4_nor.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .tx:hover .solu_icon_2:after{
        background: url(../image/n_s_4_act.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .box .solu_icon_3:after{
        background: url(../image/solu_3_nor.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .tx:hover .solu_icon_3:after{
        background: url(../image/solu_3_act.png) no-repeat center;
        background-size: 70% auto;
    }
    /*.buyLayer .content .box .solu_icon_4:after{*/
    /*    background: url(../images/solu_4_nor.png) no-repeat center;*/
    /*    background-size: 70% auto;*/
    /*}*/
    /*.buyLayer .content .tx:hover .solu_icon_4:after{*/
    /*    background: url(../images/solu_4_act.png) no-repeat center;*/
    /*    background-size: 70% auto;*/
    /*}*/
    .buyLayer .content .box .solu_icon_4:after{
        background: url(../image/n_s_1_nor.png) no-repeat center;
        background-size: 80% auto;
    }
    .buyLayer .content .tx:hover .solu_icon_4:after{
        background: url(../image/n_s_1_act.png) no-repeat center;
        background-size: 80% auto;
    }
    .buyLayer .content .box .solu_icon_5:after{
        background: url(../image/n_s_gy_nor.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .tx:hover .solu_icon_5:after{
        background: url(../image/n_s_gy_act.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .box .solu_icon_6:after{
        background: url(../image/solu_7_nor.png) no-repeat center;
        background-size: 70% auto;
    }
    .buyLayer .content .tx:hover .solu_icon_6:after{
        background: url(../image/solu_7_act.png) no-repeat center;
        background-size: 70% auto;
    }
    .navUl .act > a:first-child{
        color: #FD1E00 !important;
        font-weight: bold;
    }
    .navUl .myLi:hover > a, .navUl .myLi .buyLayer .sec_con a:hover div{
        color: #FD1E00 !important;
    }
    .navUl .myLi .buyLayer .sec_con a div{
        border-bottom: 1px solid #f4f4f4;
    }
    .navUl .myLi .buyLayer .sec_con a:last-child div{
        border-bottom: none;
    }
    .navUl > div > a{
        line-height: 60px;
    }
    .buyIcon{
        /*line-height: 109px;*/
        line-height: 40px;
    }
    .sec_con{
        line-height:60px;
        text-align: left;
        background:#fff;
        box-shadow: 0 10px 10px rgba(0,0,0,.3);
    }
    .sec_con_53{
        /*width: 160px;*/
    }
    .new_product_menu .li{
        margin-left: 20px;
        width: auto !important;
        text-align: left !important;
        padding: 0 !important;
    }
    .new_product_menu .li:first-child{
        margin-left: 0px;
    }
    .sec_con_21{
        width: 170px;
    }
    .myLi .buyLayer .content .box{
        padding-bottom: 15px;
    }
    .thirdName{
        font-size: 12px;
    }
    .footer{
        position: relative;
        z-index: 1;
    }
    /*底部start*/
    .footer_bg{
        background: #22272D;
    }
    /*.footer_contact_bg{*/
    /*    width: 100%;*/
    /*    height:180px;*/
    /*    text-align: center;*/
    /*    color:#fff;*/
    /*    background: url(../images/home_bg_gdlj_nor.png) no-repeat center;*/
    /*    background-size: cover;*/
    /*    position: relative*/
    /*}*/
    .footer_contact_box{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left:50%;
        margin: auto;
    }
    .footer_contact_tips{
        font-size: 26px;
    }
    .footer_contact_btn{
        width:180px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #fff;
        margin: 30px auto 0 auto;
    }
    .footer_1st{
        border-bottom: 1px solid #393D42;
        box-sizing: border-box;
    }
    .footer_1st_icon{
        line-height: 19px;
        font-size: 13px;
        margin: 26px 0;
        color: #fff;
        padding-left:55px;
        position: relative;
    }
    .footer_1st_icon:after{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: '';
        width: 45px;
        height: 39px;
    }
    /*.footer_1st_icon_1:after{*/
    /*    background: url(../images/home_icon_gaoxjs_nor.png) no-repeat center;*/
    /*    background-size: 45px 39px;*/
    /*}*/
    .footer_2nd{
        padding: 60px 0;
        border-bottom: 1px solid #393D42;
        box-sizing: border-box;
        color: #fff;
        font-size: 14px;
    }
    .footer_2nd .left{
        width:100%;
    }
    .footer_2nd .left .li{
        margin-right: 40px;
        font-size: 15px;
    }
    .footer_2nd .left .li:last-child{
        margin-right: 0px;
    }
    .footer_2nd .left .li > div{
        font-size: 18px;
    }
    .footer_ul{
        color:#cccccc;
        font-size: 14px;
        line-height: 30px;
        margin-top: 15px
    }
    .footer_ul > li > a{
        color: #cccccc !important;
    }
    .contact_icon{
        width: 40px;
        height: 30px;
        position: relative;
        margin-bottom: 5px;
    }
    .contact_icon:after{
        position: absolute;
        top:0;
        left:0;
        right: 0;
        bottom: 0;
        margin: auto;
        content: '';
    }
    /*.weibo_icon:after{*/
    /*    background: url(../images/home_icon_weibo_nor.png) no-repeat center;*/
    /*    background-size: 24px 20px;*/
    /*}*/
    /*.wechat_icon:after{*/
    /*    background: url(../images/home_icon_weixin_nor.png) no-repeat center;*/
    /*    background-size: 21px 23px;*/
    /*}*/
    /*.qq_icon:after{*/
    /*    background: url(../images/home_icon_qq_nor.png) no-repeat center;*/
    /*    background-size: 26px 21px;*/
    /*}*/
    .footer_2nd .right .left{
        line-height: 30px;
        font-size: 13px;
        color: #cccccc;
    }
    .footer_2nd .right .right{
        margin-left:100px;
        text-align: center;
        font-size: 13px;
        line-height: 40px;
        color: #cccccc;
    }
    .footer_2nd .right .right img{
        width: 95px;
        height: 95px;
        vertical-align: middle;
    }
    .footer_2nd .right .right > .flex img{
        height: 95px;
        width: auto
    }
    .service_phone{
        width: 200px;
        background: #DA2836;
        height: 40px;
        border-radius: 3px;
        text-align: center;
        padding: 5px 0;
        box-sizing: border-box;
        margin-top: 10px;
        color:#fff;
    }
    .footer_3rd{
        padding: 20px 0;
        font-size: 14px;
        color: #fff;
        text-align: center;
    }
    .footer_3rd a{
        color: #fff !important;
    }
    .store a{
        color:#cccccc !important;
    }
    .store:last-child{
        margin-left: 20px;
    }
    /*底部end*/
    	/*右侧导航*/
	.garyShow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		/* height: 200px; */
		width: 30px;
		right: 100px;
		visibility: hidden;
	}

	.garyShow .garyBox:first-child img {
		transform: rotate(180deg);
		position: relative;
		/* right: 8px; */
	}

	.right_nav {
		position: fixed;
		top: calc(50% - 100px);
		transform: translateY(-50%);
		right: 0;
		/*right: -100px;*/
		width: 70px;
		z-index: 10087;
	}

	.right_nav .garyBox {
		background: #A1A1A1;
		/*        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; */
		overflow: hidden;
		cursor: pointer;
	}

	.right_nav .hBox {
		width: 50px;
		height: 50px;

	}

	.right_nav .garyBox .tx {
		color: #fff;
		font-size: 11px;
	}

	.garyBoxHide {
		width: 50px;
		height: 50px;
		/* 		border-top-left-radius: 60px !important;
		border-bottom-left-radius: 60px !important; */
		/* border-top-right-radius: 60px !important;
        border-bottom-right-radius: 60px !important; */
		/* position: relative; */
		right: 100px;
		/* top: 180px; */
	}

	.right_nav .bottom {
		height: 40px;
		border-top: 1px solid rgba(255, 255, 255, .12);
	}

	.right_nav .top .box {
		height: 70px;
	}

	.right_nav .top .box:hover,
	.garyShow .garyBox:hover,
	.right_nav .bottom:hover {
		background: #FD1E00;
		/* transition: all .3s; */
	}

	.garyShow .hBox {
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	}

	.garyShow .hBox:last-child {
		border-bottom: none;
	}

	.right_nav .top .box:last-child:hover {
		background: #333333;
		transition: all .3s;
	}

	.right_nav .rightCon .li {
		flex-direction: column;
		padding: 20px;
		/* height: 100%; */
		/* line-height: 50px; */
		/* border-right: 1px solid #f4f4f4 */
	}

	.right_nav .rightCon .left {
		background: #f4f4f4;
	}

	.right_nav .rightCon .li:first-child,
	.right_nav .rightCon .li:last-child {
		border-right: none;
	}

	.rightConBox {
		display: none;
	}

	.right_nav .rightCon {
		position: absolute;
		/* top: 0; */
		right: 70px;
		background: #fff;
		box-shadow: -12px 1px 30px 5px rgba(50, 51, 51, 0.23);
		/* 		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px; */
	}

	.right_nav .rightCon .lh25 {
		line-height: 25px;
	}

	#rightCon .rightContact {
		top: 0;
		width: 650px;
		height: 350px;
	}

	#rightCon .rightShare {
		top: 140px;
		/* height: 110px; */
		background: #f4f4f4;
		width: 200px;
	}

	.arrowRadius {
		position: relative;
		padding-right: 40px;
	}

	.arrowRadius:after {
		position: absolute;
		background: url(../image/recom_nor.png) no-repeat center;
		background-size: cover;
		width: 30px;
		height: 30px;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		content: '';
	}

	.right_nav .rightCon .box:hover .arrowRadius:after {
		position: absolute;
		background: url(../image/right_goIcon.png) no-repeat center;
		background-size: cover;
		width: 30px;
		height: 30px;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		content: '';
	}

	.s_com {
		width: 30px;
		height: 44px;
		background: url(https://instruments.uni-trend.com.cn/template/default/images/s_com.png) no-repeat center;
		background-size: 30px;
	}

	.s_team {
		width: 30px;
		height: 44px;
		background: url(https://instruments.uni-trend.com.cn/template/default/images/s_team.png) no-repeat center;
		background-size: 30px;
	}

	.r_top_icon {
		position: relative;
		padding-left: 30px;
	}

	.r_top_icon::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		content: '';
		margin: auto;
		width: 30px;
		height: 30px;
	}

	.r_more::after {
		background: url(../image/r_more.png) no-repeat center;
		background-size: 20px;
	}

	.r_ques::after {
		background: url(../image/r_ques.png) no-repeat center;
		background-size: 20px;
	}

	.r_support::after {
		background: url(../image/r_bs.png) no-repeat center;
		background-size: 20px;
	}

	.r_service::after {
		background: url(../image/r_service.png) no-repeat center;
		background-size: 20px;
	}

	/*右侧导航*/
    /*在线客服*/
    .serve{
        position: fixed;
        width: 100px;
        bottom: 20px;
        right: 0;
        box-shadow: 0px 8px 18px 0px rgba(253, 30, 0, 0.24);
        background: #FD1E00;
        height: 60px;
        line-height: 60px;
        z-index: 1001;
        color: #fff;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        cursor: pointer;
        opacity: .6;
    }
    /*在线客服*/
    .moreCate{
        position: absolute;
        left: 100px;
        width: 160px;
        top: 0;
        line-height: 40px;
        padding: 10px 20px;
        color: #999999;
        font-size: 15px;
        background:#fff;
        display: none;
    }
    .moreCate_2{
        top: 120px;

    }
    .buyBox{
        background: #fff;
        top: 109px !important;
    }
    .serClose{
        width: 40px;
        height: 40px;
        color: #c1c1c1;
        cursor: pointer;
        background: url(../image/close1.png) no-repeat center;
        background-size: 25px 25px;
        transition: all 1s;
    }
    .serClose:hover{
        transform: rotate(360deg);
    }
    .tops{
        display: none;
        width: 100%;
        box-sizing: border-box;
        margin: 0 40px;
    }
    .topSearch{
        border-bottom: 1px solid #c1c1c1;
        height: 40px;
        width: 100%;
        box-sizing: border-box;
    }
    .topSearch input{
        width: 100%;
    }
    .searchBtn{
        width: 40px;
        height: 40px;
        color: #FD1E00;
        cursor: pointer;
        line-height: 40px
    }
    /*.searchCon{*/
    /*    position: absolute;*/
    /*    padding: 20px;*/
    /*    top: 40px;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    background: #fff;*/
    /*    box-shadow: 0 10px 10px rgba(0,0,0,.3);*/
    /*    z-index:103;*/
    /*    display: none;*/
    /*}*/
    .searchNav{
        line-height: 30px;
        cursor: pointer;
        color: #999999;
        font-size:12px;
        font-weight: bold;
        display: none;
    }
	.TplFloatSet {
	    position: fixed;
	    bottom: 100px;
	    right: 0;
	    z-index: 9999;
	    cursor: pointer;
	}
	.nSearchBox {
		width: 700px;
		height: 50px;
		border: 1px solid #cccccc;
		margin: 40px auto;
		border-radius: 10px;
		overflow: hidden;
	}

	.nSearchBox .sBtn {
		line-height: 50px;
		height: 50px;
		background: red;
		padding: 0 20px;
		color: #fff;
		background: #FD1E00;
	}

	/*.searchCon {*/
	/*	max-height: 400px;*/
	/*	overflow: auto*/
	/*}*/
	.searchCon {
		/* position: absolute; */
		padding: 20px;
		/* top: 40px; */
		/* left: 0; */
		/* right: 0; */
		background: #fff;
		/* box-shadow: 0 10px 10px rgba(0, 0, 0, .3); */
		z-index: 103;
		width: 700px;
		max-height: 400px;
		overflow: auto;
		margin: auto;
		display: none;
	}
}

.moreCate_3{
    top: 60px !important;
}