﻿
 <!--
                body {
            	background-color: #fff;
            





            background-position:top center;margin-left:0px;
            COLOR:;
            margin-top: 0px;margin-right: 0px;margin-bottom:0px;
            font-size: 14px;
            }
            A:link {
            FONT-SIZE: 14px;
            COLOR: ;
            TEXT-DECORATION: none}
            A:visited {
            FONT-SIZE: 14px;
            COLOR: ;
            TEXT-DECORATION: none}
            A:hover {
            FONT-SIZE: 14px;
            COLOR: ;
            TEXT-DECORATION: none}
            


/*导航样式开始*/

            #webdh {
            text-align:center;
            vertical-align:middle;
            width: 1400px;
            height:450px;
            margin: 0 auto;
            font-size: 14px;
            font-weight: normal;
            COLOR: ;
            
            	background-color: ;
            
            overflow:hidden;
            }
            #webdh A:link {FONT-SIZE: 14px;COLOR: ; TEXT-DECORATION: none}
            #webdh A:visited {FONT-SIZE: 14px;COLOR: ; TEXT-DECORATION: none}
            #webdh A:hover {FONT-SIZE: 14px;COLOR: ; TEXT-DECORATION: none}
            #copy {text-align:center;width:1400px;margin: 0 auto; line-height:150%;}
            .clear {clear:both; height:0; overflow:hidden; display:block;}
            .clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
            -->
            

/*中间内容开始*/

#bodycon {width:1400px;margin: 0 auto;}
#bodycon #left {float: left;width: 0px;

            	background-color: ;
            
}
#bodycon #center {float:left;width: 1400px;

            	background-color: ;
            
}
#bodycon #right {float:left;width: 0px;

            	background-color: ;
            
}
            
/*中间内容结束*/


/*详细内容开始*/

            #bodycontent {width:1400px;
            margin: 0 auto;
            line-height:180%;text-align:center;}
            #bodycontent.bodycontent2020 {
                text-align:left;
            }
            
/*详细内容结束*/

/* 首页改版CSS */
.qyys {
    width: 100%;
    background: #169942;
    height: 894px;
}

.product_bt1 {
    width: 1200px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    margin: 0 auto;
    padding-top: 30px;
    color: #fff;
}

.product_bt1 b {
    color: #ff9c0c;
}

.product_bt1 span {
    font-size: 16px;
    color: #c7e5d1;
    display: block;
    font-weight: normal;
    line-height: 50px;
}

.product_bt1 img {
    display: block;
    padding-top: 10px;
    margin: 0 auto;
}


/*优势*/
.yous_c {
    width: 1400px;
    height: 650px;
    margin: 0 auto;
    margin-top: 38px;
}

/*youshi*/
.adv {
    width: 100%;
    height: 650px;
    overflow: hidden;
}

.adv_it {
    width: 1400px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
}

.adv_it dl {
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}

.adv_it dl dd {
    float: left;
    text-align: center;
    width: 348px;
    background: #fbf7f4;
    border-right: 1px #fff solid;
    height: 165px;
    overflow: hidden;
    transition: all 0.8s;
}

.dis {
    display: none;
}

.adv_dd {
    width: 100%;
    overflow: hidden;
}

.adv_dd_m:hover {
    -webkit-animation: test 0.2s ease-in 2;
}

@-webkit-keyframes test {
    0% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(0, 5px)
    }

    100% {
        transform: translate(0, 0)
    }
}

.adv_dd_tb {
    width: 82px;
    height: 62px;
    /* background: #008f30; */
    border-radius: 50%;
    float: left;
    margin-top: 40px;
    margin-left: 30px;
    /* padding-top: 20px; */
}

.adv_dd_mwz {
    font-size: 30px;
    height: 164px;
    float: left;
    font-weight: bold;
    text-align: left;
    line-height: 30px;
    padding-top: 50px;
    padding-left: 10px;
    color: #504a47;
}

.adv_dd_mwz span {
    font-size: 14px;
    display: block;
    line-height: 30px;
    font-weight: normal;
}

.adv_dd_mwz:hover {
    cursor: pointer;
}

.adv_dd_mtu {
    width: 60px;
    height: 60px;
    border: 1px solid #a1a1a1;
    padding-top: 12px;
}

.adv_c {
    margin: 0 auto;
}

.adv_it .on .adv_dd_m {
    width: 300px;
    height: 177px;
    transition: all 0.8s linear;
    position: absolute;
    background: url(files/images/20190425141637_13019439071.png) no-repeat center;
    color: #0c7b01;
}

.adv_it .on .adv_dd_m .adv_dd_mwz {
    color: #008f30;
    padding-top: 50px;
}

/* .adv_it .on .adv_dd_m .adv_dd_tb {
    background: #008f30;
} */

