@charset "utf-8";
*{margin:0;padding:0;}
body{ background:#FFFFFF; color:#333333; font-family:"微软雅黑",Arial,Lucida,Verdana,Helvetica,sans-serif; font-size:12px; line-height:150%; }
a:link, a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; }
a:active{ color:#990000; }
ol, ul{ list-style: none outside none;}
.m { margin-bottom: 10px; }
.m, .mt, .mc, .mb{ overflow: hidden; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
.clearfix{display:block;} 
ul,li{list-style-type:none;}
img{border:0px;}
a{ color:#333;}

.top{ background:url(../images/top.jpg) no-repeat center;}
.topm{ width:1200px; margin:0 auto; height:100px; position:relative;}
.logo{ float:left;}
.topr{ float:right;}
.bb{ margin-top:20px; font-size:14px; font-family:Arial; text-transform:uppercase; text-align:right;}
.bb a{ color:#fff;}
.nav{ margin-top:22px;}
.nav ul li{ float:left; padding:0px 14px; margin-right:5px; font-size:14px; line-height:33px;}
.nav ul li a{ color:#fff; display:block;}
.nav ul li:hover{ background:#e62129;}
.nav ul li.navh{ background:#e62129;}
.tel{ position:absolute; right:0px; bottom:-37px; overflow:hidden; background:#e25050; z-index:555;}
.tel img{ float:left;}
.tel span{ line-height:37px; padding:0px 22px; color:#fff; font-size:16px;}
.banner{/* background:url(../images/banner.jpg) no-repeat center;*/ height:581px;}

.sab{ padding-top:87px; width:1200px; margin:0 auto; text-align:center;}
.sabwz{ margin-top:47px;}
.saben{ font-size:22px; color:#4e4e4e; font-family:Arial; line-height:22px;}
.sabcn{ margin-top:10px; font-size:20px; line-height:20px; color:#515151;}
.sabtb{ margin-top:65px;}
.snav{ height:397PX; padding-top:38PX; background:url(../images/gj.jpg) no-repeat center bottom;}
.snav ul{ width:1200px; margin:0 auto; overflow:hidden; padding:0px 15px; box-sizing:border-box;}
.snav ul li{ float:left; margin-right:30px;}
.snav ul li:last-child{ margin-right:0px;}
.snav ul li .snavimg{ overflow:hidden}
.snav ul li .snavimg img{ transition: all 0.5s;}
.snavwz{ height:114px; background:#fff; border-top:1px solid #363737;text-align:center; position:relative}
.snavtit{ padding-top:18px; font-size:24px; line-height:24px; color:#20396e;}
.snavzy{ font-size:14px; color:#898989; margin-top:10px;}
.snavsj{border-top: 11px solid transparent;border-bottom: 11px solid transparent;border-left: 13px solid #20396e; position:absolute; left:50%; transform:translateX(-50%); bottom:16px;}
.snav ul li:hover .snavimg img{ transform:scale(1.1,1.1)}
.snav ul li:hover .snavwz{ background:#20396e;}
.snav ul li:hover .snavwz .snavtit{ color:#fff;}
.snav ul li:hover .snavwz .snavzy{ color:#fff;}
.snav ul li:hover .snavwz .snavsj{ border-left: 13px solid #fff;}
.spro{ height:135px; border-bottom:1px solid #bdbdbe;}
.spro ul{ width:1200px; margin:0 auto; padding-top:40px; text-align:center;}
.spro ul li{ display:inline-block;}
.spro ul li div{ width:103px; height:26px; margin:0px 10px;}
.spro ul li p{ margin-top:15px; font-size:16px; color:#333;}
.spro ul li:hover div{ background-position:bottom !important;}
.spro ul li:hover p{ color:#f50a22;}
.ssy{ padding-top:70px; width:1200px; margin:0 auto; overflow:hidden}
.snew{ float:left; width:370px;}
.snew ul li{ margin-bottom:45px;}
.snew ul li .snewdata{ color:#20396e; font-size:24px; margin-bottom:25px;}
.snew ul li .snewzy{ font-size:14px; color:#777777; line-height:21px;}

.sul{ float:right; width:770px}
.sul ul li{ float:left; width:368px; position:relative}
.sul ul li:last-child{ margin-left:30px}
.sul ul li .sulbf{ position:absolute; left:50%; margin-left:-30px; top:125px; }
.sul ul li .sulimg{ overflow:hidden}
.sul ul li .sulimg img{ transition: all 0.5s;}
.sul ul li .sulwz{ height:114px; background:#20396e; border-top:1px solid #363737;text-align:center; position:relative}
.sul ul li .sultit{ padding-top:18px; font-size:24px; line-height:24px; color:#fff;}
.sul ul li .sulzy{ font-size:14px; color:#fff; margin-top:10px;}
.sul ul li .sulsj{border-top: 11px solid transparent;border-bottom: 11px solid transparent;border-left: 13px solid #fff; position:absolute; left:50%; transform:translateX(-50%); bottom:16px;}
.sul ul li:hover .sulimg img{ transform:scale(1.1,1.1)}

.foottop{ padding:115px 0px; text-align:center}

.foot{ background:url(../images/foot.jpg) no-repeat center; height:526px;}
.footm{ width:1200px; margin:0 auto; height:526px; position:relative}
.footl{ float:left; padding-top:45px; color:#fff;}
.footl .a1{font-size:24px;line-height: 30px;opacity:0.9;}
.footl .a2{ font-size:14px; opacity:0.8; margin-top:25px;}
.footl .a3{ font-size:14px; opacity:0.8; margin-top:30px;}
.footl .a4{ font-size:34px; opacity:0.8; margin-top:10px; line-height:34px;}
.footl .a5{font-size:18px; opacity:0.8; margin-top:10px; font-family:Arial;}
.footl .a6{position:absolute;top: 130px;left: 165px;}
.footl a{color:#fff;}
.footr{ float:right; padding-top:62px;}
.footr .ewm{ float:left; margin-left:37px;}
.footr .ewm p{ margin-top:22px; color:#fff; font-size:16px;}
.totop{ position:absolute; bottom:37px; right:20px;color:#fff; text-decoration:underline; font-size:14px; font-family:Arial; cursor:pointer;}


/*about*/
.banner_con{ height:580px; background:url(../images/banner_con.jpg) no-repeat center;}
.banner_new{ height:580px; background:url(../images/banner_new.jpg) no-repeat center;}
.banner_ser{ height:580px; background:url(../images/banner_ser.jpg) no-repeat center;}
.banner_pro{ height:580px; background:url(../images/banner_pro.jpg) no-repeat center;}
.banner_ab .swiper-wrapper{ height:580px;}
.content{ border-bottom:1px solid #bdbdbe; padding-bottom:65px;}
.contentm{ width:1200px; margin:0 auto; position:relative;}
.con_img{ position:absolute; right:0px; top:0px;}
.about{ width:830px; margin:0 auto; padding-top:48px; line-height:2em; font-size:14px;}
.ab_img{width:830px; margin:0 auto; padding-top:40px; overflow:hidden}
.ab_imgl{ float:left; border:1px solid #e5e5e5;}
.ab_imh2{ float:right; width:395px;}
.ab_imh2 .gallery-thumbs{ width:395px;}
.ab_rl{ margin:0 auto;margin-top:75px;  width:990px; background:url(../images/rljt.png) no-repeat center right; }
.ab_rl .ab_rlm{ width:880px; margin-left:42px;}
.ab_rl .swiper-container{height:6px;padding:125px 0px;}
.ab_lrc{ position:absolute;}
.ab_lrx{ width:120px; padding-left:10px; border-left:1px solid #f5a4a6;}
.ab_rllist .swiper-slide{ width:0px;}
.ab_rllist .swiper-slide:nth-child(2n) .ab_lrc{ bottom:6px;}
.ab_rllist .swiper-slide:nth-child(2n+1) .ab_lrc{ top:6px;}
.ab_rltit{ font-size:22px; line-height:22px; color:#e62129;}
.ab_rlzy{ font-size:14px; line-height:24px; color:#3d3736}
.ab_rllist .swiper-slide:nth-child(2n) .ab_rltit{ padding-bottom:10px; padding-top:15px;}
.ab_rllist .swiper-slide:nth-child(2n+1) .ab_rltit{  padding-top:10px; padding-bottom:15px;}

.ab_yy{ padding-top:60px;}
.ab_yytit{ font-size:35px; color:#727171; line-height:35px; text-align:center;}
.ab_yyimg{ margin-top:45px; overflow:hidden}
.ab_yyimg ul li{ float:left; margin-right:22px; line-height:0px; overflow:hidden}
.ab_yyimg ul li img{ transition:all 0.5s;}
.ab_yyimg ul li:hover img{ transform:scale(1.1,1.1);} 

/*contact*/
.contact{ padding-top:57px; font-size:14px; line-height:2em; overflow:hidden; padding-bottom:25px; border-bottom:1px solid #bdbdbe;}
.con_l{ float:left;}
.con_l .con_tit{ font-size:26px; color:#878787; line-height:26px;}
.con_l .con_a1{ font-size:28px; color:#252d4c; line-height:28px; margin-top:15px; margin-bottom:15px;}
.con_l .con_a2{ font-size:26px; color:#252d4c;}
.con_l .con_a2 span{ line-height:45px; font-size:45px;}
.con_r{ float:right; overflow:hidden}
.con_r div{ float:left; margin-left:35px; text-align:center}
.citynav{ padding:30px 0px; border-bottom:1px solid #bdbdbe;}
.citynav_c{ font-size:26px; color:#878787; line-height:26px; margin-bottom:40px;}
.citynav ul{ overflow:hidden;}
.citynav ul li{ float:left; margin-right:30px; font-size:18px; line-height:24px; margin-bottom:20px;}
.citynav ul li a{ color:#878787}
.citynav ul li.citynav_li a{ color:#e60012;}
.city_c{ margin-top:30px; color:#e60012; font-size:24px; line-height:24px;}
.citycon ul{ margin-top:25px; overflow:hidden}
.citycon ul li{ float:left; margin-right:130px; width:300px; font-size:16px; color:#595757; line-height:24px; margin-bottom:20px;}
.citycon ul li:nth-child(3n){ margin-right:0px;}

/*news*/
.ny_nav{ background:#20396e; line-height:46px;}
.ny_navm{ width:1200px; margin:0 auto; overflow:hidden}
.ny_nav ul li{ float:left; width:33.33%; text-align:center; font-size:27px;}
.ny_nav ul li a{ color:#fff; display:block}
.ny_nav ul li:hover{background:#b90008;}
.ny_nav ul li.newh{ background:#b90008;}
.newc{ margin-top:115px;}
.newc ul{ overflow:hidden}
.newc ul li{ float:left; width:346px; padding:0px 15px; padding-bottom:70px; border-right:1px solid #bdbdbe;}
.newc ul li:nth-child(3n){ border-right:0px;}
.newdata{ font-size:24px; color:#20396e; line-height:24px;}
.newdata span{ margin-left:15px;}
.newimg{ width:346px; height:207px; overflow:hidden; margin:25px 0px;}
.newimg img{ width:100%;}
.newzy{ font-size:14px; color:#777777; line-height:22px;}
.newc ul li:hover .newzy{ color:#20396e;}


.pageNavi{ text-align:center; margin-top:10px; font-size:14px;}
.pageNavi a{ margin:0px 6px; color:#727171;}
.pageNavi span{ margin:0px 6px; color:#727171;}

/*newsshow*/
.newshow{ border-bottom:1px solid #bdbdbe; padding-bottom:70px; padding-top:80px;}
.newshow_c{ width:1200px; margin:0 auto; position:relative; overflow:hidden}
.newshow_l{ float:left; width:280px;}
.newshow_data{ font-size:20px; color:#20396e; line-height:20px;}
.newshow_tit{ font-size:24px; color:#20396e; line-height:24px; margin-top:15px;}
.newshow_r{ float:right; width:900px; font-size:14px; line-height:2em;}
.new_ns{ width:1200px; margin:0 auto; margin-top:15px;}
.new_ns div{ float:right; margin-left:30px; font-size:16px;}
.new_ns div a{ color:#727171}


/*down*/
.down{ width:960px; margin:0 auto; padding:60px 0px;}
.down ul li{ overflow:hidden; line-height:30px; border-bottom:1px dashed #bdbdbe; font-size:16px;}
.dow_tit{ float:left; padding-left:30px; position:relative;}
.dow_tit::before{ content:""; width:5px; height:5px; position:absolute; display:block; background:#bdbdbe; border-radius:50%; left:10px; top:12px}
.dow_data{ float:right;}
.down ul li:hover .dow_tit{ color:#20396e;}
.down ul li:hover .dow_tit::before{ background:#20396e;}
.down ul li:hover .dow_data{ color:#20396e;}

/*spro*/
.pro_nav{ height:112px; border-bottom:1px solid #bdbdbe;}
.pro_nav ul{ width:1200px; margin:0 auto; padding-top:30px; text-align:center;}
.pro_nav ul li{ display:inline-block;}
.pro_nav ul li div{ width:103px; height:26px; margin:0px 10px;}
.pro_nav ul li p{ margin-top:15px; font-size:16px; color:#333;}
.pro_nav ul li:hover div{ background-position:bottom !important;}
.pro_nav ul li:hover p{ color:#f50a22;}
.pro_nav ul li.navh div{ background-position:bottom !important;}
.pro_nav ul li.navh p{ color:#f50a22;}
.pro{ padding:30px 0px;}
.pro_tit{ font-size:30px; color:#ff0000; text-align:center; line-height:30px;}
.pro ul{ overflow:hidden}
.pro ul li{ position:relative; float:left; width:370px; margin-right:30px; margin-bottom:50px;}
.prowz{ background:#d9d9d9; overflow:hidden; height:88px; box-sizing:border-box; padding:18px 14px}
.pro ul li .pro_l{ float:left; width:108px; border-right:1px solid #818181;}
.pro ul li .pro_a1{ font-size:16px; color:#ff0000;}
.pro ul li .pro_a2{ color:#ff0000; font-size:37px; font-weight:bold; line-height:37px; height:37px; overflow:hidden}
.pro ul li .pro_r{ float:right; width:215px;}
.pro ul li .pro_a3{ font-size:30px; color:#20396e; line-height:30px;}
.pro ul li .pro_a4{ text-transform:uppercase; font-size:12px; color:#20396e; margin-top:10px;}
.pro ul li .proimg img{ width:100%;}

/*proshow*/
.proshow{ border-bottom:1px solid #bdbdbe; padding-bottom:70px; padding-top:80px;}
.proshow_c{ width:1200px; margin:0 auto; position:relative; overflow:hidden}
.proshow_img{ float:left; width:520px;}
.proshow_r{ float:right; width:600px;}
.proshow_wz{ overflow:hidden}
.proshow_wz .pro_l{ float:left; width:143px; border-right:1px solid #818181;}
.proshow_wz .pro_a1{ font-size:22px; color:#ff0000; line-height:22px;}
.proshow_wz .pro_a2{ color:#ff0000; font-size:44px; font-weight:bold; line-height:44px;}
.proshow_wz .pro_r{ float:left; margin-left:15px;}
.proshow_wz .pro_a3{ font-size:40px; color:#20396e; line-height:40px;}
.proshow_wz .pro_a4{ text-transform:uppercase; font-size:20px; color:#20396e; margin-top:10px; line-height:20px;}
.proshow_zy{ font-size:26px; color:#20396e; margin:100px 0px; line-height:26px;}
.proshow_con{ font-size:14px; color:#727171; line-height:30px;}