@charset "utf-8";
/* CSS Document */
.banner {width: 100%; height:auto;min-width: 1200px;}
.banner .swiper-slide{background-position: center;background-size: cover;position: relative;}
.banner .swiper-slide a{display: block;height: auto;}
.banner .swiper-slide img{display:block; width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}

.swiper-button-next, .swiper-button-prev{width: 50px;height: 50px;margin-top: -25px;}
.banner .left{right: 5%;outline: medium;color: #FFF;}
.banner .right{left: 5%;outline: medium;height: 50px;color: #FFF;}
.swiper-pagination-bullet{width: 14px;height: 14px;outline: medium;background: #f08300;opacity: 1;}
.swiper-pagination-white .swiper-pagination-bullet-active{background: #FFF;opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 40px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}


.content{width: 100%;}

.tage{width: 100%; padding: 14px 0;border-bottom: 1px solid #e2e2e2; overflow: hidden;}
.tage p{line-height: 40px;float: left;}
.tage p a{padding:0 6px;}
.tage .search{float: right;width: 28%;}
.tage .search .input_txt{width:calc(100% - 22%);height: 36px;border:1px solid #CCC;border-right: none;float: left;outline: medium;padding-left: 5px; font-size: 14px;}
.tage .search .input_btn{width: 22%;height: 36px;border:none;background: #e92a3a;float: right;outline: medium;background: url(../images/search.jpg) no-repeat;cursor: pointer;}


/*文字屑*/
.Titles{text-align: center; margin-bottom: 20px;}
.Titles span{color: #333;font-size: 15px;margin-top: 5px;display: block;}
.Titles h2{font-size:28px; color: #222;  font-weight: 600;}
.Titles var{height: 3px;background: #f08200;width:42px;display: inline-block;vertical-align: middle;margin: 0 20px;}
.Titles p{display: block;font-size: 15px;color: #666;font-weight: normal; padding:5px 0 0;}


/*产品展示*/
.cpzs_bj{width:100%; padding:36px 0 48px; background:#fff; overflow: hidden;}
.cpzs_l{width:270px; float:left;}
.cpzs_l .cpzs_l_bt{width:100%; overflow:hidden; padding:25px 30px 32px 30px; border-radius:8px 8px 0 0; background:#1497e3 url(../images/l_pic01.png) left top no-repeat;}
	
.cpzs_l .cpzs_l_bt .cpzs_l_bt_kj{float:left; color:#fff; padding-right:28px; background:url(../images/cpzs_l_dh_bt.png) right center no-repeat;}
.cpzs_l .cpzs_l_bt .cpzs_l_bt_kj .cpzs_l_bt_t{font-size:26px; line-height:32px;}
.cpzs_l .cpzs_l_bt .cpzs_l_bt_kj .cpzs_l_bt_b{color:#eee; font-size:13px; line-height:18px; margin-top:0; text-transform:uppercase;}
.cpzs_l .cpzs_l_dh{width: 100%; overflow: hidden;}

.cpzs_l .cpzs_l_dh ul li{overflow:hidden; border-left:5px #1497e3 solid; border-right:5px #1497e3 solid;position:relative;}
.cpzs_l .cpzs_l_dh ul li:after{content:""; width:90%; height:1px; background:#eee; position:absolute; bottom:0; left:5%;}
.cpzs_l .cpzs_l_dh ul li:last-child:after{background:none;}
.cpzs_l .cpzs_l_dh ul li a{display:block; line-height:32px; padding:10px 0; font-size:14px; padding-left:40px; background:url(../images/cpzs_l_dh_ej.png) 20px center no-repeat;}
.cpzs_l .cpzs_l_dh ul li:hover a{color:#00448b; background:#f2f2f2 url(../images/cpzs_l_dh_ej2.png) 20px center no-repeat;}

.cpzs_l .btm{width: 100%; background:#0f99e2; color:#fff; padding: 6px 0 12px; overflow: hidden;}
.cpzs_l .btm img{ margin:4px auto;max-width: 100%;}
.cpzs_l .btm p{font-size:16px; line-height:32px;padding-left:22px;}
.cpzs_l .btm span{font-size:25px;padding-left:22px; padding-bottom: 8px; display: block;}

.cpzs .cpzs_r{width:calc(100% - 300px); float:right;}
.cpzs .cpzs_r .cpzs_r_bt{width:100%; color:#fff; line-height:20px; padding:18px 15px; overflow:hidden;  border-radius:8px 8px 0 0; background:#0f99e2;}
.cpzs .cpzs_r .cpzs_r_bt .cpzs_r_bt_l{float:left; font-size:18px; font-weight:bold; padding-left:15px; border-left:3px #fff solid;}
.cpzs .cpzs_r .cpzs_r_bt .cpzs_r_bt_r{float:right;}
.cpzs .cpzs_r .cpzs_r_bt .cpzs_r_bt_r a{color:#fff;}
.cpzs .cpzs_r .cpzs_r_b{padding:18px; border-radius:0 0 8px 8px; border:1px #ddd solid; border-top:none; background:#fff;}
.cpzs .cpzs_r .cpzs_r_b ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpzs .cpzs_r .cpzs_r_b ul li{width:31.333%; float:left; margin-top:2.2%; margin-left:2%;}
.cpzs .cpzs_r .cpzs_r_b ul li .cpzs_r_b_kj_img{width:99%;border: 1px solid #ccc;overflow:hidden;}
.cpzs .cpzs_r .cpzs_r_b ul li .cpzs_r_b_kj_img img{transition:all 0.5s;max-width: 100%;}
.cpzs .cpzs_r .cpzs_r_b ul li:hover .cpzs_r_b_kj_img img{transform:scale(1.1);}
.cpzs .cpzs_r .cpzs_r_b ul li .cpzs_r_b_kj_wz{font-size:15px; text-align:center; margin-top:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cpzs .cpzs_r .cpzs_r_b ul li:hover .cpzs_r_b_kj_wz{color:#1070dc;}


/*广告条*/
.ban01{ background:url(../images/ban01.jpg) no-repeat center 0; padding:45px 0 72px; color: #fff; overflow:hidden;}
.ban01 .hot-phone{width: 270px;background:rgba(240,130,0,0.85);color: #fff;text-align: center;padding: 12px 0;box-sizing: border-box; line-height: 25px; margin-top: 20px; overflow: hidden;}
.ban01 .hot-phone h4{font-size: 18px;}
.ban01 .hot-phone strong{font-size: 26px;font-weight: normal;display: block;margin: 10px 0;}
.ban01 .hot-phone a{width: 120px;height: 32px;line-height: 32px;display: block;background: #fff;font-size: 15px;color: #e61a0f;margin: 8px auto;}


.whychooseus{background:#fff; width: 100%; overflow: hidden; display: none;}
.whychooseus h2{height: 100%; padding:40px 0; overflow: hidden;}
.whychooseus h2 img{max-width: 100%;}
.whychooseus .box-item{padding: 10px 0;display: flex;flex-direction: row;justify-content: space-between;align-items: center;background: url(../images/leftbg.jpg) no-repeat left bottom;overflow: hidden;}
.whychooseus .box-item:first-child{padding-top: 50px;}
.box-item .box-left{width: 50%;float: left;overflow: hidden;}
.box-item .box-left .img{margin-right: 10px;width: 54px;float: left;}
.box-item .box-left .content{width: calc(100% - 75px);float: right;}
.box-item .box-left .content h3{color: #383838;font-size: 24px;font-weight: bold;line-height: 38px;}
.box-item .box-left .content ul,
.box1 .box-item .box-left .content p{line-height: 32px;font-size: 15px;color: #373737;padding-top: 20px;}
.box-item .box-left .content ul li{display: flex;flex-direction: row;flex-wrap: nowrap;color: #373737;}
.box-item .box-left .content ul li i{width: 28px; height: 28px; color: #cd121b;font-size: 18px;background: url(../images/done.jpg) no-repeat left 10px;}
.box-item .box-right{width: 45.5%;float: right;text-align: right;overflow: hidden;}
.box-item .box-right img{max-width: 100%;}
.whychooseus .c2{background: url(../images/leftbg.jpg) no-repeat right bottom;}
.whychooseus .c2 .box-left{order: 2}
.whychooseus .c2 .box-right{order: 1}
.whychooseus .c2 .box-right img{float: left;}
.item-foot{width: 100%;background: url(../images/qbg2.jpg) no-repeat left bottom;height: 44px;}
.item-foot2{width: 100%;background: url(../images/qbg3.jpg) no-repeat left bottom;height: 44px;}
.whychooseus .box-item:last-child{padding-bottom: 0;}


.index_about{background:#f5f5f5; padding:38px 0;border-top:2px solid #e5e5e5; border-bottom: #e5e5e5 2px solid; overflow: hidden;}
.index_about .id_ab{margin-top: 45px; overflow: hidden;}
.index_about .id_ab .left{width: 50%;float: left;padding-top: 15px;}
.index_about .id_ab .left h4{font-size: 24px;}
.index_about .id_ab .left p{padding-top: 15px;line-height: 30px;}
.index_about .id_ab .pic{width: 45%;float: right; }
.index_about .id_ab .pic img{width: 100%;}


.index_about .id_ab .left .more{ width:135px; line-height:37px; text-align:center; border: 1px solid #01589b; background:#fff;margin-top: 20px; display: block;}
.index_about .id_ab .left .more a { display:block; color:#333; font-size: 15px;}
.index_about .id_ab .left .more:hover{background:#01589b; }
.index_about .id_ab .left .more:hover a{color:#fff;}


.dsanp{max-width: 1200px;margin:25px auto; }
.dsanp .gc{margin-top: 30px;}
.dsanp .swiper-slide img{width:100%;}
.dsanp .swiper-slide p{width:100%; line-height: 42px;text-align: center; font-size: 15px;color: #fff; position:absolute; bottom:0; display:block; background:#000; filter:alpha(opacity=80);  -moz-opacity:0.8;  opacity:0.8;transition: .35s;}
.dsanp .swiper-slide:hover p{ background:#df0001; filter:alpha(opacity=80);  -moz-opacity:0.8;  opacity:0.8;transition: .35s;}



/*news*/
.gnews {margin: 25px auto 35px;overflow: hidden;}
.gnews .newsleft{ overflow:hidden; width:64%;  background-color:#f6f6f6; float:left;}
.gnews .menu{ overflow:hidden; width:100%; height:60px; padding-bottom:7px; margin-bottom:20px;}
.gnews .menu li{ float:left; width:50%; height:54px; border:2px solid #0f99e2; text-align:center; line-height:54px; font-size:18px; color:#1b1b1b; background-color:#fff; position:relative}
.gnews .menu li a{ display:block; text-decoration:none;}
.gnews .menu li img{ display:none; position:absolute; left:50%; margin-left:-6px; bottom:-9px;}
.gnews .menu li.cur{ background-color:#0f99e2; font-weight: bold}
.gnews .menu li.cur a{ color:#fff;}
.gnews .menu li.cur img{ display:block}
.gnews .listbox { overflow:hidden; width:100%; position:relative}
.gnews .list{ overflow:hidden; width:97%; height:100%; margin: 0 1.5%;}
.gnews .list dl{ overflow:hidden; width:100%; margin:0 auto;margin-bottom:15px;}
.gnews .list dt{ float:left; width:34%; border:6px solid #fff;}
.gnews .list dt img{width: 100%;display: block;}
.gnews .list dd{ overflow:hidden; float:right; width: calc(100% - 36%); }
.gnews .list h3{ font-size:17px; margin:14px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.gnews .list h3 a{ color:#1b1b1b;}
.gnews .list p{ font-size:13px; line-height:28px; color:#585657; height:84px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.gnews .list ul{ overflow:hidden; width:735px; margin:0 auto}
.gnews .list li{ overflow:hidden; width:100%; height:42px; margin-bottom:10px; background-color:#fff;}
.gnews .list li .time{ height:42px;  float:left; overflow:hidden; text-align:center; color:#fff;}
.gnews .list li .time img{    margin-top: 20px;
    margin-left: 10px;}
.gnews .list li .time span{ display:block; font-size:20px; font-family:Arial; margin-top:3px;}
.gnews .list li .time em{ display:block; font-size:12px; font-family:Arial;}
.gnews .list li a{ display:block; line-height:42px; font-size:14px; float:left}
.gnews .list li .xbtitle{width: 80%;margin-left: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #585657;}
.gnews .list li .more{ float:right; text-transform:uppercase; color: #999999;margin-right:20px; line-height: 42px;}
.gnews .list li:hover a.title{ color:#7baf10;}

.gnews .newsright { overflow:hidden; width:33%; height:486px; background-color:#f6f6f6; float:right}
.gnews .newsright h3{ font-weight:normal; padding:0 3%; width:100%; height:58px; background-color:#0f99e2; line-height:58px; overflow:hidden;}
.gnews .newsright h3 a{ text-decoration:none; color:#fff;}
.gnews .newsright h3 b{ float:left; font-size:18px;}
.gnews .newsright h3 span{ float:left; font-size:12px; font-family:Arial; margin-left:5px; line-height:65px;}
.gnews .newsright h3 em{ font-size:13px; float:right; text-transform:uppercase}
.gnews .wenda { overflow:hidden; width:93%; height: 380px;  margin:20px auto; position:relative}
.gnews .wenda ul{ overflow:hidden; width:100%; position:absolute}
.gnews .wenda li{ overflow:hidden; height:139px; border-bottom:1px dotted #ddd; margin-bottom:12px;}
.gnews .wenda li h5{ font-weight:normal; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:30px; background:url(../images/wen.png) left center no-repeat; line-height:24px; margin-bottom:18px;}
.gnews .wenda li p{ padding-left:30px; background:url(../images/da.png) no-repeat left top; font-size:13px; line-height:25px; color:#585657;  height:75px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}



/*content*/
.ny_banner{width: 100%; overflow: hidden;}
.ny_banner img{display:inline-block;max-width:100%;}
.plc{width: 100%; padding: 6px 0; margin-bottom: 15px; overflow: hidden;}
.p12-curmbs-1{font-size: 15px;border-bottom: 1px dashed #dcdcdc;}
.p12-curblock{display: none;}
.p12-curmbs-1 b{border-left: 8px solid #0f99e2;font-weight: normal;padding-left: 8px;}
.p12-curmbs-1 i{font-style: normal;}
.p12-curmbs-1 span{padding: 0 5px;height: 50px;line-height: 50px;}


.tl-fdh-02{height: 55px;background: #e2e2e2; margin-bottom: 20px;overflow: hidden;}
.tl-fdh-02 li{width: 16.667%;height: 55px;font-size: 18px;line-height: 55px;text-align: center;float: left;border-right: 1px solid #fff;background: #e2e2e2;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;box-sizing: border-box;}
.tl-fdh-02 li a{display: block;height: 55px;color: #333;}
.tl-fdh-02 li.sidenavcur, .tl-fdh-02 li:hover{background: url(../images/p16-icon6.png) no-repeat bottom center #0f99e2;border-color: #0f99e2;}
.tl-fdh-02 li.sidenavcur a, .tl-fdh-02 li:hover a{color: #fff;}

.blk-xs{width:23%;}
.blk-sm{width:calc(100% - 26.5%);}

.fdh-01{width: 100%; overflow: hidden;}
.fdh-01-tit{background: #0f99e2;height: 75px;}
.fdh-01-tit h2{height: 75px;font-size: 24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}
.fdh-01-tit h2 span{font-size: 14px;text-transform: uppercase;}
.fdh-01-nav-one h3{height: 50px;line-height: 50px;background: url(../images/p14-icon2.png) no-repeat right center #ececeb;margin-bottom: 2px;}
.fdh-01-nav-one h3 a{display: block;font-size: 16px;font-weight: normal;margin-right: 40px;margin-left: 38px;color: #666;}
.fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover{background: url(../images/p14-icon2.png) no-repeat right center #0f99e2;}
.fdh-01-nav-one h3.sidenavcur a, .fdh-01-nav-one h3:hover a{color: #fff;}
.fdh-01-nav dl{padding: 2px 0 4px;}
.fdh-01-nav dt{height: 50px;font-size: 16px;line-height: 50px;padding-left: 54px;padding-right: 40px;margin-bottom: 1px;background: #ececec;position: relative;}
.fdh-01-nav dt:after{content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after{border-color: #0f99e2;}
.fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a{color: #0f99e2;}
.fdh-01-nav dd{border: 1px solid #ececec;border-bottom: 0;}
.fdh-01-nav p{height: 50px;font-size: 14px;line-height: 50px;padding-left: 72px;padding-right: 40px;border-bottom: 1px solid #ececec;background: #fff;position: relative;}
.fdh-01-nav p.sidenavcur a, .fdh-01-nav p:hover a{color: #0f99e2;}
.fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after{background: #0f99e2;}
.fdh-01-nav a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 

.cl-cbgg-tys-02{height: 108px;margin: 10px 0 25px; background:#0f99e2;} 
.cl-cbgg-tys-02-tel{height: 90px;padding-top: 25px; padding-left: 12px; background:url(../images/cl-cbgg-tys-icon2.png) no-repeat 93% 26px; background-size: 50px;} 
.cl-cbgg-tys-02-tel span{display: block; font-size: 15px; line-height: 25px; color: #fff;  }
.cl-cbgg-tys-02-tel em{font-style: normal; font-size: 23px;font-weight: bold; color: #fff; line-height: 35px;}

.cplb-01-tit{height: 48px;border-bottom: 2px solid #d4d4d4;margin-bottom: 18px;}
.cplb-01-tit h4{height: 48px;display: inline-block;font-size: 22px;font-weight: normal;line-height: 48px;padding-right:10px;border-bottom: 2px solid #00448b; color: #333;} 

.about_ny{max-width: 1200px; margin: 15px auto 45px; overflow: hidden;}
.about_ny .profile{line-height:33px; font-size: 15px; color: #444; overflow:hidden;}
.about_ny .profile img{max-width: 100%;  margin: 8px auto}

.tit h3{margin: 20px 0;text-align: center;font-size: 30px;color: #323232;line-height: 34px;display: block;}
.tit h3 i{font-size: 15px;font-style: normal;color: #bbb;display: block;text-transform: Uppercase;}


.UList{width:100%;margin-top:30px;overflow: hidden;}
.UList ul{margin-left:-2%;overflow: hidden;}
.UList ul li{width:31.333%;float:left; margin-left: 2%; margin-bottom:1.5%;text-align:center;}
.UList ul li img{display:block;width:100%;}
.UList ul li span{padding-top:10px; line-height: 30px; font-size: 14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}


.zhengshu{width: 100%; overflow: hidden;}
.zhengshu ul{margin-left: -2%; }
.zhengshu li{float: left;width: 23%; margin-left: 2%;margin-bottom: 1.5%;text-align: center;}
.zhengshu li img{max-width: 98%; border: 1px solid #ccc; padding: 2px;}
.zhengshu li span{font-size:14px; line-height:25px; padding-top: 10px; display: block; text-align: center;}


/*新闻*/
.news-list{width:100%;overflow: hidden;}
.news-list dl{border: 1px solid #dedede;margin-bottom: 20px;padding: 15px;background: #fff;overflow: hidden;}
.news-list dt{width: 33%;float: left;}
.news-list dt img{width:100%;display: block;}
.news-list dd{float:right; width: calc(100% - 36%);overflow: hidden;}
.news-list dd h4{height: 40px;font-weight: normal;font-size:18px;color: #154c64;line-height: 40px;margin-bottom: 5px;overflow: hidden;}
.news-list h4 a{display: block;height: 40px;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list dl:hover{border:1px solid #0f99e2;}
.news-list dl:hover h4 a{color: #0f99e2;}
.news-list-desc{max-height: 72px;font-size: 14px;line-height: 24px;color: #797979;margin-bottom: 20px;overflow: hidden;}
.news-list-deta{width: 90px;height: 32px;line-height: 32px;text-align: center;display: block;float: right;background: #aaa;color: #fff;}
.news-list-deta a{color:#fff;}
.news-list dl:hover .news-list-deta{background: #0f99e2;border-color: #0f99e2;}
.news-list dl:hover .news-list-deta a{color: #fff;} 



.faq{width: 100%; overflow: hidden;}
.faq ul{}
.faq li{width: 100%; padding:0 0 2% 0;margin-bottom: 20px; border-bottom: 1px solid #dedede; box-sizing: border-box; cursor: pointer; overflow: hidden;}
.faq li .FQbt{font-size: 16px; display: block; line-height:35px; font-weight: bold; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.faq li .fqtxt{margin-top:8px;line-height: 28px;color: #555;height:56px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.faq li .fqtxt a.look{color: #0f99e2;font-size: 14px; padding-left: 10px;}


.newShow{width: 100%; overflow: hidden;}
.newShow .name{ text-align:center; font-size:20px; color:#222; font-weight:bold; padding-bottom:12px;}
.newShow .time{ text-align:center; font-size:14px; color:#666; border-bottom:1px dashed #ccc; padding-bottom:15px;}
.newShow .time em{ padding:0 15px;}
.newShow .contss{ padding:10px 0 20px 0; font-size:14px; line-height:30px; color: #555;}
.newShow .contss img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}


.fanhui{float:right;width:126px;margin:0 auto;position:relative;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#0f99e2;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}

.PreveNext {border-top:1px #DEDEDE solid; margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;height:70px;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}



.product{width: 100%; overflow: hidden;}
.product ul{ margin-left:-2%;}
.product ul li{ float:left; width:31.333%;  margin-left:2%; text-align:center; margin-bottom:2.5%;}
.product ul li img{ width:98%; border:1px solid #DDD; padding: 2px;} 
.product ul li img:hover{border:1px solid #0f99e2;}
.product li span{display: block; padding-top:10px; line-height: 25px; font-size: 15px;}



.product_con{width:100%;overflow: hidden;}
.product_con_t{padding:5px 0;}
.xiangqing{width: 58%;float: left;position: relative;}
.xiangqing .hd{margin-top: 20px;}
.xiangqing .hd ul{font-size: 0px;text-align: center;}
.xiangqing .hd li{display: inline-block;border:1px solid #ccc;margin: 0 5px;cursor: pointer;}
.xiangqing .hd li img{width: 85px;}
.xiangqing .hd li.on{border:2px solid #0f99e2;}
.xiangqing .bd{border:1px solid #DDD; overflow: hidden;}
.xiangqing .bd img{width: 100%;}

.xiangqing .arrow{position: absolute;width: 50px;height: 50px;line-height: 50px;text-align: center;top: 140px;z-index: 100;}
.xiangqing .arrow i{font-size: 22px;}
.xiangqing .next{right: 0px;background: #F5F5F5;background-size: 10px;color: #0f99e2;text-decoration: none;}
.xiangqing .prev{left: 0px;background: #F5F5F5;background-size: 10px;color: #0f99e2;text-decoration: none;}

.xiangqing img{max-width:100%;}
.gallery-toper{border: 0px solid #CCC;}
.gallery-toper .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
.gallery-toper .swiper-pagination-bullet{width: 6px;height: 6px;background: #333;opacity: 0.1;}
.gallery-toper .swiper-pagination-bullet-active{background: #333;opacity: 1;}
.gallery-toper .swiper-button-next,.gallery-toper .swiper-button-prev{background: #fff;  width: 50px;height: 60px;text-align: center;line-height: 60px;margin-top: -42px;outline: medium;}

.gallery-toper .swiper-button-next i, .gallery-toper .swiper-button-prev i{font-size: 40px;color: #bbb;}
.gallery-toper .swiper-button-next:hover i, .gallery-toper .swiper-button-prev:hover i{color: #0f99e2;}
.gallery-thumbser{margin: 15px 0 0;}
.gallery-thumbser .swiper-slide {display: inline-block;border:1px solid #e2e2e2;box-sizing: border-box;}
.gallery-thumbser .swiper-slide-thumb-active {border:1px solid #0f99e2;}


.product_con_t .t_r{float: right;width: 38%;}
.product_con_t .t_r .title{font-size: 22px;color: #333;padding:0 0 12px 0; border-bottom: 1px solid #DDD; padding-bottom: 12px; margin-bottom: 12px;}
.product_con_t .t_r .txtyi{padding:0 0 20px 0;line-height: 32px; font-size: 14px; overflow: hidden;}
.product_con_t .t_r .txter{font-size: 20px;color: #555;padding-top: 10px;}
.product_con_t .t_r .txter span{color: #f08300;font-size: 25px;}

.product_con_t .t_r ul{margin-top: 25px; overflow: hidden;}
.product_con_t .t_r li{float: left;width: 128px;height: 45px;line-height: 45px;text-align: center;margin-right: 10px;}
.product_con_t .t_r li a{background: #333;display: flex;justify-content: center;align-items: center;color: #FFF;}
.product_con_t .t_r li a:hover{text-decoration: none;background: #333;color: #FFF;}
.product_con_t .t_r li a.current{background: #0f99e2;color: #FFF;}
.product_con_t .t_r li i{margin-right: 10px;font-size: 22px;}


.product_con_b{padding-top: 20px;}
.product_con_b h5{height: 55px;line-height: 55px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;background: #F5F5F5;text-align: center;font-size: 19px; font-weight: bold;}
.product_con_b .xqbs{font-size: 15px; line-height: 35px; padding-top: 12px;}
.product_con_b .xqbs img{width: 75%;}
.product_con_b .box{margin-top: 30px;text-align: center;}
.product_con_b .box p{text-align: left;}
.product_con_b .box img{max-width: 100%;}


.product_con_b .xqbs table {width: 75%;border-collapse: collapse; border-left: 1px solid #333;border-top: 1px solid #333; margin-bottom: 10px;}
.product_con_b .xqbs table tr td{border-right: 1px solid #333;border-bottom: 1px solid #333;font-size: 14px;line-height: 35px; padding: 4px 8px; color: #000;}
.product_con_b .xqbs table tr td:first-child {text-align:center;}
.product_con_b .xqbs table tr {background: #fff;border-bottom: 1px solid #333;}

.product_con_b .xqbs iframe{width: 75%;height: 371px;}

.sxy{text-align: left;line-height: 35px;border-top: 1px dotted #CCC;border-bottom: 1px dotted #CCC;padding: 10px 0;}
.sxy span{padding-left: 10px;}
.sxy ul{float: left;}
.sxy .back{float: right;width: 120px;height: 40px;line-height: 40px;text-align: center;background: #0f99e2;margin-top: 12px;}
.sxy .back a{color: #FFF;display: flex;justify-content: center;align-items: center;}
.sxy .back a:hover{color: #FFF;text-decoration: none;}
.sxy .back i{margin-right: 10px;}



.products_tj{margin-top: 20px;}
.products_tj .title{font-size: 18px; font-weight: bold; height: 60px;line-height: 60px;border-bottom: 1px solid #DDD;}
.products_tj .title span{float: right;font-size: 14px; font-weight: normal;}
.products_tj ul{margin-left: -1%;margin-top: 20px;}
.products_tj li{width: 32.333%;float: left;margin-left: 1%;margin-bottom: 1%;text-align: center;}
.products_tj li img{width: 100%; border: 1px solid #ccc; padding: 2px}
.products_tj li:hover img{ border:1px solid #00448b;}
.products_tj li span{font-size:15px; line-height:25px; padding-top: 10px; display: block; text-align: center;}
.products_tj li a:hover{text-decoration: none;}


.products_T table{border-left: 1px solid #000;border-top:1px solid #000; width: 100%; }
.products_T table td{border-right: 1px solid #000;border-bottom:1px solid #000; padding: 6px; line-height: 25px; text-align:center;}
.products_T table tr:first-child{background: #ddd; height: 55px; font-size:15px; color:#222; font-weight:bold;}


.jcsp{width: 100%;margin-top:20px;}
.jcsp ul{margin-left: -1.333%;}
.jcsp ul li{float: left; margin-left: 1.333%; width: 32%;margin-bottom: 3%; box-sizing: content-box;  transition:all 0.3s ease-in 0s; }
.jcsp ul li a{position: relative; display: block;margin-bottom: 1%;}
.jcsp ul li .vd_app1{background: #fff; overflow: hidden;}
.jcsp ul li .vd_app1 img{max-width: 100%;}
.jcsp ul li .vd_zcon { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 1; transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out; }
.jcsp ul li a:hover .zcon{ opacity: 1; }
.jcsp ul li .vd_zcon p { width: 100%; color: #fff; font-size: 22px; line-height: 32px; text-align: center; position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);overflow: hidden;}
.jcsp ul li .plwz{display: block; text-align: center; font-size: 15px; padding: 8px 0; color: #000;}
.jcsp ul li:hover{transform: translateY(-10px);transition:all 0.3s ease-in 0s; }

.sp_show{background: #f3f3f3; width: 100%; padding: 3%;  margin-top: 20px; overflow: hidden;}
.sp_show iframe{width: 100%; height: 600px;}


/*job*/
.zplist-left{float: left; width: 68%;}
.zplist-left .zhaopinbm{width: 100%; overflow: hidden; cursor: pointer;}
.zplist-left .zhaopinbm ul{background: #fff; font-size: 15px; overflow: hidden;}
.zplist-left .zhaopinbm ul li{float: left; width: 33.333%; text-indent: 20px;line-height: 52px;}
.zplist-left .zhaopinbm ul:first-child{background: #eef0f2; font-weight: bold;font-size: 17px; margin-bottom:10px;}
.zplist-left .zhaopinbm ul:hover{background: #e7f3fd;}


.zplist-right{float: right; width: 25%;}
.zpr1{ padding-left:22px;margin-bottom:10px;  background:url(../images/jiaru.jpg) left center no-repeat;}
.zpr1 p{padding:0; font-size:22px; font-weight:bold; line-height:32px; color:#1a6dae;}
.zpr2{ width:100%;line-height:30px;font-size: 14px; }

.zp-sup{ width: 100%; overflow: hidden;}
.zp-sup .zp-title{font-size:16px; color:#000; line-height:32px; font-weight: bold;}
.zp-sup .zpcontent{width:100%;  margin-top:15px; font-size: 14px; line-height:28px;}


/*联系我们*/
.ct_mode{width: 100%; overflow: hidden;}
.contact_t{float: left; width: 40%;line-height:35px;font-size: 15px; margin-top:35px;}
.contact_b{float: right; width: 58%;}
#map_container{height: 550px;}


/*feedback*/
.content_box{margin-top:0px;}
.content_box .messages_box{width:auto;padding:0 1% 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:145px;height:42px;line-height:42px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #f08300;border:none;}