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;
}