.youshi1 {
    width: 670px;
    height: 445px;
    background: #ffffff;
    padding: 60px 0 0 60px;

    border-top: 1px #dadada dashed;
}

.youshir {
    margin: 0 auto;
}

.youshixh {
    width: 100px;
    height: 80px;
}

.youshinr {
    font-size: 28px;
    color: #008f30;
    font-weight: bold;
    float: left;
    line-height: 40px;
}

.youshinr span {
    display: block;
    font-size: 18px;
    color: #2d2d2d;
    font-weight: normal;
}

.xiant {
    width: 440px;
    height: 1px;
    background: #f5eeea;
    margin: 20px 0 60px 0;
}

.youshijs {
    width: 420px;
    font-size: 14px;
    color: #6a6a6a;
    line-height: 30px;
    margin-top: 20px;
}

.youshilx {
    width: 322px;
    height: 134px;
    background: #f9fbff;
    border-radius: 0 0 5px 5px;
    border-top: solid 5px #0b308f;
    padding: 26px 16px 0 16px;
    margin-top: 68px;
}

.youshilxicon {
    width: 44px;
    height: 45px;
    margin-top: 18px;
}

.youshidh {
    font-size: 16px;
    color: #333333;
    line-height: 35px;
}

.youshidh font {
    font-size: 32px;
    color: #0b308f;
}

.youshi1 a {
    display: block;
    width: 114px;
    height: 33px;
    text-align: center;
    font-size: 14px;
    background: #00549d;
    color: #fff;
    line-height: 33px;
}

