﻿@charset "utf-8";

/**/

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



/*.bt3{ color:#333333; text-align:center; padding:50px 0 30px}

.bt3 h1{ font-size:30px; font-weight:100; line-height:30px; font-weight:bolder; color:#cb302b}

.bt3 h1 span{ color:#0d874b;}

.bt3 h2{ font-size: 44px; text-transform: uppercase; font-weight:unset; color:#484848; line-height:66px; }

.bt3 h2 span{ font-weight:bolder;color:#333333;}

.bt3 h3{ width:56px; height:3px; display:table; background:#000000; margin:0 auto 8px; display:none}

*/.info1 { 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:30px; color:#333333; text-align:center;line-height:32px; font-weight:bolder; margin:0px auto 0; padding:45px 0 10px }









.er-dh{ display:table; margin:0 auto; padding:0px 0 10px; }

.er-dh li{ display:inline-block; margin:0 10px 10px; min-width:160px; float:left; height:44px; text-align:center}

.er-dh li a{   display:table; width:100%; box-sizing:border-box; height:42px; border:1px solid #666; background:#fff; text-align:center;border-radius:5px; font-size:18px; color:#333; line-height:42px; padding:0 10px }

.er-dh li a:hover,.er-dh li .on{ background:#5173a4; border:1px solid #5173a4; color:#fff}

/*wrap_n*/

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

.wrap_n .bt{ margin:0 auto; float:inherit; display:table; text-align:center }

.wrap_n .bt h1{    margin-left:0px;}

.wrap_n .bt span{ margin:0 auto; text-align:center;     padding: 0 40px;}

.wrap_n .sy_fw{    padding: 0px 0 40px;}



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

.about{ font-size:16px; line-height:38px; color:#444445; padding:20px 0 40px;}

.about a{ font-weight:bolder; color:#5173a4}
.wrap_n .showimg{ text-align:center}

.yj{width:1200px;margin:0px auto 0;padding:5px 0 0}

.yj  dl{float:left;width:386px;text-align:center; margin:0px 7px 14px; }

.yj  dl a{ width:386px; display:block;color:#3a3a3a; border:1px solid #e5e5e5; box-sizing:border-box;  }

.yj  dl a h1 { font-size:18px;width:366px; margin:0 auto; height:66px; line-height:66px; color:#333333; text-align:left; padding:0px 0 0 }

.yj  dl a h1 span{ width:74%; float:left; overflow:hidden}

.yj  dl a h1 i{ font-size:14px; color:#333333; display:table; opacity:.5; float:right; margin:0px 0 0}

.yj  dl a:hover{ color:#cb302b;  display:block;}

.yj  dl a .cp_t{width:366px; height:266px; display: table; margin:10px auto 0 auto;overflow: hidden; box-sizing:border-box;}

.yj  dl a .cp_t img{width:366px; height:266px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}

.yj  dl a:hover .cp_t img{transform: scale(1.08);}

.yj  dl a:hover h1,.yj  dl a:hover h2 span{ color:#cb302b}

.yj  dl a .line{margin-top: 22px;height: 1px;background-color: #eeeeee;position: relative;width:366px; display:table; margin:0 auto}

.yj  dl a .line:before{content: "";display: block;position: absolute;left: 0;top: -1px;width: 30px;height: 2px;background-color: #cb302b;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.yj  dl a:hover .line:before {  width: 80px;}

.yj  dl a h2{width:366px; display:table; margin:0 auto; height:52px; line-height:52px; position:relative; padding:0 0 4px}

.yj  dl a h2 span{ display:table; float:left; font-size:16px; color:#333; font-family:"宋体"; }

.yj  dl a h2:after {

  content: "";  display: block;  width: 36px;  height: 36px;  position: absolute;  right: 0;  top: 0;  background: url(../images/proli.png) center center no-repeat;  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;  border-radius: 10px 0px 10px 10px;  border: solid 1px #d0d0d0; opacity:0}

.yj  dl a:hover h2:after{background: url(../images/proli1.png) center center no-repeat #cb302b ;border: solid 1px #cb302b; opacity:1 }



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

.cp ul{display:table; width:100%; box-sizing:border-box}

.cp ul li{width:380px; display:block; color:#000000;float:left; margin:0 10px 20px 0;}

.cp ul li a{ width:380px;  height:507px; position:relative; margin:0 auto; display:block;}

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

.cp ul li a h1{ font-size:18px; color:#fff;line-height:60px; display:block; position:absolute; bottom:0; text-align:center;width:100%; margin:0 auto; height:170px; padding:110px 0 0; box-sizing:border-box; background:url(../images/cz_bj.png) no-repeat center top}

.cp ul li a .cp_t{ width:380px; height:507px; /*border:1px solid #eeeeee;*/  display:block;  overflow: hidden; box-sizing:border-box;}

.cp ul li a .cp_t img{  width:380px; height:507px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}

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

.cp ul li a:hover h1 { color:#fff; background:url(../images/cz_bj1.png) no-repeat center top}



/*lx*/



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

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

.xw1 li{ width:1160px; float:left; height:140px; margin:0px 20px 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:#5173a4; 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 #5173a4; display:table}



.xw1 li .xw_z{ float:left; margin:0px 20px; width:800px; 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:#5173a4;}





.cont{ width:964px; margin:0 auto;}

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

.cont dt input{ background:#fff; border:1px solid #c0bec0; width:435px;  height:48px; line-height:48px; padding-left:15px; font-size:14px; color:#bbbbbb; float:left; margin:10px 15px;}

.cont dt textarea{background:#fff; border:1px solid #c0bec0; font-size:14px; color:#757575; padding:15px; width:902px; height:180px;margin:10px 15px;}

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

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

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



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

.lx{}

.lx dt{ width:270px; height:220px; margin:0 11px; padding:0 10px; box-sizing:border-box; float:left; border:1px solid #d9d9d9; font-size:18px; color:#333333; text-align:center;}

.lx dt span{ width:90px; height:80px; background:url(../images/lx.png); display:block; margin:20px auto 0;}

.lx dt .lxt1{background-position:0 0;}

.lx dt .lxt2{ background-position: -90px 0;}

.lx dt .lxt3{background-position:-180px 0;}

.lx dt .lxt4{ background-position: -270px 0;}

.lx dt:hover .lxt1{background-position:0 80px;}

.lx dt:hover .lxt2{ background-position: -90px 80px;}

.lx dt:hover .lxt3{background-position:-180px 80px;}

.lx dt:hover .lxt4{ background-position: -270px 80px;}

.lx dt:hover{ background:#5173a4; color:#fff;}

.lx dt:hover h2{ color:#fff;}



.lx dt h1{ font-size:18px; line-height:45px;}

.lx dt h2{ font-size:22px; color:#191919; line-height:30px;}



.lx_l{ width:560px; float:right; font-size:16px; line-height:2.2; }

.lx_l h1{ font-size:24px; font-weight:bolder; margin:0 0 10px}

.lx_t{ display:table; border:3px solid #e4e4e4; margin:0; width:600px; float:left; height:400px}

.lx_t img{ height:400px}







.join{ width:1160px; margin:0 auto 50px; display:table;}

/*join*/

.join_bt{ font-size:15px; text-align:center; line-height:36px; color:#7c8da0; padding:5px 0 30px;}

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

.join_t{ width:1110px; padding:0 25px; height:50px; line-height:50px; margin:0 auto 8px ; background:#b1b1b1; font-size:16px; color:#fff;}

.join_t span{ display:block; float:left; padding:0 ;}







.sideMenu{  }

.sideMenu dt{ width:1110px; background:#f2f2f2; padding:0 25px; margin:5px auto 0; font-size:14px; color:#5c5b5b; line-height:48px; height:48px; display: inline-block; cursor:pointer;}

.sideMenu .on,.sideMenu dt:hover{ background:#5173a4; color:#fff; }

.sideMenu dt h1{ font-size:15px; width:270px; float:left;padding:0 0px;}

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

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



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



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





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

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





