/*产品直通车*/

.wtt {
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    background: url(../img/bg1.png) no-repeat center;
}

.wtt span {
    color: #343434;
    font-size: 22px;
    font-weight: normal;
    display: block
}

.tong {
    width: 1200px;
    margin: 0 auto;
   /*  margin-top: 20px; */
}

.bt {
    font-style: italic;
    color: #006ccc;
    font-size: 46px;
    font-weight: bold;
    text-align: center;
    margin-top: 35px;
}

.bt span {
    color: #454545;
    font-size: 26px;
}

.btx {
    color: #a7a7a7;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}

.c1 .c1-1 {
    width: 260px;
}

.c1 .c1-1 h3 {
    color: #fff;
    width: 260px;
    height: 95px;
    text-align: center;
    background: #11509b;
    box-sizing: border-box;
    font-size: 32px;
    padding-top: 15px;
}

.c1 .c1-1 h3 span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
}

.c1 .c1-1 .list1 {
    border: 1px solid #47a9f2;
    border-top: none;
    padding-top: 33px;
    padding-left: 15px;
    border-bottom: none;
    box-sizing: border-box;
    height: 482px;
}

.c1 .c1-1 .list1 a.a {
    background: url(../img/list1.png) 0 0 no-repeat;
    padding-left: 14px;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    color: #333333;
    display: block;
    transition-duration: .3s;
    margin-bottom: 7px;
}

.c1 .c1-1 .list1 a.a.on {
    background: url(../img/listh.png) 0 0 no-repeat;
    transform: translateX(-8px);
    color: #fff;
    padding-left: 26px;
    width: 244px;
    box-sizing: border-box;
}

.c1 .c1-1 .list1 .sec {
    display: none;
    padding-bottom: 6px;
    margin-left: 10px;
    width: 200px;
    margin-bottom: 11px;
}

.c1 .c1-1 .list1 .sec a.b {
    line-height: 44px;
    border-bottom: 1px dashed #e6e6e6;
    font-size: 14px;
    color: #454545;
    display: block;
    padding-left: 30px;
    background: url(../img/dian.png) 10px 50% no-repeat;
    padding-left: 34px;
    box-sizing: border-box;
}

.c1 .c1-1 .list1 .sec a.b:hover {
    background: url(../img/dian1.png) 10px 50% no-repeat;
    color: #0066cc;
}

.c1 .c1-1 .dh1 {
    padding-top: 15px;
    padding-bottom: 5px;
    text-align: left;
    border: 1px solid #47a9f2;
    border-top: none;
    padding-left: 25px;
    color: #000;
    border-bottom: 8px solid #0066cc;
}

.c1 .c1-2 {
    width: 1176px;
}

.c1 .c1-2 .c1-2-1 {
    position: relative;
}

.c1 .c1-2 .c1-2-1 .prev,
.c1 .c1-2 .c1-2-1 .next {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    height: 40px;
    width: 55px;
    top: 50%;
    transform: translateY(-50%);
}

.c1 .c1-2 .c1-2-1 .prev {
    left: 14px;
    background: url(../img/zb.png) center 0 no-repeat;
}

.c1 .c1-2 .c1-2-1 .prev:hover {
    background: url(../img/zb2.png) center 0 no-repeat;
}

.c1 .c1-2 .c1-2-1 .next {
    right: 14px;
    background: url(../img/yb.png) center 0 no-repeat;
}

.c1 .c1-2 .c1-2-1 .next:hover {
    background: url(../img/yb2.png) center 0 no-repeat;
}

.c1 .c1-2 .c1-2-1 .list2 li {
    position: relative;
/*     padding-top: 32px; */
    background: url(../img/h-3.png) center 0 repeat-x;
  /* border: 2px solid #dddddd; */
    border-top: none;
/*     padding-left: 74px; */
   /* padding-right: 74px;*/
     box-sizing: content-box; 
}

