@charset="UTF-8";

/*footer*/
.fmenu {
	height: 0px;
}

.fmenu li {
	float: left;
	width: 12.5%;
	text-align: center;
}

.fmenu li a {
	color: #fff
}

@media screen and (min-width: 200px) and (max-width: 768px) {

	.header .form {
		display: none;
	}

	.wrap-title {
	    width: 100%;
		padding-bottom: 0px;
		text-align: center;
		line-height: 1.4;
		overflow: hidden;
		animation: bounceinT 1s ease-out backwards;
	}

	.wrap-title span {
		font-size: 24px;
		color: #003763;
	}

	.wrap-title h3 {
		font-size: 26px;
		font-weight: normal;
		color: #003763;
	}

	.wrap-title h3 a {
		color: #003763;
	}

	.wrap-title h3 b {
		background-image: -webkit-gradient(linear, 0 0, right 0, from(#e31f18), to(#003763));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.wrap-title p {
		font-size: 16px;
		color: #999;
	}

	.wrap-title i {
		display: block;
		margin: 20px auto;
		width: 100px;
		height: 1px;
		background: url(../image/title_line.png) no-repeat;
	}

	.wrap-title.white * {
		color: #fff;
	}

	.wrap-title.white i {
		background: #fff;
	}

	.yz {
		height: 770px;
	}

	.yz dl {

		padding-top: 15px;

		height: auto;
	}

	.yz dt {

		float: initial;

		width: 100%;

		position: relative;

		height: auto;
	}

	.yz dt img {}

	.yz dd h3 {
		padding: 16px 0 16px;
	}

	.yz dd h3 b {
		display: block;
		font-size: 26px;
		color: #0d0700;
		line-height: 42px;
		text-align: center;
	}

	.yz dd h3 i {
		display: block;
		font-size: 16px;
		color: #999;
		line-height: 20px;
		padding-top: 14px;
		font-style: normal;
		text-align: center;
	}

	.yz dd h3 em {
		color: #003763;
	}

	.yz dd h3:after {
		position: absolute;
		width: 94px;
		height: 3px;
		content: "";
		background: #003763;
		left: 0;
		bottom: 0;
		right: 0;
		margin: 0 auto;
	}

	.yz_desc {
		font-size: 14px;
		color: #666;
		line-height: 30px;
		margin: 0;
	}

	.yz dd ul {
		height: 147px;
		margin-left: -20px;
		width: 1000px;
		position: relative;
		z-index: 1;
	}

	.yz dd li {
		float: left;
		width: 25%;
		background: #003763;
		text-align: center;
		height: auto;
	}

	.yz dd li:nth-child(2n) {
		background: #003763;
	}

	.yz dd li img {
		display: block;
		height: 40px;
		margin: 5px auto;
		transition: all 0.5s;
	}

	.yz dd li p {
		font-size: 12px;
		color: #fff;
		line-height: 28px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.yz dd li:hover img {
		transform: rotateY(180deg);
	}

	.yz dd ul {

		width: 100%;

		margin-left: 0;

		height: auto;
	}

	.yz dd {

		float: initial;

		width: 100%;
	}

	.news-tab .tab-menu li {

		width: 30%;

		margin: 0;

		height: 40px;

		line-height: 40px;
	}

	.news-tab .tab-menu {
		margin-bottom: 10px;
	}

	.new_list li {
		padding: 20px 0;
		margin-right: 0;

	}

	.news {
		height: 660px;
	}

	.abt_con {
		position: relative;
	}

	.abt_pic img {
		display: block;
		width: 100%;
	}

	.abt_r {
		position: static;
		width: 100%;
		right: 0;
		top: 0;
		left: 0;
		margin-left: 0;
	}

	.abt_r h2 {}

	.abt_r h2 em {
		display: block;
		font-size: 1.1rem;
		color: #003763;
		line-height: 1.1rem;
	}

	.abt_r h2 b {
		display: block;
		font-size: 26px;
		color: #003763;
		line-height: 2.7rem;
		padding: 0.8rem 0 1rem;
		text-align: center;
	}

	.abt_r h2 i {
		display: block;
		font-size: 16px;
		color: #999999;
		line-height: 1;
		text-align: center;
	}

	.abt_desc {
		font-size: 14px;
		color: #333;
		line-height: 28px;
		margin: 2.5rem auto 1.8rem;
		color: #000;
		width: 95%;
	}

	.abt_r h3 {
		height: 4rem;
	}

	.abt_r h3 a {
		text-transform: uppercase;
		float: left;
		width: 30%;
		height: 4.2rem;
		font-size: 12px;
		line-height: 14px;
		text-align: center;
		color: #ffffff;
		background: rgb(0 55 99);
		margin-right: 5%;
	}

	.abt_r h3 a:last-child {
		margin-right: 0;
	}

	.abt_r h3 a i {
		display: block;
		font-size: 15px;
		line-height: 1.7rem;
		text-transform: uppercase;
	}

	.abt_r h3 a.on {
		background: #003763;
		color: #fff;
	}

	.album {
		width: 100%;
		margin: 10px 0;
		background: #fff;
		position: relative;
		z-index: 10;
		padding: 0;
	}

	.album li {
		float: left;
		padding: 0;
		border: 1px solid #003763;
		margin-right: 25px;
		width: 50%;
	}

	.album li img {
		display: block;
		width: 100%;
	}

	.album .tempWrap {
		width: 100% !important;
	}

	.bot {
		display: none;
	}

	/*banner*/
	.blk-main {
		width: 100%;
	}

	.tl-fdh-02 {
		height: auto;
	}

	.tl-fdh-02 li {
		width: 48%;
		margin: 2px 0.5% 2px;
		height: 40px;
		line-height: 40px;
	}

	.content {
		width: 100%;
	}

	.gsyj dl dt {
		width: 100%;
		float: inherit;
		height: auto;
	}

	.gsyj dl dd {

		width: 100%;
	}

	.gsyj dl dd span {
		width: 48.5%;
	}

	.gsyj dl dd span:nth-child(2n) {
		margin-right: 0
	}

	.tit h3 em {

		font-size: 26px;

		color: #003763;
	}

	.qj_bj {
		margin-top: 10px;
		background: url(../picture/m_abt_bg1.jpg) no-repeat center top;
		background-size: 100%;
		height: auto;
		margin-bottom: 0;
	}

	.qj dl {}

	.qj dl dd {
		width: 100%;
		height: auto;
		float: initial;
	}

	.qj dl dd h3 {
		font-size: 26px;
		color: #003763;
		font-weight: normal;
		margin-bottom: 0;
		text-align: center;
	}

	.qj dl dd h3 i {
		font-weight: bold;
		color: inherit;
		font-style: normal;
	}

	.qj dl dd em {
		font-size: 16px;
		color: #9b9b9b;
		font-family: "Times New Roman";
		display: block;
		height: 22px;
		line-height: 22px;
		font-style: normal;
		padding-top: 20px;
		text-align: center;
	}

	.qj dl dd .desc {
		margin-top: 35px;
	}

	.qj dl dd p {
		font-size: 16px;
		color: #333232;
		line-height: 36px;
	}

	.fw {
		height: auto;
	}

	.fw_l {
		float: initial;
		width: 100%;
		font-size: 16px;
	}

	.fw_l h3 {
		font-size: 26px;
		color: #000;
		font-family: "Microsoft Yahei";
	}

	.fw_l h3 em {
		display: block;
		font-style: normal;
		text-transform: uppercase;
		font-size: 44px;
		font-weight: normal;
		font-family: Times New Roman;
		padding: 35px 0 30px 0;
	}

	.fw_l p {
		line-height: 2;
	}

	.fw_l b {
		padding-top: 15px;
		display: block;
		color: #ec5b2c;
	}

	.fw_2 {
		float: initial;
		width: 100%;
	}

	.fw_2 img {
		width: 100%;
	}

	.shopmrsc,
	.pro_list_box_item,
	.pro_list_box_item_zdy {

		width: 100% !important;

		padding: 0;
	}

	.shopmrsc a {

		margin-left: 0;

		float: initial;

		width: 100%;
	}

	.xwlb_img {
		width: 100%
	}

	.shopmrsc p.xwlbbt {
		width: 100%;
	}

	.shopmrsc p.xwlbnr {}

	.xwlbsj {
		display: none;
	}

	.xwlb_img img {
		object-fit: cover;
		max-width: 100% !important;
		max-height: 100% !important;
		width: 100% !important;
		height: 100% !important;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}


	/*news*/
	.p15-infocontent-1-tit {

		height: auto;

		font-size: 26px;
	}

	.p15-infocontent-1-bool span {
		display: block;
		margin: 0;
	}

	.p15-infocontent-1-bool {
		height: auto;
	}

	.p15-infocontent-1-con img {
		max-width: 100%
	}

	/*cate*/
	.tl-fdh-02 .sec {
		width: 48.2%;
		font-size: 16px;
	}
    .tl-fdh-02 li a.categoryidfl{
        /*float: left;*/
        display: inline-block;
        text-align: left;
        padding: 0 5px;
        width: 70%;
    }
    .tl-fdh-02 li.categoryli i{
        width: 24%;
        display: inline-block;
        text-overflow: initial;
        overflow: unset;
        white-space: normal;
    }
    .tl-fdh-02 li.categoryli i:after{
        content: "";
        border-right: 2px solid #000000;
        border-top: 2px solid #000000;
        height: 8px;
        width: 8px;
        transform: rotate(44deg);
        -webkit-transform: rotate(44deg);
        border-left: 2px solid transparent;
        border-bottom: 2px solid transparent;
        display: inline-block;
        -moz-transform: rotate(44deg);
        -ms-transform: rotate(44deg);
        -o-transform: rotate(44deg);
    }
    .tl-fdh-02 li.sidenavcur.categoryli:after{
		/*border-right: 2px solid #ffffff;*/
		/*border-top: 2px solid #ffffff;*/
	}
    .tl-fdh-02 li.categoryli:hover:after{
        /*transform: rotate(132deg);*/
        /*-webkit-transform: rotate(132deg);*/
        /*-moz-transform: rotate(132deg);*/
        /*-ms-transform: rotate(132deg);*/
        /*-o-transform: rotate(132deg);*/
    }
    .tl-fdh-02 li:hover{
        background: #efefed;
        border-color: #efefed;
    }
    .tl-fdh-02 li:hover a.categoryidfl{
    	color:#2d2d2d
    }
    /*proview*/
    .slideTxtBox_1 .hd ul{
        
    width: 100%;
    }
    .slideTxtBox_1 .hd ul li{
        width: 49%;
    }
    .procontent .lunbotu{
        margin-top: 20px;
    }
    .procontent .right{
        height: auto;
    }
    .slideTxtBox_1 .bd .ul_5{
        overflow-y: auto;
        padding-bottom: 60px;
    }
    .slideTxtBox_1 .bd .ul_5 .overflowybox{
        
    }
    .slideTxtBox_1 .bd .ul_5 .overflowy{
        display: block;
        position: absolute;
        width: 95%;
    }
    .slideTxtBox_1 .bd .ul_5 .overflowy .ovimg{width: 49%;display: inline-block;}
    
    .slideTxtBox_1 .bd .ul_5 .overflowy .ovimgfl{
        margin: 0 auto;
        display: block;
        width: 50px;
    }
        .slideTxtBox_1 .bd .ul_5 .overflowy .ovimgfr{
            
margin: 0 auto;
            
display: block;
            
width: 50px;
        }
    .slideTxtBox_1 .bd .ul_5 table{
        /*width: 100%!important;*/
    }
    .p14-info-3-list .productban li{
        width: 49%;margin-right: 1%;
    }
    .p14-info-3-list{
        height: 200px;
    }
    .slideTxtBox_1 .bd .ul_5 img{
        max-width: 100%;
    }
    .procontent{
        padding-top: 10px;
    }
    .index_series .item .img{
        height: 0;position: relative;padding-bottom: 100%;display: flex;justify-content: center; align-items: center;
    }
    .index_series .item .img img{
        object-fit: cover;max-width: 100%;max-height: 100%;width:100%!important;height:100%!important;position:absolute; left: 0; right: 0; top: 0; bottom: 0;margin: auto;
    }
	/*footer*/
	.copytxt {
		display: block;
		width: 130px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
		color: #154162;
		background-color: #d6dade;
		margin: 5px auto;
	}

	.footer-bottom {
		padding: 20px 0 65px;
		background: #154162;
		font-size: 13px;
		color: #fff;
		text-align: center;
		overflow: hidden;
	}

	.footer-bottom a {
		color: #fff;
	}

	.footer-bottom a:hover {
		color: #1745ba;
	}

	.share-box,
	.footerline {
		display: inline-block;
		vertical-align: top;
	}

	.footerline a {
		padding: 0 2px;
	}

	.fmenu {
		padding: 5px 0 0;
		height: 60px !important;
		z-index: 9999999999;
	}

	.fmenu li {
		width: 25%;
		height: 20px !important;
		margin-bottom: 10px;
		font-size: 1rem;
	}


}