@charset "utf-8";

/* CSS Document */

.bann{ width:100%; margin:0 auto;}

.bann img{ display:block; width:100%;} 

.about{ font-size:13px; line-height:24px; color:#484948;margin:0.10rem 0.3rem 0.5rem; padding: 0.3rem 0 0}

.nav{  margin:0rem  auto 0.3rem; text-align:center;  display: table; width:100%; box-sizing:border-box; text-align:center; padding:0 0 0 }

.nav a{ width:3rem; height:0.85rem;color: #333; border: 1px solid #333;; box-sizing:border-box; display: inline-block;  border-radius:5rem; line-height:0.85rem; text-align:center;font-size:13px; margin:0.1rem ;}

.nav a:hover,.nav .on{background: #e1600e; border: 1px solid #e1600e;color:#fff;}

.ej_bt{ font-size:22px; color:#333333; text-align:center;line-height:1.6; font-weight:bolder; margin:0px auto 0; padding:0.6rem 0.3rem 0.1rem }





.ab_lc{ width: 100%; display: table; padding:0.3rem 0 0}

.ab_lc li{display: table; margin: 0 auto;width:9.2rem;}

.ab_lc li .lc_l{ width:100%; }

.ab_lc li .lc_l h1{ width:3rem; height: 0.9rem; line-height:0.9rem;display: table; margin: 0 auto 0.5rem; font-size: 20px; color: #fff; font-weight: bolder; border-radius: 25px; background: #de000f; text-align: center}

.ab_lc li .lc_w{width:100%; background: #f5f5f5; padding:0.5rem;box-sizing: border-box; margin: 0 0 0.8rem; color: #888888; line-height:1.6; font-size: 13px;}

.ab_lc li:last-child{background: none}

.ab_lc li .lc_w h1{ font-size:18px;color: #333; font-weight: bolder;text-align: center; margin: 0 0 0.1rem}



/**/



.wrap_n{ width:10rem; display:table; padding:0 0 0.7rem;}

.wrap_n .cp3 li a h1{  color: #333}



.cp6{ width: 100%; }

.cp6 ul{ padding: 0 0 0 0.2rem}

.cp6 li{ width: 4.53rem; float: left; margin: 0 0.15rem;}

.cp6 li a{ text-align: center}

.cp6 li a  .cp-img{ position: relative;display: table; height: 6.55rem; margin:0rem auto 0 auto;}

.cp6 li a  .cp-img i{ top: 0.2rem; position: absolute; background: #fff; color: #333; left: 0; font-size: 12px; line-height: 0.6rem; padding: 0 0.2rem 0 0.3rem;; border-radius: 0 0.5rem 0.5rem 0 }

.cp6 li a  .cp-img img{ width: 100%; height:100%;  display: table;}

.cp6 li a  h1{font-size: 15px; background: #f6f5f5; color: #333; font-weight: bolder; padding: 0.25rem 0}

.cp6 li a  h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }





/*jj*/

.jj_box1{ width:100%; display:table; margin:0 auto; padding:20px 0}

.jj_box1 li{ width:9.2rem; display:table; margin:0 auto 0.4rem;}

.jj_box1 li a{ width:100%; display:table; color:#6a6a6a; font-size:16px}

.jj_box1 li a .jj_t{  width:100%;}

.jj_box1 li a .jj_t img{ width:100%;}

.jj_box1 li a .jj_w1{ width:100%; float: right; font-size:14px; line-height:1.8}

.jj_box1 li a .jj_w1 h1{ font-size:24px; font-weight: bolder;line-height:1.5; margin:0.3rem 0 0.2rem; color:#333; text-align: center}

.jj_box1 li a .jj_w1 p{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:5; }

.jj_box1 li a .jj_w1 span{ display:table; margin:0.4rem auto 0; color: #fff; width: 3rem; height:0.85rem; line-height:40px; font-size:13px;  background: url("../images/nav0.png") no-repeat center center; background-size: 100% 100%; cursor:pointer; text-align: center; }

.jj_box1 li a:hover .jj_w1 span{background: url("../images/nav01.png") no-repeat center center; background-size: 100%;}

.jj_box1 li:nth-child(2n) a .jj_t{ float:right}

.jj_box1 li:nth-child(2n) a .jj_w1{float:left;}





.xw_bt { margin: 0.4rem auto 0.3rem;  font-size: 18px;  color: #484848;  text-align: center;  font-weight: bolder;}

.xw_bt h1{ font-size:18px; font-weight:bolder; line-height:0.6rem; text-align:center;}



.about a { color:#01458f}

.wrap_n .sy_cp dl a{ border:1px solid #eeebeb; box-sizing:border-box}









/**/

.ry{ width:100%; display:table; margin:0 auto; padding:0px 0 0}

.ry ul{ padding: 0 0 0 0.2rem }

.ry ul li{width:4.5rem;   display:block; float:left; margin:0 0.15rem 0.1rem;  box-sizing:border-box;}

.ry ul li a{ width:100%;   margin:0 auto; display:block;}

.ry ul li a h1{ color: #333; width:100%; font-size:14px; line-height:1rem; text-align:center; }

.ry ul li a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }

.ry ul li a .cp_t{ width:100%; border:5px solid #e5e5e5; display: table;  overflow: hidden; box-sizing:border-box; }

.ry ul li a .cp_t img{ width:100%;   display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}

.ry ul li a:hover .cp_t img{transform: scale(1.08);}

.ry ul li a:hover h1 { color:#bf0211}







.cp1{ width:10rem; display:table; margin:0 auto; padding:0 0 0 0.1rem; box-sizing:border-box}

.cp1 dl{float:left; width:4.9rem;text-align:center;position:relative; margin:0 0 0.1rem;}

.cp1 dl a{  width:4.53rem; display: table; margin:0 auto }

.cp1 dl a h1 { font-size:15px; width:100%;text-align:center; height:1rem; line-height:1rem; color:#333;}

.cp1 dl a h1,.xfdb dl a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }

/*.cp1 dl a:hover h1{ background:#01458f; color:#fff;  display:block;}

*/.cp1 dl a .cp_t{ width:4.53rem; height:3.12rem; display:block;  overflow: hidden;}

.cp1 dl a .cp_t img{width:4.53rem;  height:3.12rem;   display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}

.cp1 dl a:hover img{transform: scale(1.1);}





.xz{ width:9.2rem; margin:0 auto 0.4rem;}

.xz .xz_n{ font-size:13px; text-align:center; line-height:2; padding:0.1rem 0 0.2rem}

.xz ul{ width:100%; border:1px solid #c2c7c5; box-sizing:border-box}

.xz ul li{ background:#edeef0; width:100%; display:table; padding:0.2rem 0.3rem; box-sizing:border-box; }

.xz ul li a h1{ font-size:16px; line-height:40px; float:left; color:#333; width:6.6rem}

.xz ul li a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }



.xz ul li a span{ background:#344f7d; float:right; width:1.8rem; text-align:center; font-size:12px; color:#fff; line-height:0.8rem; border-radius:25px;}

.xz ul li:nth-child(2n) { background:#f4f5f5}

.xz ul li a:hover span{ background:#073582}







.lx_k{ width:10rem; display:table; margin:0 auto; padding:0.3rem 0;}

.lx{}

.lx dt{ width:9rem;  margin:0 auto 0.3rem; display:table; border:1px solid #d9d9d9; font-size:18px; color:#333333; }

.lx dt span{ width:1.41rem; float:left; height:1.25rem; display:block; margin:0.3rem 0.2rem; }

.lx dt .lxt1{ background:url(../images/lx_01.png);background-size:1.41rem 1.25rem;}

.lx dt .lxt2{ background:url(../images/lx_05.png);background-size:1.41rem 1.25rem;}

.lx dt .lxt3{ background:url(../images/lx_03.png);background-size:1.41rem 1.25rem;}

.lx dt .lxt4{ background:url(../images/lx_04.png);background-size:1.41rem 1.25rem;}

.lx dt h1{ font-size:15px; display:block; float:left; margin:0.2rem 0 0; width:6.4rem; line-height:0.8rem;}

.lx dt h2{ font-size:18px; color:#191919; line-height:1.2;width:6.8rem;display:block; float:left; margin:0 0 0.3rem;}



.lx_t{ display:table; width:9rem; border:3px solid #e4e4e4; margin:0.4rem auto 0.6rem;}





/**/

.cpxx{width: 10rem;display: table; margin: 0 auto}

.cp_bt{ font-size: 32px; color: #bf0211; font-weight: bolder; padding: 0.2rem 0; line-height: 2; margin: 0 auto 0.2rem; text-align: center}

.cpxx1{width: 9rem;display: table;margin: 0 auto; padding:0.4rem 0}

.cpxx1_l{width:100%; box-sizing: border-box;  display: table; border: 1px solid #eaeaea}

.cpxx1_l img{width: 100%;display: table;}

.cpxx1_w{ width:9rem;display: table; padding: 0.4rem 0 0}

.cpxx1_w li{ width: 100%; line-height: 1rem; display: table;font-size:15px; color: #333;}

.cpxx1_w li i{width:70px;float: left; font-size: 15px;line-height: 1rem; height: 1rem; color: #333;text-align: justify;}

.cpxx1_w li i span{width: 0.4rem; height:20px; display: inline-block}

.cpxx1_w li h2{font-size: 15px; color: #333;float: left; }

.ab_tel{ width: 100%;font-size: 15px; display: table; color: #333; background: url("../images/ab_tel.png") no-repeat center left; background-size: 1rem; line-height: 1.6rem; height: 1.6rem;padding:0.2rem 0 0.2rem 1.2rem; box-sizing: border-box}

.ab_tel span{ float: left}

.ab_tel h3{float: left;font-size: 23px; color: #333; font-weight: bolder}

.ab_btn {width:100%;display: table; padding:0.2rem 0 0}

.ab_btn a{ width: 3.2rem; height: 1rem; line-height:1rem; text-align: center;font-size:13px; background: #d4d2d2; color: #333; border-radius: 5px; display: inline-block; margin-right:0.5rem}

.ab_btn a.ab_btn_h{ background: #bf0211; color: #fff}

.ab_btn a:hover{ background: #e8cf84}

.ab_btn a:hover.ab_btn_h{background: #e8cf84;color: #333;}



.cpxx2{width:10rem;display: table; margin:0.7rem auto; border-top:6px solid #e1e1e1; padding:0.2rem 0.5rem 0.3rem; font-size: 13px; line-height: 1.8; color: #888888; box-sizing: border-box}

.cpxx2 .cp_bt1{font-size: 20px; color: #333; font-weight: bolder; line-height: 60px}

.cpxx2 .cp_n img{ text-align: center; display: table; margin: 0 auto; max-width: 100%}





/*留言*/

.cont{ width:9rem; margin:0 auto;}

.cont .ts { font-size:15px; color:#636363; line-height:2; text-align:center; margin:0.1rem auto 0.3rem;}

.cont dt input{ background:#fff; border:1px solid #dddcdd; width:8.4rem;  height:0.9rem; line-height:0.9rem; padding:0 0.3rem; font-size:14px; color:#bbbbbb; float:left; margin:0.2rem auto;}

.cont dt textarea{background:#fff; border:1px solid #dddcdd; font-size:14px; color:#757575;padding: 0.3rem;width:8.4rem; height:2.7rem; margin:0.2rem auto;}

.cont .btn {font-size:15px; line-height:1; display:table; padding:0.25rem 1.2rem;text-align:center;  background:#bf0211; border-radius:5px; color:#fff; margin:0.4rem auto 0.5rem;}



.fy1{ width:9.2rem; margin: 0 auto;color: #888888; font-size: 13px; border-top: 1px solid #dcdcdc; padding: 0.3rem 0 0.6rem}

.fy1 li{ width: 100%; display: inline-block; margin: 0 0 0.2rem; line-height:0.5rem; float: left; color: #d0d0d0}

.fy1 li a{ color: #888888}

.fy1 li a:hover{ color: #e1600e}

.fy1 li a span,.fy1 li span{color: #333}

.fy1 li a h1,.fy1 li  h1{width:85%; float: right;font-size: 13px;}



/*招聘*/

.join{width:9.4rem; display:block; margin:0 auto 20px;}

.join_t{ width:100%; padding:0 0.3rem; height:1rem; line-height:1rem; margin:0 auto 8px ; background:#bf0211; font-size:14px; color:#fff; box-sizing: border-box}

.join_t span{ display:block; float:left; padding:0 ;height: 1rem; width:30%; text-align: center}

.join_t span:nth-child(1){width:30%; text-align: left}

.join_t span:nth-child(2){width:30%}

.join_t span:nth-child(3){width:30%}

.join_t span:nth-child(4){width:10%; }



.join_n1{ background:#f2f2f2; display:table; width:9.4rem; border:1px solid #e2e2e2; box-sizing:border-box; margin:0.5rem auto 0.4rem; padding:3%}

.join_n1_l{ float:left; color:#272626;width:100%; line-height:2; font-size:13px;}

.join_n1_l h1{ font-size:22px; font-weight:bolder; line-height:2; padding:0 0 10px}



.join_n1_r{ display:table;  width:3rem; margin: 0 auto;text-align:center; padding: 0.2rem 0 0 }

.join_n1_r img{ width:100%}

.join_n1_r span{ line-height:3}



.join_xx{ width:100%; display:table; font-size:18px; line-height:2; color:#333}

.join_bt2{ font-size:30px; color:#ad0912; font-weight:bolder; display:table; margin:0 auto; line-height:1.8; padding:20px 0}



.join_l{ width:9.4rem; margin: 0 auto;display:table}

.join_l li{ padding:10px 0 20px; display:table; width:100%}

.join_l li h1{ font-size:20px; color:#ad0912; line-height:36px; font-weight:bolder}

.join_l li h1 i{ height:36px; float:left; margin-right:5px;}

.join_l li h1 span{font-weight:bolder}

.join_l li p{ padding:0 0 0 41px; display:table; width:100%; box-sizing:border-box; font-size:15px; color:#706e6e; line-height:30px; height:90px;}

.join_l li p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:3;}



.sideMenu{  }

.sideMenu dt{ width:100%; background:#f2f2f2; padding:0 0.2rem;box-sizing:border-box;  margin:5px auto 0; font-size:14px; color:#5c5b5b; line-height:1rem; height:1rem; display: inline-block; cursor:pointer;all .6s ease 0s; transition: all .6s ease 0s;}

.sideMenu .on,.sideMenu dt:hover{ background:#e8cf84; }

.sideMenu dt h1{ font-size:13px; width:30%; float:left;padding:0 0px; text-align: left}

.sideMenu dt h2{ font-size:13px; width:30%; float:left; text-align:center;padding:0 ;}

.sideMenu dt span{ font-size:12px; width:10%; height:1rem; display: block; background:url(../images/join1.png) no-repeat center center; background-size: 0.5rem; float:left; text-align:center;padding:0 ;}

.sideMenu dt:hover span,.sideMenu .on span{background:url(../images/join2.png) no-repeat center center;background-size: 0.5rem;}



.sideMenu .jo{ padding:0.4rem 0.4rem; color:#333; font-size:13px; line-height:1.8; display:none; border:1px solid #e8cf84; /* é»˜è®¤éƒ½éšè— */ width:100%;box-sizing:border-box; background: #fff ;}









@media screen and (max-width:414px) {





	

	}

@media screen and (max-width:375px) {

.sp dl a h1{ font-size:13px;}

.news a .news_r h1{ font-size:13px;}

.news a .news_r h2{ font-size:12px;}





.cp ul li a h3{ font-size:15px;}



.nav a{ font-size:12px}



	}

@media screen and (max-width:320px) {

.cp a .news_r h1{ font-size:15px;}

.cp a .news_r h2{ font-size:12px;}



.kc1 dt a .kc_w h1{ font-size:20px;}

.kc1 dt a .kc_w h2{ font-size:12px;}



.cp ul li a h3{ font-size:14px;}



	}





