@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0;}
body {color:#333; font-size:14px; font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width:1340px;overflow-x: hidden}
*html { background-image:url(about:blank);background-attachment:fixed;}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
h3{font-weight:normal}
a {color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; color: #3889c8}
.text-cut  /*限制文字,文字超出显示冒号*/
{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;}
.container{width: 1296px;margin: 0 auto}
.fl{float: left}
.fr{float: right}
.clear{clear: both}
/*============================ 公共部分 ============================*/
/* 文章上下篇 */
.wengzhengfanye { padding:30px 0; clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB { padding-left:0px; clear:both; color:#666; line-height:34px;}
.wengzhengfanye span {font-weight:bold; }
.wengzhengfanye a:hover { text-decoration:underline;}

/* 文章类别上下页 */
.page{ overflow:hidden;}
.pagelink{ padding:40px 0; text-align:center;}
.pagelink span,.pagelink a { display:inline-block; line-height:28px; height:28px; text-align:center;padding:0 11px; border:solid 1px #dcdcdc; color:#666; margin:0 4px;}
.pagelink a:hover,.pagelink a.on { background:#3889c8; color:#fff; border:solid 1px #3889c8;}
.pagelink span{display:inline-block; color:#fff; background:#3889c8;line-height:28px; height:28px; border:solid 1px #3889c8;}

/*========================================= 首页 =====================================*/
.logo{margin-top: 18px;}
.nav{font-size:16px;}
.nav .m{float:left;line-height: 90px;}
.nav .m>a{display:inline-block;position:relative;padding: 0 20px}
.nav .m>a::after{content:"";position:absolute;left:0;bottom:0px;height:2px;width:0;background:#3889c8;transition:all .3s;}
.nav .m>a:hover::after,.nav .m .cur::after{width:100%;}
.nav .m>a:hover,.nav .m>.cur,.nav .on>a{color:#3889c8;}
.navSub{position:absolute;left:0;top:100px;background: rgba(0,0,0,.6);width:100%;padding:30px 40px;display:none;overflow:hidden;}
.navSub ul>li{float:left;width:20%;font-size:14px;line-height:34px;text-align:center;}
.m1 .navSub ul ul {padding-bottom:20px;overflow: hidden;}
.nav .navSub ul>li a{color:#eee;font-weight:bold;line-height:34px;height:34px;}
.navSub ul ul li{width:100%;font-weight:normal;line-height:26px;height:26px;}
.nav .navSub ul ul li a{font-weight:normal;}
.navSub ul>li a:hover{color:#fff;text-decoration: underline;}

header{position: relative}
.navbox{position: absolute;top: 130px;left: 0;width: 100%;background: rgba(211,211,217,0.9) fixed;padding: 40px 0;z-index: 999;display: none}
.navboxsa{font-size: 15px;line-height: 35px;overflow: hidden;padding-bottom: 15px;}
.navboxsa dl{width: 110px;height: 35px;  color: #fff;  margin-right: 20px;  background-color: #d9281e;  text-align: center;  }
.navboxsa ul{width: 1200px}
.navboxsa ul li{float: left;margin: 0 10px 20px 10px}
.navboxsa ul li a:hover{color: #d9281e}


.banner{ width:100%; position:relative; overflow:hidden;}
.banner .swiper-container{ width: 100%;height: 100%;overflow:hidden;}
.banner ul li{height: 565px}
/*.banner .pagination{position: absolute; bottom:30px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet{width:10px;height:10px;margin:0 3px!important;cursor: pointer;border: 2px solid #fff;border-radius: 100%;position: relative}
.banner .swiper-pagination-bullet-active{ opacity: 1;background:none}
.banner .swiper-pagination-bullet:after{  content: "";  position: absolute;  width: 6px;  height: 6px;  background: #fff;  top: 2px;  left: 2px;  border-radius: 100%;  opacity: 0;  }
.banner .swiper-pagination-bullet-active::after {  opacity: 1;  }*/

.oneA{background-color: #fcfcfe;padding: 30px 0;box-shadow: 0px 0px 6px 0px rgba(193, 193, 193, 0.48);position: relative;
    z-index: 1;overflow: hidden;margin-top: -50px;}
.oneAl{margin-left: 25px}
.oneAl h2{color: #1e50ae;}
.oneAl p{color: #cfcccf;margin-top: 8px}

.oneAr{width: 1040px;margin: 0 auto}
.oneAr ul li{width: 480px;float: left;margin-right: 40px}
.oneAr ul li dl{line-height: 24px}
.oneAr ul li h3{display: inline-block;font-size: 16px}
.oneAr ul li span{display: inline-block;float: right;color: #999}
.oneAr ul li dd{color: #999;margin-top: 10px}

.title{text-align: center;margin-top: 40px}
.title h2{font-size: 30px;}
.title p{font-family: Arial;color: #999;margin-top: 10px;text-transform: capitalize}

.oneB{background-color: #edeef0;margin-top: -64px;padding-top: 64px;padding-bottom: 50px}

.product .pro_box{
    height: 490px;
    margin: 30px auto 0 auto;
    overflow: hidden;
}
.product .pro_box dl{
    float: left;
    width: 300px;
    height: 490px;margin-right: 32px;
    position: relative;border-radius: 5px;
}
.product .pro_box dl:nth-child(4){margin-right: 0}
.product .pro_box dl.pro1{background: url(../img/pro_list1.jpg) no-repeat center;background-size: cover;  position: relative;}
.product .pro_box dl.pro2{
    background: url(../img/pro_list2.jpg) no-repeat center;background-size: cover;
    position: relative;
}
.product .pro_box dl.pro3{
    background: url(../img/pro_list3.jpg) no-repeat center;background-size: cover;
    position: relative;
}
.product .pro_box dl.pro4{
    background: url(../img/pro_list4.jpg) no-repeat center;background-size: cover;
    position: relative;
}
.product .pro_box dl .txt dt{
    margin: 20px auto 35px auto;
}
.product .pro_box dl .txt dt span{
    width: 94px;
    height: 94px;
    background: #fff;
    border-radius: 50%;
    display: block;
    margin: 0 auto 13px auto;
}
.product .pro_box dl .txt dt span img{
    width: 94px;
    height: 94px;
    display: block;
    margin: 0 auto 0px auto;
}
.product .pro_box dl .txt dt a{
    display: block;
    text-align: center;
    font-size: 24px;
    color: #fff;
}
.product .pro_box dl .txt dd{
    width: 230px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 10px auto;
    background: #fff;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.product .pro_box dl .txt dd a{
    color: #eb684a;
    padding: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    text-align: center;
}
.product .pro_box dl.pro2 dd a{color: #3eb7ae;}
.product .pro_box dl.pro3 dd a{color: #645cf3;}
.product .pro_box dl.pro4 dd a{color: #66acfc;}
.product .pro_box dl dd:hover{border-radius: 25px}
.product .pro_box .txt_on dd:hover{border-radius: 25px;}
.product .pro_box dl.pro1 .txt {position: relative;z-index: 99;}
.product .pro_box dl.pro1 .txt_on{
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/pro1.jpg) no-repeat center;
    width: 0;
    height: 490px;
    padding-left: 300px;
    opacity: 0;
    -webkit-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    z-index: 90;
}
.product .pro_box dl.pro1:hover .txt_on{
    /*width: 600px;*/
    width:100%;
    opacity: 1;
}
.product .pro_box dl .txt_on .box{
    height: 440px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
.product .pro_box dl:hover .txt_on .box{
    opacity: 1;
}
.product .pro_box dl .txt_on dt{
    margin: 20px 0 35px 18px;
    width: 230px;
    float: left;
    display: none;
}
.product .pro_box dl .txt_on dt span{
    width: 94px;
    height: 94px;
    background: #fff;
    border-radius: 50%;
    display: block;
    margin: 0 auto 13px auto;
}
.product .pro_box dl .txt_on dt span img{
    width: 94px;
    height: 94px;
    display: block;
    margin: 0 auto 0 auto;
}
.product .pro_box dl .txt_on dt a{
    display: block;
    text-align: center;
    font-size: 24px;
    color: #fff;
}
.product .pro_box dl .txt_on .nr{
    margin-top: 95px;
}
.product .pro_box dl.pro3 .txt_on .nr{ }
.product .pro_box dl .txt_on dd{
    width: 230px;
    height: 40px;
    line-height: 40px;
    margin: 0 18px 10px 18px;
    background: #fff;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    float: left;
}
.product .pro_box dl .txt_on dd a{
    color: #eb684a;
    padding: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    text-align: center;
}
.product .pro_box dl.pro2:hover .txt{
    position: relative;
    z-index: 40;
}
.product .pro_box dl.pro2 .txt_on{
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/pro2.jpg) no-repeat center;
    width: 0;
    height: 490px;
    padding-left: 300px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 30;
}
.product .pro_box dl.pro2:hover .txt_on{
    /*width: 295px;*/
    width:100%;
    opacity: 1;
}
.product .pro_box dl.pro2 .txt_on .nr dd a{
    color: #3eb7ae;
}
.product .pro_box dl.pro3:hover .txt{
    position: relative;
    z-index: 30
}
.product .pro_box dl.pro3 .txt_on {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/pro3.jpg) no-repeat center;
    width: 0;
    height: 490px;
    padding-right: 300px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 9;
    overflow: hidden;
}
.product .pro_box dl.pro3:hover .txt_on{
    /*width: 295px;*/
    width:100%;
    opacity: 1;
    z-index: 20;
}
.product .pro_box dl.pro3 .txt_on .nr{
    margin-left: 69px;
    margin-top: 97px;
}
.product .pro_box dl.pro3 .txt_on dt{
    float: right;
    margin: 20px 0 34px 18px;
}
.product .pro_box dl.pro3 .txt_on .nr dd{
    margin: 0 18px 10px 0;
    float: right;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.product .pro_box dl.pro3:hover .txt_on .nr dd{
    opacity: 1;
}
.product .pro_box dl.pro3 .txt_on .nr dd a{
    color: #645cf3;
}
.product .pro_box dl.pro4 .txt{
    position: relative;
    z-index: 999;
}
.product .pro_box dl.pro4 .txt_on{
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/pro4.jpg) no-repeat center;
    width: 0;
    height: 490px;
    padding-right: 295px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 9;
    overflow: hidden;
}
.product .pro_box dl.pro4:hover .txt_on{
    /*width: 295px;*/
    width:100%;
    opacity: 1;
    z-index: 99;
}
.product .pro_box dl.pro4 .txt_on .nr{ }
.product .pro_box dl.pro4 .txt_on dt{
    float: right;
}
.product .pro_box dl.pro4 .txt_on .nr dd{
    margin: 0 18px 10px 0;
    float: right;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.product .pro_box dl.pro4:hover .txt_on .nr dd{opacity: 1;}
.product .pro_box dl.pro4 .txt_on .nr dd a{color: #66acfc;}

.oneC{margin-top: 40px;overflow: hidden;}
.oneC ul li {  width: 300px;  height: 290px;  margin-right: 32px;  float: left;  }
.zhbg {  width: 300px;  height: 290px;  }
.zhbg .bg {  width: 300px;  height: 290px;  transition: all 0.5s ease 0s;  -webkit-transition: all 0.5s ease 0s;  -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s;  display: block;  border: 1px solid transparent;  }
.zhbg .bg:hover {  transform: scale(0.95);  -webkit-transform: scale(0.95);  -ms-transform: scale(0.95);  -moz-transform: scale(0.95);  -o-transform: scale(0.95);  }
.zhbg {  background: #f4f4f4;  }
.zhbg .bg01 {  background: url(../img/a01.png) no-repeat 0 0;background-size: cover;  }
.zhbg .bg02 {  background: url(../img/a02.png) no-repeat 0 0;background-size: cover;  }
.zhbg .bg03 {  background: url(../img/a03.png) no-repeat 0 0;background-size: cover;  }
.zhbg .bg04 {  background: url(../img/a04.png) no-repeat 0 0;background-size: cover;  }
.zhbg a .bg p, .zhbg a .bg i {  color: #fff;  text-align: center;  }
.zhbg a .bg p {  font-size: 25px;  margin: 90px 0 -12px;  font-weight: 600  }
.zhbg a .bg i {  font-size: 12px;  font-style: normal;  display: block;  line-height: 26px;  }
.zhbg a .bg p{  width: 176px;  height: 52px;  margin-left: 53px;  line-height: 66px;  margin-bottom: 4px;  font-size: 28px;  }
.zhzt h2 {  width: 100%;  }
.oneC ul li:last-child{margin-right: 0}

.oneD{background-color: #f7f8fa;overflow: hidden;margin-top: 50px;padding-bottom: 55px}
.oneDa{margin-top: 40px}
.oneDa ul li{width: 290px;height: 345px;box-shadow: 0 0 10px #ccc;float: left;background-color: #fff;overflow: hidden;
    margin-left: 30px}
.oneDa ul li dd{margin: 20px 14px 0;border-bottom: 1px solid #e8e8e8;overflow: hidden;padding: 0 30px 10px}
.oneDa ul li dd i{display: inline-block;width: 35px;height: 37px;float: left}
.oneDa ul li dd h3{display: inline-block;font-size: 18px;float: left;line-height: 37px;margin-left: 11px}
.oneDa ul li dt{margin: 30px 14px;line-height: 1.8;color: #555;min-height: 75px}
.oneDa ul li dl img{width: 100%;transition: all 0.5s;}
.oneDa ul li:nth-child(1) dd i{background: url("../img/od1.png") no-repeat center}
.oneDa ul li:nth-child(2) dd i{background: url("../img/od2.png") no-repeat center}
.oneDa ul li:nth-child(3) dd i{background: url("../img/od3.png") no-repeat center}
.oneDa ul li:nth-child(4) dd i{background: url("../img/od4.png") no-repeat center}
.oneDa ul li:hover dl img{transition: all 0.5s;transform: scale(1.1)}
.oneDa ul li:hover h3{color: #3889C8}

.oneE{background-color: #3889c8;overflow: hidden}
.oneEs{}
.oneEsl{background-color: #fd8739;float: left; width: 211px;height: 230px;color: #fff;text-align: center}
.oneEsl h1{ color:#fff; font-size: 22px;  background: url(../img/white_line.png) no-repeat; width: 162px; height: 56px; line-height: 56px;
    margin: 0 auto; margin-top: 50px}
.oneEsl p{ font-size: 14px; color:#fff;margin: 15px 0 6px}
.oneEsl b{ font-size: 23px;}

.oneEsr{width: 945px;margin-top: 10px;margin-left: 45px}
.oneEsr ul{ height: auto; overflow: hidden;background: url(../img/proce_bg.png) no-repeat center 93px;padding-top: 46px;}
.oneEsr ul li{ float: left; width: 109px; height: 109px; border-top:1px solid #757575; border:1px solid #fff;  margin-right: 58px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: center; color:#fff; border-radius: 50%;transition: .4s;moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s;backface-visibility: hidden;}
.oneEsr ul li:last-child{ margin-right: 0;}
.oneEsr ul li:hover{margin-top: -10px;/* -webkit-transform: rotate(-360deg);-moz-transform: rotate(-360deg); */ }
.oneEsr ul li div{ height:42px; }
.oneEsr ul li img{ display: block; margin:0 auto; margin-top: 17px;}
.oneEsr ul li h1{ font-size: 16px; margin-top: 5px; font-weight: normal;}
.oneEsr ul li p{ font-size: 11px;  color:#7d7d7d; font-family: "Arial"; line-height: 12px;}

.oneF{position: relative;}
.oneFs{margin: 0 35px;padding: 30px 0}
.oneF ul li{text-align: center}
.oneF ul li dl{padding: 0 5px}
.oneF ul li dl img{max-width: 100%;height: 196px}
.oneF ul li p{margin: 20px 0}
.oneF ul li:hover{box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);transition: all 0.3s ease-out 0s;}
.swiper-button-next{text-align: right}

.oneG{background-color: #edeef0;overflow: hidden;padding-bottom: 25px}
.oneGs{margin-top: 25px}
.oneGsl{background-color: #fff;width: 880px;height:453px;border: 1px solid #dddddd;box-sizing: border-box}
.oneGsla{padding: 20px 25px;box-sizing:border-box;width: 100%;overflow: hidden;border-bottom: 1px dashed #dddddd}
.oneGsla dd{display: inline-block;margin-right: 30px;font-size: 16px;font-weight: bold;background: url("../img/of1.png") no-repeat right;
    padding-right: 20px;cursor: pointer}
.oneGsla a{display: inline-block;float: right}
.oneGsla dd:hover,.oneGsla dd.active{color: #3889c8; background-image: url(../img/of1h.png);}

.oneGslb{overflow: hidden;display: none}
.oneGslb1{display: block}
.oneGslc{overflow: hidden;border-bottom: 1px dashed #dddddd;padding: 20px 20px 30px;}
.oneGslc ul li{width: 48.5%;overflow: hidden;float: left}
.oneGslc dd{width: 156px}
.oneGslc dd img{max-width: 100%;height: 94px;}
.oneGslc dl{width: 225px;margin-left: 15px}
.oneGslc dl h3{font-size: 16px;margin-top: 5px}
.oneGslc dl i{display: block;width: 14px;height: 1px;background-color: #d2d2d2;margin: 10px 0}
.oneGslc dl span{font-size: 12px;color: #999}
.oneGslc dl p{line-height: 1.8;color: #999;margin-top: 5px}
.oneGslc .gd{display: inline-block;width: 150px;line-height: 42px;background-color: #fd8e16;color: #fff;font-size: 16px;
text-align: center;border-radius: 3px;margin-top: 25px}
.oneGslc .gd:hover{background-color: #d9281e}
.oneGslc ul li:nth-child(2n){float: right}

.oneGsld{padding: 0 20px;}
.oneGsld ul li{width: 375px;float: left;position: relative;line-height: 24px;border-bottom: 1px dashed #dddddd;padding: 14px 0}
.oneGsld ul li a{font-size: 16px;}
.oneGsld ul li:before {  content: "";  display: inline-block;  width: 8px;  height: 3px;  background-color: #838383;  margin-right: 4px;  vertical-align: middle;  }
.oneGsld ul li span{float: right;color: #999}
.oneGsld ul li:nth-child(2n){float: right}

.oneGsr{width: 385px;height:453px;border: 1px solid #ddd;box-sizing: border-box;background-color: #fff;padding: 25px 20px}
.oneGsra{width: 100%;overflow: hidden}
.oneGsra dd{display: inline-block;font-size: 16px;font-weight: bold;background: url("../img/ofr1.png") no-repeat left;padding-left: 30px;}
.oneGsra a{float: right}

.oneGsrb{overflow: hidden;margin-top: 20px}
.oneGsrb img{width: 100%;height: 175px;}

.oneGsrc{border-top: 1px dashed #ddd;margin-top: 20px}
.oneGsrc ul li{padding: 0 10px 0 0;border-bottom: 1px dashed #ddd;}
.oneGsrc ul li dl{ background: url(../img/wt1.png) left center no-repeat;  line-height: 3.6;  padding-left: 30px;  font-size: 16px;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;  }
.oneGsrc ul li .line { width: 14px;  height: 1px;  background-color: #d2d2d2;  margin-left: 30px;  margin-bottom: 10px;  }
.oneGsrc ul li .desc { background: url(../img/wt3.png) left top no-repeat;  padding-left: 30px;  color: #999;  line-height: 1.8;  height: 3.6em;  overflow: hidden;margin: 8px 0 10px}
.oneGsrc ul li dl.on { background-image: url(../img/wt2.png);  }
.oneGsrc ul li:hover a{color: #3889c8}

.all_footer { width:100%; background-color:#393d43; overflow:hidden;}
.footer {overflow:hidden;}
.footer_l { float:left; height:270px; overflow:hidden;}
.fb_li { width:690px; padding-top:40px; float:left; overflow:hidden;}
.fb_li ul li { width:160px; float:left;}
.fb_li_T { height:36px; color:#fff; font-weight:bold; font-size:16px;}
.fb_li_box {  overflow:hidden;}
.fb_li_box ul li {  height:32px; line-height:32px;}
.fb_li_box ul li a { font-size:14px; color:#717478;}
.fb_li_box ul li a:hover { color:#009fe9; text-decoration:none;}
.footer_r { float:right; padding-top:30px; overflow:hidden;}
.fr_wx { width:170px; float:left; padding-top:10px; overflow:hidden;}
.FT { width:192px; padding-left:38px;  background:url(../img/ico_ewm.png) 8px top no-repeat; height:36px; color:#fff; font-size:16px; font-weight:bold;}
.Fwx { width:154px; color:#75787c; font-size:14px; line-height:18px; overflow:hidden; text-align:center;}
.fr_dh { width:250px; float:right; padding-top:2px; overflow:hidden;}
.Fdh_a { width:250px; overflow:hidden; font-size:14px; color:#ffffff; text-align:right; font-weight:bold;}
.Fdh_a span { color:#0dbc71; font-family: Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold;}
.Fdh_b { padding-top:15px;}
.Fdh_b a { width:160px; height:42px; display:block; background:url(../img/kf_btns.png) no-repeat; float:right;}
.links {border-top:1px solid #4d5156; padding-left:20px; height:60px; line-height:60px; background:url(../img/link_ico.png) left center no-repeat;
    color:#88898c;  margin:0 auto;}
.links a { color:#88898c;margin-right: 5px}
.foot { width:100%; background-color:#292c30; }
.footA {color:#818284; font-size:12px; text-align:center;  padding:10px 0; margin:0 auto; overflow:hidden;}
.footA a{color: #818284}

/*========================================= 关于我们 =====================================*/
.ny_ban{height:400px;overflow: hidden;position: relative;}
.bannertxt{width:100%;text-align: center;padding-top: 140px;color: #fff}
.bannertxt h2{font-size: 48px;font-weight: normal}
.bannertxt p{font-size: 18px;padding-top: 15px;}

.snavbox{height: 60px;background-color: #ebeef3;line-height: 60px;}
.snav{text-align: center}
.snav a{width: 216px;display: inline-block;text-align: center;font-size: 16px;color: #333;position: relative;}
.snav a:hover:after,.snav a.active:after{content: "";display: block;width: 42px;height: 4px;background-color: #ff7d07;position: absolute;
    left: 87px;bottom: 0px;}

.ny_title{text-align: center;margin-top: 40px;}
.ny_title h2{font-size: 30px;font-weight: normal}
.ny_title p{color: #999;margin-top: 10px;text-transform: uppercase;font-size: 18px}

.abqygk{margin-top: 60px;overflow: hidden}
.abqygkl{width: 552px;float: left;}
.abqygkl img{width: 552px;height:510px;}
.abqygkr{width: 704px;float: right;padding-left: 40px;}
.abqygkr h3{font-size: 24px;font-weight: bold;color: #333;margin-bottom: 20px;}
.abqygkr p,.abqygkr span{font-size: 15px;color: #545454;line-height: 26px;}
.abqygkr p{margin-bottom: 10px}

.qyys{background: url("../img/qyys.png") no-repeat center center;height: 495px;overflow: hidden;margin-top: 40px}
.abqyys{margin-top: 65px;}
.yqysull,.yqysulr{width: 320px;margin: 0px;}
.yqysull {float: left;width: 305px;margin-top: 20px}
.yqysulr{float: right;margin-top: 15px}
.yqysull li,.yqysulr li{font-size: 18px;color: #333;line-height: 74px;}
.yqysull li p,.yqysull li span,.yqysulr li p,.yqysulr li span{margin: 0px;}
.yqysull li{text-align: right;}
.yqysulr li{text-align: left;}

.qywh{background: url("../img/qywh.png") no-repeat center center;height: 640px;overflow: hidden}
.qywh .ny_title h2{color: #fff}
.fabt{color: #fff;}
.abqywh{width: 670px;float: right;color: #fff;margin-top: 125px;}
.abqywh p{margin-bottom: 10px;line-height: 24px;}
.abqywh p b{font-size: 16px;font-weight: bold;}

.abfwbg{background-color: #f7f8fa;padding: 50px 0}
.abfwshl,.abfwshr{width: 620px;height: 407px;}
.abfwshr{width: 676px}
.abfwshr{background-color: #1a5aa0;color: #fff;padding: 55px 60px;box-sizing: border-box}
.abfwlcl{background-color: #fff;color: #333;padding: 55px 60px;}
.abfwshr h3{margin: 0;font-size: 36px;margin-bottom: 35px;}
.abfwshr p{font-size: 16px;margin-bottom: 10px}

/*========================================= 产品中心 =====================================*/
.main{overflow: hidden;margin-top: 40px}
.subleft
{ width:232px; float:left;}
.sidebar
{ margin-bottom:10px;}
.topclass
{ width:100%; height:120px; background-color:#292929; color:#fff; text-align:center;}
.topclass h2
{ padding:34px 0 0 0; font-size:26px; font-weight:bold; text-align:center;}
.topclass span
{ font-size:16px; text-transform:uppercase;}
.side-menu
{ background-color:#0080c7;}
.side-menu li a
{ display:block; height:44px; line-height:44px; text-align:center; border-top:1px solid #0066bb; color:#fff; font-size:16px; padding:0 10px;}
.side-menu li a:hover,.side-menu li.active a
{ background:#006ead; text-decoration:none;}


.leftcontact
{ margin:20px 0;}
.subleft .titlex
{ text-align:center; background:#292929; color:#fff; height:82px;}
.subleft .titlex span
{ margin-top:10px; border-bottom:1px dashed #fff; display:inline-block; padding:0 10px; color:#fff; font-size:24px; font-weight:bold; line-height:40px;}
.subleft .titlex b
{ line-height:2; text-transform:uppercase; font-size:12px; font-weight:normal; display:block;}
.leftcontactcomt
{ line-height:28px; border:1px solid #292929; padding:10px;}
.leftcontactcomt h3{font-size: 15px}


.sublert
{ width:1020px; float:right;}
.breadCrumb
{ width:100%; height:55px; border-bottom:1px solid #dadada; position:relative; margin-bottom:30px;}
.breadCrumb h2
{ font-size:18px; line-height:54px; padding:0 4px; border-bottom:3px solid #0471ce; color:#333; float:left;}
.breadCrumb .fr
{ color:#999; line-height:54px; float:right; font-size:12px;}
.breadCrumb .fr a
{ color:#999; }
.breadCrumb .fr a:hover
{ color:#0080c7; }
.pageBox
{ line-height:1.75; overflow:hidden;}


/*========================================= 产品中心 =====================================*/
.list-case
{ }
.list-case li
{ padding:0 5px; border-bottom:1px dashed #ddd; }
.list-case li .img
{ width:184px; height:139px; text-align:center; overflow:hidden; background:#fff;  float:left;}
.list-case li .img img
{  height:100%; }
.list-case li .textcon
{ width:785px; float:right;}
.list-case li .textcon h3
{ font-size:16px; line-height:20px; padding:10px 0;font-weight: bold}
.list-case li .textcon p
{ height:40px; line-height:20px; color:#666; overflow:hidden; padding-bottom:10px;}
.list-case li a
{ display:block; height:139px; padding:15px 10px; z-index:20;}
.list-case li a:hover{ -webkit-box-shadow: 0 0px 5px 3px #aaa;box-shadow: 0 0px 5px 3px #aaa;transition: all 0.3s ease;}

/*========================================= 成功案例=====================================*/
.case
{ overflow:hidden;}
.case li
{ height:46px; line-height:46px; border-bottom: 1px solid #F0F0F0; background:url(../img/ico2.png) no-repeat left center; padding-left:30px;}
.case li a:hover
{ line-height:46px; padding-left:5px;transition: all 0.3s ease;}

/*========================================= 新闻中心 =====================================*/

.news{margin-top: 20px}
.news ul li{padding: 25px 0;border-bottom: 1px solid #dcdcdc;overflow: hidden;}
.news ul li dl{width: 294px;overflow: hidden}
.news ul li dl img{transition: all 0.6s;height: 220px}
.news ul li .text{width: 790px;margin-left: 30px}
.news ul li .text h3{margin: 20px 0;font-size: 22px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news ul li .text p{font-size: 16px;color: #666;line-height: 1.6;overflow: hidden;margin-bottom: 30px;}
.news ul li .text .xq{display: inline-block; line-height: 26px;padding-left: 10px;padding-right: 10px;border: 1px solid #333333;  border-radius: 0;  }
.news ul li .text .xq:hover {  color: #3889c8;  border-color: #3889c8;  }
.news ul li .date{margin-top: 70px}
.news ul li .date b{font-size: 50px}
.news ul li .date p{font-size: 16px;  border-top: 1px solid #333;  line-height: 2;}
.news ul li:hover dl img{transform: scale(1.1);transition: all 0.6s}
.news ul li:hover .text h3{color: #3889c8}

/*========================================= 关于我们 =====================================*/
.gyA{background-color: #f2f2f3;padding: 128px 0 55px;margin-top: -107px;overflow: hidden}
.gyAa{margin-top: 30px}
.gyAar{width: 815px;height: 540px;background-color: #fff;margin-top: 60px;padding: 55px;box-sizing: border-box}
.gyAar h2{font-size: 30px}
.gyAar span{color: #e2e2e2;font-size: 24px;display: inline-block;margin: 10px 0 30px}
.gyAar p{font-size: 16px;color: #5f5f5f;line-height: 2.2}
.gyAar a{display: inline-block;width: 132px;line-height: 40px;text-align: center;border: 1px solid #d9281e;font-size: 16px;
margin-top: 60px;color: #d9281e}
.gyAar a:hover{background-color: #d9281e;color: #fff}

.gyB{background: url("../img/gyb.png") no-repeat center;background-size: cover;overflow: hidden;padding-bottom: 105px}
.gyB ul{overflow: hidden;width: 1320px;margin: 0 auto;margin-top: 90px;}
.gyB ul li{float: left;}
.gyB ul li i{display: inline-block;width: 88px;height: 88px;background: url("../img/gybg.png") no-repeat;float: left}
.gyB ul li dl{float: left;margin-left: 20px}
.gyB ul li dl h3{font-size: 20px;font-weight: bold;margin-top: 10px}
.gyB ul li dl p{margin-top: 15px;line-height: 1.6;}
.gyB ul li:nth-child(2){margin: 0 115px}
.gyB ul li:nth-child(2) i{background-position: -450px}
.gyB ul li:nth-child(3) i{background-position: -992px}

.gyC{background-color: #f2f2f2;overflow: hidden;margin-top: 55px;padding-bottom: 50px}
.gyC ul{margin: 40px auto 75px;overflow: hidden}
.gyC ul li{width: 33.3%;text-align: center;float: left}
.gyC ul li i{display: inline-block;width: 70px;height: 61px;background: url("../img/gyc.png") no-repeat}
.gyC ul li h3{font-size: 20px;font-weight: bold;margin: 15px 0}
.gyC a{display:block;width: 240px;height:60px;line-height: 60px;margin: 0 auto;font-size: 20px;color: #fff;background-color: #d9281e;text-align: center}
.gyC ul li:nth-child(1) i{background-position: 4px}
.gyC ul li:nth-child(2) i{background-position: -400px}
.gyC ul li:nth-child(3) i{background-position: -809px}
.gyC a:hover{background-color: #C8281E}

#dituContent{height: 450px;}

/*========================================= 联系我们 =====================================*/
/*.contact{overflow:hidden;border:1px solid #e7e7e7;line-height: 24px;margin-top: 40px}*/
/*.contact .main{padding:30px;width:730px;line-height: 2}*/
/*.contact .wx{border-left:1px solid #e7e7e7;width:340px;padding:30px;}*/
/*.contact .wx p,.contact .wx p img{width:150px;}*/
/*.contact .wx p{padding-left:0;margin-left:0;text-align:center;}*/

/*.map{margin-top: 40px;overflow: hidden;height: 450px}*/

/*=======================================详情页============================================*/
.rt_con{padding: 30px 20px 0;overflow: hidden;box-sizing: border-box}
.news_info{overflow:hidden; border-bottom:1px dashed #ccc;}
.info_title{text-align:center;}
.info_title h2{font-size:24px;color:#000;}
.info_laiyuan{line-height:48px;font-size:12px; color:#888;text-align:center; border-bottom:1px dashed #ccc;}
.info_text{padding:30px 0;color:#333;line-height:2;min-height: 400px;box-sizing: border-box}
.info_text img{max-width:100%;}
.info_picA{padding:10px;text-align:center;}
.info_picA img {max-width:100%;width: expression(this.width > 720 ? 720: true)}

.con{line-height: 2;font-size: 16px;box-sizing: border-box;margin-top: 40px;padding-bottom: 40px}
.con img{max-width: 100%}

/*=======================================产品详情页============================================*/
.product-top .con_img{text-align: center;margin-top: 30px}
.product-top .con_img img{max-width: 100%}
.product-top h2{font-size:24px;color:#000;text-align: center;font-weight: normal;margin-top: 30px}
.product-con{line-height:2;padding: 30px 0;border-bottom:1px dashed #ccc;margin-top: 30px}
.product-con img{max-width: 100%}