@charset "utf-8";
@font-face {
  font-family: 'fzbsjt';
  src: url('../font/fzbsjt.eot');
  src:
    url('../font/fzbsjt.eot?#font-spider') format('embedded-opentype'),
    url('../font/fzbsjt.woff') format('woff'),
    url('../font/fzbsjt.ttf') format('truetype'),
    url('../font/fzbsjt.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin:0 auto; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight: normal;}
fieldset, img{vertical-align:middle; border:none;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "宋体",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{font-size:12px; margin:0;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{resize:none; font-family: "微软雅黑",Arial,sans-serif;}
body{color:#333; font:12px "微软雅黑",Arial,sans-serif; background:#fff;}
a{color:#666; text-decoration:none;}
i, em{ font-style:normal;}
.clearfix:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{zoom:1;}
.clearit{clear:both; height:0; font-size:0; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.auto{ margin-left:auto; margin-right:auto;}
/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}
/*transition*/
.tran200{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease;}
.tran400{-webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease;}
/*网页限定宽度*/
.con_1002{ margin:0 auto; position:relative; width:1002px;}
.con_1002:after{content:""; display:block; height:0; clear:both;}
.c_height{height: 10px;}
.mg{margin:0 auto;}
.top{position: relative; width: 100%; height: 190px;}
.top .head{ height: 50px;background: #303030; line-height: 50px;}
.top .head .icon1{ float: left; padding: 12px 0; height: 26px;}
.top .head .icon1 a.qq{display: block;float: left; margin-right: 10px; width: 26px; height: 26px; background: url(../images/qww.png) no-repeat 0 0;}
.top .head .icon1 a.weixin{display: block;float: left; margin-right: 10px; width: 26px; height: 26px; background: url(../images/qww.png) no-repeat 0 -27px;}
.top .head .icon1 .wx_ewm{display:none; z-index:999999; position:absolute; top:50px; left:-10px; width:130px; height:130px;}
.top .head .icon1 .wx_ewm img{width:100%; height:100%;}
.top .head .icon1 a.weibo{display: block; float: left; margin-right: 10px; width: 26px; height: 26px; background: url(../images/qww.png) no-repeat 0 -54px;}
.top .head .icon1 a.qq:hover{background-position: -27px 0;}
.top .head .icon1 a.weixin:hover{background-position: -27px -27px;}
.top .head .icon1 a.weibo:hover{background-position: -27px -54px;}
.top .head .icon1 a.weixin.on{background-position: -27px -27px;}
.top .head .tel{float: right; color: #fff;}
/* .top .t_nav{height: 140px;} */
.top .t_nav .logo{float: left; margin-top: 20px;}
.top .t_nav ul.nav{float: right; /*width: 735px;*/}
.top .t_nav ul.nav li.nLi{position:relative; float: left; margin-left: 21px;  border-bottom: 4px solid transform; width: 70px; height: 136px; width: 88px;}
.top .t_nav ul.nav li.nLi h3 a{display: block; height: inherit;}
.top .t_nav ul.nav li.nLi h3 span{display: block; padding-top: 60px; font-size: 14px; text-align: center; color: #273a4f;}
.top .t_nav ul.nav li.nLi h3 em{display: none;margin-top: 15px; height: 6px; background:url(../images/icon1.png) no-repeat center;}
.top .t_nav ul.nav li.nLi:hover{border-bottom: 4px solid #273a4f; background: #ecf0f1;}
.top .t_nav ul.nav li.nLi:hover h3 em{display: block;}
.top .t_nav ul.nav li.nLi.on{border-bottom: 4px solid #273a4f; background: #ecf0f1;}
.top .t_nav ul.nav li.nLi.on h3 em{display: block;}
.top .t_nav ul.nav li.nLi .navSub{position: absolute;left: 50%;margin-left: -75px;top: 100%;background: #fff;text-align: center;width: 150px;display: none;}
.top .t_nav ul.nav li.nLi .navSub li a{display: block;font-size: 13px;color: #555;line-height: 24px;padding: 4px 3px;}
.top .t_nav ul.nav li.nLi .navSub li a:hover{color: #0097e0;}

.fullSlide {overflow:hidden; position: relative; width:100%; height:798px;}
.fullSlide .bd{ overflow:hidden; z-index:0; position:relative; margin:0 auto;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd ul li{ width:100% !important;}
.fullSlide .bd ul li a{ display: block; height:798px; background-position:top center; background-repeat:no-repeat;}
.fullSlide .hd { position:absolute; left:0; bottom:10px; z-index:1; width:100%; text-align:center;}
.fullSlide .hd ul li{ display:inline-block; zoom:1; margin:0 4px; width:8px; height:8px; font-size:0; background:url(../images/dot.png) no-repeat 0 0; cursor:pointer;}
.fullSlide .hd .on{ background-position:0 -10px;}
/*共用部分*/
.tit{margin-bottom: 40px; padding-bottom: 15px; text-align: center; background: url(../images/icon2.jpg) no-repeat center bottom;}
.tit h2{font-size: 28px; color: #555;display: none;}
.tit span{display: block;font-size: 28px; color: #555; text-transform: uppercase;}
a.v_more{display: block; border-radius:15px; width: 120px; height: 29px; text-align: center; line-height: 29px; color: #2d3e50;text-transform: uppercase; background: #e5e5e5;}
a.v_more:hover{color: #fff; background: #0097e0;}
a.v_more.on{color: #fff; background: #0097e0;}
/*index*/
.index_pro{padding: 60px 0 70px;}
.index_pro ul.imgList{padding: 0 10px;}
.index_pro ul.imgList li{float: left;margin-right: 20px;  width: 314px; height:340px;}
/*.index_pro ul.imgList li.last{margin-right: 0;}*/
.index_pro ul.imgList li .IMG{display: block; overflow: hidden; width: 314px; height: 175px;}
.index_pro ul.imgList li .IMG img{width: 100%; height: 100%;}
.index_pro ul.imgList li .IMG:hover img{filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;}
.index_pro ul.imgList li .imgtit{padding:0 29px 0 20px; width: 265px; height: 140px; text-align: left; background: #0097e0;}
.index_pro ul.imgList li .imgtit h3{padding-top: 15px; padding-bottom: 10px; font-size: 16px; font-weight: bold; color: #fff;}
.index_pro ul.imgList li .imgtit p{line-height: 20px; color: #fff; filter: alpha(opacity=60); -webkit-opacity: 0.6; -moz-opacity: 0.6;  opacity: 0.6; }
.index_about{width: 100%; height: 532px; background: #f8f8f8;}
.index_about .about_intro{margin:0 auto; padding: 60px 0; /*115px*/ height: 489px;}
.index_about .about_intro .intro_img{display: block; overflow: hidden; float: left; width: 470px; height: 297px;}
.index_about .about_intro .intro_img img{width: 100%; height: 100%;object-fit: cover;}
.index_about .about_intro .intro_img:hover img{filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;}
.index_about .about_intro .intro_tit{float: right; width: 425px;}
.index_about .about_intro .intro_tit h3{padding:24px 0; font-size: 20px; color: #3d3d3d;}
.index_about .about_intro .intro_tit span{display: block; padding-bottom: 40px; color: #3d3d3d; }
.index_about .about_intro .intro_tit p{line-height: 23px;color: #777;}
.index_case{padding-top: 70px; /*height: 600px;*/}
.slide_case{ width:100%;}
.slide_case .hd{ position:relative; margin-bottom: 50px; height:29px; line-height:29px;}
.slide_case .hd ul{ border-radius: 15px;width: 420px; text-align: center; background: #e5e5e5;}
.slide_case .hd ul li{ display: inline-block; border-radius:15px; min-width: 100px;  font-size: 14px; color: #555; cursor:pointer;box-sizing: border-box;padding: 0 8px; }
.slide_case .hd ul li.on{ height:29px; color: #fff; background:#0097e0;}
.slide_case .bd ul{}
.slide_case .bd li{display: block; overflow: hidden; float: left;position: relative; width: 250px; height:203px; cursor: pointer;}
.slide_case .bd li img{width: 100%; height: 100%;}
.slide_case .bd li .wrap{display: none; position: absolute;top: -203px; left: 0; width: 100%; height: 100%; background:url(../images/wrap_bg.png) repeat;}
.slide_case .bd li .wrap h3{padding:65px 0 37px; font-size: 16px; font-weight: bold;text-align: center; color: #fff;}
.slide_case .bd li .wrap a.more{display: block; margin:0 auto; border:1px solid #fff; border-radius:15px; width: 120px; height: 29px; line-height: 29px;text-align: center; color: #fff; text-transform: uppercase;}
.slide_case .bd li .wrap a.more:hover{border:1px solid #0097e0; color: #fff; background: #0097e0;}
.index_news{padding-top: 70px;}
.index_news ul.newsList{padding-top: 20px;}
.index_news ul.newsList li{float: left; position:relative; padding:0 35px; width: 180px; height: 360px; text-align: center;}
.index_news ul.newsList li .icon_img{position:relative; margin:0 auto; width: 158px; height: 158px;background: url(../images/icon_bg1.png) no-repeat; }
.index_news ul.newsList li .icon_img .img{display: block; overflow: hidden;z-index: -1; position:absolute; top: 0; left: 0; width: 158px; height: 158px;}
.index_news ul.newsList li .icon_img .img img{width: 100%; height: 100%;object-fit: cover;}
.index_news ul.newsList li h3{padding:30px 0 20px; font-size: 14px; font-weight: bold; color: #393939;}
.index_news ul.newsList li p{padding-bottom: 30px; line-height: 23px; color: #3d3d3d;}
.index_contact{margin-top: 70px; width: 100%; height: 598px; background:url(../images/index_img9.jpg) no-repeat center;}
.index_contact .contact_us{padding-top: 40px;}
.index_contact .contact_us .form{ margin-bottom: 20px; border-bottom: 2px solid #dadada; border-radius:5px; width: 570px; height: 40px; line-height: 40px; background: #fff;}
.index_contact .contact_us .form .lab{float: left; width: 80px; height: inherit; font-size: 14px; text-align: center; color: #cbcbcb;}
.index_contact .contact_us .form input[type="text"]{float: left; width: 490px; width: 480px\9; height: 40px; border: none; font-size: 14px; color: #555; background: none; outline: none;}
.index_contact .contact_us textarea{margin-bottom: 20px; width: 570px; height: 199px; border: none; font-size: 14px; color: #555; text-indent:20px; background: #fff; outline: none;}
.index_contact .contact_us .send{border:none; border-radius:5px; border-bottom: 1px solid #30a570; width: 570px; height: 40px; font-size: 16px;font-weight: bold; color: #fff; text-align: center;  line-height: 40px; background: #3ccb89; cursor: pointer;}
.ny_banner{height: 500px; background-position: center; background-repeat: no-repeat;}
.ny_con{position:relative; padding-top: 30px; padding-bottom: 60px; min-height: 500px;}
ul.ny_nav{margin-bottom: 40px; width: 100%; height: 40px; line-height: 40px;	 text-align: center; background: #e5e5e5;}
ul.ny_nav li{float: left; width: 200px; height: inherit; }
ul.ny_nav li a{font-size: 14px; color: #555;}
ul.ny_nav li:hover{background: #273a4f;}
ul.ny_nav li:hover a{color: #fff;}
ul.ny_nav li.on{background: #273a4f;}
ul.ny_nav li.on a{color: #fff;}
ul.pro_list{padding-bottom: 60px;}
ul.pro_list li{height: 300px;}
ul.pro_list li .pro_img{display: block; overflow: hidden; float: left; width: 450px; height: 300px;}
ul.pro_list li .pro_img img{width: 100%; height: 100%;}
ul.pro_list li .pro_img:hover img{filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;}
ul.pro_list li .pro_intro{float: left; padding:40px 140px 20px 50px; width: 362px; height:240px; /*padding:95px 145px 95px 50px; width: 405px;*/ }
ul.pro_list li .pro_intro h3{font-size: 16px; font-weight: bold; color: #4e4e4e;}
ul.pro_list li .pro_intro p{overflow: hidden; padding:30px 0 40px;  height: 88px; line-height: 22px; color: #555;}
ul.pro_list li:hover{background: #f4f3f1;}
ul.pro_list li.on{background: #f4f3f1;}
ul.pic_img{}
ul.pic_img li{float: left; margin-right: 20px; margin-bottom: 40px;  width: 314px; /*height: 340px;*/}
ul.pic_img li.last{margin-right: 0;}
ul.pic_img li .IMG{display: block; overflow: hidden; width: 314px; height: 200px;}
ul.pic_img li .IMG img{width: 100%; height: 100%;}
ul.pic_img li .IMG:hover img{filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;}
ul.pic_img li .imgtit{padding:0 29px 0 20px; width: 265px; height: 140px; text-align: left; background: #f7f5ed;}
ul.pic_img li .imgtit h3{padding-top: 15px; padding-bottom: 10px; font-size: 16px; font-weight: bold;}
ul.pic_img li .imgtit p{font-size: 12px; line-height: 20px; text-align: left; color: #000; filter: alpha(opacity=60); -webkit-opacity: 0.6; -moz-opacity: 0.6;  opacity: 0.6; }
ul.pic_img li p{font-size: 16px; line-height: 30px; text-align: center;}
ul.pic_img li p a{ color: #000;}
ul.pic_img li:hover .imgtit{background: #0097e0;}
ul.pic_img li:hover .imgtit h3{color: #fff;}
ul.pic_img li:hover .imgtit p{color: #fff;}
ul.pic_img li p a:hover{color: #0097e0;}
.page_change{ margin:20px 0; text-align:center;}
.page_change a{display: inline-block;  margin-right:10px; width:30px; height:30px;font-family:"微软雅黑"; font-size: 14px; line-height:30px;  color:#333;-webkit-transition:all .1s linear; transition:all .1s linear;}
.page_change a:hover{color:#fff; background:#273a4f;}
.page_change a.on{color:#fff; background:#273a4f;}
.page_change a.first{font-size: 25px;  line-height: 23px; color: #645448;}
.page_change a.first:hover{background: #ede9e8;}
.page_change a.first.on{background: #ede9e8;}
.final_page{min-height:500px; padding-top: 20px; padding-bottom: 30px;font-size: 14px;line-height: 1.8;}
.final_page *{max-width: 100% !important;}
.final_page img{height: auto !important;}
.final_page .art_title{ margin-bottom:30px; padding-bottom:20px; text-align:center;}
.final_page .art_title h4{font-size: 28px; color: #3ccb89; text-align: center;}
.final_page .art_title span{display: block; text-align: center; color: #626262; text-transform: uppercase;}
.final_page .art_title h3{ font-size:17px; color:#4d5260;}
.final_page .art_title .info{ margin-top:15px; font-size:12px; color:#aaa;}
.final_page .art_title .info span{ display:inline-block; margin:0 10px;}
.final_page p{ margin-bottom:15px;}
.final_page img{ display:block; margin:0 auto 15px; max-width:100%;}
.footer{width: 100%; height: 370px; background: #535353; }
.foot{padding-top: 48px; height: 272px;}
.foot .lx{float: left; width: 270px;}
.foot .lx .lx_tit{margin-bottom: 25px; padding-bottom: 25px; height: 20px; background: url(../images/line_img.jpg) no-repeat left bottom;}
.foot .lx .lx_tit span{float: left; font-size: 18px; color: #fff;}
.foot .lx .lx_tit i{float: left; font-size: 16px; color: #d56e71; text-transform: uppercase; text-indent: 15px;}
.foot .lx h3{padding-bottom: 10px; font-size: 16px; font-weight: bold; color: #fff;}
.foot .lx h3 em{font-style: italic;}
.foot .lx p{line-height: 30px; color: #e4e4e4;}
.foot .f_nav{float: left; width: 450px;}
.foot .f_nav dl{float: left; padding-right: 20px; width: 85px; }
.foot .f_nav dt{padding-bottom: 30px; font-size: 16px; color: #fff;}
.foot .f_nav dd{padding-bottom: 15px; }
.foot .f_nav dd a{color: #e4e4e4;}
.foot .f_nav dd a:hover{color: #fff;}
.foot .ewm{float: right; width: 185px; text-align: center;}
.foot .ewm p{line-height: 40px;color: #fff;}
.copy{height: 50px; line-height: 50px; background: #303030;}
.copy p{color: #e4e4e4;}
.copy p a{color: #e4e4e4;}
.copy p a:hover{text-decoration: underline;}
.text_zip1{font-family: "fzbsjt";}

/*20200427*/
.top .t_nav .logo{margin-top: 30px;}
.index_pro ul.imgList li .imgtit p{max-height: 60px;overflow: hidden;}
.slide_case .hd ul{width: 725px;}

/*20200507*/
.fullSlide{position: relative;}
.fullSlide .prev,
.fullSlide .next{width: 100px;height: 100px;position: absolute;top:50%;margin-top: -50px;background: url(../images/leftArr1.png) no-repeat left top;opacity: 0;
-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;z-index: 9;cursor: pointer;}
.fullSlide .prev{left: 0;}
.fullSlide .next{right: 0;left: auto;background-image: url(../images/rightArr1.png);}
.fullSlide:hover .prev{left: 5%;opacity: 1;}
.fullSlide:hover .next{right: 5%;opacity: 1;}
.fullSlide .hd{bottom: 50px;}


.picScrollLeft{position: relative;}
.picScrollLeft .prev,
.picScrollLeft .next{width: 44px;height: 44px;position: absolute;top:50%;margin-top: -50px;background: url(../images/leftArr.png) no-repeat left top;background-size: 100% 100%;
-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;z-index: 9;cursor: pointer;}
.picScrollLeft .prev{left: -50px;}
.picScrollLeft .next{right: -50px;left: auto;background-image: url(../images/rightArr.png);}
.index_pro ul.imgList li{width: 320px;}
.picScrollLeft .hd{overflow: hidden;}

.top{height: 140px;position: relative;z-index: 99;}
.index_pro ul.imgList li .imgtit h3{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



.float{position: fixed;right: 0;top:30%;z-index: 999;width: 50px;}
.float ul li{margin-bottom: 5px;position: relative;cursor: pointer;}
.float ul li a{display: block;width: 100%;height: 50px;background: #cacaca url(../images/floatIcon.png) no-repeat left top;position: relative;z-index: 2;}
.float ul li:hover a{background-color: #0097e0;}
.float ul li.li2 a{background-position: left -50px;}
.float ul li.li2 p{position: absolute;right: 50px;top: 0;height: 50px;width: 120px;background: #0097e0;box-sizing:border-box;padding: 0 12px;font-size: 14px;line-height: 50px;display: none;font-family: "HELVETICABOLD";color: #fff;}
.float ul li.li2:hover p{display: block;}
.float ul li.li3 a{background-position: left -100px;}
.float ul li.li4 a{background-position: left -150px;}

.float ul li .codeImg{position: absolute;right: 50px;padding-right: 12px;display: none;top:50%;margin-top: -54px;}
.float ul li .codeImg:before{content: "";    width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;
border-left:10px solid #eee;position: absolute;right:3px;top:50%;margin-top: -10px;}
.float ul li .codeImg .pic{width: 100px;height: 100px;padding: 4px;background: #eee;}
.float ul li .codeImg .pic img{width: 100%;height: 100%;}

.index_about .about_intro .intro_tit{font-size: 14px;line-height: 24px;width: 490px;padding-top: 20px;max-height: 268px;overflow: hidden;}

ul.ny_nav{height: auto;}
.foot .ewm img{width: 124px;height: 124px;}

.language{float: right;margin-left: 20px;font-size: 14px;line-height: 140px;}
.language a:hover{color: #0097e0;}

.top .t_nav .logo{margin-top: 15px;}
.top .t_nav .logo img{height: 100px;}
.top .t_nav ul.nav li.nLi{margin-left: 0;}

.ny_banner{background-size: cover;}
.index_contact .contact_us .form input[type="text"]{width: 480px;}
.index_pro ul.imgList li.last{margin-right: 0;}
.index_pro ul.imgList li{width: 312px;}
.top{height: auto;}

.top .head .icon1 a.weixin{position: relative;}
.top .head .icon1 a.weixin .codeImg{position: absolute;left: 50%;margin-left: -75px;top: 27px;z-index: 8;display: none;}
.top .head .icon1 a.weixin .codeImg .pic{width: 130px;height: 130px;background: #ecf0f1;padding: 5px;}
.top .head .icon1 a.weixin .codeImg .pic img{width: 100%;height: 100%;}
.top .head .icon1 a.weixin .codeImg i{display: block;margin: 0 auto;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #ecf0f1;}

.slide_case .bd li .wrap h3{padding:65px 10px 0; font-size: 14px;line-height: 20px;margin-bottom: 37px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.index_contact .contact_us .form.formCode{padding-right: 100px;position: relative;box-sizing:border-box;overflow: hidden;}
.index_contact .contact_us .form.formCode .pic{width: 100px;height: 40px;position: absolute;right: 0;top:-2px;}
.index_contact .contact_us .form.formCode .pic img{width: 100%;height: 100%;cursor: pointer;}
.index_contact .contact_us textarea{height: 140px;}
.index_contact .contact_us .form.formCode input[type="text"]{width: 380px;}

.foot .f_nav{width: 520px;}
.foot .f_nav dl{width: 80px;padding-right: 0;}

.top .head{display: none;}
.top .t_nav .logo{margin-top: 20px;}
.top .t_nav .logo img{height: 100px;}
.top .t_nav ul.nav li.nLi{min-width: 100px;box-sizing: border-box;white-space: nowrap;}


.foot .f_nav dl{min-width: 110px;padding-right: 20px;}
.foot .f_nav dl:last-child{padding-right: 0;}
.foot .f_nav dt a{color: #fff;}

.index_contact .contact_us .form .lab{display: none;}
.index_contact .contact_us .form input[type="text"],
.index_contact .contact_us textarea{width: 100%;box-sizing:border-box;padding-left: 12px;}
.index_contact .contact_us textarea{width: 570px;border-bottom: 2px solid #dadada;text-indent: 0;padding-top: 5px;}