@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "SourceHanSansCN";
    src: url("../font/SourceHanSansCN-Regular.woff2") format("woff2"),
    url("../font/SourceHanSansCN-Regular.woff") format("woff"),
    url("../font/SourceHanSansCN-Regular.ttf") format("truetype"),
    url("../font/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
    url("../font/SourceHanSansCN-Regular.svg") format("svg");
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {color:#333;font-size:14px; font-family: "SourceHanSansCN", "微软雅黑";position: relative; overflow-x: hidden;}
td,th,caption {font-size:14px;}
h1, h2, h3, h4, h5, h6 {/*font-weight:normal;*/font-size:100%; }
address, caption, cite, code, dfn, em, th, var{ font-style:normal;font-weight:normal;}
a{color:#333;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none; color: #398ec0;}
/* a{blr:expression(this.onFocus=this.blur())} */
*:focus{outline:0;}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block; font-style: normal;}
input, textarea, select, button {font-size:14px;;outline:none; font-family:"微软雅黑";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { 
    color:    #999;
}
input:-moz-placeholder,textarea:-moz-placeholder {
   color:    #999;
}
input::-moz-placeholder,textarea::-moz-placeholder { 
   color:    #999;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { 
   color:    #999;
}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}
.max_width{ width: 100%; }
.min_width{ width: 1200px; margin: 0 auto;}
.left{ float: left;}
.right{ float: right;}
/* css common */
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden; }
.clearfix {*zoom:1;}
.clear{clear:both;}
/*pccss reset 结束*/
.header{ width: 100%; height: 80px; background: #fff;    -webkit-box-shadow: rgba(0,0,0,0.1) 0 3px 20px; position: relative;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 3px 20px;
    box-shadow: rgba(0,0,0,0.1) 0 3px 20px;}
/* .header .min_width{ position: relative;} */
.header a.logo{ display: block; width: 159px;height: 80px; float: left;}
.header a.logo img{ position: relative; top: 50%; margin-top: -21px; display: block; width: 159px; height: 42px;}
.nav{   margin-left: 150px; float: left; }
.nav li{ float: left; height: 80px; font-size: 16px; text-align: center; margin-right: 50px;}
.nav li>a{ display: block; width: 65px;  color: #666; transition: all 0.3s;position: relative; line-height: 77px; border-bottom: #fff 3px solid;}

.nav li.on>a, .nav li:hover>a{  border-bottom-color:#398ec0; color: #398ec0;  }
/* .nav li.on>a::after,.nav li:hover>a::after{ content: ''; width:20px; height: 8px; background: url(../img/ico6.png) no-repeat; position: absolute; bottom: 0; left: 50%; margin-left: -10px; } */
.nav li  .navChild{ position: absolute;border-top: #398ec0 6px solid;  width: 100%;z-index: 200;    left: 0; top: 77px; opacity: 0;visibility: hidden; transition: all 0.5s; background:rgba(255,255,255,0.97); padding-bottom: 20px; box-shadow: rgba(0,0,0,0.2) 0px -1px 30px;-moz-box-shadow: rgba(0,0,0,0.2) 0px -1px 30px;-webkit-box-shadow: rgba(0,0,0,0.2) 0px -1px 30px;}
.nav li:hover .navChild{opacity: 1; visibility: visible;}
.navChild div.list{     margin: 20px auto; text-align: left; width: 150px; margin-right: 90px; float: left;    min-height: 384px;}
.navChild div.list2 {
    margin: 20px auto;
    text-align: left;
    width: 150px;
    margin-right: 90px;
    float: left;
}
.navChild div a{ font-size: 14px; color: #666; display: block; min-width: 83px; margin-left: 10px; margin-top: 15px;}
.nav li.listWidth1{ position: relative;}
.nav li.listWidth1 .navChild{width: 150px;left: -46px;text-align: left;padding-left: 15px;}
.nav li.listWidth1 .navChild a{ display: block; margin-top: 10px;}

.topR{  height: 80px; width: 185px;position:absolute;right:80px;top:0;}
.topR>div{ float: left;}
.topR .phone{ margin-top: 34px; font-size: 14px; color: #999; margin-right: 60px;} 
.topR .phone .img1{ vertical-align: middle; margin-right: 10px;}
.searchdiv{ float: left;    position: relative;}
.navChild div a:hover{ color: #398ec0;}
.searchdiv span{ display: block; width: 45px; height: 80px; background-image: url(../img/searchIco.png); background-repeat: no-repeat; background-position: center;}
.navChild .list p{ font-size: 16px; color: #333; padding-left: 10px; position: relative;}
.navChild .list p::after{ content: ''; width: 3px; height: 16px; background: #398ec0; position: absolute ; left: 0; top: 4px;}

.wxIco span{display: block; width: 45px; height: 90px; background-image: url(../img/wx_ico1.png); background-repeat: no-repeat; background-position: center;}
.wxIco span:hover{ display: block; width: 45px; height: 90px; background-color: #1356a4; background-image: url(../img/wx_ico2.png); background-repeat: no-repeat; background-position: center;}
.topR>div span{ transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;}
.topR a{ display: inline-block; line-height: 80px; margin-left: 10px;margin-right: 20px;position: relative;}
.topR a.login i{ display: inline-block; width: 17px; height: 17px; background: url(../img/ico3.png) no-repeat; vertical-align: middle; margin-right: 10px; position: relative; top: -1px;}
.topR a.shopcar i{ display: inline-block; width: 16px; height: 14px; background: url(../img/ico4_on.png) no-repeat; vertical-align: middle; margin-right: 10px; position: relative; top: -1px;}
.topR a em{ width: 17px; height: 17px; display: block; position: absolute;    right: -8px; top: 20px; font-size: 12px; text-align: center; background: #af0000; color: #fff; line-height: 17px; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.topR a.login:hover i{ background: url(../img/ico3_on.png) no-repeat;}
.topR a.shopcar:hover i{ background: url(../img/ico4.png) no-repeat;}
.search {
    width: 300px;
    height: 38px;
    background: rgba(0,0,0,.3);
    position: absolute;
    right: 0;
    opacity: 0; /* margin-left: 450px; */
    top: 100%;
    z-index: 4;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

    .search input[type="text"] {
        float: left;
        width: 230px;
        height: 38px;
        border: 0 none;
        padding: 8px 10px;
        line-height: 38px;
        border: 1px solid #0047bb;
        border-right: 0 none;
        background: 0 none;
    }

    .search .submit {
        float: left;
        border: 0 none;
        background-color: #0047bb;
        color: #fff;
        width: 70px;
        height: 38px;
        line-height: 38px;
        cursor: pointer;
    }

        .search .submit:hover {
            background-color: #59a021;
        }

    .search.on {
        opacity: 1;
    }
.language{ float: left; margin-left: 45px; position: relative;}
.language font{ display: block; padding-right: 20px; background: url(../img/ico2.png) no-repeat center right; margin-top: 28px;}
.language font img{ margin-right: 5px;vertical-align: middle;}
.language p{position: absolute; width: 100%;background: #fff; top: 55px; z-index: 20;    -webkit-box-shadow: rgba(0,0,0,0.2) 0px -1px 10px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px -1px 10px; display: none;
    box-shadow: rgba(0,0,0,0.2) 0px -1px 10px;}
.language p a{ display: block; text-align: center; height: 30px; line-height: 30px;}
.language p a:hover {background: #398ec0; color: #fff;}
.banner{ width: 100%;overflow: hidden; position: relative;
   /* height: 645px; */
  }
.banPic li,.banPic{ width: 100% ;
   /* height: 645px; */
   overflow: hidden;}
.banPic ul{ width: 100%;}
.banPic li a{ display: block; width: 100%; height: 100%;}
/* .banPic li a img{ position: relative;left: 50%; margin-left: -960px;;} */
.banPic li .inner_new{
  /* height: 645px; */
}
.banPic li a {
  text-align: center
}
.banPic li a img{
  display: block;
  margin: 0 auto;
  width: 100%;
  /* min-width: 1440px; */
  /* height: 645px; */

}
.picNum{ position: absolute;width: 100%; left: 0; bottom: 40px; text-align: center;}
.picNum li{ display: inline-block; width: 20px; height: 20px; background: #fff; font-size: 0; margin: 0 8px; border-radius: 50%;}
    .picNum li.on {
        background: #398ec0;
    }
.prevBtn,.nextBtn{ width: 81px; height:81px; display: block; position: absolute; top: 50%; margin-top: -34.5px; z-index: 20; transition: all 0.7s;-webkit-transition: all 0.7s;-moz-transition: 0.7s;}
/* .prevBtn{ background: url(../img/left_ico2.png) no-repeat; left: -200px;}
.nextBtn{ background: url(../img/right_ico2.png) no-repeat; right: -200px;}
.nextBtn:hover{background: url(../img/right_ico1.png) no-repeat; background-size: cover;}
.prevBtn:hover{background: url(../img/left_ico1.png) no-repeat;background-size: cover} */
.banner:hover .prevBtn{ left: 50px;}
.banner:hover .nextBtn{ right:50px;}

.indexDiv1{  margin-top: 85px;}
.divTitle{ color: #333; font-size: 40px;}
.divTitle span{ color: #999; font-size: 14px; margin-left: 10px;}
.indexDiv1 ul{ margin-top: 30px;}
.indexDiv1 ul li{ position: relative; float: left;width: 203px;box-shadow: rgba(0,0,0,0.1) 0px -1px 20px;  -webkit-box-shadow: rgba(0,0,0,0.1) 0px -1px 20px; overflow: hidden;}
.indexDiv1 ul li .div1{ width: 203px; height: 323px; background: url(../img/productBg1.jpg) no-repeat;  text-align: center; }
.indexDiv1 ul li .div1 img{ margin-top: 100px;}
.indexDiv1 ul li .div1  p{ color: #333; font-size: 18px; margin-top: 25px;}
.indexDiv1 ul li .div2{ height: 323px; width: 587px; position: absolute; left: 203px; top: 0; transition: all 0.6s;}
.indexDiv1 ul li .div2 .txt{ position: absolute;background: rgba(255,255,255,0.9); color: #222; font-size: 20px; border-right: #398ec0 4px solid;width: 457px; bottom: 30px; left: 30px; height: 105px; padding:15px 30px 0; box-sizing: border-box;} 
.indexDiv1 ul li .div2 .txt .p2{ font-size: 14px; margin-top: 5px;}
.indexDiv1 ul li a{ display: block;width: 100%; height: 100%;}
.indexDiv1 ul li.on{ width: 587px;}
.indexDiv1 ul li.on .div2{ left: 0;}
.indexDiv2{ margin-top: 70px;}
.servicelist{   width: 1215px; overflow: hidden;}
.servicelist li{ overflow: hidden; float: left; width: 382px; height: 286px; margin:20px 27px 20px 0 ; margin-right: 26px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; position: relative; box-shadow: rgba(0,0,0,0.1) 0px -1px 20px;  overflow: hidden;}
.servicelist li .div1 p{ position: absolute; width: 332px; left: 0; bottom: 0; height: 90px;line-height: 90px;  background: #fff; font-size: 22px; color: #666; padding-left: 30px; padding-right: 20px;transition: all 0.3s; }
.servicelist li .div1 p img{ position: absolute;right: 20px; top: 50%; margin-top: -20px;}
.servicelist li .div2{ position: absolute;left: 0; top: 0;background: rgba(86,175,14,0.9); width: 100%; box-sizing: border-box; padding: 70px 18px 30px 30px; color: #fff;  opacity: 0; filter: alpha(opacity=0); transition: all 0.5s; }
.servicelist li .div2 .p1{font-size: 22px; margin-bottom: 20px;}
.servicelist li .div2 .p2{ line-height: 180%; min-height: 95px;}
.servicelist li .div2 img{ display: block; margin: 0 auto;}
.servicelist li:hover .div2{ opacity: 1; filter: alpha(opacity=100); }
.servicelist li:hover .div1 p{bottom: -90px;}

.indexDiv2 a.prev1,.indexDiv2 a.next1{ width: 80px; height: 80px; display: block; top: 50%; margin-top: -53px; position: absolute;}
.indexDiv2 a.prev1{background: url(../img/prevIco1.png) no-repeat ; background-size:80px;left: -70px;}
.indexDiv2 a.next1{background: url(../img/nextIco1.png) no-repeat;background-size:80px; right: -70px;}
.indexDiv2 a.prev1:hover{background: url(../img/prevIco1_on.png) no-repeat ;background-size:80px;}
.indexDiv2 a.next1:hover{background: url(../img/nextIco1_on.png) no-repeat ;background-size:80px;}
.serviceshow{ position: relative;}
.indexDiv3{background: url(../img/bg1.jpg) no-repeat; margin-top:40px;}
.indexDiv3 .min_width{padding: 60px 0 40px; position: relative;}
.indexDiv3 .left{ width: 507px;}
.indexDiv3 .right{ width: 670px;padding-top: 20px;}
.indexDiv3 .right p{ color: #666; font-size: 14px; line-height: 180%; margin-top: 20px;}
.indexDiv3 .right a{ display: block; width: 165px; height: 45px;  background: #398ec0; font-size: 14px; line-height: 45px; text-align: center; color: #fff; margin-top: 30px;}
.indexDiv3 .right a img{ margin-left: 25px; transition: all 0.3s;}
.indexDiv3 .right a:hover img{ margin-left: 10px;}
.newScroll .scrollul li{ float: left; width: 383px;  margin-right: 26px;}
.newScroll .scrollul li .p1{ font-size: 18px; color: #333; line-height: 180%; margin-top: 20px;  min-height: 30px;}
.newScroll .scrollul li span,.newScroll li span img{ width: 383px; height: 227px; transition: all 0.6s; overflow: hidden;}
.newScroll .scrollul li .p2{ color: #000; margin-top: 15px;}
.newScroll .scrollul li:hover span img{ transform: scale(1.06);}
.newScroll .scrollul li:hover .p1{ color: #398ec0;}
.newNum{ position: absolute; right: 0; top: -50px;}
.newNum li{ display: inline-block; background: url(../img/dotIco1.png) no-repeat center; font-size: 0; width: 12px; height: 12px; margin-left: 8px;}
.newNum li.on{ background: url(../img/dotIco2.png) no-repeat center; }
.newScroll{ position: relative;margin-top: 25px;}
.indexDiv4{ padding: 55px 0;}
.footer{ background: #313131; padding-top: 55px  ;}
.footPart1 .cont1>img{ display: block; margin-bottom: 15px;width: 100%;}
.href{ position: relative;}
.href font{ display: block; width: 167px; height: 35px; border: #6a6b6e 1px solid; color: #fff; line-height: 35px; text-align: center; position: relative; padding-right: 20px; } 
.href font img{position: absolute; right: 20px; top: 50%;margin-top: -3px;}
.href div{ background: #6a6b6e;display: none; position: absolute; top: 35px; left: 0; width: 189px;}
.href div a{ display: block; color: #fff; padding: 5px 0; text-align: center; border-bottom: #6a6b6e 1px solid;}
.href div a:hover{ background: #398ec0;}
.footPart1 .cont1 .share{margin-top: 20px; color: #fff;}
.footPart1 .cont1 .share>div{ display: inline-block; vertical-align: middle; margin-left: 6px;}
.footPart1 .cont1  .bdshare-button-style2-24 .bds_qzone{ background: url(../img/shareIco2.png) no-repeat;}
.footPart1 .cont1  .bdshare-button-style2-24 .bds_tsina{ background: url(../img/shareIco1.png) no-repeat;}
.footPart1 .cont1  .bdshare-button-style2-24 .bds_tqq{ background: url(../img/shareIco5.png) no-repeat;}
.footPart1 .cont1  .bdshare-button-style2-24 .bds_renren{ background: url(../img/shareIco4.png) no-repeat;}
.footPart1 .cont1  .bdshare-button-style2-24 .bds_weixin{ background: url(../img/shareIco3.png) no-repeat;}
.footPart1 .bdshare-button-style2-24 a{ margin-right:3px; padding-left: 24px;}
.footPart1 .cont1{ width: 196px;}
.footPart1 .cont2{padding-left: 20px; width: 678px; }
.footPart1 .cont2>div{ float: left; color: #fff; margin-left: 58px;}
.footPart1 .cont2>div p,.footPart1 .cont3 p{ margin-bottom: 25px; font-size: 16px;}
.footPart1 .cont2>div  a{ font-size: 14px; margin-bottom: 10px; display: block; color: #fff;}
.footPart1 .cont2 .footsame a{ float: left; min-width: 85px; margin-right: 15px;}
.footPart1 .cont2 .footsame{ width: 200px; }
.footPart1 .cont2 span{ display: block;}
.footPart1 .cont3{  color: #fff; text-align: center; width: 282px;}
.footPart1 .cont3>div{width: 114px; display: inline-block;vertical-align: top; margin-left: 25px;}
.footPart2{ background: #4b4b4c; height: 55px; line-height: 55px; margin-top: 40px; overflow: hidden;}
.footPart2 p{color: #979797;}
.footPart2 a{ color: #979797;}
.footPart2 p img{ vertical-align: middle;margin-left: 10px;}
.footPart2 a:hover,.footPart1 .cont2>div a:hover{ color: #398ec0;}
.sibar{ position: fixed; bottom: 100px;right: 0; display: none; z-index: 200;}

.sibar a{ display: block; margin-top: 5px; position: relative;}
.sibar a>img{ width: 41px; height: 45px;}
.sibar .sibarEwm{ position: absolute;top: -45px;left: -168px;  padding-right: 10px;  opacity: 0;      transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -webkit-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -moz-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -o-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -ms-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43); }
.sibarEwm div{ display:none;border: #398ec0 1px solid; padding:15px 20px; width: 115px; background: #fff; box-sizing: initial;}
.sibar .sibarEwm font{ font-size: 14px; color: #398ec0; text-align: center;width: 115px;margin: 0 auto;  display: block }
.sibar .sibarEwm::after{ content: ''; display:none;background: url(../img/sibar_ico8.png) no-repeat; width: 11px; height: 15px; position: absolute; top:45px; right: 0;}
/* .sibar .a1:hover .sibarEwm{ top: -24px; opacity: 1; z-index: 10; display: block; } */
.sibar .a1 img:hover +.sibarEwm{ top: -24px; opacity: 1; z-index: 10; display: block; }
.sibar .a1 img:hover +.sibarEwm div{display: block; }
.sibar .a1 img:hover +.sibarEwm::after{display: block; }

.sibar .sibarEwm  img{ display: block; width: 114px;}
.sibar a:hover>img{ opacity: 0.8;}
/* 内页start */
.insideBan{ width: 100%; overflow: hidden; height: 345px; position: relative;}
.insideBan img{ position: absolute;left: 0; top: -80px; display: block;}

#navbg {
    width: 100%;
    height: 50px;
    box-shadow: 0 12px 20px rgb(79 78 78 / 8%);
    padding: 18px 0;
    box-sizing: content-box;
}
#navbg ul{width: 1200px; height: 100%; margin:0px auto;}
#navbg ul .right{ line-height: 50px; color: #333; font-size: 18px;}
#navbg ul .right a{ display: block; line-height: 60px; width: auto; padding: 0 10px;  font-size: 16px; color: #333; transition: all 0.5s; float: left; text-align: center;
   /* margin-left: 20px; */
  }
#navbg ul .right a.on,#navbg ul .right a:hover{ background: #398ec0; color: #fff; font-weight: bold;}
#navbg ul .right span:hover .bottomLine{width: 100%; left: 0;}
#navbg ul .right span .line{width:1px; height:12px; background: #b5b5b5; left: auto; top: 22px; right: -20px;}
#navbg ul .right .hide .line{display: none;}
#navbg ul .left{ margin-top: 20px; font-size: 14px;color: #999999; position: relative;z-index: 1;}
#navbg ul .left img{ vertical-align: middle; position: relative; top: -1px;}
#navbg ul .left span,#navbg ul .left a{ color: #999999; line-height: 100%; }
#navbg ul .left a:hover{ color: #f6a720;}
#navbg li.middle{ float: left; height: 50px; margin-left: 150px;}
#navbg li.middle span{ display: inline-block; font-size: 20px; color: #333; line-height: 50px; vertical-align: top;}
#navbg li.middle .searchFrom{ border: 1px solid #0047bb;display: inline-block; height: 50px; background: #f6f6f6; margin-left: 18px; width: 500px; border-radius: 5px; overflow: hidden; position: relative; }

.searchFrom input[type="text"]{ height: 50px; vertical-align: top; width: 400px; margin-left: 15px; background: none;border: none;}
.searchFrom .searchIco{ display: block; position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url(../img/searchIco1.png) no-repeat center; border: none;}
.productCenter{ width: 100%; padding: 35px 0 55px;}
.productmenu{ width: 300px;}
.productmenu h2{ border-bottom: #efefef 1px solid; height: 64px; line-height: 64px; padding-left: 23px; font-size: 16px; background: #fff; font-weight: normal;}
.productmenu ul li .p1{ height: 52px; line-height: 52px; font-size: 14px; background: #f5f5f5; position: relative;}
.productmenu ul li .p1 img{ margin-left: 23px; margin-right: 15px;}
.productmenu ul li .p1 span{ position: absolute; right: 30px; top: 0; cursor: pointer;}
.productmenu ul li .p1 span:hover{ color: #398ec0;}
.productmenu  .listShow{ background: #fff; padding: 15px 25px 30px; display: none;}
.productmenu  .listShow p{ margin-top: 15px; padding-left: 25px; position: relative;}
.productmenu  .listShow p.act a{color:#398ec0;}



/* .productmenu  .listShow p::before{ content: ''; width: 6px; height: 6px; border: #a4a4a4 1px solid; border-radius: 50%;position: absolute; left: 0; top: 50%; margin-top: -3px;} */
.productmenu  .listShow p::before,
.productmenu  .listShow2  p::before
{ content: ''; width: 6px; height: 6px; border: #a4a4a4 1px solid; border-radius: 50%;position: absolute; left: 0; top: 50%; margin-top: -3px;}
.listShow_main ul p.p1::before{
  display: none
}
.productmenu ul li .listShow2 {
  padding: 0 0 20px 50px;
  display: none;
}
.productmenu .listShow_main{
  padding:0;
}

.listShow_main ul>li p.p1{
  padding-left:10px;
  margin-top:0!important;
}


.productmenu ul li.on>.listShow{ display: block;}





/* .productmenu ul li.on   .listShow{ display: block;} */
.productList{ width: 880px; background: #fff; padding-bottom: 50px;}
.productList .listShow>div.clearfix{ padding: 25px 38px; border-bottom: #efefef 1px solid;}
.productList .listShow>div .left{ width: 530px;}
.productList .listShow>div .left .a1{ display: block; font-size: 20px;color: #333;}
.productList .listShow>div.clearfix:hover .left .a1{color: #398ec0;}
.productCenter .star{margin-top: 10px;}
.productCenter .star i{ display: inline-block; width: 13px; height: 13px; background: url(../img/star2.png) no-repeat;}
.productCenter .star i.on{background: url(../img/star1.png) no-repeat;}
.productCenter .star font{ margin-right: 30px; font-size: 12px; color: #999;font-family: Arial, Helvetica, sans-serif;}
.productCenter .star img{ margin-right: 10px;}
.parameter .btn font{ display: block;  color: #398ec0; font-size: 14px;}
.parameter .btn font span{ font-size: 20px; font-weight: bold;}
.parameter .btn a{ display: block; width: 147px; height: 40px; background: #398ec0; text-align: center;color: #fff; line-height: 40px; font-size: 16px; margin-top: 15px;}
.parameter .btn a img{ margin-left: 10px; vertical-align: middle;position: relative; top: -2px; }
.parameter>div.btn { float: left;margin-top: 30px;}
.parameter .txt{ float: right;margin-top: 30px;}
.parameter .txt span{ margin-right: 40px;}
.parameter .txt p{ margin-bottom: 10px; font-size: 14px; color: #999;}
.parameter .txt p .s2 {color: #666;}
.productList .listShow>div .right,.productList .listShow>div .right img{ overflow: hidden; }
.page{ text-align: center; margin-top: 50px;}
.page a{ border:#e5e5e5 1px solid; width: 33px; height: 33px; line-height: 33px; text-align: center; font-size: 14px; color: #666; display: inline-block; margin: 0 3px; background: #fff;}
.page a.pagePrev,.page a.pageNext{ width: 63px;}
.page a:hover,.page a.on{ background: #398ec0; color: #fff; border-color: #398ec0;}
.productList .listShow{ margin-bottom: 100px;}
.productDetail{ background: #fff; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding:25px 35px 55px; border-radius: 5px;}
.productDetail h2{ font-size: 32px; font-weight: normal;}
.downA{ float: right;  font-family: Arial, Helvetica, sans-serif;}
.downA a{font-size: 12px; color: #999;margin-left: 40px;}
.productDetail .star{padding-bottom: 20px;border-bottom: #efefef 1px solid;}
.picScroll ul li{ text-align: center;
  position: relative;
  height:234px;
}
.picScroll ul li img{
  max-width: 590px; max-height: 234px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.picScroll{ background: #333; width: 812px; padding: 35px 0; position: relative;}
.detailPic{ float: left; width: 812px; margin-top: 25px;}
.detailPic a.prevBtn1,.detailPic a.nextBtn1{ display: block; width: 32px; height: 32px; position: absolute; top: 50%; margin-top: -16px; z-index: 10;}
.detailPic a.prevBtn1{ background: url(../img/prevIco2.png) no-repeat; left: 15px;}
.detailPic a.nextBtn1{ background: url(../img/nextIco2.png) no-repeat; right: 15px;}
.detailPic a.prevBtn1:hover{ background: url(../img/prevIco2_on.png) no-repeat;}
.detailPic a.nextBtn1:hover{ background: url(../img/nextIco2_on.png) no-repeat; }
.productTab .title{ margin-top: 43px; border-bottom: #efefef 1px solid;}
.productTab .title a{ display: inline-block; width: 80px; text-align: center; padding-bottom: 20px; border-bottom: transparent 1px solid; font-size: 18px; color: #333; margin-right: 40px;}
.productTab .title a.on,.productTab .title a:hover{border-bottom-color: #398ec0;}
.table1{border: #e8e8e8 1px solid; width: 100%; margin-top: 25px;}
.table1 .td1{ width: 25%;border-right: #e8e8e8 1px solid;}
.table1 td p{ padding: 0 25px;}
.table1 tr{ height: 45px; color: #666; font-size: 14px;}
.detailMore ul li{ width: 265px; float: left; margin-top: 38px; margin-bottom: 20px; margin-right: 8px; }
/*.detailMore ul li span,.detailMore ul li span img{ display: block; width: 265px; height: 197px;}*/
    .detailMore ul li span {
        display: block;
        width: 265px;
        height: 197px;
        text-align: center;
        /* padding: 5px; */
        position: relative;
    }
    .detailMore ul li span img{
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%)
      
    }

.detailMore ul li a{ display: block; position: relative; width: 100%;}
.detailMore ul li p{ height: 40px; line-height: 40px; text-align: center; font-size: 16px;}
.detailMore{ overflow-x: hidden; position: relative;}
.detailTxt{ float: right; width: 285px; margin-top:25px; }
.productZx{ background: #ededed; border: #e7e7e7 1px solid; padding: 38px 25px 30px; text-align: center;}
.productZx p.price{ font-family: "宋体"; font-size: 30px; color: #398ec0;}
.productZx p.price i{font-family: Arial, Helvetica, sans-serif;}
.productZx p.p1{ color: #666; font-size: 12px; margin-top: 30px;}
    .productZx select {
        width: 233px;
        height: 45px;
        background: #fff;
        border: none;
        margin-top: 15px;
        color: #666666;
        text-align: center;
        text-align-last: center;
    }
    .productZx .addCar {
        width: 125px;
        height: 30px;
        background: #398ec0;
        border-radius: 15px;
        display: block;
        line-height: 30px;
        margin: 20px auto;
        font-size: 14px;
        color: #efefef;
    }
.productZx .addCar img{vertical-align: middle;margin-right: 5px;}
.zxbTn{color: #398ec0;font-size: 14px;}
.detailContact{ margin-top: 40px;}
.detailContact h4{ padding-bottom: 21px; border-bottom: #efefef 1px solid; font-size: 20px; color: #333;font-weight: normal; }
.detailContact>div{margin-top: 25px;}
.detailContact>div font{ display: block; color: #17465f; font-size: 16px; margin-bottom: 10px;}
.detailContact>div p{ line-height: 180%; color: #999;}
.literature{ width: 1200px; margin: 80px auto 75px;}
.literLeft{ float: left; width: 456px; height: 481px; position: relative;}
.literLeft img{ position: absolute;left: 0; top: 0;}
.literLeft .literTxt{ position: relative; padding: 80px 40px 40px; color: #fff; font-size: 16px; }
.literLeft .literTxt p{margin-bottom:30px;}
.literLeft .literTxt div{ font-size: 14px;}
.literRight{ width: 660px; float: right;}
.literRight input[type="text"]{ border: #dcdcdc 1px solid; height: 44px; text-indent: 15px;}
.model1 input{ width: 290px;}
.listerInput>div{ float: left;}
.model1{ margin-right: 15px;}
.model2 input{color: #72bc37;    zoom: 1.2; position: absolute;  left: -9999px;}
.model2 label{ line-height: 46px;margin-right: 45px; color: #999; font-size: 14px; position: relative;display: inline-block; padding-left: 25px; cursor: pointer;}
.model2 label i {
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    width: 15px;
    height: 15px;
    outline: 0;
    border: 1px solid #b7b7b7;
    background: #ffffff;
    border-radius: 50%;
    transition: border-color .3s;
    -webkit-transition: border-color .3s;
}

.model2 input[type="radio"]+i::after {
    position: absolute;
    content: '';
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #71bc35;
    opacity: 0;
    transition: opacity .1s;
    -webkit-transition: opacity .1s;
}
.model2 input[type="radio"]:checked + i{ border-color: #71bc35;}
.model2 input[type="radio"]:checked + i:after {
    opacity: 1;
}
.listerInput{ margin-bottom: 12px; width: 660px;}
.model4 input{ width: 658px;}
.model3 input{ width: 351px;}
.model5>div{ width: 351px;border: #dcdcdc 1px solid;  position: relative;}
.model5>div input[type="text"]{border: none;}
.model5>div span{ padding-left: 15px; color: #999;}
.demo-input{width: 275px;position: relative;  z-index: 1; background: none;}
.model5>div::after{ content: '';width:9px; height: 5px; background: url(../img/ico2.png) no-repeat; position: absolute;right: 20px;top: 50%; margin-top: -2.5px; }
.listerFile div{ width: 350px; height: 38px; position: relative; line-height: 38px; text-indent: 20px;}
.listerFile div img{position: absolute;right: 0;top: 0;}
.listerFile div#Photoimg{position:relative;}
 .listerFile div.upload-btn {
        position: absolute;
        top: 0;
        
    }
.listerFile input{width: 287px; height: 38px; position: absolute;  left: 0px;  top: 0px;  opacity: 0;      -ms-filter: 'alpha(opacity=0)'; z-index: 1;}
.listerFile{ position: relative;width: 350px; background: #f2f2f3;}
.listerButton input{ width: 196px; height: 54px; margin-top: 25px;margin-right: 10px;border: none;font-size: 18px; }
.listerButton input[type="submit"],.listerButton input[type="reset"]:hover{background: #398ec0;color: #fff;}
.listerButton input[type="reset"]{background: #f1f1f1;color: #999;}
.f3Bg{ background: #f7f7f7;}
.listerButton input[type="submit"]:hover{background: #42850d；}
/* 我的订单start */
.myOrder{ padding-top: 40px;  padding-bottom: 40px;}
.userItem{  width: 230px; float: left;    box-shadow: rgba(0,0,0,0.06) 0 3px 20px;}
.userinfo{background: #fff; padding: 20px 0;text-align: center;}
.userinfo .userPhoto{ display: block; margin: 0 auto; width: 84px; height: 84px;}
.userinfo p.userName{ font-size:16px; color: #000; font-weight:bold;  margin-top:10px;}
.userIntegral{ font-size:14px; color: #343535;}
.userIntegral a{ margin-left: 15px; color: #398ec0;}
.userIntegral a:hover{ text-decoration: underline;}
.Account_infor{ color: #666; margin-top: 25px;}
.Account_infor a{ display: inline-block; font-size: 14px; color: #999;}
.Account_infor a img{margin-right: 6px; vertical-align: middle; position: relative;top: -2px;}
.Account_infor a.a1{margin-right: 20px;}
.user_nav{background: #fff;box-shadow: rgba(0,0,0,0.06) 0 3px 20px;margin-top: 20px; height: 390px; padding-top: 30px;}
.user_nav a{ display: block; margin-bottom: 30px; font-size: 16px; text-align: center;}
.user_nav a.on{color: #398ec0;}
/*用户信息*/
.yhxx{
  width: 948px;
  float: right;
  background-color: #fff; box-shadow: rgba(0,0,0,0.06) 0 3px 20px;
      height: 644px;
}
.yhxx_box{
  padding: 20px 20px 44px 20px;
}
.yhxx_cont .yhxx_n{
  width:130px;
  height:130px;
  position: relative;
  margin-left:100px;
  margin-bottom:20px;
}
.yhxx_cont .yhxx_n .int1{
  width:130px;
  height:130px;
  opacity:0;
  z-index:100;
}
.yhxx_cont .yhxx_n label{
  z-index:1;
  display: block;
  width:130px;
  height:130px;
  position: absolute;
  left:0;
  top:0;
}
#oDiv img{
  border-radius:50%;
}
.yhxx_cont{
  padding-top:30px;
}
.yhxx_c dt{
  width: 90px;
  float: left;
  text-align: right;
  color: #333333;
  font-size: 14px;
  line-height: 40px;
}
.yhxx_c dd{
  float: right;
  min-height: 40px;
  width: 785px;
}
.yhxx_c dl{
  margin-bottom: 20px;
}
.yhxx_c dd .int1{
  width: 270px;
  line-height: 40px;
  height: 40px;
  border: 1px solid #e5e5e5;
  color: #999999;
  font-size: 14px;
  text-indent: 10px;
}
.yhxx_c{
  padding:0 15px;
}
.yhxx_c dd select{
  width: 127px;
  line-height: 40px;
  height: 40px;
  border: 1px solid #e5e5e5;
  color: #999999;
  font-size: 14px;
  text-indent: 10px;
  margin-right: 15px;
}

.yhxx_c dl.xb dd input{
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 5px;
}

.yhxx_c dl.xb dd label{
  line-height:40px;
  margin-right:20px;
  cursor: pointer;
}
.yhxx_c dl dd .yz{
  border: none;
  background: #fff;
  line-height: 40px;
  color: #fa4c4d;
}
.yhxx_c dl dd .qr{
  color: #fff;
  font-size: 14px;
  background-color: #398ec0;
  border: none;
  width: 125px;
  line-height: 40px;
  cursor: pointer;
}
.yhxx_c dl dd .qr:hover{ background: #448e07;}
.ny_n{
  padding-bottom: 17px;
  border-bottom: 1px solid #e7e7e7;
}
.ny_n em{
  color: #333333;
  font-size: 16px;
  padding-left: 15px;
  line-height: 100%;
  display: block; font-weight: bold;
  float: left;
  border-left: 7px solid #398ec0;
}
.xb input{color: #72bc37;    zoom: 1.2; position: absolute;  left: -9999px;}
.xb label{font-size: 14px; position: relative;display: inline-block; padding-left: 25px; cursor: pointer;}


.xb input[type="radio"]+i {
    position: absolute;
    top: 11px; background: url(../img/checkNo.png) no-repeat;
    left: 0;
    width: 18px;
    height: 18px;
    outline: 0;
}

.xb input[type="radio"]:checked + i {
    background: url(../img/checkOn.png) no-repeat;
}

/*用户信息 end*/
.modiPassword{ margin-top: 90px; text-align: center;}
.modiPassword p{font-size: 18px; color: #666;margin-top: 20px;}
.modiPassword p img{ width:22px; height: 22px; vertical-align: middle;margin-right: 10px;}
.modiPassword1{margin-top: 50px; padding: 0 35px;}
.passwordInput span{ font-size: 16px;margin-right: 20px;}
.passwordInput  input{ width: 257px; height: 38px; border: #e5e5e5 1px solid;text-indent: 20px;}
.passwordInput{ margin-top: 15px;}
.passwordInput font{font-size: 14px; color: #999; margin-left: 15px;}
.passwordInput font sup{ color: #ba0808;}
.modiPassword1 .listerButton input{ width: 127px; height: 40px; font-size: 14px;}
.modiPassword1 .listerButton{padding-left: 72px;}
.modiPassword1 .listerButton input[type="reset"]{ width: 105px;}
.modiPassword1 .listerButton input[type="submit"]{background: #32b16c;}
.modiPassword1 .listerButton input:hover{background: #398ec0; color: #fff;}

/* 我的订单start */
.my_orders{
   width: 948px;
  float: right;
  background-color: #fff; box-shadow: rgba(0,0,0,0.06) 0 3px 20px;
 
}
.order_box{
  padding:0 20px 50px;
}
.order_top em{
    color: #333333;
  font-size: 16px;
  padding-left: 15px;
  line-height: 100%;
  display: block; font-weight: bold;
  float: left;margin-top: 8px;
  border-left: 7px solid #398ec0;
}
.order_tr{
  float: right;
}
.order_tr a.a1{
  display:block;
  float: left;
  line-height:32px;
  color:#333333;
  font-size:14px;
  margin-right: 30px;
}
.order_tr a.a1:hover{
  color:#398ec0;
}
.order_tr span{
  display: block;
  float:left;

}
.order_tr span .int1{
  color: #999999;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  width: 130px;
  border: none;
  float: left;
  text-indent: 10px;
  background-color:#f3f3f3;
}
.order_tr span .int2{
  display: block;
  width:36px;
  height:32px;
  float:left;
  border: none;
  background:url(../img/orders_a1.png) center center no-repeat;
  background-color:#f3f3f3;
  cursor:pointer;

}
#ctl00 {
    display: inline-block;
    margin-left: 30px;
}
.order_tr .a2 {
    display: block;
    float: left;
    border: none;
    width: 100px;
    height: 32px;
    background: #398ec0;
    color: #fff;
    line-height: 32px;
    text-align: center;
   
}
.order_tr .a2 img{ vertical-align: middle;margin-right: 5px;position: relative; top: -2px;}
.order_top { padding: 12px 0 10px;    border-bottom: 1px solid #e7e7e7;}
.order_nav{
  padding-top:10px;
}
.order_nav li{
  float: left;
  margin-right:55px;
}
.order_nav li a{
  color: #333333;
  font-size: 15px;
  line-height: 34px;
  display: block;
}
.order_nav li.on a,.order_nav li:hover a{
  color:#398ec0;
}
.order_th{
  margin-top: 10px;background: #f9f8f8;

}
.order_th1{
  float: left;
  position: relative;
  width:130px;

}
.order_th .order_thn{
  color:#333333;
  font-size:14px; 
  line-height:50px;
  text-align: center;
}
.order_th .order_thc{
  position: absolute;
  left:18px;
  top:100%;
  background-color:#fff;
  width:95px;
  text-indent:15px;
  color:#333333;
  font-size:14px;
  line-height:30px;
  display:none;
  z-index:100;
}
.order_th .order_thc a{
  display: block;
}
.order_page a{
  border: #ecebeb 1px solid;
  height: 38px;
  background: #fff;
  line-height: 38px;
  width: 38px;
}
.order_page a.pageNum{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #999;
  width: 38px;
}
.order_page a.pageNum:hover{
  color:#fff;
}
.order_page .pagePrev,.order_page .pageNext {
  color: #a3a3a3;
  font-size: 14px;
  padding: 0 ;
  vertical-align: middle;
  margin-top:-3px;
}
.order_page a, .order_page span, .order_page font {
  display: inline-block;
  text-align: center;
  margin-left: 4px;
}
.order_page .pageNext em{
  background-position: -24px -16px;
  margin-left: -5px;
}
.order_page{
  text-align: center;
  margin-top: 40px;
}
/*滚动条样式*/
.order_table .tk_box::-webkit-scrollbar {/*滚动条整体样式*/
  width:10px;     /*高宽分别对应横竖滚动条的尺寸*/
  height:10px;
}
.order_table .tk_box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.15);
}
.order_table .tk_box::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.15);
  border-radius: 0;
  background: rgba(0,0,0,0.1);
}
.order_thn .xjt{
  display: inline-block;
  width: 9px;
  height: 5px;
  background: url(../img/xjt.png) no-repeat;
  vertical-align: middle;
  margin-left: 5px;
  margin-top: -3px;

}
.order_th2{
  color: #333333;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  float: left;
  margin-left: 100px;
}
.order_th3{
  color: #333333;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  float: left;
  margin-left: 125px;
}
.order_th4{
  color: #333333;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  float: left;
  margin-left: 75px;
}
.addrC .act {
  background: url(../img/addr_icon6.png) no-repeat;
}
.order_th5{
  float: left;
  margin-left: 65px;
  position: relative;
  width:130px;
}
.order_th6{
  color: #333333;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  float: left;
  margin-left: 85px;
}

.order_cont{}
.list_chk{ display: inline-block;width: 80px; padding-left: 10px;}
.checkNomal input.whole_check,.checkNomal input.son_check{ margin-right: 0; vertical-align: middle; width: 15px; height: 15px;position: relative; top:-1px;}
.checkNomal label,.checkcolor label{ position: relative;}
.checkNomal input[type="checkbox"] + label::before { content: ""; display: inline-block; width:16px; height: 16px; border: #e5e5e5 1px solid; position: absolute; left: -19px; top: -2px; background: #fff;}
.checkNomal input[type="checkbox"]:checked + label::before,.checkNomal input[type="checkbox"]:checked + label.mark::before {content: "";border-color: #398ec0; background-image: url(../img/checkIco.png); background-repeat: no-repeat; background-position: center center;}
/* .checkNomal input[type="checkbox"] + label.mark::before{left: -15px;} */
.order_table table thead tr{height: 45px;}
.order_table table{
  width:100%;
  text-align: left;
  margin-top: 20px;
}
.order_table table,.order_table table tr th, .order_table table tr td { border:1px solid #ededed; }
.order_table thead tr{
  background-color:#f6f6f6;
}
.order_table thead th span{
  color:#2e2e2e;
  font-size:14px;
  line-height:40px;
  display: inline-block;
}
.order_table thead th span.s1{
  margin-right:50px;
  margin-left: 30px;
}
.order_table thead th span.s2{
  margin-right:57px;
}
.order_table thead th span.s3{
  margin-right:30px;
}
.order_table thead th span.s4{
  margin-right:25px;
}
.order_table thead th a.s5{
  display: inline-block;
  color:#2e2e2e;
  font-size:14px;
}
.order_table thead th a.s5:hover{
  color:#00c9ee;
}
.order_table thead th .sc{
  display: inline-block;
  width: 12px;
    height: 16px;
  background:url(../img/orders_a3.png) center center no-repeat;
  vertical-align: middle;
     float: right;
    margin-right: 20px;
    margin-top: 13px
}
.order_table tbody td dt{
  float: left;
  width:59px;
  height:59px;
  border:1px solid #eeeeee;

}
.order_table tbody td dt img{
  display: block;
  width:100%;
  height:100%;

}
.order_table tbody td dd{
  width:230px;
  float:left;
  padding:0 0 0 15px;
}
.order_table tbody td dd .p1{
  color: #333333;
  font-size: 14px;
  line-height: 150%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom:5px;
}
.order_table tbody td dd .p2 .s1{
  color: #398ec0;
  font-size: 20px;
  line-height: 100%;
}
.order_table tbody td dd .p2 .s2{
  color: #333333;
  font-size: 16px;
  line-height: 100%; font-family: Arial, Helvetica, sans-serif;padding-left: 10px;
}
.order_table tbody td.d1{
  /* padding: 15px 50px 15px 35px;
  width:315px; */
  text-align: left;
}
.order_table tbody tr{ height: 115px;}
.order_table tbody td{
  text-align: center;
  color:#333333;
  font-size:14px;
}
.order_table tbody td.d4 span{
  display: block;
  color:#999999;

}
.order_table tbody td.d5 a.qpj{
  display: inline-block;
  color: #00c9ee;
  border: 1px solid #00c9ee;
  font-size: 14px;
  width: 90px;
  height: 33px;
  line-height: 33px;
  margin-bottom:10px;
  border-radius:3px;
}
.order_table tbody td.d5 a.qpj:hover{
  display: inline-block;
  color:#fff;
  background-color: #00c9ee;
  border: 1px solid #00c9ee;
  font-size: 14px;
  width: 90px;
  height: 33px;
  line-height: 33px;
}
.order_table tbody td a{
  display: block;
  line-height:180%;
}
.order_table tbody td a.seeWl img{margin-right: 5px;}
.order_table tbody td a.seeWl i{ display: inline-block; width: 7px; height: 7px; background: #b90909; border-radius: 50%; margin-left: 8px;}
.order_table tbody td.d5 a{ width: 120px;
  height: 40px;
  line-height: 40px; font-size: 14px;
  margin:0 auto 10px; display: block;}
.order_table tbody td.d5 a.buyBtn{color: #666; background-color:#eee;}
.order_table tbody td.d5 a.deleteOder{background-color: #398ec0; color: #fff;}
.order_table tbody td.d5 a.buyBtn:hover{
  color:#fff;
  background-color: #398ec0;

}
.order_table tbody td.d5 a.deleteOder:hover{ background: #428d04;}
.order_table tbody td .wl{
  display: block;
  text-align: center;
  color: #000000;
  font-size: 14px;
  margin: 3px 0;
  cursor:pointer;
}
.order_table tbody td .wl img{
  display: inline-block;
  vertical-align:middle;
  margin:0 5px;
  margin-top:-3px;
}
.order_table tbody td.d4,.application {
  position: relative;
}
.order_table tbody td.d4 .tk,.application .tk{
  position: absolute;
  left: -340px;
  top: -11px;
  padding: 15px;
  width: 330px;
  height:180px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0px 0px 10px 5px #f3f3f3;
  -moz-box-shadow: 0px 0px 10px 5px #f3f3f3;
  -webkit-box-shadow: 0px 0px 10px 5px #f3f3f3;
  -o-box-shadow: 0px 0px 10px 5px #f3f3f3;
  display: none;
}
.application .tk{left: 30%;top:30%;height: 300px;}
.order_table tbody td.d4 .tk:before,.application .tk:before{
  content:"";
  display: block;
  width:8px;
  height:17px;
  background:url(../img/orders_a6.png) center center no-repeat;
  position: absolute;
  right: -8px;
  top: 95px;


}



.order_table tbody td.d4 .tk h3,.application  .tk h3{
  color:#333333;
  font-size:14px;
  line-height:100%;
  padding-bottom:10px;
  border-bottom:1px solid #f3f3f3;
}
.order_table tbody td.d4 .tk_box,.application  .tk_box{
  overflow-y: auto;
  height: 125px;
  padding-left: 25px;
}
.application  .tk_box{  height: 300px;}
.order_table tbody td.d4 .tk_box p,.application  .tk_box p{
  color: #333333;
  font-size: 14px;
  line-height: 120%;
  margin-bottom: 5px;
}
.order_table tbody td.d4 .tk_box span,.application  .tk_box span{
  color: #999999;
  font-size: 14px;
  line-height: 100%;
}
.order_table tbody td.d4 .tk_box li,.application  .tk_box li{
  padding:10px 0 10px 15px;
  border-left:1px solid #f3f3f3;
  position: relative;
}
.order_table tbody td.d4 .tk_box li:before,.application  .tk_box li:before{
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background-color: #fa4c4d;
  border-radius: 50%;
  position: absolute;
  left: -4px;
  top: 14px;
}

/* 收货地址start */
.uploadBg{ display: none;  position: fixed; top: 0;left: 0; background: #fff; background: rgba(0,0,0,0.7); width: 100%; height: 100%; z-index: 500;}
.addAddress span {
    width: 148px;
    height: 38px;
    color: #f6f5f5;
    font-weight: 500;
    line-height: 38px;
    text-align: center;
    margin-right: 16px;
    background: #398ec0;
}
.addAddress span:hover {cursor:pointer;}
.addAddress{color:#767676;margin-top: 20px; margin-bottom: 20px;}
.addrL > li{border: 2px solid #e5e5e5;padding:26px 30px 16px 90px;margin-bottom: 16px;}
.defaultbtn{background: url("../img/btn_addr.jpg");width: 110px;height:30px;}
.addrInfo>ul>li{line-height: 200%;}
.addrL .addrSet{overflow: hidden;padding-top: 12px; display: block;}
.addrL .addrSet a{float: right;color:#398ec0;font-weight: 500;font-size: 14px;margin-left: 36px;}
.addrList{padding-bottom: 100px;}
.addrInfo>ul>li span{ display: inline-block; width: 70px; text-align: right; font-size:14px; color: #666;}
.addrL .addrSet a:hover{ text-decoration: underline;}
.addAdress1{ width: 790px; height: 380px; background: #fff;  position: absolute; left: 50%; top: 50%; margin-left: -395px; margin-top: -190px; z-index: 501;}
.addrTop{ height: 50px; background: #f9f9f9; font-size: 18px; color: #333; line-height: 50px; padding-left: 20px;}
.addrContent{ padding: 10px 60px 30px;}
.addrInput{ display: inline-block; width: 100%; line-height: 38px; margin-top: 10px;}
.addrInput span{ display: block; float: left; font-size: 14px; color: #333; width:100px; text-align: right; margin-right: 15px;}
.addrInput>div{ float: left;}
.addrInput>div.inputtext input{ width: 325px; height: 36px; border: #e5e5e5 1px solid; text-indent: 20px;}
.addrInput .proviceDiv .form-group select{ height: 36px;}
.addrInput .proviceDiv .form-group{ height: 36px; width: 125px;}
.addrcheck{ font-size: 14px; color: #000; margin-top: 20px;padding-left: 116px;}
.addrcheck label{ position: relative;}
.addrcheck label::before { content: ""; display: inline-block; width:16px; height: 16px; border: #398ec0 1px solid; position: absolute; left: -30px; top: -2px; background: #398ec0;}
.addrcheck input[type="checkbox"] { width: 16px; height: 16px; margin-right: 10px; vertical-align: middle;}
.addrcheck input[type="checkbox"]:checked+label::before{content: "";border-color: #398ec0; background-image: url(../img/ico7.png); background-repeat: no-repeat; background-position: center center;}
.addrButton{padding-left: 116px;margin-top: 20px;}
.addrButton input{ cursor: pointer; width: 170px; height: 42px; background: #398ec0; color: #fff; font-size: 14px; line-height: 42px; text-align: center; border: none;}
.inputText select{width: 100%; height: 48px; border: none; background: none;text-indent: 20px;font-size: 14px; vertical-align: top; }
.proviceDiv .form-group select{color: #999;-webkit-appearance: none;appearance: none;}
.selectText,.proviceDiv .form-group{  background: url(../img/select_icon.png) no-repeat center right 10px; background: #fff \0; }
.proviceDiv{ float: left;width: 493px;}
.proviceDiv .form-group{ float: left;height: 48px; border: #e5e5e4 1px solid; width: 155px; margin-right: 11px;}
.proviceDiv .form-group select{ width: 100%; height: 48px; border: none; background: none;text-indent: 20px; font-size: 14px;}

#closeUpload{ display: block; position: absolute; top: 15px; right: 15px;}
#closeUpload:hover img{ transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);    transition: all 0.5s linear;-moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
/* 去结算start */
.userMessage{ color: #333; font-size:18px; position: relative;}
.userMessage span.addBtn { font-size: 14px; color: #398ec0; position: absolute; right: 0; top: 0; line-height: 24px; cursor: pointer;}
.userMessage  a{ position: absolute; right: 0; top: 0; font-size:14px; color: #333;} 
.border_padd{ padding: 20px 0;border-bottom: #f2f2f2 1px solid;}
.Consignee ul li{ display: none; width: 100%; margin-top: 10px;height: 32px; line-height: 32px;font-size: 14px;}
.Consignee ul li .consignee-item{ position: relative; background: #fff; width: 143px; height: 30px; border: #e5e5e5 1px solid; line-height: 30px; text-align: center;}
.Consignee ul li .consignee-item span{ display: block;    padding: 0 10px;}
.addr-detail{ padding-left: 20px; }
.addr-detail .addr-name{ color: #000; margin-right:10px;}
.addr-detail .addr-info{ color: #666;width: 385px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;}
.addr-detail .addr-tel{ margin-left: 10px; color: #000;}
.addr-detail .addr-default{ width: 60px; height: 20px; line-height: 20px; font-size:12px; color: #6b6262; background: #e7e7e7; text-align: center; margin-left: 15px;}
.Consignee  .op-btns a,.Consignee  .op-btns span{color: #3b3b3b; margin-right: 20px; font-size: 14px;}
.Consignee  .op-btns{ display: none;}
.Consignee ul li .consignee-item.selected,.distri_Way li.on{ border-color: #398ec0;}
.Consignee ul li .consignee-item.selected:after,.distri_Way li.on::after{ content: ''; width: 16px; height: 17px; background: url(../img/select_icon1.png) no-repeat; position: absolute; bottom: -1px;right: -1px;}
.Consignee ul li:hover{ background: #f9f8f8;}
.Consignee ul li:hover .op-btns{ display: block;}
.Consignee ul li.default{ display: inline-block;}
.adrMore{ font-size:14px; color: #000; margin-top: 20px; cursor: pointer;}
.adrMore b{ display: inline-block; width: 9px; height: 9px; background: url(../img/adrmore.png) no-repeat; margin-left: 5px;}
.adrMore.on b{ background-position: -9px 0;}
.buyList { padding: 20px 0;}
.buyListShow{ border:#e5e5e5 1px solid; margin-top:20px;}
.showTop{ background: #f8f9f9; height: 40px; padding: 0 30px; color: #343535; line-height: 40px;}
.showTop span.left{ font-size:16px;}
.showTop .right{ font-size:14px; color: #666;}
.showMiddle table{width:100%;font-size:14px;}
.showMiddle table th{height: 45px; color: #000;}
.showMiddle table td{color: #666; text-align: center;}
.showMiddle table tbody tr{ height:132px;border-top: #f7f7f7 1px solid; }
.showMiddle table td p{ text-align: left; padding-left: 30px; color: #333;}
.showMiddle table td span{font-size:14px;color: #f94b4a;}
.totalprice font{ display: inline-block;}
.totalprice{ text-align: right; color: #333; font-size:14px;  line-height: 180%;}
.totalNum{ padding-right: 30px;width: 149px; text-align: right;}
.totalprice font.totalTxt{ width: 149px; display: inline-block; text-align: right;}
.totaladr{ background: #fafafa; padding: 15px 30px 20px; margin-top:25px;font-size:14px; text-align:right; }
.totaladr p{margin-top:10px;color: #666;}
.totaladr .p1{ color:#333;}
.totaladr .p1 em{ font-size:18px; color: #f94b4a;}
.submitOrder { display: inline-block; color: #fff; width:157px; height: 45px; background: #398ec0; font-size:18px; line-height: 45px; text-align: center;}
.submitDiv{ text-align:right; margin-top:25px;}
.submitOrder:hover{background: #377c00;color: #fff;}
.schedule img{ float: left; display: block;margin-top: 15px;}
.schedule>div{ float: right; width: 638px; height: 70px; background: #f6f6f6; border-radius:35px; overflow: hidden;}
.schedule input[type="text"]{ margin-left: 20px; height: 100%; width: 565px;border: none; background: none; vertical-align: top; font-size:16px; text-align:center;}
.schedule{margin-top: 45px;}
.btn1{ width: 30px; height: 100%;border: none; background: url(../img/searchIco2.png) no-repeat center; }
.schduleTable th{height: 45px; background: #ececec;}
.schduleTable table{width: 100%; text-align:center;}
.schduleTable {margin-top:35px;}
.schduleTable td{height: 40px; color: #666;font-size:13px;}
.schedulelist{margin-top: 45px;}
.schedulelist div.name{color: #333;font-size:16px;}
.schedulelist div.title{ height: 40px; line-height: 40px;font-size:14px; padding: 0 15px; background: #398ec0;color: #fff; display: inline-block;margin-top: 15px;} 
.schedulelist li span{font-size:14px; color: #333; display:block;float: left; width: 140px; text-align: right;}
.schedulelist ul{margin-top: 15px;}
.schedulelist li>div{ float: left; color: #666; padding-left: 25px;}
.bg_fbfafa{background: #fbfafa;}
.sameHeight{ height: 40px; line-height: 40px;}
.schedulelist li.txtList span{line-height: 40px;}
.schedulelist li.txtList>div p{margin-top:10px;}
.schedulelist li.txtList{ padding-bottom: 10px;}
.txtList{ position: relative;}
.txtList .ShowBTn{ position: absolute; right: 20px;top: 10px;}
.txtList .ShowBTn img{margin-left: 8px; transform: rotate(180deg); transition: all 0.5s;}
.txtListShow{ height: 40px;overflow: hidden;}
.txtList .ShowBTn.on img{transform: rotate(0);}

.carTable{border: #e6e6e6 1px solid; }
.carTable table{ width: 100%;margin-top: 20px;text-align: center;}
.carTable th{height: 38px;}
.carTable tr{}
.carTable td{ padding: 36px 0;border-top: #e6e6e6 1px solid; }
.carTable .checkNomal input{    
    height: 16px;  
    vertical-align: middle;
}
.detail-amount-control{ float: left; width: 97px;padding-top: 4px;}
/* .detail-amount-control.amount a{    float: left; width: 23px; height: 23px; border: 1px solid #e5e5e5;line-height: 200px;  background: url(../img/icon.png) no-repeat; background-color: #f9f9f9;} */
.detail-amount-control.amount input { float: left; text-align: center;  font-size: 14px; color: #333;  border-width: 1px; border-style: solid;  border-color: #e5e5e5;}
.detail-amount-control.amount a.amount-down { border-right: 0 none; background-position:-48px -23px;}
.detail-amount-control.amount a.amount-down-limit { background-position:-48px 0; cursor: not-allowed;}
.detail-amount-control.amount a.amount-up{ background-position:-71px -23px; border-left: 0 none;}
.detail-amount-control.amount a.amount-up-limit{ background-position:-71px 0;cursor: not-allowed;}
.detail-amount-control.amount input:hover,.detail-amount-control.amount-control-hover input{ border-color: #00c9ee;}
.detail-amount-control a.amount-down:hover{ border-color: #00c9ee; background-position:-48px -46px;}
.detail-amount-control a.amount-down-limit:hover { border-color: #e5e5e5; background-position:-48px 0;}
.detail-amount-control a.amount-up:hover{ border-color: #00c9ee; background-position:-71px -46px;}
.detail-amount-controla.amount-up-limit:hover { border-color: #e5e5e5; background-position:-48px 0;}

.goodchecknum{   width: 317px;position: relative;}
.goodchecknum  .deletenum{ float: left; line-height: 28px; color: #666;font-size: 14px; margin-left: 10px;}
.goodchecknum .detail-amount-control.amount a{float: left; width: 28px; height: 28px; background-color: #fff; background: none; text-align: center;    border: 1px solid #e5e5e5;overflow: hidden;}
.goodchecknum .detail-amount-control.amount input{ width: 60px; height: 28px;}
.goodchecknum .detail-amount-control{ width: 120px; padding-top: 0;}
.goodchecknum .detail-amount-control.amount a img{    margin-top: 10px;}
.goodchecknum  .detail-amount-control.amount input{ border-right:0 none; border-left: 0 none;}
.goodchecknum  .detail-amount-control.amount a.amount-down{     border-right: 1px solid #e5e5e5;}
.goodchecknum  .detail-amount-control.amount a.amount-up{     border-left: 1px solid #e5e5e5;}
.goodchecknum  .detail-amount-control.amount a:hover{ border-color: #00c9ee;}
.goodchecknum  .detail-amount-control.amount input:hover{ border-color: #e5e5e5;}
.goodchecknum .detail-amount-control font{ display: block;    clear: both; text-align: center; color: #fa4b4b;padding-top: 5px;} 

.modiCar{     padding: 15px 0;border-top: #e6e6e6 1px solid; position: relative;}
.modiCar .checkNomal{display: inline-block;}
.modiCar .deleteOrder{ margin-left: 30px;}
.buyOrder{ width: 138px; color: #fff;background: #398ec0; height: 100%;position: absolute;right: 0; top: 0; font-size: 16px; line-height: 51px;text-align: center;}
.carTable .checkNomal input[type="checkbox"] + label::before{left: -15px;}
.modiCar .checkNomal label{margin-left: 10px;}
.carTable .modiCar .checkNomal input[type="checkbox"] + label::before{left: -22px;}
.modiCar #allCheck{ visibility: hidden;}
.orderDetails_h1{
  color:#333333;
  font-size:14px;
  line-height:25px;
  padding:20px;
    border-bottom: 1px solid #eaeaea;
}
.orderDetails_h4{
  padding: 25px 0 25px 20px;
  border-bottom: 1px solid #eaeaea;
}
.orderDetails_h4 h3{
  color: #333333;
  font-size: 16px;
  line-height: 100%;
  font-weight:100;
  margin-bottom: 10px;
}
.orderDetails_h4 p{
  color: #666666;
  font-size: 14px;
  line-height: 180%;
}
.orderDetails_h10{
  margin-top:28px; border: #eeeeee 1px solid;
}
.orderDetails_h10 table{
  width:100%;
}
.orderDetails_h10 table thead td{
  color: #333333;
  font-size: 14px;
  line-height: 46px;
  /* text-indent: 60px; */
  text-align: center;
  background-color: #f9f9f9; border-top: #eeeeee 1px solid;
}

.orderDetails_h10 table tbody dl{
  padding: 15px;
}
.orderDetails_h10 table tbody dt{
  float: left;
  width: 65px;
  height: 65px;
  border: 1px solid #eeeeee;
}
.orderDetails_h10 table tbody dt img{
  display: block;
  width: 65px;
  height: 65px;
}
.orderDetails_h10 table tbody dd{
  width: 230px;
  float: left;
  padding: 10px 0 0 15px;
  text-align: left;
  color: #333333;
  font-size: 14px;
}
.orderDetails_h10 table tbody dd .p1{
  color: #333333;
  font-size: 14px;
  line-height: 120%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 5px;
}
.orderDetails_h10 table tbody dd .p2{
  color: #999999;
  font-size: 14px;
  line-height: 100%;
  margin-bottom: 10px;
}
.orderDetails_h10 table tbody td{
  color:#333333; padding: 20px 0; border-top: #eeeeee 1px solid;
  font-size:14px;
  text-align: center;
}
.orderDetails_h10 table tbody td.red{
  color:#df0e0e; font-size: 22px;
}
.orderDetails_h10 table tbody td font{ display: block;text-align: left; padding: 0 25px;}
.orderDetails_h10 table tbody td .p1{ font-size: 18px; font-family: Arial, Helvetica, sans-serif;}
.makeSureOrder{text-align: right; margin-top: 30px; }
.makeSureOrder a{ display: inline-block;width: 145px; height: 40px; background: #398ec0; color: #fff;text-align: center;line-height: 40px; color: #fff; font-size: 16px;}
.makeSureOrder a:hover{background: #4d9e0c;}


.company{ text-align: center; margin: 60px auto;}
.company h2{ font-size: 28px; color: #333;}
.txtshow1 p{ font-size: 14px; color: #333; line-height: 180%;width: 1000px; margin: 25px auto 0;}
.txtshow1 img{ margin-top: 25px;}
.companyDiv1{margin-top: 100px; width: 100%; position: relative;}
.companyDiv1 .img1{width: 100%; display: block; }
.companyDiv1 .img2{ position: absolute; width: 59px; height: 59px; left: 50%; margin-left: -29.5px; top: -30px;}
.companyDiv2  li{ margin-right: 40px; width: 260px; height: 286px; position: relative; overflow: hidden; transition: all 0.3s; margin-top: 55px; float: left;}
.companyDiv2 li img{ display: block;width: 260px; height: 286px; }
.companyDiv2  li div{ position: absolute; width: 100%; height: 100%;left: 0;top: 276px;transition: all 0.5s; padding:50px 10px 0; color: #fff; text-align: left; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.companyDiv2 li  .p1{ font-size: 24px; }
.companyDiv2 li  .p2{ font-size: 14px; line-height: 180%; padding: 10px 0 15px; position: relative;}
.companyDiv2 li  .p2:after{ width: 58px;}
.companyDiv2 li:hover{ border-color: #f6a720;}
.companyDiv2 li:hover div{background: rgba(87,172,18,0.8);top: 0; }
.companyDiv2 li.marginR0{ margin-right: 0;}
.companyDiv2  li font{ display: block; width: 180px; height: 60px; font-size: 24px; background: rgba(0,0,0,0.5); line-height: 60px; position: absolute; left: 15px;bottom: 15px; color: #fff; transition: all 0.3s;}
.companyDiv2 li:hover font{ opacity: 0;}
.companyPartner{ width: 1200px; margin: 80px auto 25px;-webkit-box-shadow: rgba(0,0,0,0.1) -1px -1px 10px;}
.companyPartner li{ width: 240px; height: 100px;  float: left; text-align: center;-webkit-box-shadow: rgba(0,0,0,0.1) -1px -1px 10px; overflow: hidden;position: relative; }
.companyPartner li img{  width: 240px; height: 100px; }
.PartnerNum li{ display: inline-block; width: 40px;height: 4px; margin: 0 10px; background: #eee; font-size:0;}
.PartnerNum li.on{background: #32b16c;}
.PartnerNum{ text-align: center;}
.Partner{ padding-bottom: 80px;}

.loginDiv{  padding: 90px 0 100px;  background: url(../img/bg2.jpg) no-repeat center center; background-size: cover;}
.loginCont{ background: #fff;     padding: 50px 30px 55px; float: right; width: 340px;    border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.loginTxt{ position: relative; color: #333; font-size: 14px; margin-bottom: 25px;}
.loginTxt h4{ color: #333;font-size: 26px; font-weight: normal;}
.loginTxt span{ font-size:16px; color: #dcdada; margin-left: 10px;}
.loginTxt a:hover{ text-decoration: underline;}
.login-box .item{ position: relative; margin-bottom: 15px; height: 50px; background: #f4f4f4;}
.login-box .item .login-label{position: absolute; left: 0; bottom: 0;  width: 50px; height: 50px;}
.login-box .item .name-label {background: url(../img/loginIco1.png) no-repeat center;}
.login-box .item .pwd-label{background: url(../img/loginIco2.png) no-repeat center;}
.login-box .item .txt{    font-size: 14px; width: 270px; margin-left:50px; height: 50px; border: none; background:none;}

.login-item4 input{ background: #398ec0 !important; font-weight: bold; color: #fff; width: 100%; height: 50px; font-size: 18px; border: none;}
.login-box em.changepwd{width: 20px; height: 20px;display: none;   position: absolute;right: 20px; top:20px; background: url(../img/eye_ico4.png) no-repeat; cursor: pointer;}
.login-box em.changepwd.on{background: url(../img/eye_ico3.png) no-repeat}
#navbg.serviceNav ul .right a{margin-left:0;}
.serviceDiv{ width: 1200px; margin: 65px auto 70px;}
.serviceDiv h1{ font-size:24px;}
.serviceDiv p{line-height: 180%; color: #666;}
.serviceList li{margin-top: 40px;-webkit-box-shadow: rgba(0,0,0,0.2) -1px -1px 20px;  width: 353px;  float: left; margin-right: 60px;}
.serviceList li.marginR0{ margin-right: 0;}
.serviceList li .pic,.serviceList li .pic img{width: 353px; height: 171px;}
.serviceList li .text{font-size: 16px; height: 50px; line-height: 50px; background: #fff; padding-left: 20px; padding-right: 30px; position: relative; text-align: center; transition: all 0.6s;}
.serviceList li .text img{position: absolute;right: 0; top: 50%;margin-top: -3px; right: 20px; opacity: 0;}
.serviceList li:hover .text{background: #398ec0;color: #fff; text-align: left;}
.serviceList li:hover .text img{ opacity: 1;}
.serviceIntro{ padding: 25px; background: #f7f7f7; color: #333;font-size: 14px; line-height: 180%;margin-top: 30px;}
.serviceIntro1 font{ display: block; font-size:20px; padding-left: 20px; position: relative;}
.serviceIntro1 font::after{content: '';width: 12px; height: 20px;background: #398ec0; position: absolute;left: 0; top: 6px;} 
.serviceIntro1{margin-top: 36px;}
.technolgy{ width: 1200px;padding-top: 50px; margin: 0 auto 70px;}
.technolgy li{ width: 590px; float: left; margin-right: 20px; margin-top: 35px;}
.technolgy li a{ display: block; width: 100%;}
.technolgy li a img{ width: 149px; height: 156px; float: left;}
.technolgy li a div{ float: left; width: 410px; margin-left: 25px;}
.technolgy li a div .p1{ font-size: 22px; color: #333;}
.technolgy li a div .p2{ font-size: 14px; color: #666; line-height: 180%; margin-top:10px;}
.technolgy li a div .p3{  width: 102px; height: 30px; background: #eee; line-height: 30px; text-align: center; margin-top: 25px;}
.technolgy li a div .p3 i{ display: inline-block; width: 6px; height: 9px; background: url(../img/jtIco1.png) no-repeat; margin-left: 10px;}
.technolgy li:hover a div .p3{background: #398ec0;  color: #fff;}
.technolgy li:hover a div .p3 i{ background: url(../img/jtIco.png) no-repeat; }
.technolgy li:hover a div .p1{ color: #398ec0;}
.technolgy li.marginR0{ margin-right: 0;}

.kxDiv{ width:1200px; margin: 0 auto; padding: 30px 0 70px;}
.kxDiv ul li{margin-top: 30px; width: 374px;-webkit-box-shadow: rgba(0,0,0,0.1) -1px -1px 10px;float: left;margin-right: 39px; }
.kxDiv ul li.marginR0{margin-right: 0;}
.kxDiv ul li a{ display: block;width: 374px;}
.kxDiv ul li a span,.kxDiv ul li a span img{ display: block;width: 374px; height: 215px; overflow: hidden;transition: all 0.8s;}
.kxDiv ul li a div{ padding: 25px 20px; position: relative;}
.kxDiv ul li a div::after{content: ''; height: 3px;background: #5fb31b; position: absolute;bottom: 0;left: 0; width: 0; transition: all 0.5s;}
.kxDiv ul li a div .p1{ font-size: 20px;}
.kxDiv ul li a div .p2{font-size: 14px; color: #666; margin-top: 10px; line-height: 180%;}
.kxDiv ul li:hover a div::after{ width: 100%;}
.kxDiv ul li:hover  a span img{ transform: scale(1.06);}
.kxDiv ul li:hover  a div .p1{ color: #398ec0;}
.contact,.way{width:1200px; margin: 70px auto 40px;}
.contact h1{ text-align: center; font-size: 40px; color: #398ec0; font-weight: normal;}
.contact ul li{ float: left;margin-top: 30px;position: relative;}
.contact ul li img{ display: block;margin: 0 auto;}
.contact ul li font{ display: block;color: #333; font-size: 20px; margin-top: 20px; text-align:center;}
.contact ul li p{ line-height: 180%;margin-top: 10px;}
.contact ul li::after{content: ''; width: 1px; background: #eee;position: absolute; right: 0; top: 110px;height: 78px;}
.ewmShow{ text-align: center; margin-top: 40px;}
.ewmShow>div{ display: inline-block;}
.ewmShow>div img{ display: block; width: 171px; height: 171px; margin: 0 auto;}
.ewmShow>div  p{margin-top: -10px;}
.map{ width: 100%; height: 425px; margin-bottom: 55px;}
.comment{ width: 1200px; margin: 0 auto 45px;}
.comment>p{ font-size: 32px; color: #333; text-align: center; margin-bottom: 15px;}
.commentDiv>div{ float: left; height: 50px; border: #f6f6f6 1px solid; background: #f6f6f6; width: 384px; line-height: 50px; overflow: hidden; margin-right: 21px;}
.commentDiv>div span{ padding-left: 25px; font-size: 14px;    vertical-align: top; position: relative;}
.commentDiv>div input{ width: 290px; height: 100%; border: none; vertical-align: top; background: none;}
.commentDiv>div i{ font-size: 20px; color: #333;  position: absolute; left: 17px; top: 0px; font-size: 14px;  }
.commentDiv>div.email{ margin-right: 0;}
.commentDiv{ margin-bottom: 20px;}
.commentDiv1{padding-left: 25px;  padding-top: 22px; border: #f6f6f6 1px solid; background: #f6f6f6; font-size: 16px;   vertical-align: top;}
.commentDiv1 textarea{ vertical-align: top; width: 1080px;height: 120px; border: none; background: none;}
.commentDiv3{ text-align: center; margin-top: 40px; }
.commentDiv3 input{color: #fff; width: 160px; height: 50px; font-size: 16px; margin: 0 5px; border: none; background: #398ec0;}
.way li .div1 i{ display: inline-block;width: 18px; height: 10px; background: url(../img/txtIco1.png) no-repeat;margin-right: 10px;} 
.way li .div1{ font-size: 22px;cursor: pointer;}
.way li .div1 em{ color: #bebdbd;font-size: 14px; margin-left: 30px;}
.way li .div2{color: #666;line-height: 180%;margin-top: 10px; display: none;}
.way li .div2 a{ color: #398ec0;}
.way li.on .div1 i{ background: url(../img/txtIco2.png) no-repeat;}
.way li.on .div1,.way li:hover .div1{ color: #398ec0;}
.way li.on .div2{display: block;}
.way li{ padding: 30px 0; border-bottom: #eee 1px solid;}
.downlist{    width: 1200px;
    margin: 55px auto 70px;}
.downlist ul li{ background: #fff;width: 265px;-webkit-box-shadow: rgba(0,0,0,0.15) 1px -1px 15px ; padding-bottom: 20px; margin-top: 35px; margin-right: 46px; float: left;}
.downlist ul li span{ display: block; width: 265px; padding-top: 40px; text-align: center; padding-bottom: 30px;}
.downlist ul li .p1{ font-size: 14px; color: #333; position: relative;text-align: center}
.downlist ul li p{ margin: 0 20px;}
.downlist ul li .p1 a{ position: absolute;right: 0; top:3px; width: 18px; height: 18px; background: url(../img/downloadIco.png);}
.downlist ul li .p1 a:hover{ background: url(../img/downloadIco1.png);}
.downlist ul li .p2{ margin-top: 10px; color: #999;font-size: 14px;}
.downlist ul li.marginR0{ margin-right: 0;}
.downlist ul li span img{max-width: 100%;}
.newlist{margin-top: 40px; margin-bottom: 50px;}
.newlist li{ padding: 40px 0; border-bottom: #eeeeee 1px solid;}
.newlist li span,.newlist li span img{ display: block; width: 263px; height: 167px; transition: all 0.5s; overflow: hidden;}
.newlist li div{  width: 900px;}
.newlist li div .p1{ color: #000;font-size: 28px;}
.newlist li div .p2{ color: #666; font-size: 14px; line-height: 180%; margin-top: 10px; min-height: 50px;}
.newlist li div font{ transition: all 0.3s; display: block; height: 43px; width: 60px; background: #b7b7b7; color: #fff; font-size: 14px; line-height: 45px; text-align: center; margin-top: 22px; position: relative; padding: 0 40px;}
.newlist li:hover div font{ 
  /* padding-right: 80px; padding-left: 25px; */
   background: #398ec0; color: #fff;}
/* .newlist li div font::after{ content: ''; width: 60px; background: #fff; position: absolute; right: 10px; top: 50%; height: 1px; margin-top: -0.5px; display: none;} */
/* .newlist li:hover div font::after{ display: block;} */
.newlist li:hover div .p1{ color: #398ec0;}
.newlist li:hover span img{ transform: scale(1.06);}

.Achievements{ margin-top: 20px; margin-bottom: 50px;}
.detail_name{ color: #333; font-size: 32px; text-align: center; padding: 40px 100px 20px; border-bottom: #e4e4e4 1px solid; line-height: 150%;}
.detail_name p{ color: #939393; font-size: 14px;  margin-top:10px;}
.detail_name p span{margin: 0 5px;}
.detail_txt{ text-align: center;}
.detail_txt img{ margin-top:20px;}
.detail_txt p{ line-height: 220%; color: #696868; font-size: 14px; margin-top: 15px; text-align: left;}
.news_tip{ margin-top: 30px; overflow: hidden;}
.news_tip .fl {float: left;font-size: 14px; color: #333; line-height: 28px;}
.news_tip .fl a { color: #333; margin-right: 20px;}
.detail_page{ margin-top: 45px;}
.detail_page p{ cursor: pointer; text-align: center; width: 530px; padding: 0 20px;  float: left; background: #e4e4e4; color: #333; font-size: 14px; display: block; height: 60px; line-height: 60px; }
.detail_page p img{  position: relative; margin-top: 20px;}
.detail_page p img.img2,.detail_page p:hover img.img1{ display: none;}
.detail_page p:hover img.img2{ display: inline-block;}
.detail_page p a{color: #666; }
.detail_page p:hover{ color: #398ec0;}
.detail_page p:hover a{ color: #398ec0;}
.detail_page p.returnList{ width: 60px; height: 60px; color: #fff; background: #398ec0; font-size: 14px; padding: 0; line-height: 150%; text-align: center;}
.detail_page p.returnList a{ color: #fff;display: block; height: 60px; text-align: center;}

.webSite{width: 1200px;margin: 55px auto 95px;}
.webSite .map1{ float: left; width: 562px; height: 465px;}
.webSite  .site{ float: right; width: 355px; background: #fff;-webkit-box-shadow: rgba(0,0,0,0.15) 1px -1px 15px ; margin-top: 25px;}
.webSite .div1{ padding-left: 38px; padding-right: 130px;}
.webSite  .site font{ display: block; height: 62px;line-height: 62px; font-size:24px;border-top: #398ec0 4px solid;text-align: center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.webSite  .site>div{ padding: 30px 20px; background: #faf9f9; font-size: 16px;}
.webSite  .site>div p{ line-height: 180%; position: relative; padding-left: 80px;}
.webSite  .site>div p span{position: absolute;left: 0;top: 0;}
.webSite  .site .div3 img{ width: 326px;
   height: 133px; margin: 18px auto;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
    .webSite  .div1 .site img {
        width: 326px;
        height: 133px;
        margin: 18px auto;
        display: block;
        bottom: 0;
        left: 50%;
    }
 
.webSite .div2{text-align: center; color: #333;font-size: 16px;margin-top:35px;}
.webSite .div2 select{ border: #e9e7e7 1px solid; width: 240px; height: 50px;  padding: 0 75px;-webkit-box-shadow: rgba(0,0,0,0.15) 1px 0 15px ; margin-left: 20px;}
.webSite .div3 .site{ float: left;margin-right: 67px;margin-top: 40px;    height: 435px;
  position: relative;} 
.webSite .div3  .site font{border-top-color: #999;}
.webSite .div3  .site:hover font{border-top-color: #398ec0;}
.webSite .div3  .site.marginR0{ margin-right: 0;}

.teamlist{margin:65px auto 0; width: 1200px;}
.teamlist li{ padding: 40px 0; border-bottom: #ececec 1px solid;}
.teamlist li img {display: block;width: 212px; height: 251px; float: left;}
.teamlist li .teamIntro{ float: left; margin-left: 30px; width:940px; text-align: left;}
.teamlist li .teamIntro .p1{ font-size:24px; color: #333;}
.teamlist li .teamIntro .p1 span{ color: #666;font-size: 14px; margin-left: 10px;}
.teamlist li .teamIntro .p2{ line-height: 180%;margin-top:10px;}
.teamlist li .teamIntro .p3{ color: #666; line-height: 180%;margin-top:10px;}
.teamlist li:last-child{border-bottom:none;}


#menu_server_list .navChild,#menu_product_list .navChild{
  border:0
}
#menu_server_list .navChild .min_width,#menu_product_list .navChild .min_width{
      border-top: #398ec0 6px solid;
}
.order_table tbody td.d5 a{
  position: relative;
  z-index: 300;
}
.jd_03_box{ 
  width: 67%;
  height: 10px;
  border-radius: 5px;
  background: #ececec;
  margin:auto;
}

.jd_03{
  width: 40%;
  height: 10px;
  border-radius: 5px;
  background: #398ec0;
}
.sameHeight .jd_03_box{
  width:100px;
  display: inline-block;
  margin-right:10px;
}
.footer .cont3 img{
    width:114px;
    height:111px
}



.detailMore ul li p{
  height: 50px;
  line-height: 20px;
  text-align: center;
  font-size: 10px;
  width: 254px;
  word-wrap: break-word;
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;
}
/* .schedulelist .sameHeight2>div{
  width:200px;
} */
@media screen and (max-width:1440px){
    .nav{ margin-left:110px;}
    .nav li{margin-right:40px;}
}

.item2{
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
}
.item-left{
	width: 240px;
	float: left;
	font-size: 20px;
}
.item-right{
	width:900px;
	float: left;
		line-height: 180%;
}
.item-right table{
border-color:#b6ff00; border-collapse: collapse;

}
.item-right tr:first-child td{
	background: #f2f2f2;
	font-weight: bold;
}
.item-right td{
	padding: 5px;
}
.serviceDiv table, table tr th, table tr td {
    border: 1px solid #ccc;
}
.serviceDiv table {
    width: 800px;
    min-height: 25px;
    line-height: 25px;
    text-align: center;
    border-collapse: collapse;
margin-top:6px;
}


.productTab .table1{border: #efefef  1px solid;}
.productTab table tr th, .productTab table tr td {
  border: 1px solid #efefef;
  border: 0;
}
/* .modiCar label{
  height: 40px;
  line-height: 40px;
  vertical-align: top;
  display: inline-block;
} */

.productmenu .icon_pic{
  display: inline-block;
  background: url(../img/addIco.png) no-repeat center;
  width: 10px;
  height: 10px;
  margin-left: 23px;
  margin-right: 15px;

}
.productmenu>ul>li.on>.p1 .icon_pic{
  display: inline-block;
  background: url(../img/reduceIco.png) no-repeat center;
}

.listShow li.on .p1 .icon_pic{
  display: inline-block;
  background: url(../img/reduceIco.png) no-repeat center;
}