.c1 .c1-2 .c1-2-1 .list2 li .tu {
    width: 600px;
    height: 432px;
    height: 363px;
/* 	margin-right: 70px; */
}

.c1 .c1-2 .c1-2-1 .list2 li .tu img {
/*    width: 600px;
    height: 344px;
margin-left: 75px;*/
}

.c1 .c1-2 .c1-2-1 .list2 li .zi {
    width: 513px;
    position: absolute;
    z-index: 111;
    left: 20px;
  /*   top: 72px; */
}

.c1 .c1-2 .c1-2-1 .list2 li .zi h3 {
    line-height: 60px;
    font-size: 35px;
    color: #0066cc;
    border-bottom: 1px dashed #666666;
}

.c1 .c1-2 .c1-2-1 .list2 li .zi .dd {
    margin-top: 10px;
    color: #000000;
    line-height: 22px;
}

.c1 .c1-2 .c1-2-1 .list2 li .zi .dd b {
    font-weight: 600;
    font-size: 14px;
    display: block;
}

.c1 .c1-2 .c1-2-1 .list2 li .zi .lj {
    margin-top: 28px;
}

.c1 .c1-2 .c1-2-1 .list2 li .zi .lj dd {
    display: inline-block;
    transform: skewx(-12deg);
    width: 150px;
    line-height: 41px;
    text-align: center;
    background: #0066cc;
    margin: 0 -2px;
}

.c1 .c1-2 .c1-2-1 .list2 li .zi .lj dd a {
    transform: skewx(12deg);
    color: #fff;
    font-size: 14px;
    display: block;
}

.c1 .c1-2 .c1-2-1 .list2 li .zi .lj dd:nth-of-type(2) {
    background: #454545;
}

.c1 .c1-2 .list3 {
    margin-top: 15px;
}

.c1 .c1-2 .list3 li {
    float: left;
    margin-right: 9px;
/*     margin-bottom: 27px; */
    position: relative;
}

.c1 .c1-2 .list3 li:nth-child(3n) {
    margin-right: 0;
}

.c1 .c1-2 .list3 li a.img {
    display: block;
    position: relative;
    width: 383px;
    height: 251px;
    border: 1px solid #eaeaea;
    overflow: hidden;
}

.c1 .c1-2 .list3 li a.img h3 {
    width: 383px;
    text-align: center;
    font-weight: normal;
    color: #fff;
    line-height: 40px;
    bottom: 5px;
    left: 5px;
    z-index: 111;
    position: absolute;
    font-size: 16px;
}

.c1 .c1-2 .list3 li a.img img {
    width: 383px;
    height: 251px;
}

.c1 .c1-2 .list3 li .lj {
    margin-top: 7px;
}

.c1 .c1-2 .list3 li .lj a {
    width: 187px;
    line-height: 37px;
    text-align: center;
    border: 1px solid #dedede;
    color: #3d3d3d;
    font-size: 14px;
    background: #dedede;
    display: block;
    float: left;
}

.c1 .c1-2 .list3 li .lj a:nth-child(2) {
    background: #fff;
    margin-left: 7px;
}

.c1 .c1-2 .list3 li .lj a:nth-child(2):hover {
    border-color: #0066cc;
    background: #0066cc;
    color: #fff;
}

.c1 .c1-2 .list3 li:hover a.img h3 {
    opacity: 1;
}

.dj {
    position: absolute;
    background: url(../img/dj.png) no-repeat center;
    width: 269px;
    height: 226px;
    left: 0px;
    top: 0px;
    display: none
}

.c1 .c1-2 .list3 li:hover .dj {
    display: block
}

.sortx {
    width: 1200px;
    margin: 0 auto;
    margin-top: 35px;
    border: 1px solid #dcdcdc;
}

.sortx li {
    float: left;
    width: 239px;
    line-height: 65px;
    text-align: center;
    color: #454545;
    font-size: 18px;
    border-left: 1px solid #dcdcdc
}

.sortx li a {
    color: #454545
}

.sortx li:hover {
    background: #11519b;
    border-color: #11519b
}

