html{background:#FFF;color:#666666 !important; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;}
img{border:0;}
ol,ul{list-style:none; margin-bottom: 0 !important; }
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit; outline:none;}
input,textarea,select{*font-size:100%;}
legend{color:#000;} a{color:inherit; text-decoration:none !important; color: #666666;}
/*******CSS reset*************/
body{ color:#666; font-size:16px; font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.nr_pic{ text-align:center; position:relative; width:100%;}
.nr_pic img{ max-width: 80%;}
#con_lx{ height:auto; padding: 0 !important; overflow:hidden; line-height:2.0; font-size:1.5rem; margin-bottom:2%;}
#con_lx p{ border-bottom:1px dotted #ccc; line-height:35px; transition:0.3s all 0s linear; }
#con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc;}
p{ margin: 0 !important;}



/** header **/
#top_index_bj{  width: 100%; height: auto; background: #fff;}
#top_index{ padding: 1% 0;}
#logo{ padding: 1%; text-align: left;}
#logo img{ max-width: 100%;}
#top_tel{ float: right; margin-top: 2%; font-family: Impact; background: url(../Image/tel.png) no-repeat left center; color: #0368b6; font-size: 24px;  padding-left: 60px; line-height: 25px; min-height: 51px; margin-top: 5%;}
@media screen and (max-width:768px){
    #logo{ padding: 2% 0 2% 5%;}
    #logo img{ width: 60%;}
}
.header.fixed{position: fixed;}

#nav_bj{ border-top: 1px solid #ebebeb;}
#nav{ height: auto; text-align: center;}
#nav li{ display: inline-block; width: 13%; color: #4c4c4c; font-size: 16px; height: 50px; line-height: 50px; text-align: center; transition: 0.3s; position: relative;}
#nav li:before{ position: absolute; content: ''; left: 50%; bottom: 0; height: 3px; width: 0; background: #38af6d; transition:0.3s;}
#nav li:hover:before{ width: 50%; left: 25%;}
#nav li:hover{ color: #38af6d;}
#nav li .navson{display: none; position: absolute;left: 50%;transform: translateX(-50%); top:50px;z-index: 100000;width: 100%;}
#nav li .navson a{padding:10px; display: block;color: #fff!important; background: rgba(0,0,0,.5);line-height: 20px;text-align: center;font-size: 14px; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
#nav li .navson a:hover{background: #38af6d;}



#top_index .sp_nav{ position: fixed; right: 2%; top: 3%; background: #0368b6; cursor:pointer; margin: 0 !important; height: 43px; width: 50px; padding: 10px; text-align: right; z-index: 999;}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;transition:all ease 0.5s}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav span:nth-of-type(3){top:30px}
.sp_nav_se span:nth-of-type(1){top:20px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:20px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background:rgba(0,0,0,0.8);width:100%;height: auto;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; padding: 20% 0 3%;}
.nav_show{top:0;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{color:#fff !important;float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px; height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{ border-top:1px #666 solid;margin-left:3%; width: 94%; position:relative;line-height:50px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #666 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff !important; width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#666;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

@media (min-width: 768px) and (max-width: 1200px){
  .nav_show{top:10%;}
}


#banner{ position: relative;}
#banner .swiper-container {
  width: 100%;
  height: 100%;
}
#banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#banner .swiper-slide img{ width: 100%;}

.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:640px;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }
.slideBox .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }


.slideBox1{ position:relative; overflow:hidden; margin:0 auto;  width:100%;/* 设置焦点图最大宽度 */ }
.slideBox1 .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox1 .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox1 .hd li.on{ background:#fff;  }
.slideBox1 .bd{ position:relative; z-index:0; }
.slideBox1 .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }
.slideBox1 .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox1 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox1 .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }


#home{ background: #0368b6;}
#home .container{ padding: 10px 0; background: url("../Image/home_bj.png") no-repeat left center; text-align: right; color: #fff; font-weight: bold; font-size: 45px;}
@media screen and (max-width:768px){
    #home .container{ background-size: 25%; font-size: 20px;}
}



#top_ys{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 2% 0; position: relative; z-index: 1;}
#top_ys li{ text-align: center; position: relative;}
#top_ys li:before{ position: absolute; right: 0; top: 20%; content: ''; width: 1px; height: 60%; background: #e1e1e1;}
#top_ys li p{ padding: 0 0 20px;}
#top_ys li h4{ font-weight: bold; margin: 0;}
#top_ys li span{ text-transform: uppercase; font-size: 12px; color: #b2b2b2;}
#top_ys li:last-of-type:before{ display: none;}


/** footer **/
#end_line{ background: #0368b6; padding: 10px 0; text-align: center; color: rgba(255,255,255,0.3);}

#end_nr_bj{ background: #1270b9; width: 100%; height: auto; overflow: hidden; text-align: center;}

