/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}



/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}





.top2{height:143px;overflow:hidden;}

.logo{float:left;line-height:143px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}




/*主体样式*/

.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}

.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}



/*页面底部*/
.foot{background:#333;}
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}

.f_nav dd a{font-size:12px;color:#333;line-height:20px;}
.copyright{text-align:center;line-height:24px;}

/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}



.imgbox{position: relative;}

.imgbox .txt {
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    height: auto;
    padding: 20px 30px;
    z-index: 1;
    color: #fff;
    transition: transform .5s;
    /* transition: all .5s; */
    box-sizing: border-box;
  }
  
  .imgbox .txt h4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 2em;
    color: #fff;
  }
  
  .imgbox .txt h5 {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 1.5em;
    color: #fff;
  }
  
  .imgbox .txt p {
    color: #fff;
    font-size: 14px;
  }
  
  .imgbox .txt p .iconfont {
    color: #c7000b;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
  }
  
  /* 1. 渐变背景的盒子 */
  .imgbox .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(
        transparent,
        rgba(0,0,0,.6)
    );
    opacity: 1;
    transition: all .5s;
  }
  

.in_title {
    padding-top: 80px;
  }
.in_title .entit {
    margin-bottom: 12px;
    font: normal 45px "AvantGarde Bk BT";
    color: #666;
    text-align: center
  }
 .in_title .tit {
    width: 300px;
    margin: 0 auto;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #132b83;
  }
.in_title .tit span {
    float: left;
    margin-left: 40px;
  }
 .in_title .tit em {
    display: block;
    width: 50px;
    height: 2px;
    margin-top: 16px;
    background: #ccc;
  }

  .content1{width: 1200px; margin: 0 auto;}
  .gybj{ height:950px; box-sizing: border-box; background:#fff; padding-top: 88px; overflow: hidden; font-family:"Microsoft Yahei";}
  .gybj h2{margin-bottom: 60px;}
  .gybj h2 span{ background: url() no-repeat center center;}
  .gy{width: 1200px; height: 710px; position: relative;background: url(../images/tsbg.jpg) no-repeat center center;}
  .gy_left{width: 520px;float: left;}
  .gy_left dl{overflow: hidden; height:167px;width: 520px; float: left; margin-bottom: 96px;}
  .gy_left dt{width:119px;height: 119px;padding-top: 25px; float: left; }
  .gy_left dt img{width:119px;height: 119px;  display: block;}
  .gy_left dd {width:397px;padding-right: 78px;  height: 167px; box-sizing: border-box; float: left; position: relative;}
  .gy_left dd h3{padding-left: 46px;padding-top: 10px; white-space: nowrap; margin-bottom:15px; font-size: 22px; color: #222222; font-weight: bold; height: 58px; line-height: 58px; position: relative;font-family:"Microsoft Yahei";}
  .gy_left dd p{ line-height: 24px;overflow: hidden; width: 235px; font-size:16px;color: #666666;font-family:"Microsoft Yahei";}
  .gy_left dl:nth-child(2){width: 365px;}
  .gy_left dl:nth-child(2) dt{padding-top: 46px; float: right;}
  .gy_left dl:nth-child(2) dd{width: 234px;padding-right: 40px;}
  .gy_left dl:nth-child(1) dd h3{background: url(../images/ts01.gif) no-repeat left 0;}
  .gy_left dl:nth-child(2) dd h3{background: url(../images/ts02.gif) no-repeat left 0;}
  .gy_left dl:nth-child(3) dd h3{background: url(../images/ts03.gif) no-repeat left 0;}
  .gy_right{width: 520px;float: right;}
  .gy_right dl{overflow: hidden; height:167px;width: 520px; float: right;margin-bottom: 96px;  }
  .gy_right dt{width:119px;height: 119px;padding-top: 25px; float: left; }
  .gy_right dt img{width:119px;height: 119px;  display: block;}
  .gy_right dd {width:397px; padding-left: 78px;height: 167px; box-sizing: border-box; float: right; position: relative;}
  .gy_right dd h3{ padding-right: 46px;padding-top: 10px;white-space: nowrap; margin-bottom: 15px; font-size: 22px; color: #222222; font-weight: bold; height: 58px; line-height: 58px; position: relative;font-family:"Microsoft Yahei"; text-align: right;}
  .gy_right dd p{ line-height: 24px;overflow: hidden;  font-size:16px;color: #666666;font-family:"Microsoft Yahei"; text-align: right;}
  .gy_right dl:nth-child(2){width: 355px;}
  .gy_right dl:nth-child(2) dt{padding-top: 46px; }
  .gy_right dl:nth-child(2) dd{width: 235px;padding-right:0;padding-left: 0;}
  .gy_right dl:nth-child(3) dt{padding-top: 32px;  }
  .gy_right dl:nth-child(1) dd h3{background: url(../images/ts04.gif) no-repeat right 0;}
  .gy_right dl:nth-child(2) dd h3{background: url(../images/ts05.gif) no-repeat right 0;}
  .gy_right dl:nth-child(3) dd h3{background: url(../images/ts06.gif) no-repeat right 0;}

  @media (max-width: 767px) {
    .gybj{display: none;}
    .content1{display: none;}
    .in_title{display: none;}
  }

  .w1 {
    height: 484px;
    background: #fff;
}

.ab_name, .ab_tu {
    width: 50%;
    text-align: center;
    padding-top: 70px;
}

.ab_tu {
    text-align: right;
}

.ab_name dd {
    font-size: 24px;
    font-weight: Bold;
    font-stretch: normal;
    letter-spacing: 10px;
    color: #404040;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 13px;
    font-family: MicrosoftYaHei;
}

.ab_name dt {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #777777;
    line-height: 12px;
    margin-top: 12px;
}

.ab_name .ab_jj {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #404040;
    margin-top: 30px;
    overflow: hidden;
}

.ab_name .the_more {
    margin: 38px auto;
    width: 135px;
    height: 40px;
    border: 1px solid #132b83;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #132b83;
}