@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; max-width:100%;}
a{ color:#333;}

.not-animated{ opacity:0;}

.topt{ display:none}
.banner{ height:520px;/* background:url(../images/banner.jpg) no-repeat center;*/}
.ban{ display:none;}
.top{ height:80px; background:#439ed2; position:relative}
.logo{ float:left;}
.nav{ float:left;}
.nav ul li{ float:left; width:112px; text-align:center; line-height:80px; font-size:18px; border-right:1px solid #4e83b9; position:relative;}
.nav ul li>a{ color:#fff; display:block}
.nav ul li::before{ content:""; width:60px; border-bottom:4px solid #b1e2e9; position:absolute; top:0px; left:50%; margin-left:-30px; display:none;}
.nav ul li:hover::before{ display:block;}

.nav ul li.navh::before{ display:block;}


.navul{ position:absolute; width:160px; background:#027199; line-height:34px; font-size:14px; text-align:left; display:none; z-index:55;}
.navli{ padding:0px 10px; margin:0 auto;}
.navul .navli a{ color:#fff; display:block;border-bottom:1px dashed #fff;}
.navul .navli:last-child a{ border-bottom:0px;}
.navul .navli:hover{ background:#204a96;}

.search{ float:right;}
.search_bk{ position:absolute; top:80px; right:0px; background:#c9f2f8; padding:15px 10px; overflow:hidden; display:none;}
.search_bk .txt{ height:36px; line-height:36px; width:215px; box-sizing:border-box; padding-left:10px; font-size:14px; color:#4772ae; background:#aacfd4; border:0px; float:left; outline:none}
.search_bk .btn{ width:107px; height:36px; line-height:36px; background:#1d6e79; color:#fff; border:0px;outline:none}

.bb{ float:right; width:120px; line-height:80px; font-size:18px; color:#204998; background:#b1e2e9; border-right:1px solid #4e83b9; text-align:center;}


.menu{position:absolute;width:100%;z-index:1000;background:#FFF;border-bottom:1px solid #eee;display:none; top:50px;}
.menu p{ height:40px; line-height:40px; border-top:1px solid #eee; padding:0 0 0 15px; color:#000;}
.menu p a{  color:#000;}
.menu p a.in{display:block; width:100%; height:100%;}
.menu ul{ display:none;}
.menu li{ padding:0 20px;}
.menu li>a{ display:block; height:32px; line-height:32px; border-bottom:1px dashed #eee; color:#555; padding:0 10px;}
.menu li>a:hover{ background:#F5F5F5;}

@media (max-width:1400px) { 
	.nav ul li{ width:90px;}
	.bb{ display:none;}
	}
@media (max-width:1045px) { 
    .topt{ display:block; overflow:hidden; background:#b1e2e9;}
	.top{ display:none;}
	.topt .logo img{ height:60px;}
	.lanmu{float:right;margin-top: 13px;margin-right:30px;}
	.menu{top:60px;}
}

@media (max-width:768px) { 
.ban{ display:block;}
.banner{ display:none;}
.topt .logo img{ height:50px;}
.lanmu{ margin-top:8px;}
.menu{top:50px;}
}


.sab{ background:#01658f; padding:60px 0px 55px; }
.sabtit{ text-align:center; color:#fff;}
.saben{ font-size:18px;text-transform:uppercase;}
.sabcn{ font-size:26px; line-height:26px; margin-top:20px;}
.sabc{width: 1123px;margin:0 auto;padding-top:40px;overflow:hidden;} 
.sabcli{ float:left; margin-right:20px; position:relative; overflow:hidden}
.sabcli img{ transition:all 0.5s;}
.sabr{float:right;width: 552px;}
.sabclis{ float:left; margin-right:20px; margin-bottom:20px; position:relative;overflow:hidden}
.sabclis:nth-child(2n){ margin-right:0px;}
.sabclis img{ transition:all 0.5s;}
.sabwz{ position:absolute; bottom:18px; left:15px; color:#fff; font-size:14px;}
.sabcli:hover img{ transform:scale(1.1,1.1)}
.sabclis:hover img{ transform:scale(1.1,1.1)}
.saba{ margin:0 auto; margin-top:30px; width:152px; line-height:40px; border:2px solid #fff; text-align:center; font-size:16px;}
.saba a{ display:block; color:#fff; }
.saba a span{ font-family:'宋体'; transition:all 0.5s; margin-left:5px;display:inline-block;}
.saba:hover{ background:#fff;}
.saba:hover a{ color:#01658f;}
.saba:hover a span{ transform:translateX(5px)}

@media (max-width:1123px) {
	.sabc{ width:93.75%;}
	.sabcli{ float:left; width:23.6%; margin-right:1.782%;}
	.sabr{ width:49.15%;}
	.sabclis{ width:48.18%; margin-right:3.623%;}云顶之弈
	 }
@media (max-width:768px) {
	.sab{ padding:30px 0px 25px}
	.sabc{ padding-top:20px;}
	.sabcli{ float:left; width:calc(50% - 20px); margin:0px 10px; margin-bottom:20px;}
	.sabcli img{ width:100%;}
	.sabr{ width:100%; float:none;overflow:hidden}
	.sabr .sabclis{width:calc(50% - 20px); margin:0px 10px; margin-bottom:20px;}
	.sabr .sabclis img{ width:100%;}
}
@media (max-width:480px) {
	.sabcli{ float:left; width:calc(50% - 10px); margin:0px 5px; margin-bottom:10px;}
	.sabr .sabclis{width:calc(50% - 10px); margin:0px 5px; margin-bottom:10px;}
	.saba{ margin-top:15px; line-height:35px;}
	}


.sjob{ padding:60px 0px; background:#cef5fc;}
.sjobc{ width:1152px; margin:0 auto; overflow:hidden; background:#204a96;}
.sjobc img{ width:100%;}
.sjobli1{ float:left; width:66.666%;}
.sjobli1 .sjoblis{ width:50%; float:left; background:#659dce;}
.sjobli1 .sjoblis .sjobwz{ margin-left:45px; margin-top:84px;}
.sjobli1 .sjoblis .sjobcn{ font-size:28px; line-height:28px; color:#fff;}
.sjobli1 .sjoblis .sjoben{ color:#fefcfc; font-size:14px; margin-top:15px;}
.sjobli1 .sjobimg{ width:50%; float:left; position:relative}

.sjobli1 .sjobimg::before{ content:""; border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:12px solid #659dce; position:absolute; top:50%; transform:translateY(-11px); left:0px;}

.sjobli2{ float:right; width:33.33%;background:#204a96;}
.sjobli2 .sjoblis{ background:#204a96; position:relative;}
.sjobli2 .sjoblis .sjobwz{ transform:translateY(-50%); position:absolute; top:50%; text-align:center; width:100%;}
.sjobli2 .sjoben{ font-size:14px; color:#fefcfc;}
.sjobli2 .sjobcn{ font-size:28px; color:#fefcfc; line-height:28px; margin-top:15px; margin-bottom:35px;}
.sjobli2 .sjoba a{ display:block; margin:0 auto; width:128px; line-height:32px; border:3px solid #fff; font-size:14px; color:#fefcfc;}
.sjobli2 .sjoba a span{ font-family:'宋体'; margin-left:5px;}
.sjobli2 .sjoba:hover a{ background:#fff; color:#204a96;}
.sjobli2 .sjobimg{ position:relative;}
.sjobli2 .sjobimg::before{ content:""; border-left:11px solid transparent;border-right:11px solid transparent;border-top:12px solid #204a96; position:absolute; left:50%; transform:translateX(-11px); top:0px;}

.sjobli3{ float:left; width:66.666%;background:#204a96;}
.sjobli3 .sjoblis{ width:50%; float:right; background:#204a96; position:relative;}
.sjobli3 .sjoblis .sjobwz{ transform:translateY(-50%); position:absolute; top:50%; text-align:center; width:100%;}
.sjobli3 .sjoben{ font-size:14px; color:#fefcfc;}
.sjobli3 .sjobcn{ font-size:28px; color:#fefcfc; line-height:28px; margin-top:15px; margin-bottom:35px;}
.sjobli3 .sjoba a{ display:block; margin:0 auto; width:128px; line-height:32px; border:3px solid #fff; font-size:14px; color:#fefcfc;}
.sjobli3 .sjoba a span{ font-family:'宋体'; margin-left:5px;}
.sjobli3 .sjoba:hover a{ background:#fff; color:#204a96;}
.sjobli3 .sjobimg{ width:50%; float:left;position:relative;}
.sjobli3 .sjobimg::before{ content:""; border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:12px solid #204a96; position:absolute; top:50%; transform:translateY(-11px); right:0px;}

@media (max-width:1152px) { 
.sjobc{ width:93.75%;}
.
}
@media (max-width:768px) { 
   .sjobli1{ width:100%; float:none;}
   .sjobli2{ width:100%; float:none;}
   .sjobli2 .sjoblis{ float:right; width:50%;}
   .sjobli2 .sjobimg{ float:left; width:50%;}
   .sjobli2 .sjobimg::before{ content:""; border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:12px solid #204a96; position:absolute; top:50%; transform:translateY(-11px); right:0px;}
   .sjobli3{ width:100%; float:none;}
   .sjobli3 .sjoblis{ float:left; width:50%;}
   .sjobli3 .sjobimg{ float:right; width:50%;}
   .sjobli3 .sjobimg::before{ content:""; border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:12px solid #204a96;border-right:0px; position:absolute; top:50%; transform:translateY(-11px); left:0px;}
}
@media (max-width:640px) {
	.sjobli1 .sjoblis .sjobwz{ margin-left: 25px;margin-top: 44px;}
	.sjobli2 .sjobcn{margin-top: 5px;margin-bottom: 15px; font-size:24px;}
	.sjobli3 .sjobcn{margin-top: 5px;margin-bottom: 15px; font-size:24px;}
	 }
@media (max-width:480px) {
	.sjobli1{ overflow:hidden}
	.sjobli2{ overflow:hidden}
	.sjobli3{ overflow:hidden}
	.sjobli1 .sjobimg{ float:left; width:100%; overflow:hidden}
	.sjobli2 .sjobimg{ float:left; width:100%; overflow:hidden}
	.sjobli3 .sjobimg{ float:left; width:100%; overflow:hidden}
	.sjobli1 .sjoblis{ float:none; width:100%; overflow:hidden}
	.sjobli2 .sjoblis{ float:none; width:100%; overflow:hidden}
	.sjobli3 .sjoblis{ float:none; width:100%; overflow:hidden}
	.sjobli1 .sjobimg::before{ display:none;}
	.sjobli2 .sjobimg::before{ display:none;}
	.sjobli3 .sjobimg::before{ display:none;}
	}


.syw{ background:url(../images/ywbj.jpg) no-repeat center; height:745px;}
.sywtop{ text-align:center; color:#fff;padding-top:66px;}
.sywen{ font-size:18px;text-transform:uppercase;}
.sywcn{ font-size:26px; line-height:26px; margin-top:20px;}
.sywc{ padding-top:50px; width:1177px; margin:0 auto;}
.sywc .swiper-slide{ background:#FFF; border-top-left-radius: 88.5px;border-top-right-radius: 88.5px}
.sywc .sywimg img{ width:100%;}
.sywc .swiper-slide .sywwz{ margin-top:10px; border-top:1px solid #4e83b9; padding-top:30px; height:200px;}
.sywc .swiper-slide .sywwz .sywtit{ font-size:20px; color:#1a1919; text-align:center;}
.sywc .swiper-slide .sywwz .sywcon{width:93.75%; margin:0 auto; margin-top:20px; font-size:14px; color:#1a1919; line-height:20px;}

@media (max-width:1177px) {
.sywc{ width:93.75%}
.syw{height: auto;background:url(../images/ywbj.jpg) no-repeat center top; padding-bottom:50px;}
.sywc{ padding-top:30px;}
}
@media (max-width:768px) {
	.sywtop{ padding-top:33px;}
	}

.snew{ background:#cef5fc; padding-top:60px; padding-bottom:120px;}
.snewtop{ text-align:center;}
.snewen{ font-size:18px;text-transform:uppercase;}
.snewcn{ font-size:26px; line-height:26px; margin-top:20px;}
.snewc{width: 1148px;margin:0 auto;margin-top:40px;overflow:hidden;}
.snewc ul li{ float:left; margin-right:24px; text-align:center; width:269px;}
.snewc ul li:last-child{ margin-right:0px;}
.snewc ul li p{ margin-top:16px; color:#1a1a1a; font-size:14px;}
.snewc ul li:hover p{ color:#439ed2;}
.snewa{ margin:0 auto; margin-top:80px; width:152px; line-height:40px; border:2px solid #030000; text-align:center; font-size:16px;}
.snewa a{ display:block; color:#030000; }
.snewa a span{ font-family:'宋体'; transition:all 0.5s; margin-left:5px;display:inline-block;}
.snewa:hover{ background:#fff;border:2px solid #fff;}
.snewa:hover a{ color:#01658f;}
.snewa:hover a span{ transform:translateX(5px)}

@media (max-width:1148px) {
	.snewc{ width:93.75%;}
	.snewc ul li{ width:calc(25% - 20px); margin:0px 10px;}
	.snewc ul li p{ display:block; height:18px; overflow:hidden}
	}
@media (max-width:768px) {
	.snewc ul li{ width:calc(50% - 20px); margin:0px 10px; margin-bottom:20px;}
	.snew{padding-top: 30px; padding-bottom:60px;}
	.snewc{ margin-top:20px;}
	.snewa{ margin-top:40px;}
	}
@media (max-width:550px) {
	.snewc ul li{width:calc(50% - 10px);margin:0px 5px;margin-bottom:10px;}
	.snewa{ margin-top:20px;}
	}

.ser{ background:url(../images/serbj.jpg) no-repeat center; height:447px;}
.sertop{ text-align:center; padding-top:65px;}
.seren{ font-size:18px;text-transform:uppercase;}
.sercn{ font-size:26px; line-height:26px; margin-top:20px;}
.serc{  width:1200px; margin:0 auto;margin-top:40px; text-align:center;}
.serc ul li{ display:inline-block; width:160px; height:160px; background:#027199; transition:all 0.5s; margin:0px 15px;}
.serc ul li img{ margin-top:34px; margin-bottom:10px; transition:all 0.5s;}
.serc ul li p{ font-size:16px; color:#ffffff;}
.serc ul li:hover{ transform:scale(1.1,1.1)}
.serc ul li:hover img{ transform:rotate(360deg)}

@media (max-width:1200px) {
	.serc{ width:93.75%;}
	}
@media(max-width:640px) {
	.ser{ height:auto; padding-bottom:60px;}
	.serc{ overflow:hidden}
	.serc ul li{ float:left; width:calc(33.33% - 20px); margin:0 10px;}
	}
@media(max-width:540px) {
	.serc{ margin-top:20px;}
	.serc ul li img{ margin-top:15px;}
	.serc ul li{ float:left; width:calc(33.33% - 10px); margin:0 5px;}
	}
@media(max-width:380px) {
	.sertop{ padding-top:30px;}
	.ser{ padding-bottom:30px;}
	.serc ul li img{ margin-top:5px; width:30px;}
	.serc ul li p{ font-size:14px;}
	}

.foot{ background:#027199; padding-top:50px; padding-bottom:80px;}
.footc{ width:1200px; margin:0 auto; overflow:hidden}
.footl{ float:left; margin-left:50px;}
.foottit{ font-size:18px; color:#fff; margin-bottom:25px;}
.footcon p{ font-size:14px; color:#fff; margin-bottom:30px;}
.footcen{ float:left; margin-left:195px;}
.footcen a{ color:#fff;}
.footr{ float:right; margin-right:160px; text-align:center; margin-top:30px;}
.footr p{ margin-top:10px; color:#fff; font-size:14px; line-height:30px;}
.bom{ background:#204a96; padding:30px 0px; color:#fff; font-size:14px;}
.bomc{ width:1200px; margin:0 auto}
.bomc p{ margin-left:40px;}


@media (max-width:1200px) {
	.footc{ width:93.75%; }
	.footr{ margin-right:0px;}
	.footcen{ margin-left:170px;}
	.bomc{ width:93.75%;} 
	 }
@media (max-width:860px) {
	.footcen{ margin-left:100px;}
	}
@media (max-width:768px) {
	.footl{ margin-left:0px;}
	.footcen{ margin-left:30px;}
	.footr{ margin-top:15px;}
	.bom{ padding:10px 0px;}
	.bomc p{ margin-left:0px; text-align:center;}
	}
@media (max-width:640px) {
	.footcen{ display:none;}
	}
@media (max-width:540px) {
	.foot{ padding-top:30px; padding-bottom:40px;}
	.footl{ float:none;}
	.foottit{ margin-bottom:15px;}
	.footcon p{ margin-bottom:10px;}
	.footr{ float:none;}
	}
	
	
	
#zxzx_rt{ position:fixed; right:20px; top:50%; color:#333; z-index:9999;}
#zxzx_rt .close{ float:left; width:25px; padding-top:18px;}
#zxzx_rt .close img{ cursor:pointer;}
#zxzx_rt .box{ float:right; width:140px; height:125px; border:2px solid #212121; background:#FFF;}
#zxzx_rt .box .p_1{ text-align:center; font-size:16px; line-height:20px; font-weight:bold; color:#212121; padding-top:13px;}
#zxzx_rt .box .p_2{ padding:0 0 0 8px; line-height:16px; font-size:12px; padding-top:10px;}
#zxzx_rt .box .p_3{ margin:10px auto 0 auto; width:90px; padding-left:37px; height:30px; line-height:30px; background:#EEE url(../images/zxzx_05.png) 11px center no-repeat; font-size:12px; color:#f5680d; cursor:pointer;}
#zxzx{ position:fixed; left:50%; top:50%; margin:-172px 0 0 -130px; color:#333; z-index:9999; width:256px; height:335px; border:1px solid #212121; border-radius:4px; background:#FFF; display:none;}
#zxzx .top1{ height:42px; color:#FFF; background:#212121; border-radius:4px; overflow:hidden;}
#zxzx .top1 .tit{ float:left; padding:0 0 0 10px; font-size:16px; line-height:40px;}
#zxzx .top1 .close{ float:right; padding:9px 15px 0 0;}
#zxzx .top1 .close img{ cursor:pointer;}
#zxzx .box_1{ clear:both; margin:7px 0 0 7px; width:233px; position:relative;}
#zxzx .area{ width:219px; height:70px; padding:10px 6px 6px 6px; border:1px solid #E5E5E5; border-radius:4px; color:#666; font-size:12px; line-height:16px;}
#zxzx .box_1 em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .box{ clear:both; margin:6px 0 0 7px; width:231px; height:30px; border:1px solid #E5E5E5; border-radius:4px; position:relative;}
#zxzx .box p{ float:left; padding-left:23px; width:48px; height:30px; line-height:30px; font-size:14px; color:#525252; background:#F4F4F4;}
#zxzx .box input{ float:right; width:140px; height:20px; padding:5px 5px 5px 15px; line-height:20px; border:0; color:#666; background:#FFF; font-size:12px;}
#zxzx .box em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .btnbox{ clear:both; padding:7px 0 0 7px;}
#zxzx .btnbox input{ width:108px; height:31px; line-height:31px; text-align:center; color:#FFF; border:0px; cursor:pointer;}
#zxzx .btnbox .btn1{ background:#212121; margin-left:3px;}
#zxzx .btnbox .btn2{ background:#535353; margin-left:7px;}

@media (max-width:768px) {
	#zxzx_rt{ display:none;}
	}



.totop{ position:fixed; right:20px; bottom:20px; cursor:pointer; z-index:666;}


.pro_main{ clear:both; padding:25px 0; line-height:26px; min-height:260px;}
.pro_list{ overflow:hidden;}
.pro_list li{ float:left; margin:0 19px 25px 0;}
.pro_list li.none{ margin-right:0px;}
.pro_list li a{ display:block; border:1px solid #AAB0AE; text-align:center;}
.pro_list li a img{ display:block; max-width:100%;}
.pro_list li a p{ height:28px; line-height:28px; border-top:1px solid #AAB0AE; background:#E5E5E5; color:#666;}
.pro_list li a:hover{ border-color:#006D37;}
.pro_list li a:hover p{ background:#006D37; color:#fff;}
.fd_pro_tb{ width:750px; margin:0 auto; border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8; margin-bottom:20px;}
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.fd_pro_tb th{ background:#F5F5F5; height:40px; line-height:40px; font-weight:normal;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #E8E8E8; width:80px; padding:0 10px; height:22px; line-height:22px; text-align:right;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:520px; margin:0px auto;}
.jn_lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_rt{ float:left; width:360px;}
.jn_box .txt{ width:325px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #212121;}
.jn_box textarea:focus{ border:1px solid #212121;}
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:325px; height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#212121}

@media (max-width:768px) {
	.fd_pro_tb{ width:auto;}
	}



/*ny*/
.banner_ny{ height:520px; background:url(../images/banner_ny.jpg) no-repeat center top;}
.ban_ny{ display:none;}
@media (max-width:768px) {
	.banner_ny{ display:none;}
	.ban_ny{ display:block;}
	}
.ny_tit{ padding-top:40px; text-align:center}
.ny_en{ font-size:16px; margin-bottom:5px; color:#999;}
.ny_cn{ color:#333; font-size:22px; line-height:22px;}
.content{ width:1200px; margin:0 auto; padding-top:30px; padding-bottom:40px;}
.ny_nav{ text-align:center; padding-bottom:40px;}
.ny_nav ul li{ display:inline-block; width:140px; line-height:60px; height:60px; background:#b1e2e9; text-align:center; transition:all 0.5s; margin-bottom:10px;}
.ny_nav ul li a{ color:#333; font-size:16px; display:block;transition:all 0.5s;}
.ny_nav ul li.leftli{ background:#204a96; padding-top:3px;}
.ny_nav ul li.leftli a{ color:#fff;}
.ny_nav ul li:hover{background:#204a96;}
.ny_nav ul li:hover a{ color:#fff;}

@media (max-width:1200px) {
	.content{ width:93.75%;}
	}
@media (max-width:768px) {
	.ny_nav{ display:none;}
	.ny_tit{ display:none;}
	}

.about{ font-size:14px; line-height:2em; color:#333;}
@media (max-width:768px) 
{
    .about iframe{ display:none;}
    .about img{ float:none !important;}
    }


/*honer*/
.honor ul{ overflow:hidden}
.honor ul li{ width:calc(25% - 20px); margin:0 10px; float:left; margin-bottom:20px;}
.honor ul li .honimg{ overflow:hidden;}
.honor ul li .honimg img{ transition:all 0.5s;}
.honor ul li p{ text-align:center; margin-top:10px; font-size:14px; color:#666;}
.honor ul li:hover p{ color:#204a96;}
.honor ul li:hover .honimg img{ transform:scale(1.1,1.1)}
@media (max-width:1200px) {
	.honor ul li{width:calc(25% - 10px); margin:0 5px;margin-bottom:10px;}
}
@media (max-width:900px) {
	.honor ul li{width:calc(33.33% - 10px); margin:0 5px;margin-bottom:10px;} 
	}
@media (max-width:500px) {
	.honor ul li{width:calc(50% - 10px); margin:0 5px;margin-bottom:10px;} 
	}
/*honorshow*/
.honorshowtt{ text-align:center; font-size:16px; color:#333; margin-bottom:20px;}
.honorshowimg{ text-align:center}
.ns_pn{ margin-top:10px; font-size:14px; line-height:24px; color:#333;}
.ns_pn a{ color:#333;}


/*news*/
.news ul{ overflow:hidden}
.news ul li{ width:calc(25% - 20px); margin:0 10px; float:left; margin-bottom:20px;}
.news ul li .newsimg{ overflow:hidden;}
.news ul li .newsimg img{ transition:all 0.5s;}
.news ul li p{ text-align:center; margin-top:10px; font-size:14px; color:#666;}
.news ul li:hover p{ color:#204a96;}
.news ul li:hover .newsimg img{ transform:scale(1.1,1.1)}

#PageContent{ text-align:center}
#PageContent a{ display:inline-block; width:30px; height:30px; margin:0 5px; text-align:center; line-height:30px; border:1px solid #333; font-size:15px; color:#333;}
#PageContent span{ display:inline-block; width:30px; height:30px; margin:0 5px; text-align:center; line-height:30px; border:1px solid #333; font-size:15px; color:#333;}
#PageContent .current{ color:#fff; background:#204a96; border:1px solid #204a96;}
@media (max-width:1200px) {
	.news ul li{width:calc(25% - 10px); margin:0 5px;margin-bottom:10px;}
}
@media (max-width:900px) {
	.news ul li{width:calc(33.33% - 10px); margin:0 5px;margin-bottom:10px;} 
	}
@media (max-width:500px) {
	.news ul li{width:calc(50% - 10px); margin:0 5px;margin-bottom:10px;} 
	}
/*newsshow*/
.newshowtitle{ font-size:16px; color:#333; text-align:center;}
.newsdate{ font-size:14px; color:#666; margin:10px 0px; text-align:center}
.newsshowcon{ font-size:14px; line-height:2em;}


/*products*/
.products ul{ overflow:hidden}
.products ul li{ width:calc(25% - 20px); margin:0 10px; float:left; margin-bottom:20px;}
.products ul li .productimg{ overflow:hidden;}
.products ul li .productimg img{ transition:all 0.5s;}
.products ul li p{ text-align:center; margin-top:10px; font-size:14px; color:#666;}
.products ul li:hover p{ color:#204a96;}
.products ul li:hover .newsimg img{ transform:scale(1.1,1.1)}
@media (max-width:1200px) {
	.products ul li{width:calc(25% - 10px); margin:0 5px;margin-bottom:10px;}
}
@media (max-width:900px) {
	.products ul li{width:calc(33.33% - 10px); margin:0 5px;margin-bottom:10px;} 
	}
@media (max-width:500px) {
	.products ul li{width:calc(50% - 10px); margin:0 5px;margin-bottom:10px;} 
	}
/*productsshow*/
.productsshowtit{ font-size:16px; color:#333; text-align:center;}
.productsshowimg{ margin:10px 0px; text-align:center}
.productsshowcon{ font-size:14px; line-height:2em;}
.inq_btn{ clear:both; background:#204a96; color:#FFF; display:inline-block; width:185px; height:40px; line-height:40px; text-align:center; margin-top:15px; border-radius:5px; margin-bottom:10px; } 
.inq_btn:hover,.inq_btn:active{ color:#FFF;}
@media (max-width:768px) {
	.inq_btn{ display:none;}
	}
/*down*/
.down{ width:768px; margin:0 auto}
.down ul li{ overflow:hidden; line-height:40px; border-bottom:1px dashed #ccc; font-size:14px;}
.down ul li a{ color:#333;}
.down ul li .downtit{ float:left; padding-left:20px; position:relative;}
.down ul li .downtit::before{ content:""; width:5px; height:5px; border-radius:50%; position:absolute; left:5px; top:16px; background:#333;}
.down ul li .downr{ float:right;}
.down ul li:hover a{ color:#204a96;}
.down ul li:hover .downtit::before{ background:#204a96;}
@media (max-width:800px) {
	.down{ width:auto;}
	}

/* 招聘 */

/*joblist*/
.job{width:768px;margin:0 auto}
.job ul li{ margin-bottom:10px;}
.jobtop{ background:#e5e5e5; line-height:44px; padding-left:20px; font-size:16px;}
.job_con{ padding:10px 0px; display:none;}
.jobli{ margin-left:20px; font-size:14px; color:#333; line-height:30px;}
.joba a{ border:1px solid #333; display:block; width:120px; text-align:center; line-height:36px; margin-top:20px; color:#333;}
.joba a:hover{ background:#204a96; border:1px solid #204a96; color:#fff;}
.job .joblis .jobtop{ background:#204a96; color:#fff;}
@media (max-width:800px) {
	.job{ width:auto;}
	}
/*jobjoin*/
.jobjion{ width:540px; margin:0 auto;}
.jbs_tb_1 .jb_li{ overflow:hidden; margin:10px;}
.jbs_tb_1 .jb_tit{ text-align:right; font-weight:bold; padding-right:10px; font-size:14px; font-weight:bold; line-height:32PX; width:70px; float:left;}
.jbs_tb_1 .jb_c{ float:left; }
.jbs_txt{ width:240px; height:30px; border:1px solid #CCCCCC; font-size:12px; line-height:30px; padding:0 5px; border-radius:3px;}
.jbs_txt:focus{ border:1px solid #4c9d2b ;}
.jbs_txtarea{ width:400px; height:100px; border:1px solid #CCCCCC; font-size:12px; padding:5px;}
.jbs_txtarea:focus{ border:1px solid #4c9d2b ;}
.jbs_age{ width:80px;}
.jbs_tel{ width:150px;}
.jbs_hong{ color:#f00;}
.jbs_submit{ height:33px; text-align:center; padding:0 10px; line-height:33px; color:#FFF; font-size:15px; font-weight:bold; border:0px; cursor:pointer; background:#212121; border-radius:3px;}
.jbs_submit:hover{ background:#212121 ; color:#FFF;}
.job{ padding:20px 0px; line-height:2em; font-size:14px; color:#333; padding-top:0px;}
.jbs_tb_1{ margin:0 auto;}

@media (max-width:768px) {
	.jobjion{ width: auto;}
	.jbs_tb_1 .jb_c{ width:calc(100% - 82px); display:inline-block;}
	.jbs_txt{ width:calc(100% - 10px);box-sizing:border-box;}
	.jbs_txtarea{ width:calc(100% - 10px);box-sizing:border-box;}
	.jbs_age{ width:140px;}
	}