.sortx li:hover a {
    color: #fff;
}

.sortx li:nth-child(6) {
    border-top: 1px solid #dcdcdc;
}

.sortx li:nth-child(7) {
    border-top: 1px solid #dcdcdc;
}

.sortx li:nth-child(8) {
    border-top: 1px solid #dcdcdc;
}

.sortx li:nth-child(9) {
    border-top: 1px solid #dcdcdc;
}

.sortx li:nth-child(10) {
    border-top: 1px solid #dcdcdc;
}

.ser {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}

.ser li {
    position: relative;
    overflow: hidden
}

.ser li a img {
    width: 1200px;
    height: 600px;
    
}

.ser li:hover a img{transition: all 0.6s ease-out;transform: scale(1.1,1.1);}

a.h2 {
    position: absolute;
    width: 100%;
    bottom: 0px;
    background: url(../img/h2.png) no-repeat center top;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    left: 0px;
}

.serx {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}

.serx li {
    position: relative;
    float: left;
    margin-right: 33px;
    overflow: hidden;
    
    
}

.serx li a img {
    display: block;
    
}

.serx li:hover a img{
   transform: scale(1.1,1.1);
   transition: all 0.6s ease-out;
}


.serx li:last-child {
    float: right;
    margin-right: 0px;
}

.wt {
    width: 1920px;
    margin-left: -960px;
    left: 50%;
    position: relative;
}

.wt_k {
    width: 1200px;
    margin: 0 auto;
}

.bg2 {
    background: url(../img/bg2.png) no-repeat center top;
    height: 482px;
    overflow: hidden;
    margin-top: 60px;
}

.wtt2 {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    background: url(../img/vt1.png) no-repeat center;
}

.wtt2 span {
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    display: block
}

.ji li {
    float: left;
    width: 218px;
    height: 199px;
    position: relative;
    margin: 0 10px;
}

.ji li a.img img {
    width: 218px;
    height: 199px;
}

.ji li a.img {
    display: block
}

.ji li h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 100px;
    color: #fff;
    font-size: 40px;
}

.ji li h2 span {
    font-weight: normal;
    font-size: 24px
}

.ji li h3 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 160px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}

.wtt3 {
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    background: url(../img/bt3.png) no-repeat center;
}

.wtt3 span {
    color: #343434;
    font-size: 22px;
    font-weight: normal;
    display: block
}

.yim1 {
    float: left;
    width: 685px;
    height: 430px;
    margin-bottom: 100px;
    overflow: hidden
    
}


.yim1 img{
      transition: .6s;
}


.yim1:hover img{
    	transform: scale(1.1);
    	
    
}

.yim1x img{
      transition: .6s;
}


.yim1x:hover img{
    	transform: scale(1.1);
}
  

.ynr1 {
    width: 505px;
    float: right;
    margin-top: 25px;
}

.yt1 {
    background: url(../img/yt1.png) no-repeat left center;
    padding-left: 90px;
    color: #11509b;
    font-size: 30px;
    font-weight: bold;
    height: 93px;
}

.yt1 span {
    color: #000000;
    font-size: 21px;
    font-weight: normal;
    display: block
}

.yn {
    margin-top: 15px;
    color: #545353;
    font-size: 15px;
    line-height: 30px;
}

.yt3 {
    background: url(../img/yt3.png) no-repeat left center;
    padding-left: 90px;
    color: #11509b;
    font-size: 30px;
    font-weight: bold;
    height: 93px;
}

.yt3 span {
    color: #000000;
    font-size: 21px;
    font-weight: normal;
    display: block
}

.yt5 {
    background: url(../img/yt6.png) no-repeat left center;
    padding-left: 90px;
    color: #11509b;
    font-size: 30px;
    font-weight: bold;
    height: 93px;
}

.yt5 span {
    color: #000000;
    font-size: 21px;
    font-weight: normal;
    display: block
}

