@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑";color:#000;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}
@font-face {
    font-family: "font1";
    src: url(../images/HarmonyOS_Sans_Medium.ttf);    
}
@font-face {
    font-family: "font2";
    src: url(../images/Alt.otf);    
}


.header{  width: 100%;transition: All 0.4s ease-in-out; position: fixed;top: 0;left: 0;background: #fff;z-index: 100;box-shadow:0 0 10px rgba(0, 0, 0, .3); }
.headerbox{width: 1560px; margin: 0 auto;position: relative;}
.logo{width: 200px; float: left; padding-top: 20px;}
.logo img{width: 100%;}

.top{width: 1560px; margin: 0 auto;overflow: hidden;height: 95px;}
.wzbt{float: left; width: 600px; padding: 20px 0 0 110px;text-align: center;}
.wzbt h2{font-weight: bold; font-family: "宋体"; color: #FF7E00;font-size: 30px;}
.wzbt p{font-size: 20px; color: #282828; margin-top: 10px;}
.lxdh{float: right; margin: 20px 0 0 0 ;background: url(../images/a7.png) no-repeat left center;height: 52px; padding-left: 66px;}
.lxdh p{font-size: 14px; color: #666666;}
.lxdh h2{font-family: font1;font-size: 28px; color: #282828; margin-top: 10px;}

.nav ul{font-size: 0;text-align: center;}
.nav li{  line-height: 54px;display: inline-block;}
.nav h3 a{color: #282828;display: inline-block; position: relative;font-size: 16px;padding: 0 60px; }
.nav h3 span{font-size: 16px; color: #e0e0e0;}
.nav .on h3 a{color: #ff6500;font-size: 16px;}
/* .nav .on h3 a::before{position: absolute; content: ""; bottom: 0; width: 100%; border-bottom: 3px solid #ff6500;left: 0; }  */
.nav .on h3 a::before{position: absolute;content: "";bottom: 0; width: 100%; border-bottom: 3px solid #ff6500;left: 0; } 
/*.sub{width: 100%;position: absolute;left: 0;top: 54px;background: rgba(255,255,255,.9);display: none;z-index: 10;}*/
.sub{position: absolute;left: 0;top: 60px;background: rgba(255,255,255,.9);display: none;z-index: 10;}

.subBoxHeight{height: 390px !important;}
/* .subbox{width: 1560px; margin: 0 auto;overflow: hidden;} */
.subbox{width: auto; margin: 0px auto;overflow: hidden;max-height:399px;}
.subdw{float: right;width: 910px;overflow: hidden; background: #f9f9f9; }
/*.sub_left{float: left; width: 50%; background: #f3f3f3;height: 390px;padding-top: 10px;}*/
.sub_left{float: left; width: 50%; background: #f3f3f3;height: auto;padding-top: 10px;}
.sub_left dt{line-height: 50px;border-bottom: 1px solid #d9d9d9; font-size: 14px;}
.sub_left dt a{display: block; overflow: hidden; padding: 0 32px;color: #999;text-align: left;}
.sub_left dt span{height: 50px;background: url(../images/a04.png) no-repeat center center;width: 20px;float: right;}
.sub_left dt a:hover{background: #ff7e00;color: #fff;}
.sub_left dt.on a{background: #ff7e00;color: #fff;}
.sub_left dt a:hover span{background: url(../images/a05.png) no-repeat center center;}
.sub_right{width: 50%;float: right;padding:30px 40px;margin-top:10px;}
.sub_right p{font-size: 14px; color: #282828; line-height: 24px;text-align: left;text-align:justify; word-break: break-all;}
.sub_right a{width: 165px; line-height: 42px; font-size: 16px; text-align: center;display: block; margin-top: 30px;border-radius: 6px; border: 1px solid #e0e0e0;transition: All 0.4s ease-in-out;}
.sub_right a b{display: inline-block;vertical-align: middle; background: url(../images/a04.png);width: 20px;height: 7px;margin: -3px 0 0 20px;}
.sub_right a:hover{background: #FF6500;border: 1px solid #FF6500;color: #fff;}
.sub_right a:hover b{background: url(../images/a05.png);}

.ssbtn{background: url(../images/a11.png) no-repeat  center center;width: 30px; height: 30px; opacity: 0.7; position: absolute; right: 70px;top: 40px;cursor: pointer;display: none;}
.ssnra{width: 94%; position: fixed;z-index: 50; overflow: hidden;left:50%; top:50%; transform:translate(-50%,-50%);display: none;z-index: 151;}

.btn2a{float: right;width: 80px;height: 40px; border-radius: 0 5px 5px 0; color: #fff; font-size: 14px; background: #FF7600;float: right;border: none;}
.wby2a{float: left; width: calc(100% - 80px);height: 40px; background: #fff;border-radius: 5px 0 0 5px; height: 40px; line-height: 40px; padding: 0 10px;}

.fgt{height: 155px;}
.banner{position: relative;clear: both;}
.banner img{width: 100%;}
.banner .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    width: 30px;border: none;
    height: 6px;
    border-radius: 0;
    margin: 0 4px;
    background:#2d2927;
    transition: background-color .3s ease;
}
.banner .swiper-pagination-bullet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ff7e00;
    transform: scaleX(0);
    transform-origin: 0 0;}

.banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {animation: sliderPagination 3s linear forwards}
.banner .swiper-container .swiper-pagination-bullet:hover { background-color: #fff;}
@keyframes sliderPagination {
	100% {transform: scaleX(1); opacity: 1;}
 	}

.wz1200{width: 1300px; margin: 0 auto;}
.bj1{background: #f6f9fe;}
.xpzs_title{text-align: center; padding: 66px 0 30px;}
.xpzs_title h2{font-weight: bold; position: relative; font-size: 60px; color: #EDEEF0;font-family: arial;}
.xpzs_title h2 span{color: #282828; font-size: 36px;position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.xpzs_title p{font-size: 14px; color: #999999; margin: 20px 0 10px;}
.xpzs_title img{margin: 0 auto;}
.xpzsbox img{width: 100%; }

.xpzs_title_a{padding:75px 0 10px ;position: relative;}
.xpzs_title_a h2 span{font-size: 60px;color: #EDEEF0; font-weight: bold;font-weight: bold; position: absolute; left: 0; top: 65px;}
.xpzs_title_a h2 b{font-size: 42px; color: #282828;position: relative;z-index: 10;font-weight: bold;}
.xpzs_title_a p{font-size: 14px; color: #999999; margin-top: 20px;}
.xpzsbox p{font-size: 16px; color: #282828; line-height: 2; margin: 20px 0 40px;}



.xpzsbox span{display: block; background: url(../images/a02.png) no-repeat center center; width: 20px;height: 28px;}
.xpzsbox a:hover p{color: #ff7e00;}
.xpzs_nr{padding-bottom: 60px;overflow: hidden;}
.xpzsleftnr{animation:fadeIn .25s, 100ms; padding-top: 20px;}
.xpzs_left{float: left;width: calc(100% - 200px);overflow: hidden;}
.xpzs_text{float: left;width: 50%; padding:50px 40px 0 0;}
.xpzs_text h2{font-size: 24px; padding-bottom: 35px; color: #282828;font-weight: bold;position: relative; }
.xpzs_text h2:before{position: absolute;content: ""; border-bottom: 2px solid #757575;width: 120px; bottom: 18px; left: 0;}
.xpzs_text p{font-size: 16px; line-height: 1.8;text-align:justify; word-break: break-all;}

.xpzs_text ul{overflow: hidden; margin-left: -40px; padding-top: 60px;}
.xpzs_text li{float: left; width: 50%; padding-left: 40px;}
.xpzs_text  a{display: block; color: #999;font-size: 14px;transition: All 0.4s ease-in-out; margin-top: 50px;}
.xpzs_text  a b{background: url(../images/a04.png); width: 20px;height: 7px; display: inline-block;vertical-align: middle; margin: -3px 0 0 15px;}
.xpzs_text  a:hover{color: #ff7600;}
.xpzs_tp{float: right;width: 50%;float: right;}
.xpzs_tp img{width: 100%;}
.xpzs_right{float: right; width: 200px; background: url(../images/ipart01_4.png) no-repeat right center;}
.xpzs_right li{padding: 32px 0; font-size: 18px;color: #333;text-align: right; padding-right: 20px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.xpzs_right span{display: inline-block; cursor: pointer;}

.xpzs_right  ul li:nth-child(1){padding-right:60px;}
.xpzs_right  ul li:nth-child(2){padding-right:40px;}
.xpzs_right  ul li:nth-child(4){padding-right:40px;}
.xpzs_right  ul li:nth-child(5){padding-right:60px;}

.xpzs_right li.cur span{color: #ff7500;font-weight: bold;}

.cpzx_tit{background: #ff7600; padding: 40px 0 35px;}
.cpzx_titbox{width: 1300px; margin: 0 auto; overflow: hidden;}
.cp_left{float: left;}
.cp_left h2{font-size: 50px; font-family: arial;color: #fd8918;position: relative;font-weight: bold;}
.cp_left h2 span{position: absolute; font-size: 36px; font-weight: bold; color: #fff;left: 0;top:50%; transform: translateY(-50%);}
.cp_left p{margin-top: 35px;font-size: 14px; color: #ffe0c2; }
.cp_left p a{color: #ffe0c2; padding-right: 20px;}
.cp_left p a:hover{color: #fff;}

.cp_right{float: right;overflow: hidden;width: calc(100% - 560px);}
.fwrx{float: right;background: url(../images/a8.png) no-repeat left center;background-size: 54px 54px; padding-left: 61px;height: 56px; margin-bottom: 20px;}
.fwrx p{font-size: 14px; color: #fff;padding: 4px 0 10px;}
.fwrx h2{font-size:30px;font-weight: bold; font-family: font1; color: #fff;}
.ssnr{clear: both; position: relative; margin-top: 35px;}
.wby1{width: 100%; border-bottom: 1px solid #ffddba; line-height: 34px; height: 37px;color: #ffd4ab; font-size: 16px;}
.wby1::-webkit-input-placeholder{color:#ffd4ab;}
.btn1{background: url(../images/a14.png); width: 20px;height: 22px;border: none;cursor: pointer;right: 0; bottom: 5px;position: absolute;}

.cplb{width: 1300px; margin: 0 auto; padding: 70px 0 48px;}
.cplb ul{overflow: hidden;}
.cplb li{float: left; width: 14.28%;text-align: center;}
.cplb li a{display: block; height: 52px; font-size: 24px; color: #999999;background: url(../images/a9.png) no-repeat center bottom;}
.cplb li.cur a{background: url(../images/a10.png) no-repeat center bottom; color: #ff6000;font-weight: bold;}
.cpnr{position: relative; overflow: hidden;background: #f6f9fe;width: 1300px; margin: 0 auto;}
.cpdw_qh{animation:fadeIn .25s, 100ms;}
.cpdw{ background:url(../images/a13.png) no-repeat center center #ff7e00;width: 100%;height: 50px;position: relative;}
.cpdw_qh .swiper-button-next{ background: url(../images/a05.png) no-repeat center center #ccced2; width: 50px; height: 50px;  right: 30px; margin-top: 0; bottom: 20px; top: auto; border-radius: 50%;}
.cpdw_qh .swiper-button-prev{background: url(../images/a06.png) no-repeat center center #ccced2; width: 50px; height: 50px;  right: 290px; margin-top: 0; bottom: 20px; top: auto; border-radius: 50%;left: auto;}
.cpdw_qh .swiper-button-next:hover{background: url(../images/a05.png) no-repeat center center #ff7e00;}
.cpdw_qh .swiper-button-prev:hover{background: url(../images/a06.png) no-repeat center center #ff7e00;}
.cpdw_qh .swiper-pagination{text-align: right; bottom: 40px;padding-right: 110px;}
.cpdw_qh .swiper-pagination-bullet{border-radius: 2px;height: 4px;width: 30px;background: #ededed;opacity: 1;}
.cpdw_qh .swiper-pagination-bullet-active{background: #ff7600;}



.cpjsbox{overflow: hidden; padding: 20px;}
.cpjs_left{float: left;width: 530px;overflow: hidden;}
.cpjs_left img{width: 100%;}
.cpjs_right{float: right;width: calc(100% - 585px);padding-top: 50px;}
.cpjs_right h2{position: relative; font-weight: bold; font-size: 24px; color: #282828;line-height: 52px;}
.cpjs_right h2:before{position: absolute;left: 0; bottom: 0;content: "";border-bottom: 2px solid #747575;width: 125px;}
.cpjs_right p{font-size: 14px; line-height: 30px; color: #282828; margin-top: 20px;text-align:justify; word-break: break-all;}
.cpjs_right a{display: block; margin-top: 30px; font-size: 14px; color: #999;transition: All 0.4s ease-in-out;}
.cpjs_right a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;}
.cpjs_right a:hover{color: #ff7e00;}
.cpjs_right a:hover img{margin-left: 20px;}
.cpfl{width: 1300px; margin: 0 auto; padding: 30px 0 60px;}
.cpfl ul{overflow: hidden; margin-left: -45px;}
.cpfl li{width: 25%;float: left; padding-left: 45px;}
.cpfl a{display: block; }
.cpfl span{display: block; padding: 10px;background: #f6f9fe;}
.cpfl span i{display: block;overflow: hidden;}
.cpfl span img{width: 100%;transition: All 0.4s ease-in-out;}
.cpfl p{font-size: 14px; color: #282828;overflow: hidden; line-height: 50px;}
.cpfl em{float: left; width: calc(100% - 40px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;transition: All 0.4s ease-in-out;}
.cpfl b{background: url(../images/a19.png) no-repeat center center; width: 28px;height: 50px;}
.cpfl a:hover p{color: #ff7e00;}
.cpfl a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1);}
.khlb_nr{padding-bottom: 55px;}
.khlb_nr .swiper-container{padding-bottom: 100px;}
.khlb_nr .swiper-button-next{background: url(../images/a05.png) no-repeat center center #ccced2;width:50px;height: 50px; right: calc(50% - 70px); margin-top: 0; bottom: 0;top: auto;border-radius: 50%;}
.khlb_nr .swiper-button-next:hover{background: url(../images/a05.png) no-repeat center center #ff7e00;}
.khlb_nr .swiper-button-prev{background: url(../images/a06.png) no-repeat center center #ccced2;width:50px;height: 50px; left: calc(50% - 70px); margin-top: 0; bottom: 0;top: auto;border-radius: 50%;}
.khlb_nr .swiper-button-prev:hover{background: url(../images/a06.png) no-repeat center center #ff7e00;}
.hxsl{padding-bottom: 70px;}
.hxsl_nr{overflow: hidden;position: relative;}
.hxsl_left{width: calc(100% - 330px);float: left;}
.hxslbox {animation:fadeIn .25s, 100ms;overflow: hidden;}
.hxslbox img{ margin: 0 auto;}
.hxsl_right{width: 300px;float: right;}
.hxsl_right li{padding: 10px 0;}
.hxsl_right span{display: block; height: 113px; background: #8b8b8b; padding-left: 50px;position: relative;cursor: pointer;}
.hxsl_right h2{font-weight: bold; color: #fff;font-size: 36px;padding: 25px 0 18px;position: relative;z-index: 10;}
.hxsl_right p{color: #fff;font-size: 14px;position: relative;z-index: 10;}
.hxsl_right em{position: absolute;  width: 365px;height: 100%; right: 0; top: 0;background: url(../images/a24.png) no-repeat center center;background-size: 100% 100%;display: none;}
.hxsl_right li.cur em{display: block;}
.sljs{overflow: hidden; margin-top: 23px; background: #f8f8f8;}
.sljs_left{ padding: 40px 90px 40px 40px;width: calc(100% - 300px);position: relative;float: left;}
.sljs_left h2{float: left;width: 263px;border-right: 1px solid #e0e0e0; line-height: 100px;font-size: 26px;color: #282828;font-weight: bold;}
.sljs_left b{text-align: center; background: url(../images/b34.png); width: 56px; line-height: 56px;text-align: center; font-size: 18px;color: #fff;position: absolute;left: 0;top: 0;}
.sljs_left p{width: calc(100% - 290px);float: right;line-height: 40px;font-size: 16px; color: #282828; padding-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;animation:fadeIn .25s, 100ms;}
.sljs_right{float: right;width: 300px; background:url(../images/a7.png) no-repeat 30px center #f2f2f2; padding: 60px 0 60px 90px;background-size: 50px 50px;}
.sljs_right p{font-size: 14px; color: #999999; margin:5px 0 10px;}
.sljs_right h2{font-size: 30px; color: #282828;font-weight: bold;font-family: font2;}

.bj2{background: url(../images/a25.png) no-repeat center center;background-size: cover;}
.gywm{padding-bottom: 60px;}
.gywm_nr{overflow: hidden;}
.gywm_right{float: right;width: 50%;}
.gywm_right img{width: 100%;}
.gywm_left{float: left; width: 50%; padding: 0 40px 0 0;}
.gywm_nr h2{font-weight: bold; font-size: 30px; color: #282828; margin-bottom: 20px;}
.gywm_nr p{font-size: 14px; line-height: 24px;color: #282828; margin-bottom: 25px;}
.gywm_nr a{display: block; color: #999; font-size: 14px;}
.gywm_nr a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 10px;}
.gywm_nr a:hover{color: #FF6500;}
.gywm_nr ul{overflow: hidden; border-left: 10px solid #ff7e00;background: #f6f9fe; margin-top: 35px; padding: 25px 0;}
.gywm_nr li{float: left; width: 33.33%;text-align: center;}
.gywm_nr h3{margin-bottom: 17px;font-size: 41px;color: #282828;font-family: font2;}
.gywm_nr h4{font-size: 16px;color: #666666;}
.gywm_nr h3 em{font-size: 16px;display: inline-block;vertical-align: top; padding-left: 5px;}

.hbry_nr{padding-bottom: 80px;}
.hbry_nr .swiper-container{padding-bottom: 90px;}
.hbry_nr .swiper-button-next{background: url(../images/a05.png) no-repeat center center #ccced2;width:50px;height: 50px; right: calc(50% - 70px); margin-top: 0; bottom: 0;top: auto;border-radius: 50%;}
.hbry_nr .swiper-button-next:hover{background: url(../images/a05.png) no-repeat center center #ff7e00;}
.hbry_nr .swiper-button-prev{background: url(../images/a06.png) no-repeat center center #ccced2;width:50px;height: 50px; left: calc(50% - 70px); margin-top: 0; bottom: 0;top: auto;border-radius: 50%;}
.hbry_nr .swiper-button-prev:hover{background: url(../images/a06.png) no-repeat center center #ff7e00;}

.news{overflow: hidden; padding: 60px 0 30px;}
.news_left{float: left; width: 570px; background: #fff; padding:0 30px 30px 30px;position: relative;}
.rnzh{position: absolute;left: 30px; bottom: 0; width: 220px;}
.news_left h2{font-size: 24px; font-weight: bold; color: #282828; padding: 30px 0;}
.news_text img{width: 100%; }
.news_left h3{font-weight: bold; font-size:18px ;color: #282828; line-height: 2;}
.news_left p{color: #999999; font-size: 14px; line-height: 1.8; margin-bottom: 20px;}
.news_box a:hover h3{color: #FF6500;}
.news_left .swiper-container{padding-bottom: 70px;}
.news_left .swiper-button-next{background: url(../images/a04.png); width: 20px;height: 7px;}
.news_left .swiper-button-next:hover{background: url(../images/a31.png) no-repeat center center;background-size: 100% 100%;}
.news_left .swiper-button-prev{background: url(../images/a32.png); width: 20px;height: 7px;}
.news_left .swiper-button-prev:hover{background: url(../images/a33.png) no-repeat center center;background-size: 100% 100%;}
.news_left .swiper-pagination{font-size: 27px; color: #666666;}
.news_left .swiper-pagination-current{font-weight: bold; color: #282828;font-size: 46px; font-family: font1;}

.news_right{float: right;width: calc(100% - 600px);background: #fff; padding: 0 30px 30px 30px;}
.news_right h2{font-size: 24px; font-weight: bold; color: #282828; padding: 30px 0;}
.ppdt_nr ul{overflow: hidden; margin-left: -30px;}
.ppdt_nr li{float: left; width: 50%; padding: 0 0 25px 30px;}
.ppdt_nr h3{font-weight: bold; font-size: 16px; color: #282828; line-height: 36px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ppdt_nr p{font-size: 14px; line-height: 24px;height: 48px;color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ppdt_nr h4{font-size: 14px; color: #999;padding-top: 28px;position: relative;}
.ppdt_nr h4:before{position: absolute;content: "";border-top: 1px solid #3d3d3d;width: 48px;left: 0;top: 10px;}
.ppdt_nr a:hover h3{color: #FF6500;}

.cjwtbox{padding-bottom: 60px;}
.cjwt{background: #fff; padding: 0 30px; }
.cjwt h2{font-size: 24px; font-weight: bold; color: #282828; padding: 30px 0;}
.cjwt li{margin-bottom: 20px;}
.cjwt h3{font-weight: bold; font-size: 16px;color: #282828; line-height: 1.8;}
.cjwt p{font-size: 14px; color: #999999; line-height: 1.6;}
.cjwt h3 span{display: inline-block;vertical-align: middle; width: 20px;height: 20px; color: #fff; line-height: 20px;text-align: center; border-radius: 50%; margin: -3px 6px 0 0;background: #0073dc;font-size: 14px;}
.cjwt p span{display: inline-block;vertical-align: middle; width: 20px;height: 20px; color: #fff; line-height: 20px;text-align: center; border-radius: 50%; margin: -3px 6px 0 0;background: #ff9c00;font-size: 14px;font-weight: bold;}

.footer{background: url(../images/b35.png) repeat-y center center;}
.footerbox{width: 1300px; overflow: hidden; margin: 0 auto; position: relative;}
.foot_left{width: calc(100% - 340px);background: #f1f1f1; overflow: hidden;float: left;}
.foot_top{overflow: hidden; padding-top: 30px;}
.foot_top li{float: left; width: 50%; padding-right: 30px;}
.foot_top li h2{font-weight: bold; font-size: 16px; color: #282828; margin-bottom: 10px;}
.foot_top p{font-size: 14px; color: #666666; line-height: 30px;overflow: hidden;}
.foot_top p span{width: 50%;float: left;}
.foot_top h2 a{font-size: 14px; color: #666;font-weight: 400;}
.foot_top h2 a:hover{color: #FF6500;}
.foot_top dl{overflow: hidden;}
.foot_top dt{font-size: 14px; color: #666; line-height: 30px;float: left;}
.foot_top dt a{color: #666;}
.foot_top dt a:hover{color: #ff7e00;}
.foot_top dt b{padding: 0 6px;}

.wzdt{padding-top: 30px;}
.wzdt h2{font-weight: bold; font-size: 16px; color: #282828; margin-bottom: 10px;}
.wzdt dl{overflow: hidden; margin-left: -35px;border-bottom: 1px dashed #8a8a8a;padding-bottom: 25px;}
.wzdt dt{float: left; font-size: 14px; padding-left: 35px; line-height: 30px; }
.wzdt dt a{color: #666;}
.wzdt dt a:hover{color: #FF6500;}
.bqxx p{font-size: 14px; color: #666;line-height: 60px;}
.bqxx p img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.foot_right{float: right;width: 340px; padding: 30px 0 0 45px;height: 100%;background: #ff7e00;position: absolute;right: 0;top: 0;}
.foot_right h2{font-weight: bold; color: #fff; font-size: 50px;}
.foot_right p{color: #fff;font-size: 16px; line-height: 88px;}
.sjzs{display: none;}

.NavGtaion{ width: 1200px; margin: 0 auto; height: 90px;}
.NavGtaion ul{ overflow:hidden; overflow: hidden;}
.NavGtaion ul li{ float: left; font-size: 15px; line-height: 90px;}
.NavGtaion ul li:first-child{ padding-left: 18px; background: url(../images/proDetails_03.png) left center no-repeat; background-size:12px 15px;}
.NavGtaion ul li a{ font-size: 15px; color: #818181;}
.NavGtaion ul li.on a{ color: #ff7a0c;}
.NavGtaion ul li:last-child a{ color: #ff7a0c;}

.proDetails{ width: 1200px; margin: 0 auto; padding-top: 35px;}
.bannerPage{ width: 100%; height: 400px; position: relative;}
.bannerPage img{ display: block; width:auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.bannerPage img.app{ display: none;}
.pageContaienr{ width: 100%;}
.pageContaienr .serach{ width: 1300px; margin: 0 auto; height: 95px;}
.pageContaienr .serach ul{ float: left; overflow: hidden;}
.pageContaienr .serach ul li{ line-height: 95px; float: left; font-size: 14px; color: #a0a0a0; margin-right: 15px;}
.pageContaienr .serach ul li a{ font-size: 14px; color: #a0a0a0}
.pageContaienr .serach .serachBox{ float: right; height: 95px; line-height: 95px;}
.pageContaienr .serach .serachBox .nr{ height: 42px; display: inline-block; vertical-align: middle; width: 660px; border-bottom: 2px solid #dadada; position: relative;}
.pageContaienr .serach .serachBox .nr input{ display: block; width: 100%; height: 100%; font-size: 14px}
.pageContaienr .serach .serachBox .nr button{border: none; cursor: pointer; display: block; float: right; background: url(../images/pic4.png) center center no-repeat; position: absolute; right: 0; top: 0; width: 20px; height: 100%; }
.pageContaienr .MainBox{ width: 1300px; margin: 0 auto; overflow: hidden;}
.pageContaienr .sideLeft{ width: 290px; float: left;}
.pageContaienr .sideLeft .tit{ line-height: 60px; width: 100%; height: 60px; background:url(../images/pic7.png) 42px center no-repeat #ff7e00; padding-left: 72px; box-sizing: border-box; font-size: 22px; color: #fff; font-weight: bold;}
.pageContaienr .sideLeft ul{ width: 100%;}
.pageContaienr .sideLeft ul li{ width: 100%;}
.pageContaienr .sideLeft ul .on .bt{ background: #5c5c5c !important;}
.pageContaienr .sideLeft ul .on a{ color: #fff !important;}
.pageContaienr .sideLeft ul li .bt a{display: flex;width: 100%;justify-content: space-between;align-items: center;}
.pageContaienr .sideLeft ul li .bt{ font-size: 18px; font-weight: bold; color: #ff5c00; width: 100%; height: 50px; background: #ecf2fb; padding: 0 30px; line-height: 50px; cursor: pointer;}
.pageContaienr .sideLeft ul li .bt .arrow{ width:12px; height: 12px; transition: 0.5s; background: url(../images/pic1.png) center center no-repeat; float: right;}
.pageContaienr .sideLeft ul li dl{background: #f6f9fe; width: 100%; padding: 12px 0 12px 20px; box-sizing: border-box;}
.pageContaienr .sideLeft ul li dl dd{ width: 100%;  height: 42px; border-radius:21px 0 0 21px; line-height: 42px; font-size: 15px; overflow: hidden; padding: 0 30px 0 20px; box-sizing: border-box;}
.pageContaienr .sideLeft ul li dl dd a{ width: 100%;}
.pageContaienr .sideLeft ul li dl dd .arrow{ background: url(../images/pic2.png) center center no-repeat; transition: 0.5s; float: right; height: 100%; width: 12px;}
.pageContaienr .sideLeft ul li dl dd.on{background: #ff7e00; color: #fff;}
.pageContaienr .sideLeft ul li dl dd:hover{background: #ff7e00; color: #fff;}
.pageContaienr .sideLeft ul li dl dd:hover a{ color: #fff;}
.pageContaienr .sideLeft ul li dl dd:hover .arrow{ background: url(../images/pic3.png) center center no-repeat; transition: 0.5s; float: right; height: 100%; width: 12px;}
.pageContaienr .sideLeft ul li dl dd.on a{ color: #fff;}
.pageContaienr .sideLeft ul li dl dd.on .arrow{ background: url(../images/pic3.png) center center no-repeat; transition: 0.5s; float: right; height: 100%; width: 12px;}
.pageContaienr .MainRight{ overflow: hidden; width: 965px; float: right}
.pageContaienr .MainRight .tit{ width: 100%; height: 44px; border-bottom: 1px solid #f4f4f4;}
.pageContaienr .MainRight .tit span{ display: inline-block; height: 42px; line-height: 42px; font-size: 15px; border-bottom: 4px solid #ff7600; font-size: 20px;}
.pageContaienr .MainRight ul{ padding-top: 25px; overflow: hidden;}
.pageContaienr .MainRight ul li{  margin-bottom: 20px; float: left; width: 290px; margin-right: 30px;}
.pageContaienr .MainRight ul li:nth-child(3n){ margin-right: 0;}
.pageContaienr .MainRight ul li .icon{transition: 0.5s; width: 100%; height: 190px; padding: 10px; box-sizing: border-box; background: #f6f9fe;}
.pageContaienr .MainRight ul li .icon img{ display: block; width: 100%; height: 100%;}
.pageContaienr .MainRight ul li .text{ font-size: 14px; color: #333;  width: 100%; height: 50px; line-height: 50px; position: relative;}
.pageContaienr .MainRight ul li .text .arrow{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/a04.png) left center no-repeat ; width: 34px; height:18px; padding-right: 14px; border-right:1px solid #333;}
.pageMian{ padding: 40px 0; width: 100%; text-align: center;}
.pageMian dd{ display: inline-block; margin: 0 5px;}
.pageMian dd a{ display: block; width: 40px; height: 40px; border-radius:5px; text-align: center; line-height: 40px; font-size: 12px; color: #333; background: #f9f9f9; color: #333;}
.pageMian dd.on a{ background: #ff7e00; color: #fff;}
.pageContaienr .MainRight ul li:hover .icon{ background: #ff7e00;}

.cooperation{ padding: 45px 0; width: 1300px; margin: 0 auto;}
.cooperation ul{ width: 100%; overflow: hidden;}
.cooperation ul li{ float: left; width: 290px; height: 220px; padding: 10px; margin: 0 45px 30px 0; background: #f6f9fe; box-sizing: border-box;}
.cooperation ul li img{ display: block; width: 100%; height: 100%;}
.cooperation ul li:nth-child(4n){ margin-right: 0;}

.patent{ width: 1300px; margin: 0 auto;}
.patent ul{ width: 100%; overflow: hidden;}
.patent ul li{ background: #f6f9fe; float: left; width: 290px; padding: 10px; box-sizing: border-box; margin: 0 45px 30px 0;}
.patent ul li .icon{ width: 100%; height: 395px;}
.patent ul li .icon img{ display: block; width: 100%; height: 100%;}
.patent ul li p{ width: 100%; height: 60px; text-align: center; background: #fff; line-height: 60px; font-size: 14px; color: #333;}
.patent ul li:nth-child(4n){ margin-right: 0;}

.patDetails{ width: 1300px; margin: 0 auto; height: 1030px;}
.patDetails .swiper-container{ width: 100%; height: 100%;}
.patDetails .nrBox{transition: 0.5s; width: 270px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.patDetails .nrBox .icon{ width: 100%;}
.patDetails .nrBox .icon img{ display: block; width: 100%; height: auto;}
.patDetails .nrBox p{transition: 0.5s; height: 60px; text-align: center; line-height: 60px; font-size:14px; width: 100%; color: #333;}
.patDetails .swiper-slide.swiper-slide-active .nrBox{ width: 505px;}
.patDetails .swiper-slide.swiper-slide-active .nrBox p{ height: 140px; line-height: 140px; font-size: 28px;}
.pageContaienr .new{ overflow: hidden; width: 965px; float: right}
.pageContaienr .new .tit{ width: 100%; height: 44px; border-bottom: 1px solid #f4f4f4;}
.pageContaienr .new .tit span{ display: inline-block; height: 42px; line-height: 42px; font-size: 15px; border-bottom: 4px solid #ff7600; font-size: 20px;}
.pageContaienr .new ul{ width: 100%;}
.pageContaienr .new ul li{ width: 100%; overflow: hidden; padding: 30px 0; border-bottom: 2px solid #ddd;}
.pageContaienr .new ul li .icon{ float: left; width: 300px; height: 190px;}
.pageContaienr .new ul li .icon img{ display: block; width: 100%; height: 100%;}
.pageContaienr .new ul li .text{ float: left; width: calc(100% - 300px); padding-left: 30px; box-sizing: border-box;}
.pageContaienr .new ul li .text h2{ height: 42px; font-size: 16px; line-height: 42px; color: #000;}
.pageContaienr .new ul li .text p{ font-size: 14px; line-height: 24px; color: #666;}
.pageContaienr .new ul li .text .time{ width: 100%; height: 17px; line-height: 17px; font-size: 13px; color: #010101; background: url(../images/new_06.png) right center no-repeat; background-size:auto 100%; margin-top: 20px;}

.newDetails{ width: 1300px; margin: 0 auto; padding-bottom: 60px;}
.newDetails .tit{ padding: 35px 0;}
.newDetails .tit h2{ text-align: center; font-size: 28px; color: #000; padding-bottom: 25px;}
.newDetails .tit span{ text-align: center; font-size: 12px; color: #333; display: block;}
.newDetails p{ font-size: 14px; line-height: 34px; color: #333; padding-bottom: 40px;}
.newDetails .icon{ width: 100%; padding-bottom: 40px;}
.newDetails .icon img{ display:block; width: 100%; height: auto;}
.newDetails .icon ul{ width: 100%; overflow: hidden;}
.newDetails .icon ul li{ width: 49%; float: left; margin-right: 2%;}
.newDetails .icon ul li:last-child{ margin-right: 0;}
.newDetails dl{ border-top:1px solid #e0e0e0 ; width: 100%; overflow:hidden;}
.newDetails dl dd{ width: 50%; height: 60px; float: left; line-height: 60px;}
.newDetails dl dd a{ color: #919191;}
.newDetails dl dd a:hover{ text-decoration: underline; color: #ff962e;}
.newDetails dl dd:last-child{ text-align: right;}

.pageContaienr .new.newList ul li .text{ width: 100%; padding: 0;}
.pageContaienr .new.wt ul li .text{ width: 100%; padding: 0;}
.pageContaienr .new.wt ul li .text h2{ padding-left: 30px; background: url(../images/wt_03.png) left center no-repeat; background-size:20px 20px; }
.pageContaienr .new.wt ul li .text p{ padding-left: 30px; background: url(../images/wt_06.png) left top no-repeat;background-size:20px 20px;}
.pageContaienr .new.wt ul li .text .time{ padding-left: 30px;}

.proDetails{ width: 1300px; margin: 0 auto;}
.proDetails .proTop{ width: 100%; overflow: hidden;}
/*.proDetails .proTop .hd{ width: 155px; float: left;}*/
.proDetails .proTop .bd{ width: calc(100%); float: right;}
.proDetails .proTop .bd .text{ float: right; width: 530px;}
.proDetails .proTop .bd .icon{ width: calc(100% - 530px); float: left; position: relative; height: 365px;}
.proDetails .proTop .bd .icon img{height: 320px; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.proDetails .proTop .hd ul{ width: 100%;}
.proDetails .proTop .hd ul li{ cursor: pointer; width: 100%; height: auto; border: 1px solid #e1e1e1; margin-bottom: 10px; box-sizing: border-box;}
.proDetails .proTop .hd ul li img{ display: block; width: 100%; height: auto;}
.proDetails .proTop .hd ul li.on{ border: 1px solid #ff8b19;}
.proDetails .proTop .bd .text h2{ height: 54px; line-height: 54px; font-size: 24px; color: #333;}
.proDetails .proTop .bd .text span{ display: block; width: 123px; height: 1px; background:  #757575;}
.proDetails .proTop .bd .text p{ padding-top: 20px; font-size: 14px; line-height: 30px; color: #333; margin-bottom: 125px;}
.proDetails .proTop .bd .text .phone{ padding-left: 60px; background: url(../images/a7.png) left center no-repeat; height: 52px; position: relative; width: 100%; box-sizing: border-box;}
.proDetails .proTop .bd .text .phone b{display: block; height: 24px; line-height: 24px; color: #999; font-size: 14px;}
.proDetails .proTop .bd .text .phone h3{ font-size: 24px; color: #000;}
.proDetails .proTop .bd .text .phone a{ display: block; position: absolute; right: 0; top: 2px;  width: 130px; height: 48px; text-align: center; line-height: 48px; border-radius:5px; background: #ff7e00; font-size: 14px; color: #fff}

.proDetails .proBottom{ padding-bottom: 165px; width: 100%; padding-top: 70px; overflow: hidden;}
.proDetails .proBottom .left{ width: 890px; float: left;}
.proDetails .proBottom .left .bt{ width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #f0f0f0;}
.proDetails .proBottom .left .bt span{ display: inline-block; height: 57px; border-bottom: 3px solid #ff7600; line-height: 57px; font-size: 28px; color: #333;}

.proDetails .proBottom .left .main .text{ padding:25px 0;}
.proDetails .proBottom .left .main .text h2{ font-size: 18px; color: #000; margin-bottom: 10px;}
.proDetails .proBottom .left .main .text p{ font-size: 14px; color: #333; line-height: 30px;}
.proDetails .proBottom .left .main .icon{ width: 100%;}
.proDetails .proBottom .left .main .icon ul{ width: 100%; overflow: hidden;}
.proDetails .proBottom .left .main .icon ul li{ width: 49.5%; float: left; margin-right: 1%; margin-bottom: 6px;}
.proDetails .proBottom .left .main .icon ul li img{ display: block; width: 100%; height: auto;}
.proDetails .proBottom .left .main .icon ul li:nth-child(2n){ margin-right: 0;}
.proDetails .proBottom .right{ float: right; width: 290px;}
.proDetails .proBottom .right .bt{ width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #f0f0f0;}
.proDetails .proBottom .right .bt span{ display: inline-block; height: 57px;line-height: 57px; font-size: 28px; color: #333;}
.proDetails .proBottom .right ul{ padding-top: 30px; width: 100%;}
.proDetails .proBottom .right ul li{ width: 100%;}
.proDetails .proBottom .right ul li .icon{ width: 100%; height: auto; padding: 10px; background: #f6f9fe;}
.proDetails .proBottom .right ul li .icon img{ display: block; width: 100%; height: auto;}
.proDetails .proBottom .right ul li p{ height: 64px; line-height: 64px; font-size: 16px; color: #333; background: url(../images/a19.png) right center no-repeat; padding: 0 10px; box-sizing: border-box;}
.proDetails .proBottom .right ul li:hover .icon{ background: #ff6500; }
.proDetails .proBottom .right ul li:hover p{ color:#ff6500 ;}
.about{ width: 1300px; margin:0 auto; padding-bottom: 80px;}
.about .aboutHd{ width: 100%; height: auto; overflow: hidden;}
.about .aboutHd ul{ overflow: hidden; text-align: center;}
.about .aboutHd ul li{cursor: pointer; display: inline-block; margin: 0 45px; padding-bottom: 32px; background: url(../images/about_05.jpg) bottom center no-repeat; background-size:20px auto; font-size: 24px; color: #959595;}
.about .aboutHd ul li a{ font-size: 24px; color: #959595;}
.about .aboutHd ul li.on{ font-weight: bold; color: #ff6800; background: url(../images/about_03.jpg) bottom center no-repeat; background-size:20px auto;}
.about .aboutHd ul li.on a{ font-weight: bold; color:#ff6800;}
.about .aboutHd ul li:hover{ font-weight: bold; color: #ff6800; background: url(../images/about_03.jpg) bottom center no-repeat; background-size:20px auto;}
.about .aboutHd ul li:hover a{ font-weight: bold; color:#ff6800;}
.about .aboutBd{ width: 100%; overflow: hidden; padding-top: 40px;}
.about .aboutBd .icon{ float: right; width: 695px;}
.about .aboutBd .icon img{ display: block; width: 100%; height: auto;}
.about .aboutBd .text{ width: calc(100% - 695px); float: left; padding-right: 40px; box-sizing: border-box;}
.about .aboutBd .text h2{ margin-bottom: 40px; font-size: 28px; color: #040404;}
.about .aboutBd .text p{ font-size: 14px; line-height: 24px; margin-bottom: 20px; color: #333;}
.about .aboutLayer1{ margin: 40px 0; width: 100%; height: 115px; overflow: hidden;}
.about .aboutLayer1 .bt{ background:url(../images/about_14.jpg); width: 285px; height: 115px; background-size:100% 100% ; float: left;}
.about .aboutLayer1 ul{ height: 115px; background: #f6f9fe; padding-top: 12px; width: calc(100% - 285px); overflow: hidden;}
.about .aboutLayer1 ul li{ width: 33%; float: left;}
.about .aboutLayer1 ul li h2{ font-weight: bold; text-align: center; height: 62px; line-height: 62px; font-size: 32px;}
.about .aboutLayer1 ul li p{ font-size: 15px; color: #666; text-align: center;}

.about .aboutLayer2{ width: 100%;}
.about .aboutLayer2 ul li{ margin-bottom: 40px; overflow: hidden;}
.about .aboutLayer2 ul li:nth-child(2n) .icon{ float: right;}
.about .aboutLayer2 ul li:nth-child(2n) .text{ float: left;}
.about .aboutLayer2 ul li:nth-child(2n) .text .bt{ margin: 0 -52px 20px auto; padding-left: 25px;}
.about .aboutLayer2 ul li:nth-child(2n) .text p{ width: 100%; padding: 0 80px 0 0; box-sizing: border-box;}
.about .aboutLayer2 .icon{float: left; width: 580px; height: 360px;}
.about .aboutLayer2 .icon img{ display: block; width: 100%; height: 100%;}
.about .aboutLayer2 .text{ padding:54px 0 0 0; width: calc(100% - 580px); float: left; box-sizing: border-box;}
.about .aboutLayer2 .text .bt{ margin: 0 0 20px -20px; width: 545px; height: 62px; background: #ff7e00; line-height: 62px; padding-left: 100px; box-sizing: border-box; font-size: 30px; color: #fff; font-weight: bold;}
.about .aboutLayer2 .text .bt span{ display: inline-block; font-size: 16px; color: #fff; opacity: 0.3; vertical-align: middle; margin-left: 10px; transform: translateY(-3px);}
.about .aboutLayer2 .text p{ width: 100%; padding-left: 75px; box-sizing: border-box; font-size: 15px; line-height: 28px; color: #333;}
.about .aboutLayer3{ background: url(../images/about1.png); width: 100%; height: 180px; background-size:100% 100%; padding-top: 35px; box-sizing: border-box;}
.about .aboutLayer3 span{ display: block; margin: 0 auto; width: 390px; height: 60px; text-align: center; line-height: 60px; font-size: 28px; color: #fff; background: #ff7e00;}
.about .aboutLayer3 p{ text-align: center; padding-top: 25px; font-size: 16px; color: #333;}

.cantact{ width: 1300px; margin: 0 auto;}
.cantact .map{ background: #999; width: 100%; height: 365px;}

.amap-icon img,.amap-marker-content img{ width: 25px; height: 34px;}
.marker { position: absolute; top: -20px; right: -118px; color: #fff; padding: 4px 10px; box-shadow: 1px 1px 1px rgba(10, 10, 10, .2); white-space: nowrap; font-size: 12px; font-family: ""; background-color: #25A5F7; border-radius: 3px;}
.input-card{ width: 18rem; z-index: 170;}
.input-card .btn{ margin-right: .8rem;}
.input-card .btn:last-child{ margin-right: 0;}
.custom-input-card{ width: 18rem;}
.custom-input-card .btn:last-child{ margin-left: 1rem;}
.content-window-card{ position: relative; width: 23rem; padding: 0.75rem 0 0 1.25rem; box-shadow: none; bottom: 0; left: 0;}
.content-window-card p{ height: 2rem;}

.cantact .list1{ padding-top: 65px;}
.cantact .list1 ul{ width: 100%; overflow: hidden;}
.cantact .list1 ul li{ width: 33.33%; float: left;}
.cantact .list1 ul li .icon{ width: 100%;}
.cantact .list1 ul li .icon img{ width: 100px; height: 100px; border-radius:50%; margin: 0 auto;}
.cantact .list1 ul li .text{ width: 100%;}
.cantact .list1 ul li .text h2{ color: #000; text-align: center; height: 58px; line-height: 58px; font-size: 16px; color: #333;}
.cantact .list1 ul li .text p{ text-align: center; font-size: 12px; color: #333; padding-bottom: 20px;}
.cantact .list1 ul li:nth-child(2){ border: 2px solid #f7f7f7;border-top:0; border-bottom: 0; box-sizing: border-box;}

.cantactBottom{ width: 100%; background: #f6f9fe; padding: 45px 0; margin-top: 55px;}
.cantactBox{ width: 1300px; margin: 0 auto;}
.cantactBox .bt{ margin-bottom: 35px; font-size: 36px; font-weight: bold; color: #000; text-align: center;}
.cantactBox ul{ width: 100%; overflow: hidden;}
.cantactBox ul li{ width: 50%; float: left; margin-bottom: 20px; overflow: hidden;}
.cantactBox ul li .left{ font-size: 14px; width: 135px; float: left; height: 46px; line-height: 46px; text-align: right; padding-right: 10px; box-sizing: border-box;}
.cantactBox ul li .left span{ color: #ff0000;}
.cantactBox ul li .right{ width: calc(100% - 135px); float: left; overflow: hidden;}
.cantactBox ul li.big{ width: 100%;}
.cantactBox ul li .right input{ display: block; width: 100%; height: 46px; background: #fff; padding: 0 20px; box-sizing: border-box; border: none;}
.cantactBox ul li .right textarea{ width: 100%; height: 175px; background: #fff; border: none; outline: none; resize: none; padding: 20px; box-sizing: border-box;}
.cantactBox ul li.big .right input{ width: 230px; float: left; margin-right: 20px;}
.cantactBox ul li.big .right img{ display: block; height: 100%; width: auto; float: left;}
.cantactBox ul li.big .btn{ float: right;}
.cantactBox ul li.big .btn dl{ overflow: hidden;}
.cantactBox ul li.big .btn dl dd{ margin-left: 20px; float: right;}
.cantactBox ul li.big .btn dl dd a{ width: 130px; height: 46px; display:block; border-radius:5px; text-align: center; line-height: 46px; font-size: 14px; color: #333; background: #fff;}
.cantactBox ul li.big .btn dl dd:first-child a{ background: #FF7E00; color: #fff;}
.aboutlist{ width: 100%; padding: 30px 0;}
.aboutlist ul{ overflow: hidden;}
.aboutlist ul li{ width: 290px; float: left; margin-right: 45px;}
.aboutlist ul li:nth-child(4n){ margin-right: 0;}
.aboutlist ul li .icon{ width: 100%; height: 195px; padding: 10px; box-sizing: border-box; box-sizing: border-box; background: #f6f9fe;}
.aboutlist ul li .icon img{ display: block; width: 100%; height: 100%;}
.aboutlist ul li p{ width: 100%; height: 60px; line-height: 60px; background: url(../images/a19.png) right center no-repeat; font-size: 14px; color: #333;}

.sub.pro{margin-left: 200px;}
.sub.pro .subdw{ float: left;}
.sub.pro .sub_right{ padding: 0;}
.sub.pro .sub_right dl{ height: auto; width: 100%;  overflow-y: scroll;}
.sub.pro .sub_right dl dd{ width: 100%; height: 48px;padding: 0 20px; box-sizing: border-box; transition: 0.5s;}
.sub.pro .sub_right dl dd a{ margin: 0; border: none; line-height: 48px; text-align: left; display: block; width: 100%; height: 100%; border-bottom: 1px solid #ddd; transition: 0.5s; text-indent: 10px; font-size: 14px; color: #808080; background:url(../images/r1.png) right center no-repeat;}
.sub.pro .sub_right dl dd a:hover{ background: url(../images/r2.png) right center no-repeat; color: #fff; border-bottom: 1px solid #ff7e00;}
.sub.pro .sub_right dl dd:hover{ background: #ff7e00;}
.sub.pro .sub_right dl::-webkit-scrollbar{ width: 4px;}
.sub.pro .sub_right dl::-webkit-scrollbar-thumb{ width: 4px; background: #dbdbdb;}

@media(max-width:1580px){
.headerbox{width: 100%; padding: 0 1%;}
.nav h3 a{padding: 0 50px;}
/*.sub{width: 100%; padding: 0 1%;}*/
/*.subbox{width: 100%;}*/
.top{width: 100%; padding: 0 1%;}
}
@media(max-width:1360px){
.nav h3 a{padding: 0 40px;}
}
@media(max-width:1320px){
.wz1200{width: 100%; padding: 0 3%;}
.cpzx_titbox{width: 100%; padding: 0 3%;}
.cp_right{width: calc(100% - 560px);}
.cplb{width: 100%;padding: 45px 0 30px 0;}
.cplb li a{font-size: 20px;}
.cpnr{width: 100%; padding: 0;}
.cpfl{width: 100%; padding: 30px 20px;}
.sljs_left{padding: 40px 20px;}
.nav h3 a{padding: 0 35px;}
.footerbox{width: 100%; padding: 0 3%;}
.wzbt{display: none;}
}



@media(max-width:1000px){
.lxdh{position: absolute;right: 3%; top: 10px; padding: 0;background: none;overflow: hidden; margin: 0;height: auto;}
.lxdh b{display: none;}
.lxdh p{float: left;font-size: 14px; line-height: 18px;}
.lxdh h2{float: left; margin: 0; font-size: 18px;}
.header{height: 80px; padding: 0;background: #fff;width: 100%; position: fixed;z-index: 101;}
.header_right p{display: none;}
.logo{width: 130px; padding-top: 30px;float: left;}
.header.on .logo2{display: block;}


.dhbtn{background: url(../images/d1.png) no-repeat center center #ff7e00;background-size: 20px 20px; position: absolute; right: 3%; top: 40px;width: 30px;height: 30px;border-radius: 4px; }
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #ff7e00;background-size: 20px 20px; }
.nav{position: fixed; width: 200px; left: -200px; top: 60px; background: #fff;height:calc(100% - 60px); padding: 0;z-index: 100;overflow: auto;}
.nav li{line-height: 50px; width: 100%; float: none; padding: 0; border-bottom: 1px solid #eee;float: none;font-size: 14px;}
.nav h3 a{color: #333;}
.sub{position: static;}
.subdw{flood-color: none; width: 100%;}
.dhbj{position: fixed;width: 100%;height: 100%; top: 0;left: 0;background: rgba(0,0,0,.8);z-index: 99;display: none;}
.sub_left{float: none; width: 100%;height: auto;padding: 0;}
.sub_left dt{line-height: 40px;}
.sub_right{display: none;}
.sub_left dt span{height: 40px;}
.fgt{height: 80px;}
.xpzs_title{padding: 40px 0 20px;}
.xpzs_title h2{font-size: 32px;}
.xpzs_title h2 span{font-size: 24px;width: 100%;}
.xpzs_title img{width: 28px;}

.pczs{display: none;}
.sjzs{display: block;}

.xpzs_nr .swiper-button-prev{width: 35px;height: 35px;}
.xpzs_nr .swiper-button-next{width: 35px;height: 35px;}
.xpzs_nr .swiper-pagination{padding: 0 120px 0 0; bottom: 15px;}
.cp_left h2{font-size: 32px;}
.cp_left h2 span{font-size: 24px;}
.cp_left p{line-height: 1.5;margin-top: 15px;}
.cp_left{width: 100%;float: none;}
.cp_right{display: none;}
.cplb  ul{font-size: 0;text-align: center;}
.cplb li{display: inline-block; width: 25%; padding-bottom: 15px; float: none;}
.cplb li a{background-size: 15px auto;padding-bottom: 5px;}
.cplb li.cur a{background-size: 15px auto;}
.cplb a:hover{background-size: 15px auto;}
.cpjsbox{padding: 10px;}
.cpjs_left{float: none; width: 100%;}
.cpjs_right{float: none;width: 100%; padding: 10px 10px 70px 10px;}
.cpfl ul{margin-left: -10px;}
.cpfl li{width: 50%; padding: 0 0 10px 10px;}
.cpnr .swiper-button-next{width: 35px;height: 35px; right: calc(50% - 120px);}
.cpnr .swiper-button-prev{width: 35px;height: 35px; left: calc(50% - 120px);}
.cpnr .swiper-pagination{text-align: center; padding: 0;bottom: 33px;}

.khlb_nr .swiper-container{padding-bottom: 50px;}
.khlb_nr .swiper-button-next{width: 35px;height: 35px;}
.khlb_nr .swiper-button-prev{width: 35px;height: 35px;}

.xpzs_right{width: 100%; float: none;background: none; padding: 0;}
.xpzs_right ul{overflow: hidden; margin-left: -10px;}
.xpzs_right li{float: left;padding: 0;width: 33.33%;line-height: 40px;font-size: 16px;text-align: center; padding: 0 0 10px 10px;}
.xpzs_right b{display: none;}
.xpzs_right span{display: block; text-align: center;background: #757575;color: #fff; }
.xpzs_right li.cur span{color: #fff;background: #ff7600;}
.xpzs_right  ul li:nth-child(1){padding-right:0;}
.xpzs_right  ul li:nth-child(2){padding-right:0;}
.xpzs_right  ul li:nth-child(4){padding-right:0;}
.xpzs_right  ul li:nth-child(5){padding-right:0;}
.xpzs_left{float: none; width: 100%;}
.xpzs_tp{float: none; width: 100%;}
.xpzs_text{width: 100%;float: none; padding: 20px 0 0 0;}
.xpzs_text ul{padding-top: 20px;}
.xpzs_text a{font-size: 16px; margin:30px auto 0 auto;widows: 100px;text-align: center;}
.cpzx_tit{padding: 20px 0;}
.cpjs_right h2{text-align: center; padding-bottom: 0px; font-size: 20px;}
.cpjs_right h2:before{width: 0;}
.cpjs_right p{text-indent: 28px; font-size: 14px; line-height: 1.7; margin: 0;}
.cpjs_right a{width: 100px;text-align: center; margin: 20px auto 0 auto;}

.hxsl_right{float: none; width: 100%;}
.hxsl_right ul{overflow: hidden;}
.hxsl_right li{width: 25%; float: left; text-align: center;}
.hxsl_right span{text-align: center; padding: 10px 0;height: auto;}
.hxsl_right h2{font-size: 16px;line-height: 20px; padding: 0;}
.hxsl_right p{display: none;}
.hxsl_left{width: 100%;float: none;}
.hxslbox img{width: 100%;}
.hxsl_right li.cur em{display: none;}
.hxsl_right li.cur span{background: #FF6500;}
.sljs{ margin-top: 0;}
.sljs_left{width: 100%;float: none;padding: 15px;}
.sljs_left h2{float: none;border: none;text-align: center; padding: 0; line-height: 1.5;font-size: 20px;text-align: center;width: 100%;}
.sljs_left p{float: none;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;line-height: 1.7; font-size: 14px;text-indent: 28px;text-align:justify; word-break: break-all;}
.sljs_right{display: none;}
.sljs_left b{width: 40px; line-height: 40px;background-size: 100% 100%;}

.xpzs_text h2{text-align: center; font-size: 20px; padding-bottom: 20px;}
.xpzs_text h2:before{width: 0;}
.xpzs_text p{font-size: 14px; line-height: 1.7;text-indent: 28px;}


.gywm_left{width: 100%; float: none;padding: 0;}
.gywm_left h2{font-size: 20px;text-align: center;}
.gywm_nr p{text-indent: 28px;text-align:justify; word-break: break-all;}
.gywm_nr h3{font-size: 30px;}
.gywm_right{width: 100%;float: none;}
.hbry_nr .swiper-button-prev{width: 35px;height: 35px; }
.hbry_nr .swiper-button-next{width: 35px;height: 35px; }
.hbry_nr .swiper-container{padding-bottom: 50px;}
.news_left{float: none; width: 100%;}
.news_left h2{padding: 15px 0; font-size: 20px;}
.news_left h3{font-size: 16px;}
.news_left{padding: 0 15px;}
.news_right{width: 100%; margin-top: 20px; padding: 0 15px;}
.news_right h2{padding: 15px 0; font-size: 20px;}

.footerbox{padding: 0;}
.foot_left{float: none; width: 100%; padding: 0 3%;}
.foot_right{position: static;width: 100%;text-align: center; padding: 15px 3%;}
.foot_right h2{font-size: 28px;text-align: center;}
.foot_right img{margin: 0 auto;}
.foot_top{display: none;}
.bqxx p{line-height: 1.5; text-align: center; padding: 10px 0;}
.wzdt{overflow: hidden;}

.xpzs_title_a{padding: 40px 0 20px;}
.xpzs_title_a h2 span{font-size:24px;top: 40px;}
.xpzs_title_a h2 b{font-size: 24px;}
.ssbtn{display: block;}
.ssbj{width: 100%;height: 100%; background: rgba(0,0,0,.8);left: 0;top: 0;z-index: 150;display: none;position: fixed;}

.pageContaienr .serach{ width: 100%; padding: 0 15px; box-sizing: border-box;}
.pageContaienr .serach ul{ padding: 15px 0;}
.pageContaienr .serach ul li{ line-height: 32px;}
.pageContaienr .serach .serachBox{ width: 100%;}
.pageContaienr .serach .serachBox .nr{ width: 100%;}
.pageContaienr .MainBox{ width: 100%;}
.pageContaienr .sideLeft{ width: 100%;}
.pageContaienr .MainRight{ width: 100%; padding: 15px; box-sizing: border-box;}
.pageContaienr .sideLeft ul li dl{ display: none;}
.pageContaienr .MainRight ul li{ width: 100%; margin-right:0;}
.pageContaienr .MainRight ul li:nth-child(2n){ margin-right: 0;}
.pageContaienr .MainRight ul li .icon{ width: 100%; height: auto;}

.cooperation{ width: 100%; padding: 20px 15px; box-sizing: border-box;}
.cooperation ul{ width: 100%;}
.cooperation ul li{ width: 49%; float: left; margin-bottom: 10px; margin-right: 2%;}
.cooperation ul li:nth-child(2n){ margin-right: 0;}

.patent{ width: 100%; margin: 0 auto;}
.patent ul li{ width: 49%; margin-right: 2%; margin-bottom: 15px;}
.patent ul li .icon{  height: 200px;}
.patent ul li .icon img{ display: block; width: 100%; height: 100%;}
.patent ul li p{ height: 40px; font-size: 14px;}
.patent ul li:nth-child(2n){ margin-right: 0;}

.patDetails{ width: 100%;  height: auto;}
.patDetails .swiper-container{ width: 100%; height: 100%;}
.patDetails .nrBox{transition: 0.5s; width: 100%; position: relative; left: auto; top:auto; transform: none;}

.patDetails .swiper-slide.swiper-slide-active .nrBox{ width: 100%;}
.patDetails .swiper-slide.swiper-slide-active .nrBox p{ height: 60px; line-height: 60px; font-size: 14px;}
.patDetails{ padding: 0 15px; box-sizing: border-box;}
.NavGtaion{ width: 100%; padding: 0 15px; box-sizing: border-box;}
.pageContaienr .new{ width: 100%; padding: 0 15px; box-sizing: border-box;}
.pageContaienr .new ul li .icon{ width: 100%; height: auto;}
.pageContaienr .new ul li .icon img{ display: block; width: 100%; height: auto;}
.pageContaienr .new ul li .text{ width: 100%; padding: 0;}
.pageContaienr .new ul li .text h2{ padding: 15px 0; line-height: 24px; height: auto;}

.newDetails{ width: 100%; padding: 0 15px; box-sizing: border-box;}
.newDetails .tit h2{ font-size: 18px; line-height: 24px;}

.proDetails{ width: 100%; padding: 0 15px; box-sizing: border-box;}
.proDetails .proTop .hd{ width: 100%;}
.proDetails .proTop .hd ul li{ width: 32%; float: left; margin-right: 2%;}
.proDetails .proTop .hd ul li:last-child{ margin-right: 0;}
.proDetails .proTop .bd .icon{ width: 100%;}
.proDetails .proTop .bd .icon img{ height: 50%; width: auto;}
.proDetails .proTop .bd{ width: 100%;}


.proDetails .proTop .bd .text{ width: 100%;}
.proDetails .proTop .bd .text p{ margin-bottom: 35px;}
.proDetails .proBottom .left{ width: 100%;}
.proDetails .proBottom .right{ width: 100%;}


.about{ width: 100%; padding:0 15px 30px 15px; box-sizing: border-box;}
.about .aboutHd ul li{ width: 25%; float: left; margin: 0;}
.about .aboutHd ul li a{ font-size: 16px;}
.about .aboutBd .icon{ width: 100%;}
.about .aboutBd .text{ width: 100%; padding: 0;}
.about .aboutBd .text h2{ padding: 15px 0; line-height: 24px; font-size: 16px; margin: 0;}
.about .aboutLayer1 .bt{ width: 100%;}
.about .aboutLayer1 ul{ width: 100%;}
.about .aboutLayer1{ height: auto;}
.about .aboutLayer1 ul li h2{ font-size: 20px;}
.about .aboutLayer2 .icon{ width: 100%; height: auto;}
.about .aboutLayer2 .text{ width: 100%; height: auto; padding: 0;}
.about .aboutLayer2 .text .bt{ width: 100%; padding: 0; margin: 0; text-align: center; font-size: 16px;}
.about .aboutLayer2 .text p{ width: 100%; padding: 15px; box-sizing: border-box;}
.about .aboutLayer2 ul li:nth-child(2n) .text .bt{ margin: 0;}
.about .aboutLayer2 ul li:nth-child(2n) .text p{ padding: 15px;}
.about .aboutLayer3{ background-size:auto 100%;}
.about .aboutLayer3 span{ width: 60%; font-size: 18px;}
.about .aboutLayer3 p{ font-size: 12px;}
.cantact{ width: 100%;}
.cantact .list1 ul li{ width: 100%; padding-bottom: 20px;}
.cantactBox{ width: 100%; padding: 0 15px; box-sizing: border-box;}
.cantactBox ul li{ width: 100%;}
.cantactBox ul li .left{ width: 75px;}
.cantactBox ul li .right{ width: calc(100% - 75px);}
.cantactBox ul li .right input{ padding: 0 10px;}
.cantactBox ul li.big .right input{ width: 100px;}
.cantactBox ul li.big .btn{ width: 100%; margin-top: 20px;}
.cantactBox ul li.big .btn dl dd{ width: 49%; margin-left: 2%;}
.cantactBox ul li.big .btn dl dd:last-child{ margin-left: 0;}
.aboutlist ul li{ width: 49%; float: left; margin-right: 2%;}
.aboutlist ul li:nth-child(2n){ margin-right: 0;}
.aboutlist ul li .icon{ height: auto; padding: 5px;}


.bannerPage{ width: 100%; height:220px; position: relative; overflow: hidden;}
.bannerPage img{ display:none; position: absolute; left: 50%; transform: translate(-50%,-50%); height: 100%; width: auto;}
.bannerPage img.app{ display: block;}
}