*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;color: #333;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}

/*.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}*/


/*.fl{ float: left;}*/


/*.fr{ float: right;}*/

@font-face { font-family: 'impact';src: url('../fonts/impact.ttf');font-weight: normal; font-style: normal;}
.ty_content{ width: 1440px; margin: 0 auto;}
.left{ float: left;}
.right{ float: right;}
.header{width: 1600px;height: 110px;margin: auto}
.header .log{ float: left; width: 181px; padding-top: 25px;}
.header nav{ float: right; height: 60px; width: 841px; background: #0062a2; margin-top: 25px;}
.header nav a{ font-size: 16px; color: #fff; height: 60px; line-height: 60px; width: 140px; text-align: center; display: block; float: left; position: relative;}
.header .phone{ font-size: 16px; color: #333; float: right; margin-left: 30px; margin-top: 35px;}
.header .phone b{ color: #0062a2; font-weight: bold; font-size: 20px;}
.header nav ul{ position: absolute; top: 58px; z-index: 999;
	/*width: 150px;*/
	display: none; left: 0px;}
.header nav ul li{ width: 150px; display: block; float: left; text-align: center; height: 54px; line-height: 54px; font-size: 14px; color: #fff; background: #1781c7; float: left;
	/*width: 100%;*/
	padding: 0px 10px; overflow: hidden;}
.header nav ul li:hover{background: #fff;color: #333;}

/*banner*/

.banner-index{ font-size: 0;overflow: hidden; width: 100%;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%;overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 46.5%; bottom: 23px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 12px; height: 12px;margin-right: 10px; cursor: pointer;background: #ccc;border-radius: 50%;}
.slideBox .hd ul li.on{background: #0062a2;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .bd ul li{ display: none;}
.tile_top{ text-align: center;}
.tile_top h3{ text-align: center; margin-bottom: 5px; font-size: 40px;}
.tile_top .x{ border-bottom: 4px solid #0062a2; width: 70px; margin: auto;}

/*products*/

.pro_bc{background: #fff; height: 1129px; padding-top: 96px;}
.pro_nr{ margin: 0 auto; height: 1583px; overflow: hidden;}
.pro_nr .db>ul{display: flex; margin: auto; margin-bottom: 64px; margin-top: 110px; width: 1440px;}
.pro_nr .db>ul>li{width: 25%;border: 1px solid #e1e1e1;background: #fff;height: 160px;position: relative;}
.pro_nr .db>ul>li:after{position: absolute;content: "";width: 100%;height: 100%;background: #fff;transform: rotateY(90deg);transition: all .5s;top: 0;left: 0;}
.pro_nr .db>ul>li.on:after{transform: rotateY(0deg)}
.pro_nr .db>ul>li.on{border: 1px solid #0062a2;}
.pro_nr .db>ul>li>a{display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;height: 100%;}
.pro_nr .db>ul>li>a>p{position: absolute;top: -53px;left: 50%;margin-left: -47px;background: url(https://memberpic.114my.cn/020810/uploadfile/image/20210830/20210830174725_1765608429.png) no-repeat center;width: 95px;height: 107px;text-align: center;z-index: 3;}
.pro_nr .db>ul>li>a>p>img{margin: 0 auto;display: block;margin-top: 11px;}
.pro_nr .db>ul>li>a>div{font-size: 24px;color: #333;margin-top: 40px;position: relative;z-index: 3;}
.pro_nr .db>ul>li>a>span{font-size: 16px;color: #666;width: 32px;height: 32px;display: block;border: 1px solid #e1e1e1;border-radius: 100%;text-align: center;line-height: 32px;background: #fff;position: absolute;bottom: -16px;left: 50%;margin-left: -20px !important;z-index: 3;}
.pro_nr .db>ul>li.on>a>p{background: url(../images/cp_on.png) no-repeat center;}
.pro_nr .db>ul>li.on>a>div{color: #0062a2;}
.pro_nr .db>ul>li.on>a>span{background: #0062a2;color: #fff;}
.nr{overflow: hidden;}
.nr .pro_cp{width: 100%;height: 632px}
.nr .pro_cp .img{width: 723px;height: 632px;overflow: hidden;}
.nr .pro_cp .img img{width: 723px;height: 632px;transition-duration: 600ms;}
.nr .pro_cp .img:hover img{transform: scale(1.1, 1.1);}
.nr .pro_cp .mk{height: 632px;}
.nr .pro_cp .mk .list_01{height: 317px;}
.nr .pro_cp .mk .list_01 .xq{height: 317px;width: 588px;float: left;}
.nr .pro_cp .mk .list_01 .xq .img{float: left;width: 300px;height: 317px;overflow: hidden;}
.nr .pro_cp .mk .list_01 .xq .img img{width: 300px;height: 317px;transition-duration: 600ms;}
.nr .pro_cp .mk .list_01 .xq .wz{float: left;width: 288px;height: 317px;text-align: center;padding-top: 100px;}
.nr .pro_cp .mk .list_01 .xq .wz h3{font-size: 22px;color: #0a6aa1;margin-top: 16px;margin-bottom: 30px;}
.nr .pro_cp .mk .list_01 .xq .wz p{color: #666;font-size: 16px;}
.nr .pro_cp .mk .list_01 .xq .img:hover img{transform: scale(1.1, 1.1);}
.pro_cc{ padding-top: 116px; height: 2125px;}
.pro_cc .nr{ margin-top: 70px;}
.pro_cc .mk{ height: 622px;}
.pro_cc .mk .wz{ width: 50%; background: #f9f9f9; height: 621px; padding-top: 160px; padding-left: 120px;}
.pro_cc .mk .img{ height: 622px; width: 50%; overflow: hidden;}
.pro_cc .mk .img img{ width: 100%; height: 100%; transition-duration: 600ms;}
.pro_cc .mk .img:hover img{transform: scale(1.1, 1.1);}
.pro_cc .mk .wz h3{ font-size: 46px; color: #333; margin-bottom: 40px;}
.pro_cc .mk .wz p{ width: 510px; font-size: 18px; line-height: 35px;}
.pro_cc .mk .wz .an{ margin-top: 45px; width: 160px; height: 50px; line-height: 50px; text-align: center; background: #0062a2; color: #fff;}
.pro_xqcate{ padding-top: 65px; height: 965px;}
.pro_xqcate .nav{ height: 60px; width: 1600px; margin: auto; margin-bottom: 50px;}
.pro_xqcate .nav .db li{ float: left; margin-right: 60px; height: 60px; line-height: 60px;}
.pro_xqcate .nav .db .on{ border-bottom: solid #0062a2;}
.pro_xqcate .nav .db li a{ font-size: 18px;}
.pro_xqcate .hd{ height: 707px; overflow: hidden;}
.pro_xqcate .hd .wzzz{ position: absolute; left: 8%; top: 290px;}
.pro_xqcate .hd .wzzz .bt{ font-weight: bold; font-size: 28px; color: #fff;}
.pro_xqcate .hd .wzzz .an{ margin-top: 60px; width: 160px; height: 50px; line-height: 50px; text-align: center; background: #fff;}
.pro_xqcate .bile{ width: 170px; height: 60px;}
.pro_xqcate .bile .bt{ font-size: 40px; margin-bottom: 10px;}
.pro_xqcate .bile .x{ border-bottom: 4px solid #0062a2; width: 70px;}
.pro_xqcate img{ width: 100%; height: 707px;}
.about{ height: 1133px;overflow: hidden;}
.about .img{ margin-top: 110px; float: left; width: 48%;}

.about .img img{ width: 100%;}
.about .nr{ float: right; width: 682px; margin-right: 160px; margin-top: 200px;}
.about .nr h3{ font-size: 36px;}
.about .nr p{ font-size: 16px; text-indent: 2ch; line-height: 30px; margin-top: 20px;}




.time{ margin-top: 50px; height: 100px;}
.time .left{ text-align: center; margin-right: 75px;}
.time .left .x1{ font-size: 50px; color: #96c61c;}
.time .left .x2{ font-size: 16px;}
.time .left .x1 span{ font-size: 20px; float: right; margin-top: 32px; margin-left: 6px;}

@media only screen and (max-width: 1650px){
	.header {
    width: 1200px;
    height: 110px;
    margin: auto;
}


.header nav {
    float: right;
    height: 60px;
    width: 60%;
    background: #0062a2;
    margin-top: 25px;
}
.header nav a {
    font-size: 16px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    width: 16%;
    text-align: center;
    display: block;
    float: left;
    position: relative;
}
	.about {
    height: auto;
    overflow: hidden;
}
	.about .nr{
		

	 float: right; width: 52%; margin-right: 0px; margin-top: 200px;
	}
	 
	 
	 .time .left {
    text-align: center;
    margin-right: 7%;
}


	 }



.about .nr .an{ margin-top: 60px; width: 160px; height: 50px; line-height: 50px; text-align: center; background: #0062a2; color: #fff;}
.news{ height: 835px; background: url("../images/news_banner.png")no-repeat center;}
.news .nr{ width: 1600px; margin: auto; padding-top: 86px;}
.news .nr .tile{ height: 150px; border-bottom: dashed 1px #fff; margin-bottom: 50px;}
.news .nr .tile .bt_1 h3{ font-weight: bold; color: #fff; font-size: 40px;}
.news .nr .tile .bt_1 b{ font-weight: bold; color: #5c8ab9; font-size: 40px;}
.news .nr .tile .bi_2{ margin-top: 40px; border: solid 1px #fff; width: 170px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px;}
.news .list{ height: 480px;}
.news .list .mk{ float: left; margin-right: 26px;}
.news .list .mk:nth-child(3){ margin-right: 0;}
.news .list .on{ width: 770px; height: 480px; position: relative;}
.news .list .on .img img{ width: 770px; height: 480px;}
.news .list .on .wz{ position: absolute; bottom: 40px; padding-left: 40px; padding-right: 40px; height: 98px; overflow: hidden;}
.news .list .on .wz h3{ font-size: 20px; color: #fff; margin-bottom: 20px;}
.news .list .on .wz p{ font-size: 16px; color: #fff;}
.news .list .mr{ width: 385px; height: 480px; background: #fff;}
.news .list .mr .img img{ width: 385px; height: 285px;}
.news .list .mr .wz{ margin-top: 30px; padding-left: 20px; padding-right: 20px;}
.news .list .mr .wz h3{ font-size: 20px; color: #222; margin-bottom: 15px;}
.news .list .mr .wz p{ font-size: 16px; color: #666; height: 48px; overflow: hidden;}
.news .list .mr .wz .ti{ font-size: 14px; color: #ccc; margin-top: 30px;}
.news .list .mk .on{ display: none;}
.news .list .xs .mr{ display: none;}
.news .list .xs .on{ display: block;}
.footer{ background: #f1f3f5; height: 422px;}
.footer .nr_1{ width: 1600px; margin: auto; padding-top: 50px; height: 345px;}
.footer .nr_1 .list{ float: left; margin-right: 130px;}
.footer .nr_1 .list h3{ font-size: 20px; margin-bottom: 30px; color: #333;}
.footer .nr_1 .list li{ margin-bottom: 20px;}
.footer .nr_1 .list li a{ font-size: 16px; color: #333;}
.footer .nr_2{ height: 77px; line-height: 77px; border-top: solid 1px #ccc; font-size: 16px; color: #666; text-align: center;}

/*foot*/

.footbot{height: 40px;width: 100%;margin-top: 38px;}
.footbot .bd{width: 1200px;height: 40px;margin: 0 auto;}
.footbot .bd .left{width: 1200px;height: 40px;float: left;}
.footbot .bd .left .t1{width: 125px;line-height: 40px;font-size: 28px;color: #333333;float: left;letter-spacing: 2px;}
.footbot .bd .left .t2{width: 1075px;line-height: 40px;font-size: 14px;float: left;}
.footbot .bd .left .t2 ul li{float: left;height: 40px;font-size: 14px;line-height: 40px;padding-left: 20px;padding-right: 20px;}
.footbot .bd .left .t2 ul li a{color: #666666;}
.footbot .bd .left .t2 ul li:hover a{color: #ffc884;}
.foot{ margin-top: 25px; font-size: 0;}
.foot .link{width: 1200px;margin: 0 auto;height: 50px;margin-bottom: 16px;}
.foot .link .t1{width: 130px;height: 50px;line-height: 50px;font-size: 32px;}
.foot .link .list{width: 1050px;height: 50px;float: left;margin-left: 130px;margin-top: -50px;}
.foot .link .list ul li{float: left;margin: 0px 20px;height: 50px;font-size: 15px;line-height: 50px;}
.foot .link .list ul li a{color: black;color: black;}
.foot .link .list ul li:hover a{color: #0C3A91;}
.footbg{height: 420px;background: #3b3f4b;width: 100%;}
.footbg .bd{height: 106px;width: 1200px;margin: 0 auto;}
.footbg .bd .title{width: 150px;height: 100px;padding-top: 38px;color: #FFFFFF;}
.footbg .bd .title .t1{font-size: 14px; color: #929597;}
.footbg .bd .title .t2{font-size: 19px; color: #ffffff; font-weight: bold;margin-top: 14px;}
.footbg .bd .title .t3{width: 8px;height: 9px;float: left;margin-left: 95px;margin-top: -15px;}
.footbg nav{height: 70px;float: right;margin-top: -70px;}
.footbg nav ul{ padding: 26px 0 22px; position: relative;height: 70px;padding-left: 150px;}
.footbg nav ul li{ float: left; margin-right: 50px;}
.footbg nav ul li:last-child{ margin-right: 0;}
.footbg nav ul li a{ font-size: 16px; color: #fff; line-height: 16px;}
.footbg nav ul li a:hover{color: #ffc884;}
.footbg .nr .code{width: 460px;height: 150px;margin-top: 24px;margin-left: 28px;}
.footbg .nr .code .bd{width: 460px;height: 136px;padding-top: 12px;margin-top: 5px;}
.footbg .nr .code .bd li{float: left;width: 150px;height: 150px;}
.footbg .nr .code .c1{width: 150px;height: 200px;margin-left: 60px;float: left;}
.footbg .nr .code .c1 .t1{width: 150px;height: 150px;}
.footbg .nr .code .c1 .t1 img{width: 100%}
.footbg .nr .code .c1 .t2{width: 150px;height: 50px;font-size: 14px;line-height: 45px;text-align: center;color: #fff;}
.footbg .nr .code .c1 span{ display: block; position: relative; width: 150px; height: 150px; overflow: hidden;background: #fff;padding: 8px;}
.footbg .nr .code .c1 span img{width: 100%;}
.footbg .nr .code .c1 span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 4s linear infinite;}
.footbg .nr{ padding-top: 41px;width: 1200px;margin: 0 auto;height: 260px;}
.footbg .nr>div{ display: inline-block; vertical-align: top;}
.footbg .nr .left{ width: 385px;height: 200px;}
.footbg .nr .left ul li{color: #999999;line-height: 36px;font-size: 14px;}
.footbg .nr dl dd{ font-size: 17px; color: #999999; line-height: 30px;}
.footbg .nr dl dd a{ font-size: 17px; color: #999999;}
.footbg .nr .wechat .d1{width: 300px;height: 200px;}
.footbg .nr .wechat .d1 .da{width: 227px;float: left;font-size: 15px;margin-left: 63px; margin-top: 80px;}
.footbg .nr .wechat .d1 .da .a1{width: 110px;height: 30px;background: #ffc884; margin-left: 115px;padding-top: 6px;padding-left: 14px;padding-right: 13px;font-size: 14px;}
.footbg .nr .wechat .d1 .da .a2{width: 110px;height: 25px;margin-left: 128px;margin-top: 20px;font-size: 16px;color: #CCCCCC;}
.footbg .nr .wechat .d1 .da .a3{width: 250px;height: 40px;font-size: 25px;
	/*letter-spacing:2px;*/
	font-weight: bold;margin-left: 5px;color: #ffc884;margin-top: 10px;}
.footbg .nr .wechat .d1 dd{background: url(../images/2020-09-16_131531.png)no-repeat center; display: inline-block; vertical-align: top;width: 163px;height: 163px; margin-top: 10px;float: right;padding: 10px;}
@media only screen and (max-width: 1200px){ .foot .content .text{ padding-right: 20px;}
	}
@media only screen and (max-width: 1200px){ .foot .bottom .fr{ padding-right: 20px;}
	}
@keyframes move{ 0%, 65%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	70%{ -webkit-transform: rotate(15deg); transform: rotate(15deg);}
	75%{ -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
	80%{ -webkit-transform: rotate(15deg); transform: rotate(15deg);}
	85%{ -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
	90%{ -webkit-transform: rotate(15deg); transform: rotate(15deg);}
	95%{ -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
	100%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	}
@-webkit-keyframes move{ 0%, 65%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	70%{ -webkit-transform: rotate(15deg); transform: rotate(15deg);}
	75%{ -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
	80%{ -webkit-transform: rotate(15deg); transform: rotate(15deg);}
	85%{ -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
	90%{ -webkit-transform: rotate(15deg); transform: rotate(15deg);}
	95%{ -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
	100%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	}