.yim1x {
    float: right;
    width: 685px;
    height: 430px;
    margin-bottom: 100px;
    overflow: hidden
}

.ynr1x {
    width: 505px;
    float: left;
    margin-top: 25px;
}

.yt2 {
    background: url(../img/yt2.png) no-repeat left center;
    padding-left: 90px;
    color: #11509b;
    font-size: 30px;
    font-weight: bold;
    height: 93px;
}

.yt2 span {
    color: #000000;
    font-size: 21px;
    font-weight: normal;
    display: block
}

.yt4 {
    background: url(../img/yt4.png) no-repeat left center;
    padding-left: 90px;
    color: #11509b;
    font-size: 30px;
    font-weight: bold;
    height: 93px;
}

.yt4 span {
    color: #000000;
    font-size: 21px;
    font-weight: normal;
    display: block
}


/*about*/

.ab {
    background: url(../img/bg3.png) no-repeat center top;
    height: 774px;
    overflow: hidden;
}

.wttx {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    background: url(../img/vtx.png) no-repeat center;
}

.wttx span {
    color: #5a88d2;
    font-size: 22px;
    font-weight: normal;
    display: block
}

.abtp {
    width: 1144px;
    margin: 0 auto;
    height: 423px;
    margin-top: 35px;
    overflow: hidden;
}

.abtt {
    color: #000;
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
}

.abnr {
    color: #535252;
    font-size: 14px;
    line-height: 26px;
    width: 1110px;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
}

.box2_con {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}

.slideGroup {
    width: 1200px;
    margin: 0 auto;
}

.slideGroup .parHd {
    height: 45px;
    line-height: 45px;
    position: relative;
    margin-top: 25px;
    border-bottom: 1px solid #d3d3d4;
}

.slideGroup .parHd ul {
    height: 45px;
}

.slideGroup .parHd ul li {
    line-height: 45px;
    text-align: center;
    float: left;
    margin: 0 10px;
    cursor: pointer;
    color: #000;
    font-size: 18px;
    height: 45px;
    width: 75px;
    font-weight: bold
}

.slideGroup .parHd ul li a {
    color: #3f4650;
    font-size: 18px;
}

.slideGroup .parHd ul li.on {
    color: #11509b;
    background: url(../img/xv.png) no-repeat center bottom;
}

.slideGroup .parHd ul li.on a {
    color: #11509b;
}

.slideGroup .slideBox {
    zoom: 1;
    position: relative;
    width: 1200px!important;
    margin: 0 auto;
    margin-top: 20px;
}

.slideBox ul {
    overflow: hidden;
    margin: 0 auto;
    padding: 10px!important;
}

.slideGroup .sPrev {
    position: absolute;
    left: -50px;
    top: 60px;
    display: block;
    width: 31px;
    height: 81px;
    background: url(../img/le.png) center no-repeat;
    z-index: 99999
}

.slideGroup .sNext {
    position: absolute;
    right: -50px;
    top: 60px;
    display: block;
    width: 31px;
    height: 81px;
    background: url(../img/re.png) center no-repeat;
    z-index: 99999
}

.slideGroup .parBd ul {
    overflow: hidden;
    zoom: 1;
    box-sizing: content-box;
}

.slideGroup .parBd ul li {
    margin: 0 13px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.slideGroup .parBd ul li .pic {
    text-align: center;
}

.slideGroup .parBd ul li .pic img {
    width: 260px;
    height: 195px;
    display: block;
    padding: 5px;
    border: 1px solid #d4d4d4;
}

.slideGroup .parBd ul li .pic a:hover img {
    border-color: #999;
}

.slideGroup .parBd ul li .title {
    line-height: 24px;
    color: #005bcd;
    font-size: 14px;
    padding-top: 15px;
}

.slideGroup .parBd ul li h3 {
    text-align: center;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
}

.slideGroup .parBd ul li h3 a {
    text-align: center;
    color: #666666;
    font-size: 14px;
}


.slideGroup .parBd ul li:hover h3 a{
    color: #11509b
}