li,ul{list-style:none;}
img{max-width:100%;}

.header{width:100%;height:110px;background-color:rgba(51,51,51,.6);position:fixed;top:0px;z-index:9;}

.header .logo{width:20%;background:url('../images/logog.png') no-repeat 30px center;height:100%;float:left;}

.header .logo a{display:block;text-indent:-99999px;width:100%;height:100%;}

.header .menubox{width:80%;float:right;height:100%;}

.header .menubox .nav_menu{float:left;width:80%;height:40px;margin:35px 0px;}

.header .menubox .nav_menu li{float:left;height:40px;line-height:40px;margin:0px 20px;}

.header .menubox .nav_menu li a{color:#fff;font-size:18px;}

.header .menubox .lng{width:20%;float:right;margin:35px 0px;height:40px;line-height:40px;color:#eee;}

.header .menubox .lng a{padding:0px 5px;color:#fff;font-size:16px;}

.bann{width:100%;height:1000px;overflow:hidden;}

.swiper-container-index{width:100%;height:100%; /*position: fixed;*/}

.swiper-container-index .swiper-slide{position:relative;background-repeat:no-repeat;background-size:cover;}

.swiper-container-index .swiper-slide img{width:100%;}

.swiper-container-index .swiper-slide .slide_desc{position:absolute;top:calc(50% - 150px);left:calc(50% - 650px);}

.swiper-container-index .swiper-slide .slide_desc .title{color:#fff;font-size:66px;font-weight:600;line-height:126px;letter-spacing:2px;height:60px;}

.swiper-container-index .swiper-slide .slide_desc .desc{color:#fff;font-size:30px;font-weight:600;line-height:20px;}

.swiper-container-index .swiper-slide .slide_desc::after{content:'';height:4px;width:80px;position:absolute;bottom:-10px;background-color:#fff;}

.swiper-button-next,.swiper-button-prev{color:#fff;}

.product_pro{width:100%;height:760px;background:url('../images/product_bg.jpg') no-repeat left top;background-size:cover;position:relative;overflow:hidden;}

.product_pro .product_one{width:50%;height:100%;float:left;}

.product_pro .product_img_box::after{position:absolute;content:"";height:280px;width:50%;background:url('../images/product_left_bg.png') no-repeat left top;bottom:-2px;}

.product_pro .product_img_box .product_bt{color:#2b59a7;margin:100px 0px 0px 100px;}

.product_pro .product_img_box .product_bt h1.title{font-size:46px;font-weight:600;}

.product_pro .product_img_box .product_bt h2.title_en{font-size:26px;}

/* cp */

.swiper-container-pro{width:89%;height:490px;margin:15px auto;overflow:hidden;display:flex;justify-content:space-between;}

.swiper-container-pro .swiper-wrapper{height:auto;}

.swiper-container-pro .swiper-slide{text-align:center;font-size:14px;width:auto;/* Center slide text vertically */

display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

.swiper-button-next,.swiper-button-prev{color:#fff;}

.pro_dl .pro_dd{color:#fff;}

.pro_dl .pro_dd .title{font-size:20px;font-weight:600;padding:10px 0px;}

.swiper-container-pro .swiper-pagination{margin-top:20px;}

.swiper-slide a{text-decoration:none;outline:none;display:block;width:100%;height:100%;}

.swiper-button-prev-pro{left:0px}

.swiper-button-next-pro{right:0px}

.swiper-container-pro .swiper-pagination .swiper-pagination-bullet{background:#fff;width:10px;height:10px;}

.product_text_box{background:url(../images/pro_right_bg.png) no-repeat left top;background-size:cover;}

.product_text_box .pro_right_top_box_bt{height:50px;padding:70px 0px 70px 33px;color:#fff;}

.product_text_box .pro_right_top_box_bt .ftitle{font-size:32px;font-weight:600;float:left;letter-spacing:1px;}

.product_text_box .pro_right_top_box_bt a.ljxq{color:#fff;display:block;padding:2px 15px;margin:0px 15px;border:1px solid #fff;float:left;}

.pro_right_top_list{float:left;width:50%;height:292px;padding:35px;box-sizing:border-box;}

.pro_right_top_list .title{font-size:26px;font-weight:600;height:30px;line-height:30px;}

.pro_right_top_list .desc{padding-right:80px;font-size:0.9rem;line-height:180%;margin-top:50px;}

.pro_right_top_list a,.pro_right_top_list a:hover{color:#fff;text-decoration:none;}

.pro_right_bomment .pro_right_top_list{height:278px;background-repeat:no-repeat;background-size:cover;}

.pro_right_bomment .pro_right_top_list.one{background:url(../images/pro_right_one.jpg);background-size:cover;}

.pro_right_bomment .pro_right_top_list.two{background:url(../images/pro_right_two.jpg);background-size:cover;}

.pro_right_bomment .pro_right_top_list .title{font-size:32px;font-weight:600;float:left;letter-spacing:1px;color:#fff;}

.pro_right_bomment .pro_right_top_list .title a{color:#fff;display:block;padding:0px 15px;margin:0px 15px;border:1px solid #fff;font-size:14px;float:right;}

.pro_right_bomment .pro_right_top_list .desc{clear:both;}

.pro_right_bomment .pro_right_top_list{color:#fff;}

.index_yy{position:relative;width:100%;height:844px;overflow:hidden;background:#fff url(../images/indexyy_bg.png) no-repeat left top;background-size:cover;padding:0px;}

.index_yy .indexyy_left{width:30%;height:100%;background-color:rgba(34,28,13,.8);margin:0px;float:left;overflow:hidden;}

.index_yy .indexyy_left .product_bt{color:#fff;padding:100px 0px 0px 100px;}

.index_yy .indexyy_left .product_bt .title{font-size:46px;font-weight:600;height:50px;}

.index_yy .indexyy_left .product_bt .title_en{font-size:26px;}

.yy_shuoming{margin:100px 0px 100px 100px;width:300px;color:#fff;line-height:200%;font-size:14px;}

.yy_shuoming .shuoming_title{font-size:26px;font-weight:600;margin:15px 0px;}

.yy_shuoming a.ljgd{display:block;padding:8px 15px;border:1px solid #fff;color:#fff;border-radius:20px;text-align:center;width:60px;height:15px;line-height:15px;margin-top:50px;}

.yingyong_bann{width:70%;float:right;height:100%;overflow:hidden;}

.swiper-container-yingyong .swiper-wrapper{font-size:18px;width:100%;height:724px;}

.swiper-container-yingyong .swiper-wrapper .swiper-slide{ background-repeat:no-repeat;background-size:cover;font-size:18px;width:auto;height:100%;/* Center slide text vertically */

display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

.swiper-container-yingyong .swiper-wrapper .swiper-slide img{width:100%;}

.swiper-container-yingyong .swiper-wrapper .swiper-slide.swiper-slide-active{display: block;}





.swiper-container-yingyong-left .swiper-wrapper .swiper-slide{  opacity: 0!important; transition: all 1.6s linear; }

.swiper-container-yingyong-left .swiper-wrapper .swiper-slide-active{opacity:1!important;}







.gallery-thumbs{position:absolute;z-index:9999;background:rgba(36,72,133,1) url(../images/yingy_type_bg.jpg) no-repeat left top; background-size: cover; height:120px;box-sizing:border-box;padding:10px 0;width:100%;bottom:0px;}

.gallery-thumbs .swiper-wrapper{padding:0px 100px;}

.gallery-thumbs .swiper-slide{width:100px!important;height:100px;cursor:pointer;text-align:center;background-color:rgba(255,255,255,0);border-radius:10px;}

.gallery-thumbs .swiper-slide-thumb-active{opacity:1;background-color:rgba(255,255,255,.6);border-radius:10px;}

.gallery-thumbs .swiper-slide dl{display:flex;flex-direction:column;justify-content:space-around;align-items:center;align-items:center;align-content:center;margin:10px;}

.gallery-thumbs .swiper-slide dl dt{height:100%;}

.gallery-thumbs .swiper-slide .yy_01 dd{flex:1;height:35px;line-height:35px;font-size:12px;color:#fff;}

/* 新闻 */

.index_news_box{width:100%;height:745px;background-color: #ffffff!important;}

.index_news_box .product_bt{color:#2b59a7;margin:100px 0px 0px 100px;background-color: #ffffff!important;}



.index_news_box .product_bt .news-more{ float: right; height: 30px; line-height: 30px; width: 100px; background-image: linear-gradient( 45deg,#2aade9,#4a77b7); border-radius: 20px; margin-right: 90px; text-align: center; color: #fff; margin-top: -50px;}

.index_news_box .product_bt .news-more a{ color:#fff; font-size: 14px; display: block; width: 100%; height: 100%;}

.index_news_box .product_bt .title{font-size:46px;font-weight:600;color:#2b59a7;height:50px;}

.index_news_box .product_bt .title_en{font-size:26px;color:#dbdbdb;}

.index_news_main{width:90%;margin:50px auto;height:auto;overflow:hidden;}





.index_news{ width: 350px; height: 365px; float: left; margin:5px; border-right: 1px solid #efefef; padding: 20px; background-color: #ffffff!important;}

.index_news:last-child{border-right:none;}

.index_news dt{ width: 343px; height: 193px; position: relative; }



.index_news dt .dt_text{ font-size: 120px; font-weight: 800; text-align: center; line-height: 193px; color: #e6ecf8;}



.index_news dt div{ float: left; position:absolute; left: 0; top: 0;}

.index_news dt .dt_img{opacity:1; transition: opacity .5s linear; width:343px; height: 193px; overflow: hidden; ;}

.index_news dt .dt_text{ opacity:1;transition:opacity .5s linear; text-align: center; width: 100%;}

.index_news:hover dt .dt_img ,.index_news.hover dt .dt_img{ opacity:1; }

.index_news:hover dt .dt_text ,.index_news.hover dt .dt_text{ opacity:0;}





.index_news .dt_img img{ width: 100%;}

.index_news dd{padding: 10px;}

.index_news dd .title { font-size: 18px;   line-height: 150%;}





.index_news dd .title a{color: #222; font-weight: 600;  transition: color .5s linear}

.index_news:hover  dd .title a,.index_news.hover  dd .title a{color: #2b59a7; font-weight: 600;}



.index_news dd .desc{ margin: 10px 0px; line-height: 160%; font-size: 14px; color:#666;}

.index_news dd .dl_foot{font-size: 15px;color:#666;}

.index_news dd .dl_foot .ljxq{ float: left; background: url(../images/ico_yd.png) no-repeat left -47px; text-indent: 15px;}

.index_news dd .dl_foot .ljxq a{color:#666;}

.index_news dd .dl_foot .data{ float: right;}

.index_news:hover  .dl_foot .ljxq { background: url(../images/ico_yd.png) no-repeat left 6px; text-indent: 15px;}



/* 简介 */

.index_jianjie_box {width: 100%; height: 720px; background-color: #fff; background:#fff url(../images/jj_bg.png) no-repeat 100px 180px;}

.index_jianjie_box .product_bt{color:#2b59a7;padding:100px 0px 0px 100px; background-color: #fff; box-sizing: border-box;}



.index_jianjie_box .product_bt .title{font-size:46px;font-weight:600;color:#2b59a7;height:50px;}

.index_jianjie_box .product_bt .title_en{font-size:26px;color:#dbdbdb;}

.index_news_main{width:90%;margin:50px auto;height:auto;overflow:hidden;}



.index_jianjie_box .jianjie{ height:280px; width: 880px;background-image: linear-gradient( 45deg,#4d73b4,#29b1ed); border-radius: 10px; margin: 150px 0px 30px 150px; color: #fff; padding: 20px; box-sizing: border-box;}

.index_jianjie_box .jianjie a{ color: #fff;}

.index_jianjie_box .jianjie a,.index_jianjie_box .jianjie a:hover{ text-decoration: none;}

.index_jianjie_box .jianjie h1{ font-size: 26px; margin: 30px 0px; font-weight: 600;}

.index_jianjie_box .jianjie p{ font-size: 14px; line-height: 180%; margin-top: 30px;}



.jianjie_shuju{ width: 800px; height: 100px; margin-left: 150px;}

.jianjie_shuju li{ float: left; padding: 15px; padding-right: 50px; margin: 20px; border-right: 1px solid #efefef; }

.jianjie_shuju li:last-child{border-right:none;}

.jianjie_shuju li strong{ font-size: 48px; font-weight: 800; color: #2b59a7;}

.jianjie_shuju li span{  display:inline-block; }

.jianjie_shuju li p{ font-size: 16px; font-weight: 600; color: #666;}





/* footer */

.footer{ background: #292b2d; width: 100%; height: 375px;  padding: 30px 100px; box-sizing: border-box;}

.footer .foot_logo_div{ float: left;}

.footer .foot_logo_div .foot_logo{ height: 180px; margin-top: 30px;}

.foot_tel{font-size: 24px; font-weight: 600; color: #fff;}

.footer .f_menu{ float: left; margin: 50px  50px 0px 60px;}

.footer .f_menu a{ color: #fff;}

.footer .f_menu >li{ float: left;}

.footer .f_menu .one_li{ padding:0px;}

.footer .f_menu .one_li >a { height: 40px; line-height:40px; width: 140px; font-size: 14px; font-weight: 600; display: inline-block; border-bottom: 1px solid #36393c;}

.footer .f_menu .one_li > ul{ margin-top: 15px;}

.footer .f_menu .one_li > ul li{ height: 30px; line-height: 30px;}

.footer .f_menu .one_li > ul li > a { color:#888;}

.footer .foot_erm{ height: 100%; vertical-align: middle;}

.footer .foot_erm img{ margin-top: 90px;}

 .footer_bom{ height: 50px; color: #fff; line-height: 50px; text-align: center; background-color: #191919; font-size: 14px;}

 .footer_bom a{color: #fff;}



 /* 导航 */



 .piaoye_botton ul.menubotton{height:40px;overflow: hidden;}

.piaoye_botton ul.menubotton li{float: left;height:40px;line-height: 40px;cursor: pointer;*position: relative;z-index: 999;margin: 0px 0px;}

.piaoye_botton ul.menubotton li.hover{}

.piaoye_botton ul.menubotton li span{height: 40px;line-height: 40px;padding:0px 15px;display: block;*display: inline-block;}

.piaoye_botton ul.menubotton li span.menuhover {height: 40px;line-height: 40px;color:#fff;background: #23a0e7;}

.piaoye_botton ul.menubotton a,.piaoye_botton ul.menubotton a:hover{ text-decoration: none;}





.piaoye_botton ul.menubotton li ul.subnav {list-style: none;position: absolute;top:75px;*top:40px;*left: 0px;background: #23a0e7;margin: 0;padding: 10px 0px;width: 150px;color: #fff;z-index: 999;display: none;}

.piaoye_botton ul.menubotton li ul.subnav li{margin: 0;clear: both;padding:0px 15px 0px 25px;width: 120px;height: 35px;line-height: 35px;text-align: left;cursor: pointer;background: url('../images/icon.gif') no-repeat 15px 14px;  }

.piaoye_botton ul.menubotton li ul.subnav li a{font-size: 14px!important;}


/*产品中心开始*/
.product_index_box{ background: url('../images/probg.png') no-repeat center; min-height: 600px; background-size:cover; width: 1200px; margin: 50px auto; text-align: center; }
.product_index_box a:hover{ text-decoration: none;  }
.product_index_box .oneleve{ text-align: center; padding: 60px 0px; background: url('../images/pro_logo.png') no-repeat 423px 49px; background-size: 100px}
.product_index_box .oneleve a.one_a{font-size: 22px; font-weight: 600; background-color: #1a4e76; padding: 10px 20px; color: #fff;white-space:nowrap; position: relative; }
.product_index_box>li{ border:none!important; padding: 30px;}

.product_index_box .two_ul{  display: flex; justify-content: flex-start;  margin-top: 40px; margin-left: 90px}

.product_index_box .two_ul>li>a{background-color: #357bb1; padding: 10px 20px; color: #fff;white-space:nowrap;}


.product_index_box .oneleve a:hover{background:#2e59a6;}


.two_ul>li.two_li{ flex:1;    padding: 0px ; margin-top: 20px; }

.two_ul>li.two_li{   }
.two_ul>li.two_li a{ height: auto!important; color: #fff; font-size: 20px; font-weight: 600; position: relative;}

a.cat_18::after{content: ""; width: 1px; height: 20px; background: #1a4e76; position: absolute; top: 45px; left:65px;   z-index: -1}
a.cat_18::before{content: ""; width: 656px; height: 1px; background: #1a4e76; position: absolute; top: 65px; left:-91px;   z-index: -1}



a.cat_33::after {content: ""; width: 1px; height: 18px; background: #1a4e76; position: absolute; top: -18px;  left:80px;   z-index: -1}  /*气相二氧化硅*/

a.cat_33::before{content: "";width: 1px; height: 18px;  background: #1a4e76; position: absolute; top: 45px;left:80px;  z-index: -1}



.two_ul>li.two_li2{ width: 180px;  height: 40px; line-height: 40px; margin: 10px;font-size: 20px; font-weight: 600; padding: 0px; white-space:nowrap; position: relative;}

a.cat_34::after {content: ""; width: 1px; height: 20px; background: #1a4e76; position: absolute; top: -20px; left:90px;   z-index: -1}
a.cat_35::after {content: ""; width: 1px; height: 20px; background: #1a4e76; position: absolute; top: -20px; left:90px;   z-index: -1}


.tree_ul{ display: flex; justify-content: center; margin-top: 60px}

.tree_ul>li>a{height: auto!important; color: #fff; font-size: 18px; font-weight: 600;background-color: #5ea0d3; padding: 10px 20px;white-space:nowrap; position: relative;}


a.cat_36::after {content: ""; width: 1px; height: 20px; background: #1a4e76; position: absolute; top: -20px; left:65px;   z-index: -1} /*亲水性*/

a.cat_36::before {content: ""; width: 285px; height: 1px; background: #1a4e76; position: absolute; top: -20px; left:65px;   z-index: -1}


a.cat_37::after {content: ""; width: 1px; height: 20px; background: #1a4e76; position: absolute; top: -20px; left:65px;   z-index: -1}

a.cat_37::before {content: "";  width: 293px; height: 1px; background: #1a4e76; position: absolute;top: 62px;left:-73px; z-index: -1}


.four_ul{display: flex; justify-content: center; margin-top: 60px}

.four_ul>li>a{height: auto!important; color: #fff; font-size: 16px; font-weight: 600;background-color: #7cbced; padding: 10px 20px; white-space:nowrap; margin:5px; position: relative;}


a.cat_115::after,a.cat_116::after,a.cat_117::after{content: ""; width: 1px; height: 20px; background: #1a4e76; position: absolute; top: -20px; left:65px;  z-index: -1} 
a.cat_116::after{height:80px;top: -40px;}
/*产品二级页面*/
.pro_left{ width: 25%;   height: auto; float: left;  overflow: hidden; }
.pro_right{width: 75%; float: right;}

.d_title{ font-size: 32px; font-weight: 600; height: 40px; line-height: 40px;  margin-left: 25px; text-align: left}

.pro_right .two_ul{  display: flex; justify-content: flex-start;  margin-top: 10px; margin-left:25px}
.pro_left_menu{ background: url('../images/left_bg.jpg') no-repeat center; min-height: 958px; background-size:cover; width: 379px; float: right; margin-top: 45px }

.pro_left_menu{padding: 50px 40px 10px 40px;  box-sizing: border-box; }
.pro_left_menu h3{color: #fff; font-weight: 600; font-size: 32px;}
.pro_left_menu .da_box .one_pro_menu>a{position: relative;  display: block; width: 100%; height: 40px; color: #fff; line-height: 40px; background: #76b7e4; margin: 30px 0px; border-radius: 20px; text-indent: 1rem; font-size: 16px; font-weight: 600; letter-spacing: 1px }


.pro_left_menu .da_box .one_pro_menu>a::after{ content: '';margin-left: 10px; position: absolute;

 width: 0;  bottom:  -20px; left:8px;
 height: 0;
 border-width: 10px;
 border-style: solid;
 border-color: #76b7e4 transparent transparent transparent; }

 .pro_left_menu .da_box .ptwo_ul{ background: rgba(166,212,234,0.5); padding: 8px; border-radius: 20px; }

 .pro_left_menu .da_box .ptwo_ul a.two_ul_li_a{ position: relative;  display: block; width: 100%; height: 40px; color: #fff; line-height: 40px; background: #b7d8ec; margin: 30px 0px; border-radius: 20px; text-indent: 1rem; font-size: 16px; font-weight: 600; letter-spacing: 1px }
 .pro_left_menu .da_box .ptwo_ul a.two_ul_li_a::after{ content: '';margin-left: 10px; position: absolute;

 width: 0;  bottom:  -20px; left:8px;
 height: 0;
 border-width: 10px;
 border-style: solid;
 border-color: #b7d8ec transparent transparent transparent; }

  .pro_left_menu .da_box  .ptree_ul a{  display: block; width: 100%; height: 30px; color: #fff; line-height: 30px;  margin: 10px 0px; border-radius: 20px; text-indent: 1rem; font-size: 16px; font-weight: 600; letter-spacing: 1px}
  .pro_left_menu a:hover{ text-decoration: none; color: #2b59a8!important;}

  #pagination{ margin-top: 100px; }

  .pro_shuoming{ border:1px solid #f7e6c2; padding: 20px; text-align: left; font-size: 16px; background: #f9f3e7; color: #664a0c; }

  .piaoye_page_labelname{ height: 45px; line-height: 45px; text-indent: 1rem; background-color: #1a4e76; color: #fff; font-size: 16px; font-weight: 600; letter-spacing: 1px; font-size:3px; }

.piaoye_pic_index .lh { clear: both; }
.piaoye_pic_index .lh li{ float: left; padding: 20px;  }
.piaoye_pic_index .lh li .p-name{line-height: 200%; padding: 8px 0px;}
.finx{ clear: both; }
 @media screen and (max-width:1600px) {
	.footer .foot_erm{ display: none;}
	.pro_right_top_list .desc{padding-right:80px;font-size:13px!important;line-height:180%;margin-top:0px;}

}