.youshi1 a:hover {
    color: #fff;
    background: #f00505;
}
/* 应用领域 */
            .box,.content,.w1200,.width-1200{ width:1200px; margin:0 auto;}
            .content{width: 1400px;}
			.product_bt {
				width: 1400px;
				text-align: center;
				font-size: 40px;
				font-weight: bold;
				margin: 0 auto;
				margin-top: 20px;
			}

			.product_bt b {
				color: #008f30;
			}

			.product_bt span {
				font-size: 16px;
				color: #666;
				display: block;
				font-weight: normal;
				line-height: 40px;
			}

			.product_bt img {
				display: block;
				padding-top: 10px;
				margin: 0 auto;
			}

			.product_bg {
				width: 100%;
				height: 760px;
				padding: 25px 0;
				background: url(files/images/xkw_04.jpg) no-repeat center;
				margin-top: 20px;
			}

			.product_c {
				width: 1200px;
				background: #fff;
				margin: 0 auto;
			}

			.rightarrowpointer {
				position: absolute;
				padding-top: 3px;
				right: 2px;
				border: 0;
			}

			.markermenu {
				width: 190px;
				clear: left;
			}

			.markermenu ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}


			.zuo_k {
				width: 250px;
				float: left;
				padding: 20px;
			}

			.zuo_k .ged {
				float: left;
			}

			.fenlei {
				width: 190px;
				margin: 0 auto;
			}

			.fenlei_bj {
				border-top: none;
				margin: 0 auto;
				font-size: 14px;
			}

			.fenlei_bj tr {
				margin-bottom: 10px;
				font-size: 14px;
			}

			.markermenu ul li a {
				font-size: 14px;
				height: 40px;
				background: #efefef;
				margin-top: 18px;
				display: block;
				line-height: 40px;
				padding-left: 25px;
			}

			.markermenu ul li a a:hover {
				font-size: 14px;
				color: #ffff01;
				display: block;
				background: #008f30;
			}

			.markermenu ul li a:hover,
			.markermenu ul li a.selected {
				font-size: 14px;
				color: #fff;
				background: #008f30;
			}

			.list_t {
				width: 286px;
				height: 120px;
				color: #2d2d2d;
			}

			.list_b {
				font-size: 35px;
				font-weight: bold;
				line-height: 40px;
				color: #008f30;
			}

			.list_b span {
				display: block;
				font-size: 20px;
				font-weight: normal;
				color: #888888;
			}

			.xian {
				width: 12px;
				height: 4px;
				background: #d9d9d9;
				margin: 20px 0;
			}

			.zuo img {
				display: block;
				margin-top: 60px;
			}

			/*product*/
			.colee {
				overflow: hidden;
				height: 700px;
				width: 950px;
			}

			.product_top {
				width: 100%;
				margin: 0 auto;
				overflow: hidden;
				padding: 30px 0px;
			}

			.product_r {
				width: 950px;
			}

			.prod {
				color: #ff7200;
				font-size: 46px;
				font-weight: bold;
				text-align: center;
				line-height: 66px;
			}

			.prod_d {
				width: 1200px;
				margin: 0 auto;
				height: 36px;
				line-height: 36px;
				background: url(http://www.xkwmzp.com/images/20171231163331_1379318294.jpg) center no-repeat;
				font-size: 22px;
				text-align: center;
			}

			.prod_t {
				width: 36px;
				margin: 0 auto;
				padding-top: 15px;
				padding-bottom: 15px;
			}

			.prod_t:hover {
				animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
				transform: translate3d(0, 0, 0);
				backface-visibility: hidden;
				perspective: 1000px;
			}

			@keyframes shake {

				10%,
				90% {
					transform: translate3d(-1px, 0, 0);
				}

				20%,
				80% {
					transform: translate3d(2px, 0, 0);
				}

				30%,
				50%,
				70% {
					transform: translate3d(-4px, 0, 0);
				}

				40%,
				60% {
					transform: translate3d(4px, 0, 0);
				}
			}

			.prod1 {
				width: 850px;
				margin-top: 20px;
				margin-right: 20px;
			}

			.products-image {
				width: 755px;
				margin: auto;
				background-color: #f4f4f4;
			}

			.chan_nr {
				width: 850px;
			}

			.chan_n_bt {
				background: #008f30;
				line-height: 45px;
				font-size: 14px;
				color: #fff;
				padding: 0px 5px;
			}

			.chan_n_bt span {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
			}

			.chan_n_bt span a {
				color: #fff;
				font-size: 12px;
			}

			.chan_n_g {
				overflow: hidden;
			}

			.colee table td {
				width: 290px;
				height: 247px;
				display: block;
				float: left;
				margin: 10px 0 0 18px;
				border: 1px solid #ddd;
			}

			.colee table td span {
				line-height: 45px;
			}

			.image-b-frt-phone {
				line-height: 30px;
			}

			.image-b-frt-ask {
				display: inline-block;
				width: 170px;
				height: 34px;
				background-color: #fff;
				color: #008f30;
				text-align: center;
				line-height: 34px;
			}

			.image-b-frt-ask a {
				color: #008f30;
				font-size: 22px;
			}

			.chan_n_g table tr td {
				width: 260px;
				height: auto;
				overflow: hidden;
				display: block;
				float: left;
				margin: 0px 10px 12px 12px;
			}

			.chan_n_g table tr td a {
				display: block;
				overflow: hidden
			}

			.chan_n_g table tr td br {
				display: none;
			}

			.chan_n_g img {
				transition: all 0.2s linear;
				-webkit-transition: all 0.2s linear;
				-moz-transition: all 0.2s linear;
				width: 260px;
				height: 260px;
			}

			.chan_n_g img:hover {
				-webkit-transform: scale(1.12, 1.12);
				transform: scale(1.12, 1.12);
				-moz-transform: scale(1.12, 1.12);
				overflow: hidden;
			}

			.pro_bg {
				width: 100%;
				height: 100px;
				background: url(files/images/xkw_05.jpg) center no-repeat;
			}
		
            .ysbj {
                height: 840px;
                overflow: hidden;
                font-family: "Microsoft Yahei";
                box-sizing: border-box;
                max-width: 100%;
                margin: 0 auto;
                padding-top: 20px;
            }

            .ys {
                height: 766px;
                position: relative;
            }

            .ys_nav {
                width: 223px;
                height: 548px;
                background: #008f30;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 1;
                padding: 20px 0px;
            }

            .ys_nav p {
                height: 85px;
                line-height: 85px;
                text-align: center;
                font-size: 24px;
                color: #ffffff;
                cursor: pointer;
                font-weight: 100;
                padding: 28px 0px;
            }

            .ys_nav em {
                font-size: 14px;
                color: #94c380;
                font-family: Arial;
            }

            .ys_nav p.cur,
            .ys_nav p:hover {
                background: url(../img/ysh.png) no-repeat left center;
            }

            .ys dl {
                width: 1200px;
                height: 766px;
            }

            .ys dt {
                width: 1200px;  
                height: 588px;
                position: relative;
            }

            .ys dt h3 {
                font-size: 21px;
                color: #fefefe;
                text-align: left;
                position: absolute;
                left: 0;
                bottom: 0;
                font-weight: 100;
                width: 100%;
                background: rgba(0, 0, 0, 0.5);
                padding: 36px 0 42px 42px;
                box-sizing: border-box;
            }

            .ys dt h3 em {
                display: block;
                line-height: 38px;
                font-size: 25px;
                font-weight: bold;
            }

            .ys dt img {
                display: block;
                width: 1200px;
                height: 588px;
            }

            .ys dd {
                height: 178px;
                background: #fff;
                box-shadow: 0 0 15px #eee;
                width: 1400px;
            }

            .ys dd li {
                height: 178px;
                width: 33.2%;
                border-right: 1px solid #ececec;
                box-sizing: border-box;
                float: left;
                padding: 41px 51px 0 72px;
                line-height: 30px;
                font-size: 18px;
                color: #666;
                text-align: center;
                font-weight: 100;
            }

            .ys dd li span {
                display: block;
                font-size: 24px;
                color: #008f30;
                line-height: 34px;
                font-weight: bold;
                margin-bottom: 3px;
            }

            .ys dd li:nth-child(3) {
                border-right: 0;
            }
            /* 新闻 */
            .mod1459 .news_bg {
                padding: 30px 0;
            }
        
            .mod1459 .news_bg .news_title .news_tile {
                max-width: 600px;
            }
        
            .mod1459 .news_bg .news_title .news_tile span {
                display: block;
                font-size: 38px;
                font-weight: bold;
                color: #333;
            }
        
            .mod1459 .news_bg .news_title .news_tile p {
                display: block;
                font-size: 18px;
                color: #333;
            }
        
            .mod1459 .news_bg .news_title .news_tab dl {
                position: relative;
                display: block;
                float: left;
                margin-right: 20px;
                width: 100px;
                padding-bottom: 21px;
            }
        
            .mod1459 .news_bg .news_title .news_tab dl:last-of-type {
                margin-right: 0;
            }
        
            .mod1459 .news_bg .news_title .news_tab dl:after {
                display: block;
                content: " ";
                position: absolute;
                right: 0;
                bottom: 0;
                width: 0;
                height: 1px;
                transition: all 0.3s;
                background: #008f30;
            }
        
            .mod1459 .news_bg .news_title .news_tab dl dt {
                float: left;
                position: relative;
                width: 18px;
                height: 18px;
                overflow: hidden;
            }
        
            .mod1459 .news_bg .news_title .news_tab dl dt img {
                position: relative;
                display: block;
                left: 0;
                transition: all 0.3s;
            }
        
            .mod1459 .news_bg .news_title .news_tab dl dd {
                float: left;
                padding-left: 5px;
                height: 18px;
                line-height: 18px;
            }
        
            .mod1459 .news_bg .news_title .news_tab dl dd span {
                display: block;
                font-size: 18px;
                color: #333;
                transition: all 0.3s;
            }
        
            .mod1459 .news_bg .news_title .news_tab dl.on:after {
                width: 100%;
            }
        
            .mod1459 .news_bg .news_title .news_tab dl.on dd span {
                color: #008f30;
            }
        
            .mod1459 .news_bg .news_title .news_tab dl.on dt img {
                left: -18px;
            }
        
            .mod1459 .news_bg .news_content {
                margin-top: 30px;
            }
        
            .mod1459 .news_bg .news_content li {
                float: left;
                position: relative;
                margin-right: 30px;
                width: 380px;
                cursor: pointer;
            }
        
            .mod1459 .news_bg .news_content li:last-of-type {
                margin-right: 0;
            }
        
            .mod1459 .news_bg .news_content li .news_img {
                width: 380px;
                height: 285px;
                background: #333;
            }
        
            .mod1459 .news_bg .news_content li .news_img img {
                display: block;
                width: 100%;
                height: 100%;
            }
        
            .mod1459 .news_bg .news_content li .news_time {
                position: absolute;
                top: 250px;
                left: 20px;
                width: 86px;
                height: 86px;
                text-align: center;
                background: #008f30;
            }
        
            .mod1459 .news_bg .news_content li .news_time .news_time_ico {
                margin: 11px auto 13px;
                width: 35px;
                height: 35px;
                background: url(../img/syxw.png) no-repeat center;   
                background-size: 30px;
            }
        
            .mod1459 .news_bg .news_content li .news_time .news_time_t span {
                display: block;
                font-family: "Arial";
                font-size: 18px;
                color: #fff;
            }
        
            .mod1459 .news_bg .news_content li .news_txt {
                padding: 25px 20px 0;
                height: 200px;
                background: #f5f5f5;
            }
        
            .mod1459 .news_bg .news_content li .news_txt .news_txt_t {
                padding-left: 100px;
            }
        
            .mod1459 .news_bg .news_content li .news_txt .news_txt_t a {
                display: block;
                font-size: 16px;
                color: #333;
            }
        
            .mod1459 .news_bg .news_content li .news_txt .news_txt_w {
                padding-top: 30px;
            }
        
            .mod1459 .news_bg .news_content li .news_txt .news_txt_w p {
                font-size: 16px;
                color: #999;
                line-height: 30px;
            }
        
            .mod1459 .news_bg .news_content li .news_txt .news_txt_a {
                margin-top: 20px;
                width: 31px;
                height: 8px;
            }
        
            .mod1459 .news_bg .news_content li .news_txt .news_txt_a img {
                display: block;
                width: 100%;
                height: 100%;
            }
/* 首页改版CSS结束 */
