﻿@charset "utf-8";

/**/

.bann{width: 100%; text-align: center;  height: 400px; padding:0 0 0; margin: 100px 0  0}



.info1 { font-size:16px;width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto 25px; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}

.ej_bt{ font-size:36px; color:#333333; text-align:center;line-height:32px; font-weight:bolder; margin:0px auto 0; padding:55px 0 20px }



.ab_bt{ width: 100%; padding: 40px 0 20px;display:table; }

.bt1{  margin: 0 0 ; float:left; }

.bt1 h1{ display: table;font-size: 40px; font-weight: bolder; color: #000; line-height: 60px; background: url("../images/ico1.png") no-repeat top right; padding:3px 16px 0 0; margin: 0 0 15px}

.ab_nav{float: right;padding:10px 0 0; }

.ab_nav a{ color: #fff; width: 170px; height:46px; line-height:46px; font-size:17px;  float:left;background: url("../images/nav0.png") no-repeat center center; background-size: 100% 100%; cursor:pointer; text-align: center; margin-left:15px}

.ab_nav a.on{background: url("../images/nav01.png") no-repeat center center ;background-size: 100%;  }



/*wrap_n*/

.wrap_n{ width: 85%; display:table; margin:0 auto; min-height:600px; padding:0 0 30px;}



.wrap_nk{ width: 100%;background: url("../images/ab_bj.jpg") no-repeat center center; background-size: 100%;  display:table; }



.wrap_nw{ width:1200px; display:table; margin:0 auto}

.about{ font-size:16px; line-height:1.8; color:#6a6a6a; padding:10px 0 40px;}



.about a{ font-weight:bolder; color:#bf0211}

.wrap_n .showimg{ text-align:center}

/*jj*/

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

.jj_box1 li{ width:100%; display:table; margin:0 auto 45px;}

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

.jj_box1 li a .jj_t{ float:left; width:50%;}

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

.jj_box1 li a .jj_w1{ width:47%; float: right; font-size:16px; line-height:30px}

.jj_box1 li a .jj_w1 h1{ font-size:40px; font-weight: bolder;line-height:70px; margin:0 0 25px; color:#333}

.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{ margin:40px 0 0; color: #fff; width: 140px; height:40px; line-height:40px; font-size:14px;  float:left;background: url("../images/nav0.png") no-repeat center center; background-size: 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;}



/*cp*/

.cp{ width: 100%;}

.cp li{float: left; width: 32%; margin:0 2% 2% 0;}

.cp li:nth-child(3n){margin-right: 0%;} 

.cp li a{ width: 100%; background: #fff; display: table; border: 1px solid #e5e5e5; box-sizing: border-box}

.cp li a .cp_t{ width:96%;  display: table;margin: 0 auto;overflow: hidden; box-sizing:border-box;}

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

.cp li a:hover .cp_t img{transform: scale(1.1);}

.cp li a:hover h1 { color:#bf0211}

.cp li a h1{ line-height: 70px; font-size: 20px; color: #333333; width: 100%; text-align: center}

.cp li a:hover h1{ color: #bf0211}

.cp li a:hover {border: 1px solid #fdcbcf; }

/**/

.cpxx{width: 100%;}

.cpxx1{width: 100%;display: table; padding: 60px 0}

.cpxx1_l{width:650px; height: 650px; float: left; display: table; border: 1px solid #eaeaea}

.cpxx1_l img{width: 100%;}

.cpxx1_w{ width:calc(100% - 650px - 5%);display: table; float: right}

.cpxx1_w h1{ border-bottom: 1px solid #e3e3e3;font-size: 48px; color: #bf0211; font-weight: bolder; padding: 20px 0; line-height: 2; margin: 0 0 20px}

.cpxx1_w li{ width: 100%; line-height: 50px; display: table;/* white-space: pre;*/font-size: 20px; color: #333;}

.cpxx1_w li i{float: left; font-size: 20px;line-height: 50px; height: 50px; color: #333;}

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

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

.cpxx1_w li:last-child h2{ width: 80%}
.ab_tel{ width: 100%;font-size: 20px; display: table; color: #333; background: url("../images/ab_tel.png") no-repeat center left; line-height: 60px; height: 60px;padding: 20px 0 20px 60px}

.ab_tel span{ float: left}

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

.ab_btn {width:100%;display: table; padding: 40px 0 0}

.ab_btn a{ width: 214px; height: 48px; line-height:48px; text-align: center;font-size:15px; background: #d4d2d2; color: #333; border-radius: 5px; display: inline-block; margin-right:35px}

.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: 100%;display: table; margin: 0 auto; border-top: 1px solid #e1e1e1; padding:30px 0 50px; font-size: 16px; line-height: 2; color: #888888}

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

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



/**/

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

.ry ul li{width:32%;   display:block; float:left; margin:0 ;  box-sizing:border-box; margin:0 2% 0px 0;}

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

.ry ul li a h1{ width:100%; font-size:20px; line-height:60px; text-align:center; padding:10px 0 0}

.ry ul li a .cp_t{ width:100%; border:8px 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}

.ry ul li:nth-child(3n){margin:0 0 20px; }

.ry ul li:hover{}



.ab_lc{ width: 100%; display: table; padding: 40px 0 0}

.ab_lc li{display: table; width: 100%;background: url("../images/lc_ico1.png") no-repeat 79px 30px; height: 100%}

.ab_lc li .lc_l{ width:190px; float: left; margin: 0 50px 0 0; }

.ab_lc li .lc_l h1{ width: 180px; height: 50px; line-height: 50px; font-size: 26px; color: #fff; font-weight: bolder; border-radius: 25px; background: #de000f; text-align: center}

.ab_lc li .lc_w{width:calc(100% - 240px);float: right; background: #f5f5f5; padding:35px 40px;box-sizing: border-box; margin: 0 0 50px; color: #888888; line-height: 30px; font-size: 16px;}

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

.ab_lc li .lc_w h1{ font-size:26px;color: #333; font-weight: bolder; margin: 0 0 18px}

/*xw*/

.xw2{width: 100%; display: table; padding:20px 0 0}

.xw2 li{display: table; width: 100%; margin: 0 0 25px}

.xw2 li a{background:#fff; color: #a3a3a3; font-size: 14px; line-height: 26px; display: table; width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box; padding:25px; box-sizing: border-box;all .6s ease 0s; transition: all .6s ease 0s;}

.xw2 li a .xw_t{ width: 350px; height: 230px; display: table;overflow: hidden;overflow: hidden; box-sizing:border-box; float: left; }

.xw2 li a .xw_t img{ width: 350px; height: 230px;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}

.xw2 li a:hover .xw_t img{transform: scale(1.1);}

.xw2 li a .xw_w{width:calc(100% - 350px - 35px);float: right;}

.xw2 li a .xw_w p{}

.xw2 li a .xw_w p{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin: 25px 0 40px }

.xw2 li a .xw_w h1{ font-size: 20px; line-height: 26px;color: #333; width: 100%; display: table; margin: 15px 0 0}

.xw2 li a .xw_w h1 span{ width: 80%;display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; float: left;  }

.xw2 li a .xw_w h1 time{color: #a3a3a3; font-size: 14px; float: right;}

.xw2 li a .xw_w h2{ width: 120px; height: 40px; line-height: 40px; border: 1px solid #e5e5e5; font-size: 14px; text-align: center}

.xw2 li a:hover .xw_w h2{ background: #bf0211; border: 1px solid #bf0211; color: #fff}

.xw2 li a:hover .xw_w h1{ color: #bf0211}



.fy1{ width:100%; color: #888888; font-size: 16px; border-top: 1px solid #dcdcdc; padding: 0 0 80px}

.fy1 li{ width: 50%; display: inline-block; line-height: 70px; float: left; color: #d0d0d0}

.fy1 li a{ color: #888888}

.fy1 li:last-child{ text-align: right}

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

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



/*lx*/



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

.xw1 ul{ margin:0px auto 20px; display:table;}

.xw1 li{ width:100%; float:left; height:140px; margin:0px 0 20px; }

.xw1 li a{ background:#f2f2f2; display:block; padding:25px 15px;}

.xw1 li .sj1{ width:162px;height:90px;  padding-left:34px; font-weight:bolder; box-sizing:border-box;font-size:14px; color:#bf0211; float:left; border-right:1px solid #dcdcdc; }

.xw1 li .sj1 h1{ font-size:30px;line-height:42px; margin-bottom:0px; font-weight:bolder; margin:10px 0 0 }

.xw1 li .sj1 p{ border-bottom:2px solid #bf0211; display:table}



.xw1 li .xw_z{ float:left; margin:0px 20px; width:calc(100% - 320px); height:90px; color:#747474; font-size:12px; line-height:22px;}

.xw1 li .xw_z h1{ font-size:16px; color:#313131; font-weight: bolder; line-height:30px; margin-bottom:6px;}

.xw1 li .xw_z h2{ font-size:12px; line-height:22px; height:44px;}

.xw1 li a .jt{ background: url(../images/jt3.png) no-repeat center center; float:right; width:37px; height:90px; margin-right:30px;}

.xw1 li a:hover .jt{background: url(../images/jt4.png) no-repeat center center;}

.xw1 li a:hover .sj1{  color:#fff; float:left; border-right:1px solid #fff;}

.xw1 li a:hover .xw_z,.xw1 li a:hover .xw_z h1,.xw1 li a:hover .sj1 h1{ color:#fff;}

.xw1 li a:hover{ background:#bf0211;}





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

.cont .ts { font-size:20px; color:#636363; text-align:center; margin:25px auto 35px;}

.cont dt { width:100%; display:table; margin: 0 0 1%}



.cont dt input{ background:#fff; border:1px solid #e5e5e5; width:32%;  height:48px; line-height:48px; padding-left:15px; font-size:14px; color:#333; float:left; margin:0 2% 0 0; box-sizing:border-box}

.cont dt input:last-child{margin:0  0 0;}

.cont dt textarea{background:#fff; border:1px solid #e5e5e5; font-size:14px; color:#757575; padding:15px; width:100%; height:180px;margin:10px 0%;box-sizing:border-box}

.cont .btn { width:240px; font-size:16px; height:42px; line-height:42px; text-align:center; display:block; background:#bf0211; border-radius:25px; color:#fff; margin:40px auto;}

.cont .btn:hover{ background:#c2a65d}

.wrap_n .pt{ padding:0 0 20px;}



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

.lx_bt{font-size:20px; color:#333333; text-align: center; padding: 20px 0; width: 100%; display:table; line-height: 2}

.lx{ width:100%; display:table; padding:0 0 60px}

.lx dt{ width:32%; height:150px; margin:0 2% 0 0; padding:25px 35px; box-sizing:border-box; float:left; border:1px solid #d9d9d9; line-height: 1.8; font-size:18px;background:#fff; color:#888888;}

.lx dt i{width:60px; height: 60px; float: left; margin-right: 25px;}

.lx dt:nth-child(3){margin:0 0 0 0;}

.lx dt h1{font-size:18px; color: #333;float: right;width:calc(100% - 85px); padding: 6px 0 0  }

.lx dt h1 p{color: #333; line-height: 1.5;font-size:22px; }

.lx_t{ display:table; border:3px solid #e4e4e4; margin:0 auto; width:100%; box-sizing:border-box; }

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

/**/

/*join*/



.join{width:100%; display:block; margin:0 auto 20px;}

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

.join_t span{ display:block; float:left; padding:0 ;height: 50px; 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:100%; border:1px solid #e2e2e2; box-sizing:border-box; margin:80px auto 30px; padding:3%}

.join_n1_l{ float:left; color:#272626;width: calc(100% - 140px); line-height:2; font-size:15px;}

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



.join_n1_r{ float:right; width:140px; display:table; text-align:center; }

.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:85%; 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 40px;box-sizing:border-box;  margin:5px auto 0; font-size:14px; color:#5c5b5b; line-height:48px; height:48px; 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:15px; width:30%; float:left;padding:0 0px; text-align: left}

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

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

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



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





.fy{ text-align:center; font-size:14px; padding:20px 0 40px;}

.info { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}



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

.wrap_n{width:94%}   



}



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

.ab_nav a{ width: 140px; margin-left: 10px;   height: 46px;    font-size: 16px;}   

.cpxx1_l{ width: 550px;    height: 550px;}

.cpxx1_w{ width:calc(100% - 550px - 5%);display: table; float: right}

.cpxx1_w h1{font-size: 42px; padding:15px 0;}    

.cpxx1_w li{font-size: 18px;    line-height: 40px;}    

.cpxx1_w li h2{font-size: 18px;   }  

.cpxx1_w li i{font-size: 18px; line-height: 40px;height: 40px;} 

.ab_btn a{    width: 200px;}    

    

}



.neirm {

    max-width: 800px;

    margin-left: auto;

    margin-right: auto;

}
.neirm img{ text-align: center;    display: table;    margin: 0 auto;}
