@charset "utf-8";
/*dll.css*/
/* ---------------开始---------------- */

.swiper-wrapper.ul {
    height: 204px  !important;;
    transition-duration: 0ms;
 /*   transform: translate3d(-630px, 0px, 0px);*/
    width: 1260px;
      transform: translate3d(0px, 0px, 0px) !important;
}

.i_alink > ul li ul {
    max-height: 257px;
    overflow-y: auto;
}

/*全站共用功能*/
.languag{padding-top:5px; float:right;}
.languag li{float:left;width:60px;}
.languag li a{}
.languag li a img{ float:left;padding-top:0px;}

/* -----搜索样式-----*/ 
.title11 h3 {
    font-size: 32px;
    position: relative;
    margin: 0;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
    color: #000;
}.title11 {
  position: relative;
  margin-bottom: 70px;
}
.title11 h3:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #0072BF;
  left: 0;
  bottom: -30px;
}
/*#action{ display:none;}
#keywords{width:142px; height:20px; border:0; padding:0 5px; margin:0; color:#e2bc81; line-height:20px; background:url(../Images/.icon02.jpg) no-repeat left top;}
.search_btn{width:56px; height:20px; border:0; padding:0; margin:0; color:#FFF; background:url(../Images/btn_search.png) no-repeat left top; cursor:pointer;}

.topr_form li{float:left;}
.topr_form input.int_in{width:142px; height:20px; border:0; padding:0 5px; margin:0; color:#e2bc81; line-height:20px; background:url(../Images/icon02.jpg) no-repeat left top;}
.topr_form input.int_btn{width:56px; height:20px; border:0; padding:0; margin:0; color:#FFF; background:url(../Images/btn_search.png) no-repeat left top; cursor:pointer;}*/
.i_news .i_newsl img {

    height: 320px;

}.p_about .swiper-slide.onmouseover {
    width: 124px !important;
}
.intro{-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;}
.scopeclass.intro:nth-child(2) {

    animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
}
.scopeclass.intro:nth-child(4) {

    animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
}
.side {
    position: fixed;
    width: 54px;
    height: auto;
    right: 50px;
    top: 300px;
    z-index: 100;
    box-shadow: 0px 0px 14px #EEE;
}.side-ul {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    display: block;
    width: 100%;
    height: 100%;
}.side-ul li {
    width: 54px;
    height: 54px;
    border: 1px solid #f2f2f2;
    cursor: pointer;
    position: relative;
}#sideweixin {
    background: url(/templates/Images/wx.png) no-repeat center center;
        background-color: rgba(0, 0, 0, 0);
        background-size: auto;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
    background-color: #FFF;
    background-size: 23px;
}
.wapewm{ background: url(/templates/Images/wap.png) no-repeat center center !important;background-color: #FFF !important;
background-size: 23px !important;}
.downloadapp{ background: url(/templates/Images/app.png) no-repeat center center !important;background-color: #FFF !important;
background-size: 23px !important; }
.jijiandh{background: url(/upload/weblogo/2020042019495012.jpg) no-repeat center center !important;background-color: #FFF !important;background-size: 44px !important;}
#sideweixin .sidebox {
    position: absolute;
    width: 0px;
    top: 0px;
    right: 54px;
    opacity: 0;
    filter: Alpha(opacity = 0);
    overflow: hidden;
    border: 1px solid #F2F2F2;
        border-right-color: rgb(242, 242, 242);
        border-right-style: solid;
        border-right-width: 1px;
    border-right-color: rgb(242, 242, 242);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: rgb(242, 242, 242);
    border-right-style: solid;
    border-right-width: 1px;
    border-right: none;
    color: #b901280;
    text-align: center;
    line-height: 54px;
    background-color: #FFF;
}#sideweixin:hover .sidebox {
    opacity: 1 !important;
    width: 150px !important;
}
#fhdb img {
    width: 100%;
}
#smv_tem_62_10:hover {
 z-index: 9999 !important;
}
.right_nav{position: fixed;  top: 50%;  right: 0;z-index:999999;}
.right_nav li{margin-top: 1px;clear: both;height: 71px;position: relative;background: #0b729d;height: 56px;  position: relative;  padding: 9px 0 6px;  float: left;}
.right_nav .r_nav{float: left; width: 77px; height: 47px; position: relative;text-align: center;  line-height: 70px;}
.right_nav .r_nav .qq{background:url(/upload/ueditor/image/20200227/15827849936780973.png) no-repeat center 0px;}
.right_nav .r_nav .weixin{background:url(/templates/Images/wxewm.png) no-repeat center 0px;}
.right_nav .r_nav .liuyan{background:url(/templates/Images/zxly.png) no-repeat center 0px;}
.right_nav .r_nav .call{background:url(/templates/Images/call2.png) no-repeat center 0px;}
.right_nav .r_nav .top{background:url(/templates/Images/top.png) no-repeat center 0px;color: #fff;}

.r_nav_top{display:none;}


.right_nav .r_nav p, .right_nav .r_nav a{color:#fff;font-size: 12px;}
.r_nav_top{diplay:none;}
.qq:hover .qqright {

    display: block;

}
.call-right {

    position: absolute;
    top: 0;
    left: -101px;
    background: 

    #0b729d;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;display:none;

}
.call:hover .call-right {

    display: block;

}
.weixin-ewm {

    position: absolute;
    width: 70px;
    top: -8px;
    left: -80px;
display:none;
}
.weixin:hover .weixin-ewm {

    display: block !important;

}
.qqright {

    position: absolute;
    top: 0;
    left: -110px;
    background: 

#0b729d;

color:

    #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    display: none;

}
.nowposbox{width:100%;max-width:100%;height: 40px; line-height: 40px; background: #f3f3f3;}
.nowpos{width:1200px;margin:0 auto;max-width: 100%;}
.nowposbox .nowpos a:nth-child(1){background: url(/templates/Images/shouye.png) no-repeat left; padding-left: 30px;}

/*栏目列表*/

/*友情连接*/
.p_l_list{}
.p_l_list{width:1103px; margin:0px auto 0; overflow:hidden;}
.p_l_list ul{width:1120px; overflow:hidden;}
.p_l_list li{float:left; display:inline; width:257px; height:74px; margin-right:20px; margin-bottom:20px;}
.p_l_list li img{ border: 3px solid #ccccca;height: 68px;width: 251px;}
.p_l_list li span{display:block; line-height:24px; overflow:hidden; padding:6px 10px; height:24px; overflow:hidden; display:none;}
.p_l_list li span a{color:#FFF;}
.p_l_list li span a:hover{color:#c8a063;}

/*下载*/
/*.p_d_list{}
.p_d_list li{ height:28px; padding-left:10px;text-align:right; border-bottom:dashed #d7d7d7 1px;background: url(../images/icon4.gif) no-repeat 3px 10px; width:96%;line-height:28px; font-size:10px; }
.p_d_list li a{display:block;overflow:hidden;width:70%;float:left;text-align:left;font-size:12px;white-space:nowrap;text-overflow:ellipsis;}
*/



/*招聘*/
.p_j_list{}
.p_j_list .ct{text-align:right;line-height:28px; background: url(../images/icon4.gif) no-repeat 3px 10px; width:690px;}
.p_p_list .p_j_list dl{  border:none; border-bottom:1px dashed #6a6a6a; height:40px; margin:0px; margin:0 5px; display:inline;}
.p_j_list .ct dt{padding-bottom:15px; display:block;overflow:hidden;width:70%;float:left; line-height:20px;text-align:left;font-size:12px;white-space:nowrap;text-overflow:ellipsis; font-weight:100;background:url(../images/icon.gif) no-repeat 0px 8px; padding-left:15px;}
.p_j_list .ct dd{padding-bottom:15px; display:block;overflow:hidden;width:11%;float:right; line-height:20px;text-align:left;font-size:12px; padding-right:10px; text-align:right;}
.p_p_list .p_jv_jobs .p_jv_item h1{ border:none; padding:0px; width:auto;}
.jobs .n_n_list li{height: auto;width: 100%; font-size: 14px; border-bottom: #ddd 2px dotted; margin-bottom: 10px; overflow: hidden; text-align: left;background: none;}
.jobs .n_n_list li span{display:none;}
.jobs .n_n_list li dl{margin:0;}

/*新闻*/

/*.n_n_list li{float:left; width:1100px; height:30px; line-height:30px;border-bottom: 1px dotted #CCCCCC;}
.n_n_list li a{display:block; float:left; width:800px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.n_n_list li span{display:block; float:right; text-align:right;}*/
.n_n_list li .news_imgbox{overflow: hidden; max-width: 100%; width: 300px; height: 170px; float: left; margin-right: 20px;}
.n_n_list img{max-width: 100%; width: 300px; height: auto;transition: all 0.5s;}
.n_n_list li:hover img {     transform: scale(1.1, 1.1); }
.n_n_list{width:100%;margin: 50px auto 0;overflow:hidden;padding: 0 80px;}
.newsdll .n_n_list li{background: none;  border-bottom: 1px solid rgb(237, 237, 237);margin: 0;}
.newsdll .n_n_list li:nth-child(1){border-top: 1px solid rgb(237, 237, 237);}
.n_n_list li{width: 100%; font-size: 14px; margin-bottom: 20px; overflow: hidden; padding: 20px; display: flex; align-items: center; border-bottom: 2px solid #5D99DC;}
.n_n_list li dl{display: block;  float: right;  font-size: 14px;  height: 100%;padding-right: 40px;}
.n_n_list li dl dt{float: right;  line-height: 21px;}
.n_n_list li dl dd{line-height: 21px; float: left;}
.n_n_list li h4{height: auto;  color: #43443e;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-size: 14px;  font-weight: normal;  line-height: 22px;margin: 0;}
.n_n_list li span{float: left;  width: 100%;  height: 25px;  font-size: 14px;  overflow: hidden;  color: #333;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  line-height: 25px;}

.n_n_list .newstext{ color: rgb(136, 136, 136);  font-size: 14px;  line-height: 20px;text-align: left;height:40px;  overflow: hidden;}

.n_n_list .time{width: 100%; height: auto;padding: 10px; margin-right: 20px;}
.n_n_list .time span{font-size: 14px;color:#fff;text-align: center;display: block; width: 100%;}
.n_n_list .time h4 a{display: block; font-size: 18px; color: rgb(51, 51, 51); text-align: left;}
.n_n_list .time h4 a:hover{color: rgb(0, 143, 255);}
.n_n_list .news_more{width: 130px;  height: 18px;  font-size: 12px;  line-height: 18px;  font-family: Arial;  color: #fff;  background: #cd9358;  transition: all 0.3s;  text-align: center;float: left;margin: 0 auto;margin-top: 15px;}
.n_n_list .news_more:hover{background: #a66b2e;}
.n_n_list .newstime{height: auto; text-align: left; display: block;}
.n_n_list li .text h3{font-size: 22px; color: #000; font-weight: bold; line-height: 140%;}
.n_n_list li .text h3:hover{color:#0672B8;}
.n_n_list li .text h3 a{color: #000;}
.n_n_list li .text h3 a:hover{color: #c70100 !important;}
.n_n_list li .text h5{margin:0;font-size:12px;}
.n_n_list li .time > a{display: inline-block; text-align: center; font-size: 14px; line-height: 32px; padding: 0 30px; color: #ffffff; background: #184bbe; margin-top: 5px;}

.n_n_list .title{width: auto;}
/*.p_p_list ul{width:680px; overflow:hidden;}
.p_p_list li{float:left; display:inline;  margin:10px 11px 10px 14px;}
.p_p_list li img{width:260px; height:260px;}
.p_p_list li a{display:block; width:200px;}

.p_p_list li span{float:left; width:200px; text-align:center; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}*/



.n_n_list  li{display: flex;  align-items: initial;position: relative;overflow: hidden;margin-top: 20px;}
.n_n_list  li .time{width: 120px; margin-right: 20px; border: 1px solid #0074B4; height: 120px;}
.menu_118 .n_n_list li .time{
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    padding: 25px 0;
}
.menu_118 .n_n_list li:hover .time{color: #fff;}
.menu_118 .agentL .sidebar .sortnavt h3{display: none;}
.menu_118 .sortnavt span{display: block;}
.n_n_list  li:hover .time{background: url(/templates/images/timebg.jpg) no-repeat center; background-size: 120px 120px;}
.n_n_list  li:hover .time *{color: #fff;}
.n_n_list  li .time h5{font-size: 40px; color: #888888;text-align: center;}
.n_n_list  li .time span{font-size: 14px;color:#888;}
.n_n_list  li .text{line-height: 24px;  font-size: 12px;  text-align: justify;  color: #aaa;  height: auto;  overflow: hidden;width: 80%;}
.n_n_list  li .text div{text-indent: 2em;font-size:16px;color: #000;line-height: 2;}
.n_n_list li .text1{height: 60px;overflow: hidden;}
.menu_118 .news_toptitle{
    width: 100%;
    margin: 50px auto 0;
    padding: 0 80px;
    position: relative;
}
.menu_118 .news_toptitle h3{
    font-size: 28px;
    color: #000;
    font-weight: bold;    
}
.menu_118 .news_toptitle span {
    font-size: 18px;
    color: #000;
    font-weight: bold; 
}
.menu_118 .news_toptitle::after {
    content: '';
    display: block;
    width: 120px;
    height: 5px;
    background: #0070C0;
    position: absolute;
    left: 80px;
    bottom: -10px;
}






.p_about{width: 100%; float: right; overflow: hidden;}
.single .p_about{width:100%;}

.p_p_list{ margin:0px auto 0; overflow:hidden;margin-top: 20px;}
.p_p_list ul{ overflow:hidden;display: flex; flex-wrap: wrap;width:100%;}
.p_p_list li{float: initial; display: block;width: calc((100% / 4) - 20px);margin:0 10px 0; margin-bottom: 20px;position: relative;}
.p_p_list li h3{font-size: 18px;text-align: center;color: #000;}
.p_p_list li img{max-width: 100%;width:100%; height: auto; transition: all 0.5s;}
.p_p_list li > a{display:block;position: relative;text-align: center;}
.p_p_list li .imgbox{overflow: hidden;border: 1px solid #ccc;box-sizing: border-box;}
.p_p_list li img:hover{transform: scale(1.1);}
.p_p_list li .text > div{height:50px;overflow: hidden;}

/*动态产品*/

.p_pdll_list ul{ overflow:hidden;display: flex; flex-wrap: wrap;width:100%;}
.p_pdll_list li{float: initial; display: block;width: calc((100% / 2) - 20px);margin:0 10px 0; margin-bottom: 20px;position: relative;padding: 10px; background: #f5f5f5;}
.p_pdll_list li img{max-width: 100%;width:100%; height: 220px; transition: all 0.5s;}
.p_pdll_list li > a{display:block;position: relative;text-align: center;}
.p_pdll_list li .imgbox{overflow: hidden;}
.p_pdll_list li img:hover{transform: scale(1.1);}
/*结束动态产品*/


/*视频*/
.p_v_list{float:left;}
.p_v_list ul{ float:left; padding:0px; margin:0px;}

.p_v_list li{float:left; display:inline; padding:0px 2px 5px 2px;}
.p_v_list li img{width:164px; height:136px; padding:1px; border:1px solid #DBDBDB;}
.p_v_list li span{display:block;overflow:hidden;line-height:25px; height:30px; width:168px; white-space:nowrap;text-overflow:ellipsis; text-align:center; cursor:pointer;}

/*留言*/
#gbookTopic, #userMail, #gbookMain, #gbverifycode{
max-width:100%;width: 380px;  overflow: hidden;  height: 32px;  line-height: 32px;  border: #cccccc 1px solid;  border-radius: 3px;  padding: 0 14px;  box-sizing: border-box;  color: #555; 
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);  -webkit-transition: border-color ease-in-out .15s,
 -webkit-box-shadow ease-in-out .15s;  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;  
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#gbookMain{height: 72px;  line-height: 24px;  padding: 10px 14px;}
.g_title{width: 70px;  height: 34px;  line-height: 34px;  color: #2F2F2F;  float: left;  font-weight: bold;  text-align: right;  margin-right: 30px;  display: inline-block;}

.gbook_post {    display: block;margin-bottom: 15px;}

#gbookTopic:focus, #userMail:focus, #gbookMain:focus, #gbverifycode:focus{border-color: #66afe9;  outline: 0;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}

/*下载*/
.downs .n_n_list li{height: auto;width: 100%; font-size: 14px; border-bottom: #ddd 2px dotted; margin-bottom: 10px; overflow: hidden; text-align: left;background: none;}
.downs .n_n_list li span{display:none;}


     .swiper-container {
      width: 100% !important;
      height: 300px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .swiper-slide {
      background-size: cover !important;
      background-position: center !important;
    }
    .gallery-top {
      height: 80% !important;
      width: 100% !important;
    }
    .gallery-thumbs {
      height: 20% !important;
      box-sizing: border-box !important;
      padding: 10px 0 !important;
    }
    .gallery-thumbs .swiper-slide {
      width: 25% !important;
      height: 100% !important;
      opacity: 0.4 !important;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1 !important;
    }
    .swiper-container-css-mode > .swiper-wrapper{overflow: initial !important;}

/*单页图文*/
.title{width: auto;  margin: 0 auto;text-align: center;max-width: 100%;position:relative;}
.title h3{font-size: 32px; color: #184bbe;text-align: center;position: relative;margin: 0;font-weight: bold;margin-bottom: 10px;}
.title span{font-size: 16px; color: rgb(204, 204, 204);line-height: 1.4; text-align: center;display: block;position: relative;color: #666666;color: #006EBD;font-weight: 600;}


.title1{width: 230px;  margin: 0 auto;text-align: center;max-width: 100%;position: relative;}
.title1 h3{font-size: 22px; color: rgb(160, 121, 2);text-align: left;position: relative;font-weight: bold;font-size: 30px;}
.title1:before{position: absolute; content: ""; width: 66px; height: 2px; background: #dd4425; left:0; bottom: -10px;}
.title1 span{display: block;font-size: 30px; color: rgb(204, 204, 204);}

.p_container .title{margin:0px 0 0;position: relative;}
.p_container .title:before{content: "";position: absolute;width: 95px;height: 3px;background: #0072BF;left: 0; bottom: -10px;}
.p_container .title h3{text-align: left;color: #000;}
.p_container .title span{text-align: left;color: #000;font-weight: 400;}




.more{color: rgba(207,161,103,1); font-size: 15px; width: 120px; margin: 0 auto; line-height: 40px; margin-top: 30px; display: flex; align-items: center; justify-content: center;position: relative;}



.i_aboutbox{position: relative;    margin: 30px auto;display: flex;justify-content: space-between;overflow: hidden;width: 1200px;max-width: 100%;
	background: #fff;
    padding: 10px;
}
.i_about{width: 45%;position: relative;}
.i_about:before{position: absolute; width: 1px; height: 180px; content: ""; right: -30px; background: #E2E2E2; top: calc(50% - 90px);}
.i_about h3{font-size:26px;font-weight: 600;color: #016DC0;margin-bottom: 10px;}
.i_about span{font-style: 18px;color: #016DC0;font-weight: 600;}
.i_about p{text-indent: 2em;font-size: 16px;line-height: 2;margin:40px 0;}
.i_about a{display: inherit;line-height: 20px;width: 100px;border:1px solid #E2E2E2;color: #F62403;text-align: center;float: right;}

.i_videos{width: 45%;overflow: hidden;position: relative;}
.i_videos h3{font-size:26px;font-weight: 600;color: #016DC0;margin-bottom: 10px;}
.i_videos span{font-style: 18px;color: #016DC0;font-weight: 600;}
.i_videos .ul{margin-top:10px;}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{display:none;}

.honorList li{width: calc((100%/4) - 26px); float: left; margin-right: 26px; margin-bottom: 25px; text-align: center;}
.honorList li img{display: block; width: 270px; height: 195px; padding: 4px; border: 1px solid #e3e3e3; background: #fff;}
.honorList li:hover img{border: 1px solid #cd9358;}


iframe{width: 100%; max-width: 100%;}

.p_proT{display: none;}



/*结束单页图文*/


/* ---------------结束---------------- */


/* ---------------开始首页内容------------------ */
/* 首页推荐新闻*/
.i_n_list{}
.i_n_list .nlist2 li{line-height:24px; padding-left:8px; width:224px; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:url(../images/icon4.gif) no-repeat 8px 10px; padding-left:15px;}
.i_n_list .nlist2 a{display:block; width:220px; overflow:hidden;float:left;font-size:12px; text-align:left; white-space:nowrap;text-overflow:ellipsis;}
.i_n_list .nlist2 a:hover{ text-decoration:none;}

.i_n_list .i_title li{width:90px;}
.i_n_list .i_title a{float:left; padding-left:13px;font-size:12px; text-align:left;display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background:none; color:#616161;}
.i_n_list .i_title a:hover{ color:#fff;}

/* 首页推荐产品 */
/* 首页友情链接图片列表式 */
.i_l_list{ display:inline-block;}
.i_l_list a{display:block; display:inline; overflow:hidden; float:left; width:30.5%; margin:5px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;}
.i_l_list img{ display:block;width:96%;height:80px; padding:1px;border:1px solid #C4C4C4;}
.i_l_list a:hover img{border:1px solid #900; }


/* 翻页按钮 */
.navPage{clear:both;padding:15px 0px 10px 0px;font-size:14px;font-family:arial,simsun,sans-serif; text-align:center;  width:660px; float:right;}
.navPage ul{ text-align:center;}
.navPage li{float: left; width: 25px; display: inline-block; padding:0px 5px; font-size: 12px; height: 24px; color: #bbb; border: 1px #ccc solid; background: #fcfcfc; margin-right: 8px;cursor: pointer;}

.navPage a{display: block; line-height: 24px;height: 24px;}
.navPage a:hover,a.pagebarCurrent{color:#3b3b3b;text-decoration:none;}
.navPage a:hover{color: #dd823d;}
.navPage li:hover{border: 1px #dd823d solid;}
/* ---------------结束栏目列表---------------- */


/*产品分类*/

.sidebar{width: 1200px; max-width: 100%;margin:0 auto;}
.sortnavt{display: block;position: relative;width: 263px;}
.sortnavt span{display: none;}
.sortnavt h3{}
.sortnavul{display: flex;  justify-content: center;max-width: 100%;}
.sortnavul li{ display:block;/*padding: 0 1px;*/}
.sortnavul li a{display: block; line-height: 30px; text-align: center; padding: 0 20px; font-size: 16px; color: #333333; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;
 -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;line-height: 55px;}
.sortnavul li a:before{position: absolute; content: ""; height: 1px; background: #333; top: 0; left: 0; right: 0;display:none;}
{color: rgb(54, 195, 205); background: rgb(51, 51, 51);}
.sortnavul li a:hover{background: #0069B2;color: #fff;}

.hover .sortnava{background: #0069B2;color: #fff;}


/*.sort_l{width:100%; height:23px; margin-top:27px; text-align:center;}
.sort_l li{ display:inline; margin:0 10px;}
.sort_l li a{display:inline-block; color:#282828; border-radius:11px; width:100px; line-height:23px; font-size:16px;}
.sort_l li a:hover{color:#FFF; text-decoration:none; background:#bf0000;}
.sort_l li a.on{color:#FFF; text-decoration:none; background:#bf0000;}*/

/*.menu_105 .p_pdll_list li {    width: calc(33.3% - 20px);    background: none;}
.menu_105 .p_pdll_list li .text {    border: 2px solid #FDE7D3;        border-top-color: rgb(253, 231, 211);        border-top-style: solid;        border-top-width: 2px;    border-top-color: rgb(253, 231, 211);    border-top-style: solid;    border-top-width: 2px;    border-top: none;    padding-bottom: 0;    height: 60px;}
.menu_105 .p_pdll_list li .text h3 {    font-size: 22px;    text-align: center;    line-height: 60px;}*/
 .p_pdll_list li {    width: calc(33.3% - 20px);    background: none;}
 .p_pdll_list li .text {    border: 2px solid #FDE7D3;        border-top-color: rgb(253, 231, 211);        border-top-style: solid;        border-top-width: 2px;    border-top-color: rgb(253, 231, 211);    border-top-style: solid;    border-top-width: 2px;    border-top: none;    padding-bottom: 0;    height: 60px;}
 .p_pdll_list li .text h3 {    font-size: 22px;    text-align: center;    line-height: 60px;}
.menu_107 .p_pdll_list li {   width: calc(33.3% - 20px);    background: none;}
.menu_107 .p_pdll_list li .text {    border: 2px solid #FDE7D3;        border-top-color: rgb(253, 231, 211);        border-top-style: solid;        border-top-width: 2px;    border-top-color: rgb(253, 231, 211);    border-top-style: solid;    border-top-width: 2px;    border-top: none;    padding-bottom: 0;    height: 60px;}
.menu_107 .p_pdll_list li .text h3 {   font-size: 22px;  text-align: center; line-height: 60px;} 
.menu_108 .p_pdll_list li {   width: calc(33.3% - 20px);    background: none;}
.menu_108 .p_pdll_list li .text {    border: 2px solid #FDE7D3;        border-top-color: rgb(253, 231, 211);        border-top-style: solid;        border-top-width: 2px;    border-top-color: rgb(253, 231, 211);    border-top-style: solid;    border-top-width: 2px;    border-top: none;    padding-bottom: 0;    height: 60px;}
.menu_108 .p_pdll_list li .text h3 {   font-size: 22px;  text-align: center; line-height: 60px;}
.menu_109 .p_pdll_list li {   width: calc(33.3% - 20px);    background: none;}
.menu_109 .p_pdll_list li .text {    border: 2px solid #FDE7D3;        border-top-color: rgb(253, 231, 211);        border-top-style: solid;        border-top-width: 2px;    border-top-color: rgb(253, 231, 211);    border-top-style: solid;    border-top-width: 2px;    border-top: none;    padding-bottom: 0;    height: 60px;}
.menu_109 .p_pdll_list li .text h3 {   font-size: 22px;  text-align: center; line-height: 60px;}
.menu_110 .p_pdll_list li {   width: calc(33.3% - 20px);    background: none;}
.menu_110 .p_pdll_list li .text {    border: 2px solid #FDE7D3;        border-top-color: rgb(253, 231, 211);        border-top-style: solid;        border-top-width: 2px;    border-top-color: rgb(253, 231, 211);    border-top-style: solid;    border-top-width: 2px;    border-top: none;    padding-bottom: 0;    height: 60px;}
.menu_110 .p_pdll_list li .text h3 {   font-size: 22px;  text-align: center; line-height: 60px;}

.menu_118 .p_about{padding: 20px;background: #E0F6EA;}
.newsdll .p_about{background: none;}
.menu_118 .remark{background-image: url(/templates/Images/xiangqing_bg.jpg);background-repeat: no-repeat;background-position: center;}
.menu_118 .p_n_info{padding-bottom: 10px;border-bottom: 1px solid #D9D9D9;}

/*单页图文分类*/

.sortnavbtn{ background: url(../images/lb.gif) no-repeat scroll 40px 0 transparent; color: #D4D4D4; font-weight: bold;line-height: 32px;}
.sortnavbtn a{background: url(../images/lb.gif) no-repeat 40px 0;color: #D4D4D4;display: block;font-weight: bold;line-height: 32px;overflow: hidden;padding-bottom: 8px;padding-left: 50px;text-overflow: ellipsis;white-space: nowrap; width: 177px;}
.sortnavbtn a:hover{line-height:32px; background:url(../images/lhover.gif) no-repeat 40px 0px;padding-left:50px; color:#c30708;font-weight:bold; text-decoration:none;}
/*首页产品分类*/
.i_ullist_sortnav{float:left;}
.i_ullist_sortnav li{ border-bottom:1px solid #ffefe1; width:150px;}


#tabremarkas_1 .swiper-pagination{z-index:1000;}



/* ---------------开始栏目详细---------------- */

/*产品展示详细*/
.productview{ position:relative;}
.producttitle{display:block;width:100%;padding:10px auto;line-height:30px;font-size:25px;font-weight:bold;text-align:center;margin: 20px 0;display: none;}
/*默认*/
.productimg{margin:0 auto; text-align:center; padding-bottom:15px; display:block; width:600px;}
.productinfos{ overflow:hidden; display:none; text-align:center; }
.productimg a { }
.productimg a img{margin:0;padding:0;max-width:600px;}
.productimg a:hover img{}
/*IE6固定大小*/
*html .productimg a img{ width:400px;}
/*展示1*/
.productbigimg{ position:absolute; display:inline; width:100%;text-align:center;}
.productinfoslist{overflow:hidden;padding-left:330px; height:330px;}
.shopping{ padding-left:80px;}
.productinfoslistfos{ margin:20px 0px; float:left; width:340px;}
.productinfoslist ul{width:330px; padding-bottom:20px;}


.productremark{ clear:both;line-height:25px;}
.productremark .title{overflow: hidden; font-weight:bold; line-height:29px; display:none;}

/*内容详细页*/
dl{margin-bottom: 0 !important;}
.p_newspage li{border-bottom: #dddddd 1px dotted;}

.n_view .remark div{text-indent: 2em;font-size: 16px;}
.n_viewtitle{padding-bottom: 10px; border-bottom: 3px solid #E8E8E8;}
.p_n_title{width:100%;text-align:center;line-height:30px;font-size:22px;font-weight:bold;text-overflow:ellipsis;color: #CC073E;}
.remark{line-height:22px; padding-top:10px; line-height:25px;}
.remark1{margin-top: 20px;line-height:25px;}
/*下载链接*/
.download_btn{text-align:center;line-height:30px;}
/*新闻详细*/
.p_n_info{line-height:30px; text-align:center;display: flex;justify-content: center;}
.p_n_info span{padding:0 20px;}


.p_n_video{text-align:center;}
/* 产品/视频详细 */
.product_others{ padding-top: 8px; clear: both; padding-left: 8px; }
.product_others li{	display: block;	clear: both;line-height: 20px;}
.onlinebuy_list .pc01{width:500px;margin:0 auto; text-align:center;}
/*.onlinebuy_list .pc01 img{width:500px;}*/
.onlinebuy_list .pc01 img{border:1px solid #bcbcbc;margin:0;padding:0;max-width:500px;width:expression(this.width>500?"500px":this.width);max-height:500px; height:expression(this.height>500?"500px":this.height);}
.onlinebuy_list .pc01 a:hover img{border:1px solid #900;}
/*IE6固定大小*/
*html .onlinebuy_list .pc01 img{ width:400px;}
.viewproduct_infos{clear:both;padding-left:8px;overflow: hidden;}
/*导航上下记录*/
.prevnext{width:100%;padding:10px 0;line-height:20px;padding-left: 30px;}
.prevrecord,.nextrecord{display:block;overflow:hidden;width:600px;white-space:nowrap;text-overflow:ellipsis;margin: 15px 0 0;}

/* 留言 */
.gbook_formbtn{padding:4px;padding-left: 14%;}
.gbook_formbtn goback_btn{clear:both;margin-left:150px;background:#888888;color:#FFFFFF;border:solid 1px #666666;font-size:11px;font-weight:bold;padding:4px 6px;}
.gbook_formbtn input{width:100px;line-height:20px; margin-right: 8px; border:solid 1px #dedede;color:#25262b;background:#f6f5fa;cursor:pointer;}
.gbook_indexpost{margin-bottom:8px;padding-left: 20%;}
.gbook_tblist{margin-bottom:4px;}
.p_g_gbook{padding: 0px; }
.p_g_title{font-weight:bold;line-height:30px;text-align:left; padding-left:10px; clear: both;}
.p_g_content{text-align:left;line-height:24px; padding:0 5px; clear: both;}
/* 招聘 */
.p_jv_jobs{ line-height:24px; margin:0px 0px; padding:0px;margin-top: 30px;}
.p_jv_jobs .jobs{height:33px;}
.i_p_list .p_jv_item{ clear:both; width:660px;}
.p_jv_title{float:left;clear:left;text-align:left;font-weight:bold;}
.p_jv_cont{float:left;text-align:left;}
.p_jv_contb{text-align:left;clear:both;padding:0 0 10px 20px;}
/* 网站地图 */
.p_m_div{ margin:auto; clear: both; text-align:left; overflow:hidden; width:100%;}
.p_m_div a{line-height:20px;height:20px; font-size:12px;}
.p_m_div a:hover{line-height:20px;font-size:12px;}
.p_m_ul{margin:0 0 6px 0;	display: table; border-bottom: dashed 1px #d7d7d7;width:100%; padding:0px;}
.p_m_div2 .p_m_ul{margin:0px;float:left;width:auto;border:none; padding-left:10px;}
.p_m_menu{ font-weight: bold; clear: both;}
.i_p_list .p_m_ul li,.menusort_list li{white-space: nowrap; width:653px;}
.p_m_class,.menusort_lists{margin-left: 24px;}
.p_m_div2 {margin:0 10px 0 0;}
/* ----开始网站Rss订阅中心---- */
.onlinerss{width:220px;margin:0 0 10px;padding-bottom:5px;border:solid #dbdbdb 1px;background:#f0f0f0;}
.onlinerss dl {width:214px;height:28px;margin:0 auto; padding-top:6px;background:url(../images/t1.jpg) no-repeat bottom; }
.onlinerss dt { float:left;padding-left:25px;color:#fff; line-height:20px; font-size:14px;}
.onlinerss dt a,.onlinerss dt a:hover{color:#fff;text-decoration:none;}
.onlinerss li{padding-bottom:10px;text-align:center; }
.onlinerss li a.a1{display:block;overflow:hidden;width:200px;height:170px;margin:0 auto;border:1px solid #cbc5bf; }
.onlinerss li a.a1 img{width:200px;}
.onlinerss li a.a2{display:block;overflow:hidden;width:200px;margin:0 auto;;line-height:22px;white-space:nowrap;text-overflow:ellipsis}
.onlinerss .singletxt_main{width:192px;margin:0 auto; padding:10px; border:solid #c8c8c8 1px; border-top:none; background:#fff;  line-height:20px;}
.main_rssxmllist{clear:both;display:block;}
.main_rssxmllist ul{display:block;padding-bottom: 2px; padding:0px; margin:0px;}
.rssmain_topbar{clear:both;display:block;height:24px;line-height:24px;padding:0px 4px;border:solid 1px #d7d7d7;}
.rssmain_toptit{float:left;font-weight:bold;}
.rssmain_topbtn{display:block;float:right;padding-top:2px;}
.rssmain_topbtn .rssxml_url{display:block; margin:4px 15px 0 0;float:left;line-height:20px;}
.rssmain_topbtn .rssxml_btn{display:block;float:left;line-height:20px;}
.rssxml_btn .subscribe_btn{ clear:both;display:block;cursor:pointer;background:url(../../images/rss_icon.jpg) no-repeat left center;padding:2px 4px 0px 20px}
.rssxml_btn .subscribe_list{top:22px;right:-5px;z-index:1000;position:absolute;padding:4px;border:solid 1px #DDD;background-color:#FFF;}
.subscribe_list a{clear:both;display:block;padding:4px;}
.viewitem_list{margin:0px;padding:4px 4px 8px;}
.viewitem_list ul{margin:0px;padding:0px;display:table;width:100%;line-height:20px;}
.viewitem_list ul li{ line-height:20px;}
.viewitem_list ul li a{ display:block;float:left; width:700px; white-space:nowrap; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.viewitem_list ul span{float:right; padding-right:0px;}
#com_pmodule_rssonline{text-align:center; margin:0 auto;}
#com_pmodule_rssonline li{padding:3px 0;}
#com_rssonline li{text-align:center; margin:0 auto; padding:5px 0;}


.sidebar .rss1{background: url(../images/t1.jpg) no-repeat scroll 0 0 transparent;height: 29px;width: 194px;}
.sidebar .rss1 span{ color: #fff;font-size: 14px;font-weight: bold;line-height: 32px;padding-left: 34px;}
.sidebar .rss1 span a{  color: #fff;}


/* ------在线调查---- */
.survey_indexshow{margin:0px 0 15px 5px;}
.survey_indexpost{padding-left: 20px;margin-bottom: 8px;}
.survey_post input{ border: 0px;}
.survey_postbtn{line-height: 30px;}
.survey_postbtn input{line-height:20px; margin-right: 8px; cursor: pointer; width: 100px;   background:#ddd; color:#25262b;border:solid 1px;}
/* ---------------结束栏目详细---------------- */
.prodllview .proviews h3 {display:none}
.menu_105 .prodllview .sortnavt {    display: none;}
.menu_105 .prodllview .sortnavul li a {    display: none;}
.menu_105 .prodllview .hover .sortnava {    display: block;background-image: url(/templates/images/gcbj.jpg);font-size: 36px;font-weight: 600;color: #fff;line-height: 134px;width: auto;margin-top: -79px;text-align: center;}
.menu_105 .prodllview .proviews h3 {  display: block;  text-align: center;  padding: 0 20px;  font-size: 16px;  white-space: nowrap;  line-height: 55px;   background: #7AC535;   color: #fff;}
.menu_107 .prodllview .proviews h3 {    display: block;    text-align: center;    padding: 0 20px;    font-size: 16px;    white-space: nowrap;    line-height: 55px;    background: #7AC535;    color: #fff;}
.menu_107 .prodllview .sortnavt {    display: none;}
.menu_107 .prodllview .sortnavul li a {    display: none;}
.menu_107 .prodllview .hover .sortnava {    display: block;background-image: url(/templates/images/gcbj.jpg);font-size: 36px;font-weight: 600;color: #fff;line-height: 134px;width: auto;margin-top: -79px;text-align: center;}
.menu_108 .prodllview .proviews h3 {    display: block;    text-align: center;    padding: 0 20px;    font-size: 16px;    white-space: nowrap;    line-height: 55px;    background: #7AC535;    color: #fff;}
.menu_108 .prodllview .sortnavt {    display: none;}
.menu_108 .prodllview .sortnavul li a {    display: none;}
.menu_108 .prodllview .hover .sortnava {    display: block;background-image: url(/templates/images/gcbj.jpg);font-size: 36px;font-weight: 600;color: #fff;line-height: 134px;width: auto;margin-top: -79px;text-align: center;}
.menu_109 .prodllview .proviews h3 {    display: block;    text-align: center;    padding: 0 20px;    font-size: 16px;    white-space: nowrap;    line-height: 55px;    background: #7AC535;    color: #fff;}
.menu_109 .prodllview .sortnavt {    display: none;}
.menu_109 .prodllview .sortnavul li a {    display: none;}
.menu_109 .prodllview .hover .sortnava {    display: block;background-image: url(/templates/images/gcbj.jpg);font-size: 36px;font-weight: 600;color: #fff;line-height: 134px;width: auto;margin-top: -79px;text-align: center;}
.menu_110 .prodllview .proviews h3 {    display: block;    text-align: center;    padding: 0 20px;    font-size: 16px;    white-space: nowrap;    line-height: 55px;    background: #7AC535;    color: #fff;}
.menu_110 .prodllview .sortnavt {    display: none;}
.menu_110 .prodllview .sortnavul li a {    display: none;}
.menu_110 .prodllview .hover .sortnava {    display: block;background-image: url(/templates/images/gcbj.jpg);font-size: 36px;font-weight: 600;color: #fff;line-height: 134px;width: auto;margin-top: -79px;text-align: center;}
/* ---------------开始扩展区----------------- */

#com_definedkeys_1,#com_definedkeys_2,#com_definedkeys_3,#com_definedkeys_4{ margin-bottom:-6px;}
.i_u_def1,.i_u_def2,.i_u_def3,.i_u_def4,.p_u_def1,.p_u_def2,.p_u_def3,.p_u_def4{overflow:hidden;}
.move_divouter .content{overflow:hidden;line-height:20px;}
.move_divouter .list{overflow:hidden; }
.move_divouter .title a{ text-decoration:none;}
#index #com_definedkeys_1{display:inline;}
.i_u_def1{width:1172px; margin-top:10px;}
.i_u_def1 .title{background:url(../Images/title05_bg.jpg) repeat-x scroll left bottom;height: 31px;padding-top: 9px; margin-bottom:10px;}
.i_u_def1 .title .tt{ background:url(../Images/icon03.jpg) no-repeat scroll 4px center;color: #000;display: block;float: left;font-family: microsoft yahei;font-size: 16px;height: 27px;line-height: 27px;overflow: hidden;text-indent: 20px;text-overflow: ellipsis;white-space: nowrap;width: 500px;}
.i_u_def1 .title .tm{float: right;line-height: 27px;}
.i_u_def1 .content{ line-height: 25px;padding:10px; width:1152px;font-size: 14px; background:#fff;}
.i_u_def1 .list{padding:10px; width:1152px;font-size: 14px; background:#fff;}
.i_u_def1 .list li{float:left; }
.i_u_def1 .list li img{width:210px; height:142px;}
.i_u_def1 .list li a{display:block; width:210px;  padding:5px 10px 5px 10px;}
.i_u_def1 .list li a:hover{ }
.i_u_def1 .list li span{float:left; width:210px; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


#index #com_definedkeys_2{display:inline;float:left;}
.i_u_def2 { margin-top:10px; width:240px;}
.i_u_def2 .title{background: #4e766b none repeat scroll 0 0;height: 40px;}
.i_u_def2 .title .tt{ color: #fff;font-size: 15px;font-weight: bold;line-height: 40px;text-align: center;width:240px; display:block;}
.i_u_def2 .title .tm{float: right;font-size: 14px;padding-right: 10px; display:none;}
.i_u_def2 .content{ background: #fff none repeat scroll 0 0;font-size: 14px;line-height: 20px;padding: 15px;width: 210px;}
.i_u_def2 .list{ background: #fff none repeat scroll 0 0;font-size: 14px;padding: 15px;width: 210px;}
.i_u_def2 .list li{width: 210px;}
.i_u_def2 .list li a{width:210px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;line-height:30px;}

#index #com_definedkeys_3{}
.i_u_def3{width:915px; margin-top:10px;}
.i_u_def3 .title{background:url(../Images/title05_bg.jpg) repeat-x scroll left bottom;height: 31px;padding-top: 9px; margin-bottom:10px;}
.i_u_def3 .title .tt{ background:url(../Images/icon03.jpg) no-repeat scroll 4px center;color: #000;display: block;float: left;font-family: microsoft yahei;font-size: 16px;height: 27px;line-height: 27px;overflow: hidden;text-indent: 20px;text-overflow: ellipsis;white-space: nowrap;width: 500px;}
.i_u_def3 .title .tm{float: right;line-height: 27px;}
.i_u_def3 .content{ line-height: 25px;padding:10px; width:895px;font-size: 14px; background:#fff;}
.i_u_def3 .list{padding:10px; width:895px;font-size: 14px; background:#fff;}
.i_u_def3 .list li{float:left; }
.i_u_def3 .list li img{width:210px; height:142px;}
.i_u_def3 .list li a{display:block; width:210px;  padding:5px 6px 5px 6px;}
.i_u_def3 .list li a:hover{ }
.i_u_def3 .list li span{float:left; width:210px; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}




#com_definedkeys_4{}
.i_u_def4{width:1172px; margin-top:10px;}
.i_u_def4 .title{background:url(../Images/title05_bg.jpg) repeat-x scroll left bottom;height: 31px;padding-top: 9px; margin-bottom:10px;}
.i_u_def4 .title .tt{ background:url(../Images/icon03.jpg) no-repeat scroll 4px center;color: #000;display: block;float: left;font-family: microsoft yahei;font-size: 16px;height: 27px;line-height: 27px;overflow: hidden;text-indent: 20px;text-overflow: ellipsis;white-space: nowrap;width: 500px;}
.i_u_def4 .title .tm{float: right;line-height: 27px;}
.i_u_def4 .content{ line-height: 25px;padding:10px; width:1152px;font-size: 14px; background:#fff;}
.i_u_def4 .list{padding:10px; width:1152px;font-size: 14px; background:#fff;}
.i_u_def4 .list li{float:left; }
.i_u_def4 .list li img{width:210px; height:142px;}
.i_u_def4 .list li a{display:block; width:210px;  padding:5px 10px 5px 10px;}
.i_u_def4 .list li a:hover{ }
.i_u_def4 .list li span{float:left; width:210px; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}





.move_divouter{ display:block !important; }

.p_u_def1{ margin-top:10px; width:100%;}
.p_u_def1 .title{background:url(/templates/Images/icon01.jpg) repeat-x scroll left bottom; height: 85px; text-align: center;}
.p_u_def1 .title .tt{border-bottom: 3px solid #bf0000;color: #584b4b;display: inline-block;font-size: 30px;line-height: 82px;max-width: 1100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_u_def1 .title .tm{float: right; display:none;}
.p_u_def1 .content{ line-height: 25px;padding:10px 0px; margin: 70px auto 0px; width:1100px;}
.p_u_def1 .list{width:1100px; margin:70px auto 0px; overflow:hidden;}
.p_u_def1 .list ul{width:1120px; overflow:hidden;}
.p_u_def1 .list li{float:left; display:inline; width:260px; height:320px; margin-right:20px; background:#bf0000; margin-bottom:20px;}
.p_u_def1 .list li img{width:260px; height:260px;}
.p_u_def1 .list li span{display:block; line-height:24px; overflow:hidden; padding:6px 10px; height:48px; overflow:hidden;}
.p_u_def1 .list li span a{color:#FFF;}
.p_u_def1 .list li span a:hover{color:#c8a063;}




.p_u_def2{width:100%; margin-top:10px;}
.p_u_def2 .title{background:url(/templates/Images/icon01.jpg) repeat-x scroll left bottom; height: 85px; text-align: center;}
.p_u_def2 .title .tt{border-bottom: 3px solid #bf0000;color: #584b4b;display: inline-block;font-size: 30px;line-height: 82px;max-width: 1100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_u_def2 .title .tm{float: right; display:none;}
.p_u_def2 .content{ line-height: 25px;padding:10px 0px; margin: 70px auto 0px; width:1100px;}
.p_u_def2 .list{width:1100px; margin:70px auto 0px; overflow:hidden;}
.p_u_def2 .list ul{width:1120px; overflow:hidden;}
.p_u_def2 .list li{float:left; width:540px; padding-right:20px; height:40px;}
.p_u_def2 .list li a{ display:block; line-height:40px; width:540px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.p_u_def3{width:100%; margin-top:10px;}
.p_u_def3 .title{background:url(/templates/Images/icon01.jpg) repeat-x scroll left bottom; height: 85px; text-align: center;}
.p_u_def3 .title .tt{border-bottom: 3px solid #bf0000;color: #584b4b;display: inline-block;font-size: 30px;line-height: 82px;max-width: 1100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_u_def3 .title .tm{float: right; display:none;}
.p_u_def3 .content{ line-height: 25px;padding:10px 0px; margin: 70px auto 0px; width:1100px;}
.p_u_def3 .list{width:1100px; margin:70px auto 0px; overflow:hidden;}
.p_u_def3 .list ul{width:1120px; overflow:hidden;}
.p_u_def3 .list li{float:left; display:inline; width:260px; height:320px; margin-right:20px; background:#bf0000; margin-bottom:20px;}
.p_u_def3 .list li img{width:260px; height:260px;}
.p_u_def3 .list li span{display:block; line-height:24px; overflow:hidden; padding:6px 10px; height:48px; overflow:hidden;}
.p_u_def3 .list li span a{color:#FFF;}
.p_u_def3 .list li span a:hover{color:#c8a063;}


.p_u_def4{width:100%; margin-top:10px;}
.p_u_def4 .title{background:url(/templates/Images/icon01.jpg) repeat-x scroll left bottom; height: 85px; text-align: center;}
.p_u_def4 .title .tt{border-bottom: 3px solid #bf0000;color: #584b4b;display: inline-block;font-size: 30px;line-height: 82px;max-width: 1100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_u_def4 .title .tm{float: right; display:none;}
.p_u_def4 .content{ line-height: 25px;padding:10px 0px; margin: 70px auto 0px; width:1100px;}
.p_u_def4 .list{width:1100px; margin:70px auto 0px; overflow:hidden;}
.p_u_def4 .list ul{width:1120px; overflow:hidden;}
.p_u_def4 .list li{float:left; display:inline; width:260px; height:320px; margin-right:20px; background:#bf0000; margin-bottom:20px;}
.p_u_def4 .list li img{width:260px; height:260px;}
.p_u_def4 .list li span{display:block; line-height:24px; overflow:hidden; padding:6px 10px; height:48px; overflow:hidden;}
.p_u_def4 .list li span a{color:#FFF;}
.p_u_def4 .list li span a:hover{color:#c8a063;}


/* ---------------开始扩展区----------------- */

/* ---------------开始底部--------------- */
/*.footer{ text-align:center;}
.footer #com_othermenu{padding:15px 0 5px 0;}
.footer #com_copyright{padding:5px 0;}
.footer #com_webcounter{ padding-top:5px;}
/* ---------------结束底部--------------- */

/*结束dll.css*/


/*font.css*/
.title01{height:auto;text-align:center;}
.title01 span{display:block;}
.title01 h3{display:inline-block; font-size:30px; line-height:40px; color:#584b4b;max-width:1100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.title01 h3:after{content: ""; display: block; width: 34px; height: 3px; margin: 16px auto 0; background: #999999;display:none;}
.title01 p{font-size: 17px; line-height: 40px;}
.g-tit_b a:after{content: ""; display: block; width: 34px; height: 3px; margin: 16px auto 0; background: #999999;}
.g-titIns1:after{content: ""; width: 80px; height: 2px; background: #dd823d; position: absolute; left: 0; bottom: -1px;}

/*结束font.css*/

/*main.css*/

body {font-family:microsoft yahei;margin:0; padding:0; font-size:14px; color:#616161; background:#FFF;}
div,form,img,ul,ol,li,dl,dt,dd,p{margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img, a img{border:0; vertical-align:top;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
/* Link */
a{color:#43443e; text-decoration:none; transition:background 0.2s ease-in 0s, color 0.2s ease-in 0s; -webkit-transition:background 0.2s ease-in 0s, color 0.2s ease-in 0s; -moz-transition:background 0.2s ease-in 0s, color 0.2s ease-in 0s;}
a:hover {color: #000; text-decoration:none;}
/* Other */
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;}
.mauto{width:1200px; margin:0 auto;}
.m_auto{margin:0 auto;}

/* Font  */
.fb{font-weight:bold;}
.f11px{font-size:11px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f10px{font-size:10px;}
.li20px{line-height:20px;}
.f18px{font-size:18px;}
.f20px{font-size:20px;}
.f24px{font-size:24px;}
.f30px{font-size:30px;}
.yahei{font-family:microsoft yahei;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.ml10{margin-left:10px;}
.ml13{margin-left:13px;}
.fl{float:left;}
.fr{float:right;}
.posr{position:relative;}
.ovht{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/*结束main.css*/




/*onlineeditor.css*/

/* --------鼠标滑过对象后可移动对象的样式--------- */
.edit_box{ position:absolute; border:1px solid #ffa103; /* border:1px solid #00beff; width:192px; height:27px; top:388px; left:10px; */}
.edit_mask{/* cursor: pointer; */ height:100%; background: #ffa103; /* background: #00feff; */ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); opacity:0.2;}
.edit_btn_bar{ position:absolute; /* top:4px; right:4px; */ top: 1px; right: 1px;}
.edit_btn_bar img{ cursor:pointer; float:left; margin-left:2px;}
.edit_btn_bar input{ cursor:pointer; float:left; margin-left:2px;}

/* --------鼠标移动对象时可移动对象区域的样式--------- */
.edit_box_bg{border: dashed 1px #ff0000;}

.loadding{ position:absolute; left:45%; top:50%; z-index:1000; width: 200px;}
.loadding div{ background:url(images/loading.gif) no-repeat 4px center; padding: 2px 4px 2px 28px; color: #FF6600; font-size: 14px; line-height: 20px;}
 
/* --------在线编辑管理界面的样式加载--------- */
.pop2mask{ position:absolute; width:100%; height:100%; /* background:#000; */ filter:alpha(opacity=40); opacity: 0.4;}
.pop2load{position:absolute; z-index:100; /* top: 20px; */ top: 0px; display: block; width: 100%;}
.pop2load .mainLoad{ /* border: solid 2px #b4ea71; */ border:1px solid #e6f0f6; width:379px; background:#fff; display: block;}
.pop2load .loadHead{ background:url(images/poptit_bg.gif) repeat-x left bottom #fafafa; height:30px; line-height: 30px; clear: both; display: block; position: relative;}

.pop2load .loadHead .loadTitle{position:absolute; background:none; color: #4f556c; font-weight:bold; top: 0px; left: 0px; padding-left: 10px; _padding-top: 6px; vertical-align: middle;}
.pop2load .loadHead .loadTitle img{ margin-right: 8px; vertical-align: middle; border: none;}
.pop2load .loadHead .close{ background:url(images/poptop_close.gif) no-repeat left center; position:absolute; top: 0px; right: 0px; cursor:pointer; padding: 0px 10px 0px 16px; _padding-top: 4px; height: 26px; line-height: 26px; vertical-align: middle;}

.popCloseBtn{ margin: 0px auto; z-index: 2000; position: absolute; text-align: center; line-height: 30px; height: 26px; padding-top: 4px; display:block; width: 100%; border-top: solid 1px #ebcb5a; border-bottom: solid 1px #ebcb5a; background-color:#ffffd1;}
.popCloseBtn a{ width:100px; line-height:22px; height: 22px; _height: 16px; _padding-top: 6px; display: block; margin: 0px auto; color:#4f556c; vertical-align: middle; background:url(images/bgb03.gif) no-repeat center center;}
.popCloseBtn a:hover,.popCloseBtn a:active {color:#e80505; font-weight:bold; text-decoration: none; /* background:url(images/bgb03.gif) no-repeat center center; */}
.popCloseBtn img{ cursor: pointer; vertical-align: middle; padding-right: 4px;}

.DragDragBox {/* FILTER:alpha(opacity=70); z-index: 100; */ overflow: hidden;}

/* ----在线编辑需要引用的样式开始---- */
.edit_nullmodule
{
	display: none;
}
.edit_addmodule
{
	display: block;
	line-height: 20px;
	margin: 2px auto;
	padding: 4px;
	color: #FF0000;
	text-align: center;
	border: solid 1px #dddddd;
	background-color: #eeeeee;
}
.move_divouter
{
	display: table;
	/*
	height: 100%;
	*/
	/* 以下定义为了拖曳功能方便 */
	padding-bottom: 6px;
	/*
	border: solid 1px #FF0000;
	*/
}
/* ----在线编辑需要引用的样式结束---- */

.swiper-button-prev, .swiper-button-next{display:none !important;}


/*结束onlineeditor.css*/


/*ddsmoothmenu.css*/

.ddsmoothmenu{font-size: 14px; box-sizing: border-box; float: left; width: 100%; max-width: 100%;}
.ddsmoothmenu a{text-align:center;color: #000; font-weight: bold;display: block; position: relative;font-size: 16px;}
.ddsmoothmenu a:before{content: "";position: absolute;background:url(/templates/images/navbefo.png) center no-repeat;
width: 63px;height: 31px;bottom: -20px; left: calc(50% - 31.5px);display: none;}

.ddsmoothmenu .selected:before{display: block !important;}

/*.navactive:before{display: block !important;}*/

.index .navactive:before{display: none !important;}

.nava:hover:before{display: block;}

.navactive{color: #cd9358;}

.ddsmoothmenu ul{z-index:100;margin:0;padding:0;list-style-type: none;display: flex; flex-wrap: wrap; justify-content: space-around;}

.ddsmoothmenu ul li{position: inherit; float: left; display: inline; color: #311e02; text-align: center; line-height: 40px; width: calc(100%/9);}
.nava{display: inline-block;  width: auto;color: #030304;  font-size: 15px;  font-family: microsoft yahei;  border-radius: 5px;cursor: pointer;  position: relative;}
* html .nava{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}


.i_nav ul li ul{position: absolute; padding-left: 0px;display: none;left: 0 !important;width: 100% !important;background: #FDF0E5;top: 80px !important;}

.ddsmoothmenu ul li:hover ul{display: block;}
* html .i_nav ul li ul{}
.i_nav ul li ul li{ border:none;display: flex; padding:0px; width: 100%;background: #FDF0E5;bottom: 0;position: relative;width: 680px; max-width: 100%;  float: inherit;}
.i_n02 li {
    margin-left: 517px;
}
.i_n03 li {
margin-left: 681px;}
.i_n04 li {
    margin-left: 760px;
}
.i_n05 li {
    margin-left: 958px;
}
.i_n06 li {
    margin-left: 969px;
}
.i_n07 li {
margin-left: 1235px;}
.i_n08 li {
margin-left: 1345px;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.i_nav ul li ul li ul{top: 0;}
.i_nav ul li ul li a{display:block;font: normal 16px Verdana;height:50px; color:#000;line-height:50px;/*white-space:nowrap;*/overflow:hidden;text-overflow:ellipsis; cursor:pointer;    PADDING: 0 20px;
};}
.i_nav ul li ul li a:hover{ text-decoration:none;color:#dd4425 ;}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
.downarrowclass{position: absolute;top: 12px;right: 15px;}
.ddshadow{ /*shadow for NON CSS3 capable browsers*/position: absolute;left: 0;top: 0;width: 0;height: 0;}


/*------------------------------------------------------*/

.rightarrowclass{position: absolute;top:10px;right:5px;} 
/* Holly Hack for IE \*/
* html .sortlist ul li { float: left; height: 1%; }
* html .sortlist ul li a { height: 1%; }
/* End */

/*结束ddsmoothmenu.css*/
/* ��ҳ���ֿ�ʼ */
.i_banner_box123 .fp-slidesContainer {
    width: 100% !important;
}
.header{height: auto; position: inherit; z-index: 999; left: 0;max-width: 100%;width: 100%; background: #fff;height: 85px; display: flex; align-items: center;}
.header .navbox{display: flex; align-items: center; justify-content: space-between; width: 1200px; max-width: 100%;margin: 0 auto;}
.logobox{width: auto; margin: 0 auto;max-width: 100%; display: flex; align-items: center; justify-content: center;position: relative;overflow: hidden;}
.logo{float:left;     width: 40%; overflow:hidden;}

.i_nav{height: 40px; position: inherit; width: 900px; max-width: 100%;}
/*.i_nav li{float:left; width:100px; height:40px; line-height:40px; font-size:16px; text-align:center;}
.i_nav li a{color:#030304; display:block; border-radius:5px;}
.i_nav li a:hover{color:#FFF; text-decoration:none; background:#c8a063;}
.i_nav li a.on{color:#FFF; text-decoration:none; background:#c8a063;}*/

.i_navcall{float: right; margin-right: 3%; padding-left: 25px; padding-top: 10px; font-size: 18px;position: absolute;  top: 0px;right: 0;}
.i_navcall h3{float: left;  color: #fff;  padding-right: 35px;  border-right: 1px solid rgb(128, 128, 128);  margin-right: 30px;}
.i_navcall span:nth-last-child(1){position: relative;}
.i_navcall span div > img{width: 100px; height: 100px; position: absolute; top: 50px; right: -40px;display:none;}
.i_navcall span:nth-last-child(1):hover img{display:block;}
.i_navcall span > img{float: left;  width: 12px;  height: 17px;margin: 0 10px;}

.banner{position:relative; width:100%; height:525px; overflow:hidden;}
.i_banner{float:left; display:inline; width:100%; margin-left:0px !important;}
.banner img{ width:100% !important;}


.sort_l{width: 1200px; height: auto;max-width: 100%;margin:0px 0 15px;}
.sort_l ul{display: flex; justify-content: flex-start; height: 40px; line-height: 40px;border-bottom: 1px solid #7C7C7C;position: relative;}
.sort_l ul > a{color: #EF2D0B;position: absolute;right: 0;}
.sort_l li{display: block; cursor: pointer;}
.sort_l li a{color: #7C7C7C;font-size: 18px;padding: 0 20px;}
.sort_l li .on{display: block;background: #0070C2;color: #fff;}
.sort_l li a:hover{}

.hd_search{float: right;  width: 165px;  height: 36px;  position: absolute;right: 0;}
#keywords{display: block;  width: 100%;  height: 40px;  line-height: 40px;  padding: 0 12px;  font-size: 14px;border: none;  background: none;  color: #ccc;border-bottom: 1px solid rgb(54,195,205);}
.search_btn{position: absolute;  top: 1px;  width: 40px;  height: 40px;  border: none;  outline: 0;  right: -25px;background:url(/templates/Images/search.png) no-repeat center;transition: .2s;position: absolute; right: 0px;}
.search_btn:hover{background-color: #dc6600;}

.hd_search li{float:left;}
.hd_search li input{float:left; height:36px;}
.hd_search li input.hd_sint{width:269px;background: #fff;padding-left: 10px;}

.i_probox{background:#F4F4F4}
.i_pro{padding: 50px 0 ; text-align: center; width: 1200px; max-width: 100%; overflow: hidden; margin: 0 auto;}
.title_sort{display: flex;justify-content: space-between;}



a:hover{text-decoration: none !important;}




.demo{background: url(http://picture.no3.mfdns.com/upload/cases/jz1067/bg6.png) no-repeat center;  padding: 160px 0;  background-attachment: fixed;}
.demo .col-md-3{text-align: center;}
.demo .col-md-3 span{font-size:64px;}
.demo .title{width: 100%;}
.demo *{color:#fff;}


.i_news{overflow: hidden; width: 1200px;margin: 0 auto; max-width: 100%;display:flex;justify-content: space-between;margin-top:10px;height: 320px;    background: #fff;}
.i_news .i_newsl{width: 50%;} 
.i_news .i_newsr{width: 50%;overflow: hidden;position: relative;height: 320px;}
.times1 {
    width: 85px;
    overflow: hidden;
    height: 20px;
    float: right;text-align: right;
}
.morebox{padding-bottom: 30px;}
.i_newsl .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: -220px !important;}
.swiper-pagination-bullet-active{background-image: url(/templates/iamges/ls.png)}
.swiper-pagination-bullet{width: 28px !important;height: 5px !important;background: url(/templates/images/hs.png) no-repeat center;border-radius: inherit !important;}

.i_banner_box123 .fp-tableCell {

    height: auto !important;

}

.i_news .ul {    flex-wrap: wrap;}
.i_news .swiper-container{height: auto !important;}
.i_news .swiper-container-multirow-column > .swiper-wrapper {flex-wrap: wrap !important;flex-direction: column !important;}
.i_news .ul .li{  align-items: center;position: relative;overflow: hidden;  height: auto; margin: 0 30px 11px 0 !important;}
.i_news .ul .li .time{min-height: 64px;min-width: 64px; margin-right: 20px;border:1px solid #E4E4E4;display: flex;flex-direction: column; align-items: center;justify-content: center;}
.i_news .ul .li:hover .time{background: url(/templates/images/timebg.jpg) no-repeat center;background-size: 64px 64px;color: #fff;}
.i_news .ul .li .box{ overflow: hidden;background: url(/templates/images/right12.png) left center no-repeat;
    background-size: auto;
background-size: 20px 20px;
padding-left: 25px;display: inline-block;width: calc(100% - 90px);}
.i_news .ul .li:hover .time *{color: #fff;}
.i_news .ul .li .time h5{font-size: 22px; color: #000; text-align: center; font-weight: 600;margin: 0;}
.i_news .ul .li .time span{font-size: 14px;color:#888;}
.i_news .ul .li .text{line-height: 24px;  font-size: 12px;  text-align: justify;  color: #666;  height: 50px;  overflow: hidden;}
.i_news .li:hover h3{color: #0672B8}
.i_news .box h3{

font-size: 16px;

height: 18px;

overflow: hidden;

margin: 0px;

color: #444;
}
.i_news .newsbox .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: -230px !important;bottom:-4px !important;}
.i_newsl .swiper-slide {

    text-align: center;

}.i_newsl .swiper-container-horizontal > .swiper-pagination-bullets {

    left: 0 !important;

}
.morebox div{display: flex;justify-content: space-between;flex-wrap: wrap;}
.morebox div a{display: block;width:calc((100% / 3) - 50px);margin: 0 0px 0 0;}


.i_yqfk{width: 1200px;max-width: 100%;margin:20px auto;margin-top: 20px;display: none;}
body.index {
    background: #f5f5f5;
}
.i_scopeofbusinessbox{
    /* max-width: 100%;background: url(/upload/weblogo/2020042309070617.jpg);margin-top:00px;background-size: 100% 100%;
height: 776px; */
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background: #fff;
width: 1200px;
margin: 20px auto;
}
.n-left {
    width: 367px;
    float: left;
    height: 300px;
}
.top-content {
    border-bottom: 1px solid #0089d5;
    margin: 20px 0 0 0;
}
.t-symbol {
    width: 8px;
    height: 26px;
    background: rgba(18,138,210,1);
    float: left;
    display: inline-block;
}
.t-title {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(18,138,210,1);
    display: inline-block;
    padding: 0 0 10px 10px;
}
.t-more {
    float: right;
}
.t-more a {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(18,18,18,1);
    display: inline-block;
    line-height: 34px;
}
div:after, ul:after, dl:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.content1 {
    margin-top: 20px;
}
.content1 li a {
    height: 31px;
    line-height: 31px;
    color: #555555;
    padding-left: 4%;
    background: url(/templates/Images/point.png) no-repeat 0px center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.n-down {
    width: 367px;
    height: 300px;
    margin: 0 20px;
    float: left;
}
.n-right1 {
    width: 367px;
    float: right;
    height: 300px;
}
.i_scopeofbusiness{padding:10px 0;}
.i_scopeofbusiness ul{width:1200px;max-width: 100%;margin:0 auto;}
.i_scopeofbusiness .title{position: relative;margin:50px auto;}
.i_scopeofbusiness .title:before{content: "";position: absolute;background: #01B255;width: 300px;left: 29%;height: 3px;bottom: 30px;}
.i_scopeofbusiness .title:after{content: "";position: absolute;background: #01B255;width: 300px;right: 29%;height: 3px;bottom: 30px;}
.i_scopeofbusiness .title h3{position: relative;color: #006EBD;font-size: 36px;font-weight: 600}
.i_scopeofbusiness .title h3:before{content: ""; position: absolute; background: #01B255; width: 600px; left: 0%; height: 3px; bottom: -20px;}
.i_scopeofbusiness .title h3:after{content: ""; position: absolute; background: #01B255; width: 600px; right: 0%; height: 3px; bottom: -20px;}
.i_scopeofbusiness ul li:nth-child(1), .i_scopeofbusiness ul li:nth-child(5) {

    margin-top: 100px;

}
.i_scopeofbusiness ul{display: flex;justify-content: space-between;flex-wrap: wrap; }
.i_scopeofbusiness ul li{position: relative;width: calc((100% / 5) - 20px);margin:0 10px;overflow: hidden; height: 450px;/*transition: all 1s;*/}
.i_scopeofbusiness ul li h3{display: flex;align-items: center;font-size: 16px;padding:10px 0;justify-content: center;height: 50px; overflow: hidden;color: #fff;}
.i_scopeofbusiness ul li div{background:#0067b2;padding:0 10px;position: absolute;height: 100%;transition: all .3s; -webkit-transform: all .3s;}
.i_scopeofbusiness ul li ins{display: block;
    margin: 50px auto 0;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;}
/*.active .i_scopeofbusiness ul li{transition-delay: 0.7s;}*/
.i_scopeofbusiness ul li:hover div{top:0;transition: all .3s; -webkit-transform: all .3s;padding-top:50px;z-index: 9;background: transparent;}
.i_scopeofbusiness ul li > img{width: 100%;height: 400px;}
.i_scopeofbusiness ul li div p{color: #fff;text-align: center;}
.i_scopeofbusiness ul li:nth-child(2n){margin-top:50px;}
.i_scopeofbusiness ul li:nth-child(3) div{background: #0067B2;color: #fff;}
.i_scopeofbusiness ul li:nth-child(3) div p{color: #fff}

.i_scopeofbusiness ul li:before{content: "";position: absolute; top: 0; left: -110%; width: 220px; height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; background: url(/templates/images/img_l.png) ;}
.i_scopeofbusiness ul li:after{content: "";position: absolute; top: 0; right: -110%; width: 220px; height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; background: url(/templates/images/img_r.png) ;}
.i_scopeofbusiness ul li:hover:before{left:0;}
.i_scopeofbusiness ul li:hover:after{right:0px;}


.i_alink{width: 1100px;margin:0 auto;max-width: 100%;background: #F4F4F4;height: 65px;margin-bottom: 5px;}
.i_alink > ul{display:flex;justify-content: space-between; align-items: center;height: 100%; padding: 0 20px;}
.i_alink > ul li h3{border: 1px solid #DCDCDC; background: #fff; width: 200px; text-align: left; height: 46px; line-height: 46px; border-radius: 10px;position: relative;text-indent: 2em;}
.i_alink > ul li h3:before{content: "";position: absolute;width: 20px;height: 20px;background: url(/templates/images/jt.jpg) no-repeat center;top: 13px; right: 30px;}
.i_alink > ul li ul{display: none; position: absolute; top: 50px; width: 200px; border: 2px solid #fff; background: #fff; box-sizing: border-box;    padding: 5px;
    border-radius: 5px;}
.i_alink > ul li ul a{display: block;width: 100%;font-size: 12px;line-height: 32px;font-weight: bold;}
.i_alink > ul li {position: relative;}
.i_alink > ul li:nth-child(1) h3{border: none; width: auto; background: transparent; font-size: 22px;text-indent: inherit;}
.i_alink > ul li:nth-child(1) h3 img{padding-right: 20px;}
.i_alink > ul li:nth-child(1) h3:before{display: none;}
.i_alink > ul .on ul{display: block;}
.i_alink > ul .on ul li a:hover{background: #0078D7;color: #fff;}


.i_alink h3{font-size: 18px;}




.p_title{text-align: center; max-width: 100%; width:100%; margin-top: 30px; float: left; overflow: hidden;display: flex;justify-content: flex-start;}
.p_title .sidebar{width: 100%;}
.p_title .sidebar .sortnavul {flex-wrap: wrap;justify-content:center;}
.p_title .sidebar .sortnavul li{margin: 10px 0; width:auto;padding:0 30px;margin-right: 10px;}
.p_title .sidebar .sortnavul li a{text-align: left;line-height: 46px;color: rgb(51, 51, 51);display: block;position: relative;}
.p_title .sidebar .sortnavul li a:before{content: ""; position: absolute; background: #184BBE; width: 96px; height: 2px; bottom: 0; left: calc(50% - 47px); display: none;top: 40px;}
.p_title .sidebar .sortnavul li a:hover:before{display: block;}
.p_title .sidebar .sortnavul li a:hover{color: #000 !important;}

.i_panter_l li span{height: 42px; color: #333; font-size: 14px; border: 1px solid #333; display: block; float: left; width: 115px; text-align: center; line-height: 42px; margin-left: 0px;}


.i_gywm{width:100%;max-width:100%;overflow: hidden;  padding: 50px 0;background:#f3f3f4;margin-top: 50px;}

/*首页底部*/


.footer .icon{display: flex;  justify-content: space-evenly;}
.footLeft.fl ul li{display: flex;  align-items: center;}

/* 结束首页底部*/



.i_dpfw {  width: 1200px;  margin: 0 auto; max-width: 100%;padding: 50px 0;}
.ul-imgtxt {    overflow: hidden;   margin-top: 40px;}
.g-tit_b a{display: block; font-weight: normal; text-align: center; font-size: 30px; color: #333333;}



.index .i_banner_box123 .slider-nav {

    display: none;

}


.footer{padding:30px 0 0 0;line-height:30px; font-size:12px; background:#0069B2;padding-bottom: 50px;margin-top: 62px;}
.footer *{color:#999;font-size:14px;}
.footer a:hover{color: #fff;}
.footer_nav > ul li h3 a:hover{color: inherit;  text-decoration: none;}
.footer_nav .c h3{font-size:16px;}
.footer_nav .c p{margin:0;padding:0;}
.footer_nav{width:1200px; margin:0 auto; padding-bottom:10px; text-align:left;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.footer_nav .footer_container{width:1200px;max-width: 100%;margin:0 auto;display: flex;justify-content: space-between;align-items: center;color: #fff;}
.footer_lxwm li{color: #fff;}







.f_alink{width:1200px;max-width:100%;margin:0 auto;padding:0 0 50px;border-top: 1px solid;  margin-top: 30px;display: none;}
.f_alink h3{margin-bottom:10px;font-size:16px;}
.f_alink span{margin-right:20px;}


/*.copyright{text-align:center;background:#0069B2;line-height: 30px; font-size: 14px; color: #898482;padding: 10px 0;display: none;}
#com_copyright div {     width: 1200px; max-width: 100%;margin: 0 auto;color: #fff; font-size: 16px;}
.copyright img{border:7px solid #636363; margin:10px 0;}*/
.jsq{ text-align:center;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */



.pbanner{position:relative; width:100%; height:262px; overflow:hidden;}
.p_banner{float:left; display:inline;}
.p_container{padding:20px 0 70px;width: 1200px;max-width:100%;margin: 0 auto;}
.agentL{background: #FDF0E5;position: relative;border-top: 2px solid #0067B2;}
.agentL .sidebar{width: 1200px;margin:0 auto;display: flex;justify-content: flex-start;max-width: 100%;margin-bottom: 50px;}
.agentL .sidebar .sortnavt h3,.agentL .sidebar .sortnavt span{background: url(/templates/images/jtbg.jpg) no-repeat center;font-size: 36px; font-weight: 600; color: #fff; line-height: 134px;
 position: absolute; width: 263px; top: -79px; text-align: center;}



.menu_36 .p_container .remark1 > div{border-bottom: 3px solid #0071BF;padding-bottom: 10px; margin-bottom: 30px;}
.menu_36 .p_container h3{font-size:32px;font-weight: 600}
.menu_36 .p_container span{font-size:16px;/* font-weight: 600 */}
.menu_36 .p_container li{text-indent: 2em;font-size:16px;line-height: 2;text-align: justify;}
.menu_36 .p_container img{margin:0 auto;max-width: 100%;margin-top:20px;display: block;}

.menu_41 .p_container .remark1 > div{border-bottom: 3px solid #0071BF;padding-bottom: 10px; margin-bottom: 30px;}
.menu_41 .p_container h3{font-size:32px;font-weight: 600}
.menu_41 .p_container span{font-size:16px;/* font-weight: 600 */}
.menu_41 .p_container li{text-indent: 2em;font-size:16px;line-height:2;text-align: justify;}
.menu_41 .p_container img{margin:0 auto;max-width: 100%;margin-top:20px;display: block;}

.menu_40 .p_container .remark1 > div{border-bottom: 3px solid #0071BF;padding-bottom: 10px; margin-bottom: 30px;}
.menu_40 .p_container h3{font-size:32px;font-weight: 600}
.menu_40 .p_container span{font-size:16px;/* font-weight: 600 */}
.menu_40 .p_container li{text-indent: 2em;font-size:16px;line-height:2;text-align: justify;}
.menu_40 .p_container img{margin:0 auto;max-width: 100%;margin-top:20px;display: block;}

.menu_51 .p_container .remark1 > div{border-bottom: 3px solid #0071BF;padding-bottom: 10px; margin-bottom: 30px;}
.menu_51 .p_container h3{font-size:32px;font-weight: 600}
.menu_51 .p_container span{font-size:16px;}
.menu_51 .p_container li{text-indent: 2em;font-size:16px;line-height:2;text-align: justify;}
.menu_51 .p_container img{margin:0 auto;max-width: 100%;margin-top:20px;display: block;}

.menu_114 .p_container .remark1 > div{border-bottom: 3px solid #0071BF;padding-bottom: 10px; margin-bottom: 30px;}
.menu_114 .p_container h3{font-size:32px;font-weight: 600}
.menu_114 .p_container span{font-size:16px;}

.p_container .p_title1 h3{
    border-bottom: 3px solid #9FD35B;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    }
.jinshanhe .p_container h3{font-size:24px;font-weight: 600}
.jinshanhe .p_container span{font-size:16px;font-weight: 600}
.jinshanhe .p_container p{text-indent: 2em;font-size:16px;line-height: 2;}
.jinshanhe .p_container h4{font-size:18px;font-weight: 600;padding-left: 28px; margin: 50px 0 10px;}

.p_sort_l{margin:50px auto 50px;position: relative;}
.p_sort_l:before{content: "";position: absolute;bottom:-50px;left: 0;right: 0;height: 3px;background: #0170C1;}
.p_sort_l ul{display: flex;justify-content: space-evenly;flex-wrap: wrap;/* display: inline-block; */ text-align: center; }
.p_sort_l ul li a{font-size:18px;font-weight: 600;position: relative;display: block;}
.p_sort_l ul li .on:before{position: absolute;background: url(/templates/images/p_sjt.png) center no-repeat;width: 70px;height: 38px;content: "";left: calc(50% - 35px); bottom: -50px; z-index: -1;}
.p_sort_l li {
    margin: 0 15%;
    float: left;
    display: inline-block;
}


.g-titIns1{display: none;}

.p_memberunit .i_pro_l ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.p_memberunit .i_pro_l li{width: calc((100% / 4) - 20px);height: 230px;margin:0 10px 20px;}
.p_memberunit .i_pro_l li img{width: 100%;height:auto;}
.p_memberunit .i_pro_l li h3{text-align: center;background-color: #D9D9D9;    font-size: 12px;font-weight: 600;height: 42px;line-height: 42px;}

.scopeofbusiness .agentL .sidebar .sortnavt h3{/*background-image: url(/templates/images/gcbj.jpg)*/}
.scopeofbusiness .sortnavul li a:hover{/*background: #7AC535*/}
.scopeofbusiness .hover .sortnava{background: #7AC535}


.menu_97 .agentL .sidebar .sortnavt h3,
.menu_98 .agentL .sidebar .sortnavt h3,
.menu_99 .agentL .sidebar .sortnavt h3,
.menu_100 .agentL .sidebar .sortnavt h3{background-image: url(/templates/images/gcbj.jpg)}
.menu_97 .sortnavul li a:hover,
.menu_98 .sortnavul li a:hover,
.menu_99 .sortnavul li a:hover,
.menu_100 .sortnavul li a:hover{background: #7AC535}
.menu_97 .hover .sortnava,
.menu_98 .hover .sortnava,
.menu_99 .hover .sortnava,
.menu_100 .hover .sortnava{background: #7AC535}

.fengmenao .agentL .sidebar .sortnavt h3{background-image: url(/templates/images/gcbj.jpg)}
.fengmenao .sortnavul li a:hover{background: #7AC535}
.fengmenao .hover .sortnava{background: #7AC535}


.waterenvironmentcontrol .agentL .sidebar .sortnavt h3{background-image: url(/templates/images/gcbj.jpg)}
.waterenvironmentcontrol .sortnavul li a:hover{background: #7AC535}
.waterenvironmentcontrol .hover .sortnava{background: #7AC535}

.waterindustrychainresource .agentL .sidebar .sortnavt h3{background-image: url(/templates/images/gcbj.jpg)}
.waterindustrychainresource .sortnavul li a:hover{background: #7AC535}
.waterindustrychainresource .hover .sortnava{background: #7AC535}

.waterfrontlanddevelopment  .agentL .sidebar .sortnavt h3{background-image: url(/templates/images/gcbj.jpg)}
.waterfrontlanddevelopment  .sortnavul li a:hover{background: #7AC535}
.waterfrontlanddevelopment  .hover .sortnava{background: #7AC535}

.sewagemanagement .agentL .sidebar .sortnavt h3{background-image: url(/templates/images/gcbj.jpg)}
.sewagemanagement .sortnavul li a:hover{background: #7AC535}
.sewagemanagement .hover .sortnava{background: #7AC535}

.jinshanhe .agentL .sidebar .sortnavt h3{background-image: url(/templates/images/gcbj.jpg)}
.jinshanhe .sortnavul li a:hover{background: #7AC535}
.jinshanhe .hover .sortnava{background: #7AC535}

.qingnianhe .agentL .sidebar .sortnavt h3{background-image: url(/templates/images/gcbj.jpg)}
.wangjianglek .agentL .sidebar .sortnavt h3{background-image: url(/templates/images/gcbj.jpg)}
.xinkaihe .agentL .sidebar .sortnavt h3{background-image: url(/templates/images/gcbj.jpg)}
.greatlakescreek .agentL .sidebar .sortnavt h3{background-image: url(/templates/images/gcbj.jpg)}

.qingnianhe .sortnavul li a:hover{background: #7AC535}
.wangjianglek .sortnavul li a:hover{background: #7AC535}
.xinkaihe .sortnavul li a:hover{background: #7AC535}
.greatlakescreek .sortnavul li a:hover{background: #7AC535}

.qingnianhe .hover .sortnava{background: #7AC535}
.wangjianglek .hover .sortnava{background: #7AC535}
.xinkaihe .hover .sortnava{background: #7AC535}
.greatlakescreek .hover .sortnava{background: #7AC535}


.scopeofbusiness .remark1 > div:nth-last-child(1) h4{font-size:32px;position: relative;text-align: center;margin-top:90px;}
.scopeofbusiness .remark1 > div:nth-last-child(1) h4:before{content: '';position: absolute;background: #0272C0;height: 3px;right: 20px;left: 60%;top:20px;}
.scopeofbusiness .remark1 > div:nth-last-child(1) h4:after{content: '';position: absolute;background: #0272C0;height: 3px;left: 20px;right: 60%;top: 20px;}
.scopeofbusiness .remark1 > div ul{display: flex;margin-top：60px;flex-wrap: wrap;justify-content: flex-start;padding-top: 50px;}
.scopeofbusiness .remark1 > div ul li{width: calc((100% / 3) - 20px);margin:0 10px 20px;box-sizing: border-box;overflow: hidden;}
.scopeofbusiness .remark1 > div ul li img{width: 100%;}
.scopeofbusiness .remark1 > div ul li div{border: 2px solid #FDE7D3;border-top:none;padding-bottom: 20px;height: 180px;}
.scopeofbusiness .remark1 > div ul li div h5{margin:0;font-size: 22px;font-weight: 600;text-align: center;padding-top:30px;}
.scopeofbusiness .remark1 > div ul li div p{padding:0 10px;margin-top:10px;font-size: 16px;line-height: 2;}



.p_developmenthistory > div:nth-child(1) .swiper-wrapper{display: flex;justify-content: space-between;margin:50px auto 80px !important;position: relative;}
.p_developmenthistory > div:nth-child(1) .swiper-wrapper:before{position: absolute;content: "";background: #0071BC;height: 2px;
width: 1100px; top: 50px; left: calc(50% - 550px); max-width: 100%;}
.p_developmenthistory .onmouseover:before{content: "";position: absolute;background: url(/templates/images/a.png) center no-repeat;width: 60px;height: 60px;
left: calc(50% - 30px); top: 20px;}
.p_developmenthistory .on:before{background: url(/templates/images/aon.png) center no-repeat;}

.p_developmenthistory .swiper-wrapper div{text-align: center;font-size: 16px;}
.p_developmenthistory .swiper-wrapper div a{font-size:16px;}
.swiper-container{height: auto !important;}


.swp-net-s {
    position: relative;
}
.swiper-button-next-s {
    background-image: url(/templates/Images/right_icon.png);
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 100%;
    background-position: center;
    right: 5px;
    top: -65px;
    z-index: 100;
    cursor: pointer;
}

.swiper-button-prev-s {
    background-image: url(/templates/Images/left_icon.png);
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 100%;
    background-position: center;
    left: 5px;
    top: -65px;
    z-index: 100;
    cursor: pointer;
}


img{max-width: 100%;}
.p_aboutus{ max-width: 1200px; overflow: hidden; display: flex; justify-content: space-between; min-width: 1200px; flex-wrap: wrap; margin: 0 auto;}
.p_aboutus img{margin-top: 20px;max-width: 100%}
.p_aboutus > div:nth-last-child(1){margin: 0 50px; background: #ffffff; box-shadow: #e2e2e2 3px 3px 3px; position: relative; top: -140px; padding: 20px;}
.p_aboutus > div p{font-size: 14px; color: #666666;line-height: 25px;}

.aboutus p{margin:0;font-size: 14px; line-height: 211%;text-indent: 2em;}
.aboutus p span{color: rgb(241, 134, 39);}


.p_contact{width: 1200px; max-width: 100%; margin: 0 auto; overflow: hidden;padding: 50px 0;margin-bottom:30px;}
.p_contact h3{font-size: 36px;text-align: center;}
.p_contact ul{display: flex;justify-content: space-between;align-items: center;margin-top:50px;}
.p_contact ul li{width: calc(100% / 4); text-align: center;padding:30px 0;box-sizing: border-box;}
.p_contact ul li:nth-last-child(1){border:none;}
.p_contact ul li img{height: 50px;}

.lxfs{width: 1200px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.lxfs .title01{background: #dd4425;padding: 20px 50px; text-align: left; box-sizing: border-box;margin-bottom: 20px;}
.lxfs .title01 h3{color: rgb(255, 255, 255); font-size: 20px;margin: 0;}
.lxfs .title01 span{font-size: 12px; line-height: 140%;color: #fff;}
.lxfs .text{display: flex; flex-wrap: wrap;justify-content: space-between;}
.lxfs ul{width: 46%;}
.lxfs .ditu{width:52%;}
.lxfs ul li{background: #f5f5f5; padding: 10px 30px; font-size: 14px; color: rgb(67, 67, 67);}


/*.p_about strong{display:block; float:left; width:520px; text-align:center;}
.p_about dl{float:right; width:528px; padding:30px 20px 0 30px; padding-top:30px; line-height:20px;}
.p_about dl dd{ margin-top:20px; padding-left:25px; background:url(../Images/icon03.jpg) no-repeat 8px 8px;}*/
/* ��ҳ���ֽ��� */

.p_left{ float:left;}
.p_right{ float:right;}

    .wow:first-child {
          visibility: visible;
    animation-name: bounceInUp;
    }
 
.zzzs{width:1038px; margin:0px auto 0; overflow:hidden;}
.zzzs ul{width:1048px; overflow:hidden;}
.zzzs li{float:left; display:inline; width:250px; height:250px; margin-right:12px; background:#bf0000;}
.zzzs li img{width:250px; height:250px;}
.i_banner_box123 img { width: 100%;}

/*响应式按钮*/

.am-header-right:before {-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
.am-header-right {display:none;position:absolute;height:53px;margin-top:0;margin-bottom:0;line-height:22px;background:0 0 !important;-webkit-transition:color .25s linear;-o-transition:color .25s linear;transition:color .25s linear;z-index:100;right:0 !important;top:0;padding-top:12px;text-align:center;width:50px;padding-left:12px;}
.am-header-right:before,.am-header-right span,.am-header-right:after {background:#fff;}
.close span {opacity:0}
.close:before {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:8%;-ms-transform-origin:8%;-o-transform-origin:8%;transform-origin:8%;}
.close:after {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:8%;-ms-transform-origin:8%;-o-transform-origin:8%;transform-origin:8%;}
.am-header-right:before,.am-header-right::after {transition:transform .2s ease-in-out;}
.am-header-right:before,.am-header-right span,.am-header-right:after {display:block;width:30px;height:3px;margin:0;background:#ff6800;border-radius:1px;}
.am-header-right span {margin:6px 0;}
.am-header-right:before,.am-header-right:after {content:"";}
/*按钮结束*/



@media screen and (max-width: 1366px) { 
/*当屏幕尺寸小于1366px时，应用下面的CSS样式*/

.i_scopeofbusiness {

    padding-top: 60px;

}.i_aboutbox {

    margin-bottom: 20px;
margin-top: 20px;
}.footer {

    margin-top: 46px;

}
/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/
}

@media screen and (max-width: 1024px) {
/*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.i_newsl img{display: block;margin:0 auto;}
.i_newsl .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: -200px !important;}
.i_news{flex-wrap: wrap;padding: 0 10px;}
.i_news .i_newsl, .i_news .i_newsr{width: 100%;}
.i_scopeofbusiness .title:before{display: none;}
.i_scopeofbusiness .title:after{display: none;}
.i_scopeofbusiness .title h3:before{display: none;}
.i_scopeofbusiness .title h3:after{display: none;}
.i_scopeofbusiness .title{margin:20px auto}
.single .remark1{padding:0 10px;}
.swiper-button-next-s{display: none;}
.swiper-button-prev-s{display: none;}
.p_developmenthistory > div:nth-child(1) .swiper-wrapper:before {display: none;}
.scopeofbusiness .remark1 > div ul li div p{font-size:14px;}
.i_scopeofbusiness ul li div p{font-size: 12px; line-height: 2;}
.i_aboutbox{margin:50px auto;padding:0 10px;}
.p_container .title{margin:0;}
.agentL .sidebar .sortnavt h3{font-size: 24px; line-height: 55px; width: 143px; top: 0; background-size: 143px 55px;}
.mfbox{width:100%;min-width:100%;}
.footer .footer_lxfs ul{width: 60%}
.i_newarrivals{margin-bottom: 20px;}
.i_newarrivals ul li div::before{display:none;}
.sort_l li{margin: 0 10px 10px;}
.p_title{width: 100%;}
.p_title .sidebar .sortnavul li{width: auto;}
.p_jmys ul li{width: calc((100% / 3) - 10px);}
.p_jmfs, .p_jmzc{padding:0 10px;}

.logo {width: 20%;}
.logo img {width: 100%; height: auto; max-width: 100%;}
.i_nav {width: 80%; float: left;}
.ddsmoothmenu{width: 1200px; max-width: 100%;}
.p_title .sidebar .sortnavul{padding:0 10px;}
.i_navcall{display:none;}
.i_pro_l {width: 100%;padding-left:5px;padding-right:5px;box-sizing: border-box;}
.i_pro_l ul {width: 100%;}
.i_prodll .i_pro_l li{width: calc((100% / 4) - 20px);}
.i_pro_l li img {width: 100%;height: auto;}

.i_pro .i_product{padding: 50px 20px; box-sizing: border-box;}
.p_cyly ul li{padding: 0 20px;  box-sizing: border-box;}
.p_cyly ul li > div{width: 50%;}
.p_cyly ul li img{padding-right: 30px;}
.i_pro .i_pl img{width: 470px;height: 315px;}
.i_pro .i_pr li{width:195px;}
.i_pro .i_pl h3{top: 260px;}



.i_container *{max-width: 100%;}
.hd_search{margin-right: 40px;}
.i_newsbox li span{width: 200px;}
.i_newsbox li h4{width: 200px;}
.fd-right{float: none;}
.footer_nav {width: 100%;padding: 0 10px;box-sizing: border-box;}
.footer_nav > ul li{margin: 0 30px;}
.fd-link{display: none;}

.remark1 > p{padding: 0 50px;}
.menu_40 .remark1 div, .menu_39 .remark1 div{padding:0 50px;}
.honorList li img{width: 230px;}
.honorList li{margin-left: 26px;margin-right: 0px;}

.sortnavul li{margin: 0 5px;}
.footContact{width: 460px;}
.i_footercall{margin-right: 155px;}

.i_news_l li {width: 50%;}
.i_news_l li span {width: 75%;padding: 8px 2% 2px 0;}

.i_panter_l {width: 98%;}
.i_panter_l ul {width: 100%;}
.i_panter_l img {width: 100%;height: auto;}

.n_n_list {width: 100%;padding: 0 20px; box-sizing: border-box;}


.p_l_list {width: 100%;}
.p_l_list ul {width: 100%;}
.p_l_list li {width: 24%;height: auto;margin-right: 1%;}
.p_l_list li img {height: auto;width: 100%;}

/*单页图文*/
.p_container{width:100%;padding:20px 0;margin:0;}
.p_content{width:95%;}
.p_content_p{width:95%;}


/*产品列表*/
.p_p_list{width:100%;margin:0 auto;}
.p_p_list ul {width: 100%;}

.p_p_list li strong{width:100%;}
.p_p_list li img{width:100%;}

.ul-imgtxt li{width: 23%;}

/*带图新闻列表*/
.n_n_list li{overflow: hidden;width: 100%;box-sizing: border-box;}
.n_n_list dd{width:60%;float:left;margin-left:15px;}
.navPage{width:66%;}
.footer{width:100%;min-width:100%;}
.n_n_list li span {width: 78%;padding: 8px 2% 2px 0;}
/*招聘中心*/
.n_j_list li{padding:0 10px;}
.n_j_list li a{width:80%;}
/*内页*/
.productremark{padding:0 10px;}
.p_about{width: 100%;margin: 0;}
.p_container .title{padding-left: 15px;}
.remark{padding: 0 10px;}


.n_n_list li dl{padding-right: 0;}

.remark img{width:100%;}
.i_dzlc{padding: 35px 20px; box-sizing: border-box;}
.i_dzlc span{font-size:12px;}
.i_Ourstyle ul{flex-wrap: nowrap;overflow: auto;}
.i_Ourstyle{overflow: auto;}
.i_designteam ul li{width:100%;  box-sizing: border-box;}
.contactus1box{padding: 0 10px;}

.p_jthx ul, .bghj ul{padding:0 10px;}
.p_aboutus{min-width: 100%;padding: 0 10px;}
.p_aboutus img, .p_aboutus > .text{width:100%}

/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/
}

@media screen and (max-width: 768px) {
 /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
/*nav栏目*/



.ddsmoothmenu a::before {display: none !important;}
.i_nav ul li ul{top:inherit !important;}
.i_nav ul li ul li a{color: #666;}

.scopeofbusiness .remark1 > div:nth-last-child(1) h4{margin-top:30px;}
.scopeofbusiness .remark1 > div:nth-last-child(1) h4::before{display: none;}
.scopeofbusiness .remark1 > div:nth-last-child(1) h4::after{display: none;}

.i_container .i_news *{max-width: none;}
.morebox{display: none;}
.sort_l{max-width: 100% !important;}
.sort_l li a{text-align: center;}
.i_scopeofbusiness ul li h3 img{display: none;}
.i_alink > ul > li:nth-child(1){display: none;}
.sortnavt{width: 143px;}
.p_memberunit .i_pro_l li h3{font-size:12px;padding:0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.p_memberunit .i_pro_l li{height: auto;  width: calc((100% / 3) - 20px);}

.i_nav{display:none;height:auto;position:absolute;width:100%;top:50px;z-index: 9999;background:#f5f5f5;padding: 0;}
.header{height: 50px;}
.ddsmoothmenu ul li{display:block;width:100%;border-top:1px solid #ccc;line-height: initial;padding: 0 !important;}
.navactive, .navactive:hover, .nava:hover, .nava.selected{line-height:50px;width: 100%;}
.ddsmoothmenu a{line-height:50px;padding:0;width: 100%;color: #000;}
.navactive, .navactive:hover{padding:0;width: 100%;}
.navbar-toggle{display: block;background: #FFF;margin: 12px 10px 0 0;border: 1px solid #8D9BBB;background-image: url(/templates/images/icon0x.png);background-size: 100% 100%;}
.ddsmoothmenu ul li.line {border: 0;}
.nava{border-radius: 0px;}
.navactive, .navactive:hover, .nava:hover, .nava.selected{border-radius: 0px;}
.i_nav ul li ul{left: inherit !important;}

.title::before{display: none;}
.i_pro ul li img{height: auto;}
.i_about .box, .i_djzyd, .i_productcase{width:100%;margin: 0;}
.i_news .news_l{width: 100% !important;}
.i_news .news_r{width:100%;}
.footer_nav .c h3{font-size: 15px;}
.i_about a{left: calc(60% - 58px);}
.i_newarrivals > div{width: 100%;}
.i_newarrivals > div:nth-last-child(1){display: none;}
.ddsmoothmenu{width: 100%;}
.am-header-right{display: block;}
.show{display: block;}

.i_footercall{margin-right: 0;display: none;}
.footContact{padding-left: 15px;}

.i_pro{padding: 40px 0;}
.i_pro_l li span{margin: 5px 0;}
.p_pdll_list li img{width: 100%;  height: auto;}
.i_dzlc ul{width: 100%;}
.i_dzlc ul li span{display:none;}
.newsbox .i_pro_l div img{width: 150px;  height: 125px;}
.newsbox .i_pro_l div .text h2{font-size: 16px;  width: 380px;  overflow: hidden;  height: 20px;  text-overflow: ellipsis;  white-space: nowrap;}
.newsbox .i_pro_l ul li h2 a{width: 360px;  display: block;  height: 40px;  overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
.newsbox .i_pro_l ul li h2{float: left;}
.newsbox .i_pro_l ul li span{float: right;}
.footer_nav .footer_container{width: 100%;}
.footer_nav{flex-wrap: wrap;}
.footer_nav .ewm{margin: 30px auto 0;}

.i_cpys ul{flex-wrap: wrap;}
.i_cpys ul li{width: calc((100% / 2) - 100px);}
.i_news ul li{width: calc((100% / 1) - 30px);}
.footer_nav .footernav h5{display: none;}
.footer .footer_lxfs img{display: none;}
.footer .footer_lxfs ul{width: 100%;margin: 20px 0;}
.i_pro_l li a{height: auto;}
.close{opacity: 1 !important;}

.footer_nav > ul li h3{font-size: 16px;}
.p_cyly ul li img{width: 330px; height: 290px;}

.newsbox{width:100%;}

.videos{width: 100%;  float: left;}

.i_newstitle{margin-bottom: 20px;}
.i_newsbox{width: 100%}

.i_newsmore a{width: 172px; border: solid 1px #dddddd; display: block; line-height: 34px; margin: 20px auto;}


.i_newsbox li img{width: auto;height: auto;}


.i_pro .i_product{display: block;}
.i_pro .i_pl h3{left: 150px;}
.i_pr{overflow: hidden;  padding: 10px 0;  display: flex;  justify-content: space-evenly;}

.title h3::before, .i_pro ul li .text::before{display:none;}
.footer_nav .imgbox{display:none}
.f_alink{padding:0 10px;}
.jzly ul li > div{padding: 0 50px;}

.ddsmoothmenu a{height: auto;}
.ddsmoothmenu li::after, .navactive::after, .ddsmoothmenu .nava::after, .i_nav ul li ul::before{display:none;}
.i_nav ul li ul li{height:auto;}
.i_nav ul li ul{position: relative; overflow: hidden;width: 100%;margin: 0 auto;}
.i_nav ul li ul li a{color:#fff;}

/*产品列表*/
.p_p_list li{width: calc((100% / 3) - 20px);}
.p_pdll_list li{width: calc((100%/3) - 30px);margin: 0px 5px;margin-bottom: 26px;}
.sortnavul li a{padding: 0 10px;}

/*带图新闻列表*/
.n_n_list li{overflow: hidden;width: 100%;}
.n_n_list dd{width:60px;float:left;margin-left:15px;}
.n_n_list li span {width: 85%;height: auto;padding: 8px 2% 2px 0;}
.n_n_list li .news_imgbox{margin-right: 10px;}
.p_container .title{width: 70%;}

/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:78px!important;}
input#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}
input[type="text"]{border: 1px solid #d3d3d3;}
.i_news_l li span {width: 70%;padding: 8px 2% 2px 0;}
.n_n_list li{float: none;  margin: 0 auto 15px;}
.n_n_list{padding: 0;}
.newsdll .n_n_list{padding: 0 10px;}

.header{padding:10px 0;}
.logo{padding:0;}
.i_dzlc > div{display: none;}
.i_dzlc{display: flex;  justify-content: space-around;}
.i_Ourstyle ul, .i_Ourstyle{margin-top: 20px;}
.i_about{margin-top: 50px;background-size: cover;}
.i_designteambox{padding:30px 0 ;}
.n_n_list .time h4 a{width: 290px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.p_title{margin-top:0;}

.title h3{text-align: center;margin-bottom: 20px;}
.title_sort{flex-wrap: wrap;}
.i_pro ul{justify-content: center;}
.p_title .sidebar .sortnavul{justify-content: center;}
.p_p_list li img{height: auto;}
.i_newsl img{max-width: 100% !important;}
.side{display: none;}
/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/
}



@media screen and (max-width: 480px) {
  
  
  .p_sort_l li {     margin: 0;}
  .i_scopeofbusiness .title h3 {

    position: relative;
    color: #006EBD;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;

}.title span {

    font-size: 14px;

}
.i_nav ul li ul li {

    margin: 0 !important;
display: block;
}
.i_nav ul li ul li a {

    color: #000;
    width: 100%;
    padding: 0;

}
  .i_scopeofbusinessbox {

    height: auto;

  }
.i_news {
    height: auto;
}.i_news .ul .li .box {
    width: calc(100% - 88px);
}
.i_scopeofbusiness ul li::before {

    display: none;

}.i_scopeofbusiness ul li::after {

    display: none;

}
.i_scopeofbusiness ul li{width: calc((100% / 2) - 20px);margin-bottom: 10px;margin-top: 0 !important;}
.i_scopeofbusiness ul li:nth-child(2n){margin:0;margin-bottom: 10px;}

  .i_about .text > div h4{text-align: center;}
.i_about .text{background: none;padding: 30px 0;}
.i_about .text > div{float: inherit;width: 100%;padding:0;}

.i_aboutbox{flex-wrap: wrap;}
.i_alink > ul{overflow: auto;}
.i_about{width: 100%;}
.i_videos{width: 100%;}
.fp-tableCell {

    height: auto !important;

}.fp-section {

    height: auto !important;

}.index .i_banner_box123 .slider-nav {

    display: block;

}.i_banner123:hover .slider-arrow--right {

    right: 1%;
    opacity: 1;

}.i_banner123:hover .slider-arrow--left {

    left: 1%;
    opacity: 1;

}.i_news .i_newsr {

    height: 330px;

}.i_scopeofbusiness {

    padding-top: 20px;

}
.i_scopeofbusiness ul li div {position: static;display:block;height: auto;padding-bottom: 10px;}.i_scopeofbusiness ul li {

    height: auto;

}.i_scopeofbusiness ul li:hover::after {

    display: none;

}.i_scopeofbusiness ul li:hover::before {

    display: none;

}.i_scopeofbusiness ul li:hover div {

    background: #0067b2;

}.i_scopeofbusiness ul li div p span {

    font-size: 13px !important;
    line-height: normal !important;

}
.i_scopeofbusiness ul li:hover div {

padding-top: 0;}
.i_scopeofbusiness ul li ins {margin: 10px auto 0;}
.side {right: 5px;}
.footer_nav .footer_container{flex-wrap: wrap;justify-content: center;
}

.swiper-container{height: 170px !important;}
.i_pro_l li{width: calc((100% / 2) - 20px);}
.p_jmys ul li{width: calc((100% / 2) - 10px);}
.p_aboutus .p_qygk ul li{width: calc((100% / 1) - 20px);}
.p_jmzc ul li{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.i_about .box li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.p_contact .text p, .p_contact .text img, .lxfs .ditu, .lxfs ul{width: 100%;}

.i_newsbox li{width: calc((100%/2) - 32px); margin: 10px 10px; border: dashed #ccc 1px;padding: 0 5px;}

.i_newsbox li dl{display: none;}
.i_newsbox li img{display: none;}
.i_news .i_pro_l ul li .text{margin:0;}
.i_news .i_pro_l ul li .text div{height: 70px;}
.p_title .sidebar .sortnavul{justify-content: center;}
.i_cpys p{padding: 0 10px; box-sizing: border-box; text-align: justify;}
.footer_nav{width: 100%;padding: 0 10px; box-sizing: border-box;}
.p_p_list li{width: calc((100% / 2) - 20px);margin: 0 10px 20px;}

.i_about {padding:0 10px;}
.link ul li img{height:auto;}
.i_aboutbox{margin:0px;}
.i_news ul li .text{width: 100%;}
.p_aboutus > div:nth-last-child(1){top:0;}
.link ul{justify-content: left;}

.p_contact ul{flex-wrap: wrap;}
.p_contact ul li{width: 100%;  margin-bottom: 20px;}

.n_n_list li{height: auto;box-sizing: border-box;  padding: 10px 20px;}
.n_n_list li .news_imgbox{width: 100%;margin-right: 10px;display: none;}
.p_container .title{width: 100% !important; height: 100px; padding-left: 0px; padding-top: 30px;}
.n_n_list img{width: auto;  height: auto;}

.n_n_list .newstext{width: 100%; padding: 0 ; height: 60px; overflow: hidden; box-sizing: border-box;margin:0;}
.p_pdll_list li{width:calc((100%/2) - 30px)}
.sortnavul li a::before, .sortnavul li a::after{display:none;}
.honorList li{margin-left: 10px; margin-right: 13px; box-sizing: border-box;width: calc((100%/2) - 25px);}
.honorList li img{width:100%;}
.gbook_indexpost{padding-left: 5%;}

.i_news .newsbox .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: 0px !important;}
.i_pro .i_pr li img, .header{height: auto;}

.newsbox{width: 100%;}

.newsbox .i_pro_l ul li h2 a{width: 270px;}
.videos{width: 100%;padding: 10px 0;}
.i_pro .i_pl h3{left: 0;}
.logo{float: right;padding-right: 0px;}
.hd_search{display:none;}
.i_pro_l{height: 330px;}
.i_news .ul .li{margin-bottom: 30px !important;}
.mauto{left: auto;width: 100%;}
.sort_l ul > a{display: none;}
.sortnavt{display: none;}
.sortnavul li a{font-size:12px;padding:0 5px;}
.scopeofbusiness .remark1 > div ul li div h5{font-size: 18px;}
.scopeofbusiness .remark1 > div ul li{width: calc((100% / 2) - 20px);}
.n_n_list li .time{display: none;}
.n_n_list li .text{width: 100%;}.i_news .ul .li {
    margin-bottom: 17px !important;
}
.fwly ul{box-sizing: border-box; padding: 0 10px;}
.fwly ul li{width: calc((100% / 3) - 10px);}
.n_n_list li .text h3{font-size:14px;}
.n_n_list li .text div{width: 100%;font-size:12px;height: 54px;}
.n_n_list li .text span{width: 100%;font-size:12px;}
.sortnavul li{margin:0;}

.jzly ul li{flex-wrap: wrap;}
.jzly ul li img, .jzly ul li > div{width:100%;}
.jzly ul li:nth-child(2n){flex-direction: column-reverse;}

.agentL .sidebar {
    margin-bottom: 0px;
}.logo {

    width: 50%;
float: left;
}.am-header-right {

    padding-top: 25px;

}
.i_newsl .swiper-container-horizontal > .swiper-pagination-bullets{

    left: 0px !important;

}
.i_gjh > div p{font-size: 14px;}
.p_cyly ul li > div, .p_cyly ul li img{width: 100%;}

.n_n_list img{width: 100%; height: 100%;}
.p_container .title{height: auto;padding-top: 0px;}

.p_p_list li span:after{top: 40px;}
.p_p_list li span{padding: 10px 0;}
.footer_nav .ewm > div:nth-child(1){display: none;}
.footer_nav .c h3{font-size: 12px;}

.i_footercall{display: none;}
.footer_nav > ul{flex-wrap: wrap;  justify-content: space-between;}
.footer_nav > ul li{margin: 0 10px;	}
.footer_nav > ul li{margin-bottom:10px;}

.i_Ourstyle ul{flex-wrap: wrap;}
.i_Ourstyle ul li{width: calc(100% / 3);}
.i_pro .i_pro_l ul li{width: calc((100% / 2) - 10px);margin: 0 5px 10px;}
.i_pro .i_pro_l ul li a:hover::before{transform: scale(0);}
.i_pro ul li a:hover:after{display:none !important;}
.i_pro .i_pro_l ul li img{height: 200px;}
.i_designteam ul li{flex-wrap: wrap;}
.i_designteam ul li h3::before{display:none;}
.i_designteam ul li .imgbox, .i_designteam ul li .text{width:100%;}
.link ul li{width: calc((100% / 3) - 20px);margin-bottom:20px;}
.i_news ul li{width: calc((100% / 1) - 0px); margin: 0 0 20px;}


.products .p_about{padding: 0;}
.navPage{    width: 80%;}
.p_title{height: auto;line-height: 60px;}
.search_btn, #keywords{display:none;}
.p_pdll_list ul{justify-content: space-between;}
.i_designteam ul{justify-content: space-between;padding: 0 10px;  box-sizing: border-box;}
.p_shry ul li{width: calc((100% / 2) - 10px);}
.contactus1box{flex-wrap: wrap;}
.ditu, .contactus1{width: 100%;}
.i_pro ul li{margin-bottom:20px;}
.p_jmzc ul li{font-size:12px;white-space: normal;}
}

@media screen and (max-width: 414px) {
.i_cpys ul li{width: calc((100% / 1) - 100px);margin-bottom: 15px;}
.footer_nav a{font-size: 14px;}
.i_news ul li h3{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
.i_designteam ul, .p_pdll_list ul{justify-content: center;}
.p_p_list li{width: calc((100% / 1) - 20px);text-align: center;}

.i_designteam ul li, .p_pdll_list li{width: calc((100%/1) - 30px);}
.newsbox .i_pro_l div .text{width: 100%;}
.i_pro .i_pro_l ul li{width: calc((100% / 1) - 10px) !important;}
.p_p_list li img, .i_pro .i_pro_l ul li img{height: 250px;}

.i_dzlc ul li h3{font-size:12px}
.i_dzlc{padding: 25px 10px;}
.newsbox .i_pro_l ul li h2 a{width: 230px;}


.footer_nav{justify-content: center;}

.i_about p{margin-top: 20px;}
.i_aboutbox{margin:0;}
.p_jmfs ul li{width: calc(100% / 1);}
.i_scopeofbusiness ul li::before {left: -118%;}
.i_scopeofbusiness ul li::after {right: -118%;}

}



@media screen and (max-width: 380px) {
.footer_nav{display: block;}
.footLeft{width: 100%;  float: none;padding: 0 0 20px 90px;}
.footer_nav > ul{justify-content: center;}
.i_newarrivals ul li{width: calc(100% / 1);}
.footer_nav .ewm{justify-content: center;}
.newst{width: 87%; text-align: justify;}
}




@media screen and (max-width: 375px) {
.i_newsbox li{width: 97%; margin: 10px 5px;}
.i_newsbox li img{width: auto; height: auto;}
.aboutMain .font{padding: 0 30px;}
.navPage{width: 85%;}
.p_p_list li{width: calc((100%) - 20px);}

.p_pdll_list li{width: calc((100%) - 30px);}
.p_pdll_list li img{width:100%; height:100%;}
.sortnavul li a{margin-right: 0px;}

.gbook_indexpost{padding-left: 0;}
.gbook_post td:nth-child(1){width: 80px !important;}
#gbookMain, input#userMail, input#gbookTopic{width: 350px !important;}


.i_nav{top: 50px;}



.p_about{padding:0;}
.remark1{margin-top: 0px;}


.footContact{max-width: 100%; font-size: 14px;}
.footMenu em{margin: 0 10px;}
.footer_nav a{font-size: 12px;}

.i_pro .i_pl h3{left: 30px;}
.i_pro .i_pl h3::before{right: -200px;}
.i_pro .i_pr li h3{padding: 26px 0 0;  height: 20px;  overflow: hidden;}
.sort_l{width: 100%;}
.newsbox .i_pro_l div img{width: 100%;  height: auto;float: initial;}
.newsbox .i_pro_l div .text{width: 100%;}
.newsbox .i_pro_l ul li h2 a{width: 190px;}

.footer_nav{display: block;}
.footLeft{width: 100%;  float: none;padding: 0 0 20px 90px;}
.footer_nav > ul{justify-content: space-between;}
.n_n_list .newstext{height: 20px;}
.n_n_list .time h4 a{width: 230px; overflow: hidden; white-space: pre; text-overflow: ellipsis;}
.i_Ourstyle ul li{width: calc(100% / 2);}
}


@media screen and (max-width: 345px) {
.sort_l li a {font-size: 14px;}

}