#end_nr_bj #end_nav{ color: #434343; line-height: 50px; padding: 10px 0; border-bottom: 1px solid #5598cd;}
#end_nr_bj #end_nav a{ color: #fff !important; padding: 0 4%; font-size: 1.5rem;}
#end_nr_bj img{ max-width: 100%;}
#end_nr_bj .right{ text-align: right;}
#end_nr_bj .end_lxwm{ text-align: left; color: #fff; position: relative; padding: 0 3%;}
#end_nr_bj .end_lxwm:before,#end_nr_bj .end_lxwm:after{ position: absolute; left: 0; top: 0; content: ''; width: 1px; height: 100%; background: #5598cd;}
#end_nr_bj .end_lxwm:after{ right: 0; left: auto;}


/** main **/
.main_zy{ height:auto; overflow:hidden; padding: 2% 0 !important; line-height: 30px;}
.main{ height:auto; overflow:hidden; padding: 3% 0 !important; line-height: 30px;}
@media screen and (max-width:768px){
  .main,.main_zy{ padding: 5% 0 !important;}
}

.hui{ background: #f2f2f2; width: 100%; height: auto; overflow: hidden;}
.tit_in{ text-align: center;}
.tit_in h3{ color: #0368b6; font-weight: bold; font-size: 34px; margin: 0;}
.tit_in h3 span{ color: #333333;}
.tit_in p{ color: #b2b2b2; text-transform: uppercase;}
@media screen and (max-width:768px){
    .tit_in h3{ font-size: 24px;}
    .tit_in h3 p{ font-size: 12px;}
}


#cpqh{ margin-top: 3%;}
#cpqh .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#cpqh .swiper-slide { background-size: cover; background-position: center; position: relative;}
#cpqh .gallery-top { height: auto; width: 100%; background: #fff;}
#cpqh .gallery-top .swiper-slide{ padding: 10px;}
#cpqh .gallery-top .swiper-slide .left{ width: 45%;}
#cpqh .gallery-top .swiper-slide .left img{ width: 100%;}
#cpqh .gallery-top .swiper-slide .right{ width: 53%; padding-top: 2%;}
#cpqh .gallery-top .swiper-slide .right .tit{ height: auto; line-height: 30px;}
#cpqh .gallery-top .swiper-slide .right .tit p{ color: #333333; font-size: 24px; font-weight: bold;}
#cpqh .gallery-top .swiper-slide .right .tit span{ display: block; color: #cccccc; font-size: 12px; text-transform: uppercase;}
#cpqh .gallery-top .swiper-slide .right .content{ line-height: 35px; color: #666666; font-size: 16px; padding: 2% 0 0;}
#cpqh .gallery-top .swiper-slide .right ul{ margin-top: 3%;}
#cpqh .gallery-top .swiper-slide .right ul a{ display: block; float: left; border: 1px solid #0368b6; height: 40px; line-height: 40px; width: 20%; margin-right: 20px; text-align: center; border-radius: 5px; transition:0.3s;}
#cpqh .gallery-top .swiper-slide .right ul a:hover{ background: #0368b6; color: #fff;}
#cpqh .gallery-top .swiper-slide .right ul a:nth-of-type(2){ background: #0368b6; color: #fff;}
#cpqh .gallery-thumbs { height: auto; text-align: center; margin-bottom: 2%; box-sizing: border-box;}
#cpqh .gallery-thumbs .swiper-slide { border: 1px solid #e1e1e1; height: auto; text-align: center; background: #fff; color: #565a56; font-size: 14px; padding: 10px 0;}
#cpqh .gallery-thumbs .swiper-slide-thumb-active { background: #0657b2; color: #fff;}
@media screen and (max-width:768px){
    #cpqh .gallery-top .swiper-slide .left,#cpqh .gallery-top .swiper-slide .right{ width: 100%;}
    #cpqh .gallery-top .swiper-slide .right{ margin-top: 15px;}
    #cpqh .gallery-top .swiper-slide .right ul li{ width: 30%;}
}



#khal{ margin: 0;}
#khal .swiper-slide { background-position: center; position: relative; text-align: center;}
#khal .swiper-slide img{ max-width: 100% !important; height: auto;}
#khal .gallery-top { height: auto; padding: 0;}
#khal .gallery-top .swiper-slide { width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#khal .gallery-top .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
#khal .gallery-thumbs { height: auto;}
#khal .gallery-thumbs .tit{ width: 100%; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; margin-bottom: 40px;}
#khal .gallery-thumbs .tit .left{ width: 60%; text-align: left;}
#khal .gallery-thumbs .tit .left h3{ color: #333333; font-size: 34px; font-weight: bold; margin: 0;}
#khal .gallery-thumbs .tit .left h3 span{ color: #0368b6;}
#khal .gallery-thumbs .tit .left p{ font-size: 12px; color: #b2b2b2; text-transform: uppercase;}
#khal .gallery-thumbs .tit .right{ width:35%; color: #999999; padding-top: 5%; text-align: right; overflow: hidden;}
#khal .gallery-thumbs .content{ color: #666666;}
#khal .gallery-thumbs li{ padding: 0 5%; float: left; border:1px solid #0368b6; height: 40px; line-height: 40px; border-radius: 5px; color: #0368b6; font-size: 18px;}
#khal .gallery-thumbs li i{ padding-right: 5px;}
#khal .gallery-thumbs li:nth-of-type(2){ margin-left: 10px; background: #0368b6; color: #fff; font-size: 15px;}
#khal .gallery-thumbs li:nth-of-type(2) a{ color: #fff;}
#khal .gallery-thumbs .swiper-slide { background: #e9e9e9; text-align: center; cursor: pointer; height: 40px; line-height: 40px; color: #282828; font-size: 14px;}
#khal .gallery-thumbs .swiper-slide a{ color: #282828;}
#khal .gallery-thumbs .swiper-slide-thumb-active { background: #0368b6; color: #fff; position: relative; }
#khal .gallery-thumbs .swiper-slide-thumb-active a{ color: #fff;}
@media (min-width: 769px) and (max-width: 1200px){
    #khal .gallery-thumbs .tit{ padding: 0; margin-bottom: 10px;}
}
@media screen and (max-width:768px){
    #khal .gallery-thumbs{ margin-top: 3%;}
    #khal .gallery-thumbs .tit{ padding: 0; margin-bottom: 10px;}
    #khal .gallery-thumbs .tit .left h3{ font-size: 26px;}
    #khal .gallery-thumbs .tit .left p{ font-size: 12px;}
}


#ggbj{ background: url("../Image/gg.jpg") repeat-y center fixed; height: auto; width: 100%;}
#ggbj .container{ color: #fff; position: relative; height: 240px; text-align: center;}
#ggbj .container:before{ position: absolute; content: ''; left: 2%; top: -15px; background: url("../Image/gg1.png") no-repeat left top; width: 248px; height: 15px;}
#ggbj .container:after{ position: absolute; content: ''; left: 2%; bottom: -15px; background: url("../Image/gg2.png") no-repeat left top; width: 248px; height: 16px;}
#ggbj .container .left h3{ font-size: 20px; padding-top: 8%;}
#ggbj .container .left span{ display: block; font-family: Impact; font-size: 30px; line-height: 30px; padding: 2% 0 8%;}
#ggbj .container .left p{ height: 40px; background: #fff; border-radius: 5px; line-height: 40px; color: #0368b6; font-size: 18px; width: 70%; display: inline-block;}
#ggbj .container .right{  padding-top: 5%;}
#ggbj .container .right p{ font-size: 32px; font-weight: bold; margin-bottom: 10px !important;}
#ggbj .container .right span{ display: block; font-size: 18px; line-height: 30px;}
@media (min-width: 769px) and (max-width: 1200px){
    #ggbj .container .right p{ font-size: 26px;}
    #ggbj .container .right span{ font-size: 18px;}
}
@media screen and (max-width:768px){
    #ggbj{ margin-top: 5%;}
    #ggbj .container{ height: 200px;}
    #ggbj .container .right{ padding-top: 10%;}
    #ggbj .container .right p{ font-size: 16px;}
    #ggbj .container .right span{ font-size: 12px;}
}


#ysbj{ background: url("../Image/ysbj.png") no-repeat center; width:100%; height: auto;}
.ystit{ background: url("../Image/ystit.png") no-repeat center bottom; text-align: center; padding-bottom: 20px; margin-bottom: 4%;}
.ystit h1{ font-size: 52px; color: #333333; font-weight: bold; margin: 0 !important;}
.ystit h1 span{ color: #0368b6;}
.ystit h1 i{ font-style: normal; font-size: 97px; color: #0368b6;}
.ystit p{ font-size: 20px; color: #666666;}
#ysbj .pic{ text-align: center; padding: 7% 0 3%;}
#ysbj .pic img{ max-width: 100%;}
#ysbj .font{ padding: 0 5%;}
#ysbj .font .num{ background: url("../Image/num.png") no-repeat center top; color: #fff; font-size: 50px; font-weight: bold; width: 140px; height: 140px; text-align: center; line-height: 140px; float: left;}
#ysbj .font .tit{ clear: both; color: #333333; line-height: 45px; padding-top: 5%;}
#ysbj .font .tit p{ font-size: 40px; font-weight: bold;}
#ysbj .font .tit span{ font-size: 24px;}
#ysbj .font .content{ color: #666666; font-size: 16px;}
.more{ height: 40px; border-radius: 5px; border: 1px solid #0368b6; transition:0.3s; line-height: 40px; text-align: center; color: #0368b6; width: 30%; float: left;}
.more:hover{ background: #0368b6; color: #fff;}
@media screen and (max-width:768px){
    .ystit h1{ font-size: 36px;}
    .ystit h1 i{ font-size: 70px;}
    .ystit p{ font-size: 16px;}
    #ysbj .pic{ padding: 15px;}
    #ysbj .font .tit{ line-height: 30px;}
    #ysbj .font .tit p{ font-size: 24px;}
    #ysbj .font .tit span{ font-size: 16px;}
    #ysbj .font .content{ font-size: 14px; padding: 2% 0; line-height: 25px;}
}

#gsjjbj{ width: 100%; height: auto; position: relative; padding-bottom: 3%;}
#gsjjbj:before{ position: absolute; left: 0;top: 0; content: ''; background: #61ae2f; height: 50%; width: 100%;}
#gsjjbj ul{ padding: 2% 0;}
#gsjjbj ul li{ text-align: center; color: #fff; position: relative;}
#gsjjbj ul li .pic{ padding-bottom: 7%;}
#gsjjbj ul li p{ font-size: 24px;}
#gsjjbj ul li span{ text-transform: uppercase; font-size: 12px;}
#gsjjbj ul li:before{ position: absolute; right: 0; top: 20%; content: ''; width: 1px; height: 60%; background: #cccccc;}
#gsjjbj ul li:last-of-type:before{ display: none;}
#gsjjbj .main{ background: #f0f0f0; position: relative; padding: 2% 1% !important;}
#gsjjbj .main .left img{ width: 100%;}
#gsjjbj .main .right .tit p{ color: #0368b6; font-size: 32px; font-weight: bold;}
#gsjjbj .main .right .tit span{ color: #999999; font-size: 12px; text-transform: uppercase;}
#gsjjbj .main .right .content{ color: #666666;}

.rytit{ border-bottom: 1px solid #cccccc; color: #333333; height: 50px; line-height: 50px; margin: 15px; font-size: 18px;}

#cpnr .swiper-container {
    padding: 0 15px;
    width: 100%;
    height: 100%;
    position: relative;
}
#cpnr .swiper-slide {
    text-align: center;
    transition:0.3s;
    overflow: hidden;
    position: relative;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#cpnr .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
#cpnr .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#cpnr .swiper-slide p{ position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; color: #fff; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.5); transition:0.3s;}
#cpnr .swiper-slide p img{ opacity: 0; display: none;}
#cpnr .swiper-slide p a{ color: #fff;}
#cpnr .swiper-slide:hover p{ height: 100%; background: rgba(18,112,185,0.9);}
#cpnr .swiper-slide:hover p span{ display: block; width: 100%; padding-top: 65px;}
#cpnr .swiper-slide:hover p img{ opacity: 1; display: inline-block;}
#cpnr .swiper-slide:hover{ box-shadow:0px 0px 10px #d7d7d7;}
#cpnr .swiper-slide:hover img{ transform: scale(1.1);}

@media screen and (max-width:768px){
    #gsjjbj ul li{ margin: 5% 0;}
    #gsjjbj .main .right .tit{ margin-top: 3%;}
    #gsjjbj .main .right .tit p{ font-size: 24px;}
    #gsjjbj .main .right .tit span{ font-size: 12px;}
}


#xwpic,#xwnr{ margin-top: 3%;}
#indexNews li{ height: auto; margin:0 auto; padding: 2% 0; transition: 0.3s; }
#indexNews li .right{ padding: 0 2% !important; line-height: 25px;}
#indexNews li .news_title{ text-align: left; color: #626364; font-size: 2rem; white-space: nowrap;text-overflow:ellipsis;overflow: hidden; line-height: 30px; font-weight: bold; }
#indexNews li .news_info{ color: #999999; font-size: 0.8em;}
#indexNews li .news_time{ line-height: 30px; text-align: center; font-weight: normal !important; border-right:solid 1px #ccc; color: #666666;font-size: 1
.5rem; padding: 0 !important; margin: 0 !important;}
#indexNews li .news_time span{display: block; margin:0 auto; line-height: 45px; width: 100%; text-align: center; color: #626364; font-size: 4rem; font-weight: bold;}
#indexNews li:hover{ transform: scale(1.05); box-shadow: 0 0 10px rgba(204,204,204,0.8);}
#indexNews li:hover .news_time span{ color: #1270b9;}
#indexNews li:hover .news_time{ color: #1270b9;}
#xwpicnr .swiper-container {
    width: 100%;
    height: 100%;
}
#xwpicnr .swiper-slide {
    text-align: center;
    transition:0.3s;
    position: relative;
    padding-bottom: 5%;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#xwpicnr .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden;}
#xwpicnr .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
#xwpicnr .swiper-slide .font{ position: absolute; background: #f6f7fc; bottom: 0; width: 96%; left: 2%; padding: 2% 0;}
#xwpicnr .swiper-slide .right{ text-align: left; padding: 0 2% !important; line-height: 25px;}
#xwpicnr .swiper-slide .news_title{ text-align: left; color: #626364; font-size: 2rem; white-space: nowrap;text-overflow:ellipsis;overflow: hidden; line-height: 30px; font-weight: bold; }
#xwpicnr .swiper-slide .news_info{ color: #999999; font-size: 0.8em;}
#xwpicnr .swiper-slide .news_time{ line-height: 30px; text-align: center; font-weight: normal !important; border-right:solid 1px #ccc; color: #666666;font-size: 1
.5rem; padding: 0 !important; margin: 0 !important;}
#xwpicnr .swiper-slide .news_time span{display: block; margin:0 auto; line-height: 45px; width: 100%; text-align: center; color: #626364; font-size: 4rem; font-weight: bold;}
#xwpicnr .swiper-pagination{ right: 20px; bottom: 0; left: auto; height: 30px; text-align: right;}
#xwpicnr .swiper-pagination .swiper-pagination-bullet{ background: #1270b9; width: 10px; height: 10px; outline: none;}



/** sidebar **/
#main_right{ border-left: 1px solid #ccc; padding-left: 3%;}
.content{ padding: 5% 0; line-height: 3rem;}
#content_zy{ line-height: 2rem; padding: 2% 0.5%;}
#zi_banner{ width: 100%;}
#zi_banner .pic{ width: 100%;}
#zi_banner .pic img{ width: 100%;}


#sidebar{ background: url(../Image/lbbj.jpg) no-repeat left top #277bd1; padding: 5% 0; max-width: 332px; color: #fff !important;}
#sidebar .tit{ color: #fff; font-size: 1.5rem; border-bottom: 1px solid #7bade1; line-height: 2.5rem; padding: 2% 0;  margin: 0 6%;}
#sidebar .tit p{ font-size: 2rem;}
#sidebar .tit span{ display: block; text-transform: uppercase; font-size: .6rem;}
#sidebar #pro_list{ padding: 3% 3% 0;}
#sidebar #pro_list li{ background: url(../Image/lbicon.png) no-repeat right center; height: 4rem; line-height: 4rem; transition:0.3s; padding-left: 5%;}
#sidebar #pro_list li:hover{ background: url(../Image/lbicon_hover.png) no-repeat right center #fff; border-radius: 2rem;}
#sidebar #pro_list li:hover a{ color: #277bd1 !important;}
#sidebar #left_cn{ border:1px solid #9ec3e9; margin: 5% 10%; text-align: center; padding: 5%;}
#sidebar #left_cn p{ font-size: 2rem; font-weight: bold; padding-bottom: 5%;}
#sidebar #left_cn span{ display: block; line-height: 2.5rem;}
#sidebar #left_tel{ padding: 3% 10%; font-weight: bold; line-height: 3rem;}
#sidebar #left_tel p{ text-align: left; font-size: 1.7rem;}
#sidebar #left_tel span{ display: block; text-align: center; font-size: 3rem;}
#sidebar #zycp{ margin: 3% 10%; line-height: 2.5rem; font-size: 1.5rem;}
#sidebar #zycp span{ font-weight: bold;}
#sidebar a{ color: #fff !important;}
#sidebar #zycp a{ padding-right: 3%;}
@media screen and (max-width:768px){
  #sidebar{ width: 100% !important; max-width: 100%; background: #277bd1; margin: 0 0 5%;}
}

#xiangmu{ padding: 2% 5%;}
#xiangmu li{ margin-bottom: 3%;}
#xiangmu .pic{ width: 50%; float: left;}
#xiangmu .pic img{ width: 100%; }
#xiangmu .title{ width: 48%; float: right;}
#xiangmu .title .bt{ font-weight: bold; font-size: 18px; border-bottom: 2px solid #25599f; color: #25599f;}
#xiangmu .title .content{ padding: 3% 0 0; line-height: 35px;}
#xiangmu li:nth-of-type(2n) .pic{ float: right;}
#xiangmu li:nth-of-type(2n) .title{ float: left;}
@media screen and (max-width:768px){
    #xiangmu .pic,#xiangmu .title{ width: 100%;}
    #xiangmu .title{ margin-top: 2%;}
}

/** zy **/
.sub_banner {
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s;
}
.sub_banner .s {
    width: 100%;
    height: auto;
    position: relative;
}

.sub_banner img {
    opacity: 0;
    visibility: hidden;
    filter:contrast(2.5) brightness(2.5);
    -webkit-transition: all 1s;
    -webkit-transform: scale(1.05);
}
.sub_banner.active img {
    filter: contrast(1) brightness(1);
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
}
.sub_banner .main{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 10;}
.sub_banner .main p{ margin-left: 15px !important; color: #fff; font-size: 3rem; font-weight: bold; border-bottom: 5px solid #fff; float: left; padding-bottom: 15px;}

#nav_zy{ height: 70px;}
#nav_zy .container{ background: #fff; height: 70px; line-height: 70px;}
#nav_zy .container ul{ padding: 0;}
#nav_zy .container ul li{ float: left; width: 17%; font-size: 15px; text-align: center; transition:0.3s; cursor: pointer;}
#nav_zy .container ul li:hover{ background: #61ae2f; color: #fff;}
#nav_zy .container ul li:hover a{ color: #fff;}
#nav_zy .container ul li.on{ background: #61ae2f; color: #fff;}
#nav_zy .container ul li.on a{ color: #fff;}
#nav_zy .container .col-md-5{ text-align: right;}
#nav_zy .container .col-md-5 a{ padding: 0 8px;}

@media screen and (max-width:765px){
    .sub_banner{ height: 200px;}
    .sub_banner img{ margin-left: -145%;}
    #nav_zy .container{ background: #fff; height: 50px; line-height: 50px;}
    #nav_zy .container ul li{ width: 20%; font-size: 14px;}
}


#gsjjnr{ background: #fff; padding: 4%;}

.de-news-list {
    overflow: hidden;
    min-height: 644px;
    padding: 3% 15px 0;
}
.de-news-list ul li {
    padding: 0 !important;
    overflow: hidden;
    background: #fbfbfb;
    margin-bottom: 3%;
    transition:0.5s;
    position: relative;
}
.de-news-list ul li::before{ position: absolute; content: ''; left: 0; bottom: 0; height: 2px; background: #0891e1; width: 0; transition:0.3s;}
.de-news-list ul li a {
    display: block;
}
.de-news-list ul li .img {
    height: 0; float: left; padding-bottom: 22%; position: relative; overflow: hidden;
}
.de-news-list ul li .img img {
    width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;
}
.de-news-list ul li .img .time{ position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.5); transition:0.3s; height: 30px; line-height: 30px; padding: 0 10px; color: #fff;}
@media screen and (max-width:765px){
    .de-news-list ul li .img{ padding-bottom: 70%;}
}

.de-news-list ul li .box {
    float: right;
    padding: 2%;
    font-size: 14px;
}
.de-news-list ul li .box h4 {
    color: #323232;
    line-height: 1.1;
    overflow: hidden;
    margin: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold !important;
}
.de-news-list ul li .box p {
    color: #999;
    line-height: 28px;
    height: auto;
    overflow: hidden;
    margin: 2% 0 0 !important;
}
.de-news-list ul li .box .xwmore {
    margin-top: 2%;
    color: #999999;
    line-height: 40px;
}
.de-news-list ul li .box .xwmore span {
    display: block;
    float: right;
    font-size: 14px;
    padding: 0 4%;
    background: #333;
    color: #fff;
    transition:0.3s;
}
.de-news-list ul li:hover {
    box-shadow: 0px 0px 20px #ccc;  transform: translateY(-10px);
}
/*.de-news-list ul li:hover::before{ width: 100%;}*/
.de-news-list ul li:hover .xwmore span {
    background: #61ae2f;
    color: #fff;
    letter-spacing: 3px;
}
.de-news-list ul li:hover .time{ background: #61ae2f;}
.de-news-list ul li:hover img{transform: scale(1.1);}

.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}

.de-product-list ul {
    text-align: center;
}
.de-product-list ul li {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 1% 20px;
    height: auto;
    overflow: hidden;
}
.de-product-list ul .col-xs-6{ padding: 0 1%;}
.de-product-list ul li a {
    display: block;
}
.de-product-list ul li .img {
    width: 100%;
    background: #e6e6e6;
    font-size: 0;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    overflow: hidden;
}
.de-product-list ul li .img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 230px;
    transition: all 0.5s;
}
.de-product-list ul li .title {
    font-size: 14px;
    height: 40px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    transition:0.3s;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2; color: #fff !important;
    background: rgba(0,0,0,0.6);
}
.de-product-list ul li:hover {
    border-color: #268AE7;
}
.de-product-list ul li:hover .title {
    height: 100%;
    padding-top: 35%;
    line-height: 60px;
}
.de-product-list ul li .fdj{ position: absolute; opacity: 0; width: 100%; z-index: 999; top: 0;  text-align: center; left: 0; transition:0.3s;}
.de-product-list ul li:hover .fdj{ opacity: 1; top: 35%; }

.cpinfobj{ height: auto;}
.cpinfobj h1{ color: #727272; border-bottom: 1px solid #d4d4d4; height: 80px; line-height: 80px; margin: 0;}
.cpinfobj h2{ text-align: center; color: #000; border-bottom: 1px solid #d4d4d4; height: 80px; line-height: 80px; margin: 0;}
.cpinfobj .new_fb{ height: 40px; line-height: 40px;}
.cpinfobj .content{ padding: 3% 0 ;}
/*.cpinfobj .content img{ display: block; margin: 0 auto; padding: 10px 0;  max-width: 80%;}*/
@media screen and (max-width:765px){
    .cpinfobj h1{ font-size: 24px;}
    .cpinfobj h2{ line-height: 60px; height: auto; font-size: 20px;}
}

.in_title{ background: url(../Image/title_line.png) no-repeat center bottom; line-height: 40px; padding: 30px 0 10px; color: #747474; font-size: 16px; border-top: 1px solid #efefef;}
.in_title p{ font-size: 30px; color: #3e3e3e;}


.contact_item{ padding:0; text-align: center;}
.contact_item li{ cursor: pointer; display: inline-block; margin-bottom: 30px;}
.contact_item li span{display: block;width: 150px;height: 135px;margin:0 auto;text-align: center;position: relative;}
.contact_item li span.contact_item_1{background: url(../Image/contact_li_bg1.png) center no-repeat;line-height: 108px;}
.contact_item li span.contact_item_2{background: url(../Image/contact_li_bg2.png) center no-repeat;line-height: 135px;}
.contact_item li span.contact_item_3{background: url(../Image/contact_li_bg3.png) center no-repeat;line-height: 170px;}
.contact_item li span img{vertical-align: middle;}
.contact_item_ewm{ display: block; width: 84px;height: 84px;position: absolute;left: 32px;top:45px;z-index: 1;}
.contact_item_ewm img{width: 84px;height: 84px;position: absolute;left: 0;top:0;transition: all .4s;vertical-align: top;}
/*.contact_item li:hover span .contact_item_ewm{display: block;}*/
/*.contact_item li:hover span .contact_item_ewm img{width: 84px;height: 84px;left: 0;top:0;}*/
.contact_item li h4{color: #333;font-size: 18px;line-height: 30px; text-align: center;margin: 10px auto !important; font-weight: bold !important;}
.contact_item li p{color: #333;font-size: 14px;line-height: 26px;}
.contact_item li:nth-child(3n) p{text-align: center;}


/********General**********/
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
/*.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}*/
/***************global*****************/
.pro{ padding-top: 2%;}
.pro li{ overflow:hidden; text-align:center;white-space:nowrap; position: relative; background: #fff; margin-bottom: 5%; transition:all 0.3s linear 0s;}
.pro li .li-img{ width:100%; height: auto; background: #fff; padding: 0 !important; overflow: hidden;}
.pro li .li-img img{ width:100% !important; height: auto; transition:0.3s}
.pro li .content{ position: absolute; left: 0; top: 0; width: 100%; text-align: center; color: #fff; transition:0.3s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-top: 17%;}
.pro li .content p{ font-size: 32px; font-weight: bold;}
.pro li .content span{ font-size: 12px; text-transform: uppercase;}
.pro li:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,0.5);  transform: translateY(-10px);}
.pro li:hover .li-img img{ transform: scale(1.1); }
/*************index&goods**************/
/*.news{margin-left:17px;}*/
.news li{ height:39px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:39px;}
.news li:before{color:#e40413;content:'■\00a0\00a0\00a0';vertical-align:2px;}
.news li a{ width: 77%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition:0.3s;}
.news li span{ display: block; float: right; text-transform: uppercase; font-family: arial; font-size: 12px; transition:0.3s;}
.news li:hover{background-color:#f6f6f6;}
.news a:hover{color:#da020d;}
/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
/***********news_info**************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info p{margin:20px 30px 30px 33px;}
.pro_name{display:block;color:#42b773;text-align:center; font-size: 2rem; padding: 2% 0;}
.info_title{margin:0;width:100%;}
.info_title b{display:block; font-size: 1.7rem; height:100%; font-weight: normal;}
.info_title b a{ display: block; width: 218px; background: url(../Image/cpbt.jpg) no-repeat center bottom; height:5rem; line-height: 5rem; text-align: center; color: #fff; transition:0.3s;}
.info_title b a:hover{ background: #fff; color: #333;}
@media screen and (max-width:765px){
.info_title b a{ width: auto;}
}
/********goods_info&jobs_info*******/
.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
.order input{padding:0 3px;}
.order textarea{padding: 3px;}
#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;}
/**************order&message********/

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}



/*上一页_下一页*/
#prev_next{margin: 2% 0; padding-top: 2%; clear: both;overflow: hidden; border-top: 1px solid #ccc;}
#prev_next li{ line-height: 30px; font-size: 14px;}


/*产品详情*/
.o_product{
  clear: both;
}
@media screen and (max-width:765px){
 .o_product .o_product_info{ margin-top: 3%;}
}

.o_product .o_product_img img{ width: 100%;}
.o_product .o_product_img .o_product_thumb{
  height: 240px;
  width: 240px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.o_product .product_small{
  margin-top:10px;
  height: 55px;
  position: relative;
}
/*.swiper-container{
  width: 240px;
  height: 50px;
  overflow: hidden;
}*/
.o_product .product_small .arrow-left{
  width: 10px;
  height: 20px;
  display: block;
  background: url(../Image/swiper-l.png) no-repeat;
  position: absolute;
  left: -15px;
  top: 16px;
  transition: all 0.5s;
}
.o_product .product_small .arrow-right{
  width: 10px;
  height: 20px;
  display: block;
  background: url(../Image/swiper-r.png) no-repeat;
  position: absolute;
  right: -12px;
  top: 16px;
  transition: all 0.5s;
}
.o_product .product_small ul{
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.o_product .product_small ul li{
  float: left;
  height: 50px;
  width: 50px;
  margin: 0px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.o_product .product_small ul li.select img{
  border: 1px solid #C4C4C4;
}
.o_product .product_small ul li img{
  height: 50px;
  width: 50px;
  display: inline-block;
  box-sizing: border-box;
}
.o_product .o_product_img .o_product_thumb img{
  max-height:240px;
  max-width: 240px;
  display: inline-block;
  vertical-align: middle;
}

.o_product .o_product_info{
}
.o_product .o_product_info h2{
  color: #3f3f3f;
  font-size: 3rem;
  line-height: 4rem;
  margin: 0;
  font-weight: bold;
}
.o_product .o_product_info ul{ padding: 3% 0; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; margin-top: 3%;}
.o_product .o_product_info ul li{ background: #277bd1; border-radius: 5px; text-align: center; padding: 10% 0;}
.o_product .o_product_info ul li p{ padding-top: 10%; color: #fff;}
@media screen and (max-width:765px){
 .o_product .o_product_info ul li{ margin-bottom: 5%;}
}
.o_product .o_product_info .o_product_detail{
  font-size: 1.5rem;
  color: #999;
  padding: 3% 0;
  line-height: 3rem !important;
}
.o_product .o_product_info .o_product_detail .o_product_data{
  clear: both;
  width: 100%;
  line-height: 3rem;
}
.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{
  display: block;
  content: '';
  clear: both;
  height: 0;
  width: 0;
}
.o_product_data span{
  display: block;
  line-height: 3rem;
}
.o_product_data span.key{
  text-align: left;
  color: #3b3b3b;
  font-weight: bold;
  font-size: 1.8rem;
}
.o_product_data span.val{
  width: 100%;
}
.colhs{
  color: #FE4200;
}
.o_product_data span.val b{
  color:#FE4200;
  font-size: 16px;
}
.o_product_info .go_order{
  color: #fff;
  font-size: 16px;
  background: #277bd1;
  height: 5rem;
  line-height: 5rem;
  border: none;
  margin-top: 5%;
  text-align: center;
  transition:0.3s;
  outline: none;
}
.o_product_info .go_order i{ display: inline-block; padding-right: 5%;}
.o_product_info .go_order:hover{
  background: #FE4200;
}
.o_product_info .cptel{
  color: #fff;
  font-size: 1.8rem;
  background: #2b2b2b;
  height: 5rem;
  line-height: 5rem;
  border-left: 2px solid #fff;
  text-align: center;
  margin-top: 5%;
  outline: none;
}
.o_product_info .cptel i{ display: inline-block; padding-right: 5%;}
.order-content{
  padding: 20px 30px;
  background: #fff;
}

.order-content .order-line{
  color: #333;
  height: 30px;
  line-height: 30px;
  margin-bottom: 12px;
  font-size: 14px;
}
.order-content .order-line:after{
  display: block;
  content: '';
  clear: both;
  height: 0;
  width: 0;
}
.order-content .order-line lable{
  width: 70px;
  margin-right: 5px;
  display: inline-block;
  float: left;
  text-align: right;
}
.order-content .order-line .order-zhi{
  float: left;
  padding: 10px;
  line-height: 30px;
  padding: 0px 10px;
  max-width: 380px;
  border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
  border:none;
}
.order-content .order-line  .order-zhi.overword{
  height: 30px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;

}
.order-line.bz-line{
  height: auto;
}
.order-content .order-line .beizhu{
  padding: 10px;
  float: left;
  border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
  width: 375px;
}
.order-content .order-line img{
  display: inline-block;
  float: left;
  margin-left:15px;
}
.order-content .go-sub{
  margin-left:70px;
  border: none;
  color: #fff;
  background: #ff5e25;
  font-size: 14px;
  padding: 8px 28px;
  margin-top:8px;
  border-radius: 5px;
  outline: none;
}
.order-content .go-sub:hover
{
  background: #FE4200;
}