/*全局控制*/
@charset "utf-8";
*{box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
div,dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
h1,h2,h3,h4,h5,h6,
pre, code,/* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
p,blockquote,th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {font: 14px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}   
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化
*/
table,td,tr,th{font-size:12px;}
caption,th {text-align:left;}  
/** 重置列表元素 **/
ul, ol, li { list-style: none; }
li{list-style-type:none;}
q:before,q:after {content:'';}   
abbr,acronym {border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-weight:normal; font-style:normal;} 
del,ins{text-decoration:none;}
/** 重置文本格式元素 **/
a {color:#000;text-decoration:none;outline:none; cursor: pointer;}
/* a:visited {color:#000;text-decoration:none;} */
a:hover {text-decoration:none;}
/* a:active {color:#666;} */
/** 重置表单元素 **/
legend { color: #666; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/** 清除浮动 **/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;}
body{ overflow-x: hidden; width: 100%; background:#fff;font:14px/20px  "微软雅黑",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color:#000; position: relative;}
input[type="text"],textarea{-webkit-appearance:none;}
input{_background:#fff;}
textarea{background:#fff;}
select{*background:#fff;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{ clear:both;}
.fl{float:left;}
.fr{float:right;}
.bl1 {clear:both; height:1px; overflow:hidden; display:block;}
.bl5 {clear:both; height:5px; overflow:hidden; display:block;}
.bl10 {clear:both; height:10px; overflow:hidden; display:block;}
.bl15 {clear:both; height:15px; overflow:hidden; display:block;}
.bl20 {clear:both; height:20px; overflow:hidden; display:block;}
.bl30 {clear:both; height:30px; overflow:hidden; display:block;}
.bl40 {clear:both; height:40px; overflow:hidden; display:block;}
.bl50 {clear:both; height:50px; overflow:hidden; display:block;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.wrap{width:1200px;margin:0 auto;text-align:left;}
.aui-ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.aui-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.aui-ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
._block{ display: block;}

.h_top{
    height: 38px;
    width: 100%;
    background-color: #020100;
    line-height:38px;
}
.h_top p{ color: #fff; font-size: 16px;}
.h_top span{color: #959595;}
.h_top a{font-size: 16px; color: #fff; padding-left: 30px; background: url(../img/ico1.png) no-repeat center left;}
.h_top a:hover{ text-decoration:underline;}
.h_logo{ background-color: #fff; position: relative; width: 100%; z-index: 100;box-shadow: 0 3px 20px rgba(79,78,78,0.09);}
.h_logo .logo{
    width: 169px;
    height: 63px;
    margin: 13px 0 12px;
}
.h_logo.fixed{ position: fixed; top: 0; left: 0;}

.h_logo .logo a,.h_logo .logo img{ display: block; width: 100%;}
.h_logo .nav li{ float: left;width: 113px; text-align: center; margin: 0 10px;  }
.h_logo .nav li.on>a::after,.h_logo .nav li:hover>a::after{ content: ''; width: 100%; height: 2px; background: #005BAC; position: absolute; bottom: 0; left: 0;}
.h_logo .nav li>a{padding-top: 40px; padding-bottom: 28px;font-size: 20px; font-size: 20px; color: #020100; display: block; position: relative;}
.h_logo .nav{ margin-left: 130px;}
.search{height: 88px; position: relative; }
.searchInput{
    width: 497px;
height: 54px;
border: 1px solid #B5B5B5;
position: absolute;
left: -508px;
    top: 18px;
    background: #fff;
  opacity: 0; visibility: hidden;
  transition: all 0.5s;
}
.searchInput .btn{width: 60px; height: 100%; border: none; position: absolute; transition: all .6s; right: 0; top: 0;background: url(../img/searchIco1.png) no-repeat center;}
.search.on .searchInput{
    opacity: 1;
    visibility: visible;
}
.search.on span{ background: url(../img/close.png) no-repeat center; margin-top: 35px;}

.text_input{width: 400px; border: none; height: 100%; text-indent: 25px; font-size: 18px;}
.search span{ background: url(../img/searchIco.png) no-repeat center; width: 22px; height: 22px; position: relative;  display: block;    margin-top: 38px;}
.navChild{padding-top: 39px; padding-bottom: 35px; width: 100%; position: absolute;top: 88px; left: 0; z-index: 10; background: #EEEEEE; visibility: hidden; opacity: 0; transition: all .6s;}
.navChild.show{opacity: 1;visibility: visible;}
.navChild .p_icon i{ width: 90px; height: 59px; margin: 0 auto;} 
.navChild .catory1 i{ background: url(../img/pIco1.png) no-repeat;} 
.navChild .catory2 i{ background: url(../img/pIco2.png) no-repeat;} 
.navChild .catory3 i{ background: url(../img/pIco3.png) no-repeat;} 
.navChild .catory4 i{ background: url(../img/pIco4.png) no-repeat;} 
.navChild .catory5 i{ background: url(../img/pIco5.png) no-repeat;} 
.navChild .catory6 i{ background: url(../img/pIco6.png) no-repeat;} 
.navChild .p_icon span{ display: block; text-align: center; font-size: 20px; color: #4D4D4D; margin-top: 10px;}
.navChild .p_icon:hover span{ color: #005BAC;}
.navChild .catory1:hover i{ background: url(../img/pIco1_on.png) no-repeat;} 
.navChild .catory2:hover i{ background: url(../img/pIco2_on.png) no-repeat;} 
.navChild .catory3:hover i{ background: url(../img/pIco3_on.png) no-repeat;} 
.navChild .catory4:hover i{ background: url(../img/pIco4_on.png) no-repeat;} 
.navChild .catory5:hover i{ background: url(../img/pIco5_on.png) no-repeat;} 
.navChild .catory6:hover i{ background: url(../img/pIco6_on.png) no-repeat;} 
.catoryChild { margin-top: 30px;}
.catoryChild a{ display: block; position: relative; font-size: 18px; color: #4d4d4d; padding-right: 31px; line-height: 180%; }
.catoryChild a::after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 8px; height: 14px;background: url(../img/ico2.png) no-repeat center ;      background-position: 0 -23px;}
.catoryChild a:hover{ color: #005BAC;}
.catoryChild a:hover::after{  background-position: 0 0; }
.casechild{ width: 925px; margin: 0 auto; text-align: left;margin-bottom: 10px;}
.casechild .name{font-size: 24px; color: #000;  padding-bottom: 16px; border-bottom: #c9c9c9 1px solid;}
.childList a{color: #4d4d4d; font-size: 18px; width: 150px; text-align: left; padding-right: 38px; position: relative; display: block; float: left; margin: 30px 55px 0 5px;} 
.childlist a.on{color: #005BAC;}
.childList a i{width: 8px; height:16px ; vertical-align: middle; background: url(../img/ico2.png) no-repeat center; background-position: 0 -22px; position: absolute; right: 0; top: 3px;}
.casechild .fl{ width: 420px;}
.casechild .Img img{width: 439px; height: 213px; display: block;}
.casechild .Img p{ color: #4d4d4d; font-size: 20px; margin-top: 13px; text-align: left;}
.childList a:hover{ color:#005BAC;}
.childList a:hover i{  background-position: 0 0px; background: url(../img/ico2.png) no-repeat;}
.p_catory{ float: left; margin-right: 87px; }
.p_catory:last-child{ margin-right: 0;}

.banner {
    position: relative;
    overflow: hidden;
    width: 100% !important;
}

.banner .slide,
.banPic,
.banPic .swiper-slide{
    width: 100% !important;
    height: 550px;
}
/*.n_banner .n_slide,
.n_banPic,
.n_banPic .n_swiper-slide{
    width: 100% !important;
    height: 750px;
}*/
/* 	.n_banner,
	.n_banPic,
	.n_swiper-slide,
	.n_slide{
		width: 100% !important;
		height: 750px;
	} */

.banner li a {
    display: block;
    cursor: pointer;
}

.swiper-pagination.dot_style {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 25px;
    text-align: center;
    z-index: 10;
    min-height: 26px;
}
.dot_style .swiper-pagination-bullet {
    opacity: 1;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #FFFFFF;
    margin: 0 10px !important;
    font-size: 0;
    transition: all .5s;
    vertical-align: middle;
}

.dot_style .swiper-pagination-bullet-active {
    background: none;
    width: 26px;
    height: 26px;
    border: 2px solid #FFFFFF;
}
.productType{ margin-top: 30px; position: relative;}
.productType .swiper-slide{width: 130px;}
.productType .swiper-slide img{width: 114px; height: 88px; margin: 0 auto;}
.productType .swiper-slide span{font-size: 18px; color: #020100;margin-top: 10px;}
.productType .swiper-slide a{ text-align: center; position: relative;}
.productType .swiper-slide.on a{ color: #005BAC; padding-bottom: 15px;} 
.productType .swiper-slide.on a::after{
    content: '';
    width: 113px;
    height: 3px;
    background: #005BAC;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -56.5px;
}
.buttoNext,.buttonPrev{position: absolute; top: 50%;width: 40px; height: 60px; margin-top: -30px;}
.buttonPrev{ background: url(../img/arrow1.png) no-repeat center; left: -50px;}
.buttoNext{ background: url(../img/arrow2.png) no-repeat center; right: -50px;}
.buttonPrev:hover{ background: url(../img/arrow1_on.png) no-repeat center; left: -50px;}
.buttoNext:hover{ background: url(../img/arrow2_on.png) no-repeat center; right: -50px;}

.i_product{background-color: #f8f8f8; padding: 0 0 50px 0;}
.i_product ul li{float: left; width: 50%;}
.i_product ul li span{width: 550px; height: 500px; overflow: hidden;    position: relative;}
.i_product ul li:hover img{margin-top: -10px;}
.i_product ul li img{ /*width: 100%; */    max-width: 750px; transition: all .6s; position: absolute;top: -25px; left: -50%; margin-left: 185px;}
.i_product ul li strong{font-size: 24px; color: #030000; line-height: 120%;margin-top: 20px;}
.i_product ul li p{font-size: 32px; color: #030000; line-height: 150%;}
em.more{width: 135px;
    height: 32px;
    border: 1px solid #000000; color: #030000; font-size: 14px; text-align: center; line-height: 28px; margin-top: 15px;}
em.more:hover,.more a:hover{
    background: #005BAC;
    color: #fff;
    border-color: #005BAC !important;
}
.hide{ display: none;}
.i_case{ margin: 90px auto 0; width: 1200px;}
.i_name{font-size: 44px; color: #000; text-align: center; position: relative;padding-bottom: 25px; line-height: 100%;}
.i_name::after{ content: ''; 
    width: 82px;
    height: 5px;
    background: #005BAC;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -41px;
}
.pic1{width: 65%;height: 395px; float: left;}
.pic2{width: 34%; height: 395px; float: right;}
.pic3{width: 34%; height: 395px; float: left;margin-top: 1%;}
.pic4{width: 65%;height: 395px; float: right;margin-top: 1%;}
.casePic a{padding-top: 120px; text-align: center; position: relative; overflow: hidden;}
.casePic a span{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.casePic a:hover span{transition: 6s linear;
    transform: scale(1.1);}
.casePic i{width: 88px; height: 53px; margin: 0 auto; }
.pic1 i{ background: url(../img/cIco1.png) no-repeat;}
.pic2 i{ background: url(../img/cIco2.png) no-repeat;}
.pic3 i{ background: url(../img/cIco3.png) no-repeat;}
.pic4 i{ background: url(../img/cIco4.png) no-repeat;}
.casePic em.more{ margin: 18px auto 0; border-color: #fff; color: #fff;}
.casePic h3{font-size: 32px; color: #FFFFFF; line-height: 150%; margin-top: 20px;}
.casePic{margin-top: 60px;}
.i_friend li {float: left; width: 240px;border: #e4e4e4 1px solid;margin-top: -1px;margin-left: -1px; }
.i_friend li a img{ width: 100%; height: 110px; display: block;}
.i_friend li:hover{
    box-shadow: 2px 2px 10px #cdcdcd;
    position: relative;
    z-index: 1;
}
.i_friend{margin-top: 110px;}
.i_friend ul,.i_news ul{margin-top: 70px;}
.i_news{ margin-top: 90px; margin-bottom: 150px;}
.i_news ul li{ width: 392px; float: left; margin-right: 12px;}
.i_news ul li .Img{ width: 392px; overflow: hidden ; height: 244px; position: relative;}
.i_news ul li .Img img{ display: block; width: 100%; }
.i_news ul li .Img span{ position: absolute; top: 0; left: 0; display: block;width: 80px;  height: 30px; background: rgba(148,148,148,.8); color: #fff; line-height: 30px; text-align: center;}
.i_news ul li .Txt{
    background: #F8F8F8;
    padding: 20px 20px 40px;
}
.i_news ul li .name{
    color: #000000;
    font-size: 20px;
}
.i_news ul li .time,.i_news ul li .intro{
    color: #707070;
}
.i_news ul li .time{
    margin: 15px 0;
}
.i_news ul li:hover .name,.copright p a:hover{ color: #005BAC;}

.marginR0{ margin-right: 0 !important;}
.more{margin-top: 40px;}
.more a{ display: inline-block;width: 135px;
    height: 32px;
    border: 1px solid #000000; color: #000; line-height: 30px; text-align: center;}
.footer{background: url(../img/bg.jpg) no-repeat center ; background-size: cover; padding-top: 95px;}
.footNav>div{ float: left;margin-right: 100px;}
.footNav p{font-size: 18px; color: #fff; margin-bottom: 30px;}
.footNav a{ margin-bottom: 10px;color: #595959; font-size: 16px;}
.footEwm p{ color: #626262; font-size: 16px; line-height: 150%;}
.footEwm{ width: 300px;}
.footEwm p span{position: absolute; left: 0; top: 0;}
.footEwm .p1{ padding-left: 50px; position: relative;}
.footEwm img{ display: block; margin-bottom: 20px;}
.footNav a:hover{ text-decoration: underline; color: #005BAC;}
.copright p,.copright p a{ color: #7D7D7D; font-size: 12px;}
.copright p a{ padding: 0 5px;}
.copright{ padding: 40px 0; border-top: #626262 1px solid; margin-top: 100px;}
.sibar{ position: fixed; top: 50%;right: 0; z-index: 10; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.sibar a{
    width: 66px;
    height: 66px;
    background: #707070;
    margin-bottom: 1px;
}
.sibar a i{ display: block;width: 100%; height: 100%;}
.sibar a.kefu i{ background: url(../img/sibarIco1.png) no-repeat center;}
.sibar a.returnTop i{ background: url(../img/sibarIco2.png) no-repeat center;}
.sibar a:hover{ background: #005BAC;}

.banner.insideBan a,
.insideBan .banPic,
.insideBan .banPic .swiper-slide{
    width: 100% !important;
    height: 550px;
}
.insideBan ,.insideBan .slide{ width: 100%;
    height: 400px;}
.pCenter{
    font-size: 48px;
    color: #000;
    line-height: 150%;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 60px;
}
.pCenter::after{ content: '';width: 83px;
    height: 5px;
    background: #005BAC; position: absolute; left: 0; bottom: 0; }
.marginTop70{
    margin-top: 70px;
}
.marginBottom70{
    margin-bottom: 70px;
}
.productNav{width: 220px;}
.productNav .typeName { cursor: pointer; color: #707070; font-size: 20px; height: 77px; border-bottom: #BFBFBF 1px solid; line-height: 77px;}
.productNav .typeName a{color: #707070;}
.productNav .typeName i{ display: inline-block;width: 62px; height: 42px; vertical-align: middle;margin-right: 10px;}
.productNav .li1 i{ background: url(../img/pType1.png) no-repeat center;}
.productNav .li2 i{ background: url(../img/pType2.png) no-repeat center;}
.productNav .li3 i{ background: url(../img/pType3.png) no-repeat center;}
.productNav .li4 i{ background: url(../img/pType4.png) no-repeat center;}
.productNav .li5 i{ background: url(../img/pType5.png) no-repeat center;}
.productNav .li6 i{ background: url(../img/pType6.png) no-repeat center;}
/*.productNav .li1 .childlist,.productNav .cli1 .childlist{ display: block;}*/
.productNav li.on .typeName,.productNav li:hover .typeName{ border-right:3px solid #005BAC; color: #005BAC;}
.productNav .li1.on i,.productNav .li1:hover i{ background: url(../img/pType1_on.png) no-repeat center;}
.productNav .li2.on i,.productNav .li2:hover i{ background: url(../img/pType2_on.png) no-repeat center;}
.productNav .li3.on i,.productNav .li3:hover i{ background: url(../img/pType3_on.png) no-repeat center;}
.productNav .li4.on i,.productNav .li4:hover i{ background: url(../img/pType4_on.png) no-repeat center;}
.productNav .li5.on i,.productNav .li5:hover i{ background: url(../img/pType5_on.png) no-repeat center;}
.productNav .li6.on i,.productNav .li6:hover i{ background: url(../img/pType6_on.png) no-repeat center;}
.productNav1 .li1 i{ background: url(../img/j11.png) no-repeat center;}
.productNav1 .li2 i{ background: url(../img/j22.png) no-repeat center;}
.productNav1 .li3 i{ background: url(../img/j33.png) no-repeat center;}
.productNav1 .li4 i{ background: url(../img/j44.png) no-repeat center;}
.productNav1 .li5 i{ background: url(../img/j55.png) no-repeat center;background-size: 100%;}
.productNav1 .li6 i{ background: url(../img/j66.png) no-repeat center;background-size: 100%;}
.productNav1 .li7 i{ background: url(../img/j77.png) no-repeat center;background-size: 100%;}
.productNav1 .li1.on i,.productNav1 .li1:hover i{ background: url(../img/j1.png) no-repeat center;}
.productNav1 .li2.on i,.productNav1 .li2:hover i{ background: url(../img/j2.png) no-repeat center;}
.productNav1 .li3.on i,.productNav1 .li3:hover i{ background: url(../img/j3.png) no-repeat center;}
.productNav1 .li4.on i,.productNav1 .li4:hover i{ background: url(../img/j4.png) no-repeat center;}
.productNav1 .li5.on i,.productNav1 .li5:hover i{ background: url(../img/j5.png) no-repeat center;background-size: 100%;}
.productNav1 .li6.on i,.productNav1 .li6:hover i{ background: url(../img/j6.png) no-repeat center;background-size: 100%;}
.productNav1 .li7.on i,.productNav1 .li7:hover i{ background: url(../img/j7.png) no-repeat center;background-size: 100%;}
.childlist{ display: none;margin-bottom:10px;}
.productNav ul li div.on{display: block;}
.childlist a{display: block; color: #4D4D4D; font-size: 18px; margin-top:15px;padding-right: 50px;
    line-height: 180%; position: relative; text-align: right;}
.childlist a::after{ content: ''; position: absolute; right: 30px; top: 50%; margin-top: -7px; width: 8px; height: 14px;background: url(../img/ico2.png) no-repeat center ;      background-position: 0 -23px;}
.childlist a.on::after{background-position: 0 0px;}
.childlist a:hover{ color: #005BAC;}
.childlist a:hover::after{  background-position: 0 0; }
.productIntro{width: 980px; padding: 0 50px 140px; border-left: #BFBFBF 1px solid;}
.detailTxt{margin-top:60px;}
.detailTxt img {
    display: block;
    margin: 0 auto;
}
.detailTxt p{
    font-size: 20px;
    line-height: 36px;
    color: #000000;
    margin-bottom: 30px;
}
.detailTxt ul{margin-top:50px;}
.detailTxt ul li{ position: relative;margin-top: 20px; padding-left: 60px; line-height: 40px; font-size: 20px; color: #000;}
.detailTxt ul li span{ display: block;
    width: 44px;
    height: 44px;
    background: #000000;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 44px;
    position: absolute;
    left: 0;
    top: 0;
}

.productlist li{width: 313px;
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    float: left;
    margin-left: 13px;
    margin-bottom: 13px;
	    overflow: hidden;
    zoom: 1;
}
.productlist li a{ padding-bottom: 20px;}
.productlist li span{ display: block;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.productlist li span img{width: 90%; height:188px; display: block;     margin: 50px auto;transition: all .5s;}
.productlist li p{position: relative; padding: 0 60px 0 20px; font-size: 20px; color: #000;}
.productlist li p em{ position: absolute; right: 20px; top: 0;}
.productlist li:hover/*,.productlist li:first-child*/{ border-color: #005BAC;}
.productlist li:hover span img{ transform: scale(1.06);}
.productIntro1{width: 980px; padding-bottom:140px; border-left: #BFBFBF 1px solid;min-height: 928px;}
.loadMore{ padding: 10px 0; 
    background: #EEEEEE;
    color: #005BAC;
    font-size: 16px;
    width: 968px;
    margin-left: 13px;
	    cursor: pointer;
}
.loadMore img{ margin: 0 auto 5px;width: 57px;
    height: 40px;}

.picShow{
    width: 705px;
    height: 475px;
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    overflow: hidden;
}
.picShow img{ display: block; max-width: 100%;    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.productDetail{margin-top: 25px;}
.picTxt{width: 472px;  height: 474px;padding-top:20px; position: relative; }
.picTxt h1{
    font-size: 22px;
font-weight: bold;
color: #000000;
line-height: 180%;
}
.txtShow{ padding-top: 30px;border-top: #000 2px solid;margin-top:10px;font-size:16px;line-height:32px;color:#333}
.txtShow p{color: #707070; font-size: 20px; line-height: 180%;}
.txtShow p:first-child{  font-size:24px;}

.picTxt  .more{ position: absolute; bottom: 0; left: 0; width: 100%;}
.picTxt  .more a{background: #005BAC;  border: 1px solid #005BAC; color: #fff; }
.detailDiv2{border: 1px solid #C2C2C2; margin-top:35px;}
.detailDiv2 p.name{width: 1200px;
    height: 46px;
    background: #F6F6F6;
    padding: 0 40px;
    font-size: 16px;
    color: #000;
    line-height: 46px;
    }
    .detailDiv2 table{ width: 100%;}
    .detailDiv2 tr{
        border-top: 1px solid #C2C2C2; height:46px;}
    .detailDiv2  .t1{width: 282px; padding-left: 40px;border-right: #C2C2C2 1px solid;}
    .detailDiv2  .t2{width: 917px;padding-left: 40px;}
    .detailDiv2 td{font-size: 16px;
        color: #000; }
    .deTxt{ padding: 30px 40px;font-size: 16px;
        color: #000; line-height: 180%;}
.productNav .cli1 i{ background: url(../img/sIco1.png) no-repeat center;background-size: 100%;}
.productNav .cli2 i{ background: url(../img/sIco2.png) no-repeat center;background-size: 100%;}
.productNav .cli3 i{ background: url(../img/sIco3.png) no-repeat center;background-size: 100%;}
.productNav .cli4 i{ background: url(../img/sIco4.png) no-repeat center;background-size: 100%;}
.productNav .cli1.on i,.productNav .cli1:hover i{ background: url(../img/sIco1_on.png) no-repeat center;background-size: 100%;}
.productNav .cli2.on i,.productNav .cli2:hover i{ background: url(../img/sIco2_on.png) no-repeat center;background-size: 100%;}
.productNav .cli3.on i,.productNav .cli3:hover i{ background: url(../img/sIco3_on.png) no-repeat center;background-size: 100%;}
.productNav .cli4.on i,.productNav .cli4:hover i{ background: url(../img/sIco4_on.png) no-repeat center;background-size: 100%;}
.deTxt img{ display: block;  margin: 0 auto;}
.picShow .dot_style .swiper-pagination-bullet{ 
    background: #D2D2D2;}
    .picShow  .dot_style .swiper-pagination-bullet-active {
        background: none;
        border-color: #D2D2D2;
    }
.insideBan{ width: 100%; overflow: hidden;}
.insideBan img{ display: block;width: 100%;}
.menuNav{border-bottom: #eee 1px solid;}
.menuNav .wrap{ text-align: right;}
.menuNav a{ display: inline-block;width: 80px; padding: 38px 0 40px; text-align: center; font-size: 20px; color: #020100; margin-left: 65px; }
.menuNav a.on,.menuNav a:hover{border-bottom: #005BAC 2px solid;}
.newslist li a{padding:55px 35px 50px 0;}
.newslist li .time{width: 147px;
    height: 147px; color: #4D4D4D; font-size: 20px; 
    background: #EEEEEE; padding:15px 0 0 15px;}
.newslist li .date span{ color: #005BAC; font-size: 50px;line-height: 120%; font-weight: bold;}
.newslist li .time em{line-height: 120%; }
.newsText{width: 1018px; padding-left: 25px; }
.newsText h4{ font-size: 26px; color: #000; line-height: 180%;margin-top: 10px;}
.newsText p{color: #707070; font-size: 18px;line-height: 170%; margin-top: 20px;}
.newslist li:hover{ 
    background: #EEEEEE;}
    .newslist li{border-bottom: #eee 1px solid;}

.width1 .loadMore{ margin-left: 0; width: 100%;}
.sdiv1txt{ float: left; width: 838px; color: #707070; font-size: 20px;
    background: #EEEEEE; padding: 40px; height: 475px;}
.serviceDetail{ margin-top: 90px;}
.sdiv1 .Img{width: 362px;
    height: 475px; float: left;}
    .sdiv1txt p{ line-height: 150%; margin-top: 20px;}
    .introTxt { margin-top:50px;}
.introTxt p{ line-height: 180%; margin-bottom: 40px; color: #707070; font-size: 20px;}
.newDeatil h1{ line-height: 180%; font-size: 30px; font-weight: bold; color: #000;}
.newDeatil .n_tip{ margin-top: 40px; color: #707070; font-size: 16px;}
.newDeatil .n_tip>span{ margin: 0 10px;}
.newDeatil .share{ display: inline-block;}
.bdsharebuttonbox { display: inline-block; vertical-align: middle;} 
.ndetailTxt{ margin-top: 30px;}
.ndetailTxt p{ font-size: 16px; color: #707070;line-height: 36px; margin-top: 30px;}
.otherNew{margin-top: 100px;     /*padding: 10px 0;*/    border-top: #eee 1px solid;    border-bottom: #eee 1px solid; min-height:147px;}
    .otherNew  .newslist li{border-bottom: none;}
.otherNew .newslist{width: 600px;}
.otherNew .newslist .newsText{ width: 418px;}
.otherNew .newslist li a{padding: 0 35px 0 0;}
.hotNew{ padding-left: 45px; width: 600px; padding-right: 50px; position: relative;}
.hotNew::after{ content: ''; width: 1px;
    height: 150px; background: #eee; position: absolute; left: 0; top: 0px;}
.hotNew span{font-size: 26px; color: #000;line-height: 180%;
    margin-top: 12px; margin-bottom: 15px;}
.hotNew a,.numlist li .e1{ color: #707070; font-size: 18px; line-height: 170%;}
.hotNew a:hover{ color: #005BAC;}
.cMessage{
    background: #EEEEEE;
    padding: 50px 70px 40px;
    position: relative;
	    margin-top: 50px;
}
.cMessage span{ color: #707070; font-size: 20px;}
.cMessage .number{margin-top: 20px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size:70px; position: relative; padding-right: 30px; line-height: 89%; display: inline-block;}
.cMessage .number::after{ content: ''; width: 20px; height: 20px; position: absolute; bottom: 10px; right: 0; background: url(../img/ico6.png) no-repeat;}
.cMessage p{ font-size: 16px; color: #707070;margin-top: 40px;}
.numlist{position: absolute; top: 50px; right: 70px;}
.numlist li{ float: left; margin-left: 80px;}
.numlist li .e2{margin-top: 30px; font-size: 20px; color: #000;}
.aContent1{ position: relative;}
.aContent1 h1{ color: #000; font-size: 30px;margin-top: 10px; line-height: 120%;}
.aContent1 ul{ position: absolute; right: 0; top: 40px;}
.aContent1 ul li{ float: left; padding-left: 40px; color: #4D4D4D; font-size: 20px;line-height: 10px; position: relative;}
.aContent1 ul li i{color: #025CAD; font-size: 70px;font-style: normal; font-family: Arial, Helvetica, sans-serif;}
.aContent1 ul li:nth-child(1){ margin-right: 40px;}
.aContent1 ul li:nth-child(1)::after{ content: ''; width: 1px; 
    height: 61px; 
    background: #BFBFBF;
    position: absolute;
    right: -40px;
    top: -13px;
}
.aContent2 p{ color: #000; font-size: 20px; line-height: 180%;margin-top: 40px;}
.aContent3{ padding: 70px 0; background: #f8f8f8; }
.aContent3 ul li{ float: left;width: 275px; margin-top: 50px; margin-right: 33px;overflow: hidden;/*    transition: all 2s;*/}
.aContent3 ul li img{ display: block;width: 378px;    height: 500px;transition: all 2s ease 0s;}
.aContent3 ul li img:hover{transform: scale(1.1);    }
.aContent3 ul li>div{width: 100%; font-size: 24px; color: #fff; position: relative;
    height: 64px; background: #000; line-height: 64px; padding: 0 20px;}
.aContent3 ul li>div em{ position: absolute; right: 20px; top: 0;}  
.aContent4 ul li{ width: 50%; float: left; padding: 60px 45px 60px 100px;position: relative; border-bottom: #eee 1px solid;}
.aContent4 ul li img{width: 44px; height: 42px; position: absolute; left: 25px; top: 60px;}
.aContent4 ul li  span{ font-size: 24px; color: #000; line-height: 150%;}
.aContent4 ul li p{font-size: 18px; color: #707070; line-height: 150%; margin-top: 10px; min-height: 82px;}
.aboutContainer .introTxt p{ color: #000;}
.honorNum{ margin-bottom: 40px;}
.honorNum .leftNum{padding-left: 90px; background: url(../img/ico5.png) no-repeat; padding-top: 40px; padding-bottom: 10px;}
.honorNum .num{ color: #005BAC; font-size: 70px; display: block; float: left; font-family: Arial, Helvetica, sans-serif; line-height: 60px;}
.honorNum em{color: #4D4D4D; font-size: 20px;    line-height: 120%;  margin-top: 8px;}
.honorNum .rightNum .item{margin-top: 40px;  padding: 0 50px; position: relative; border-right: #eee 1px solid; float: left;}
.kfCont1 .map{ display: block; max-width:1920px; margin: 0 auto; /*opacity: .4;*/}
.kfCont1{margin-top: 30px; position: relative;}
.kfCont1 .content{ width: 1100px; height: 380px; position: absolute; top: 68px; left: 50.2%; margin-left: -550px;} 
.kfCont1 .content .img1{ position: absolute; left: 385px; top:0;width: 147px; opacity: 0;
    height: 147px; transition: all .6s;transform: translateY(-200px);}
.kfCont1 .content.on .img1{
    transform: translateY(0);
    opacity: 1;
    transition-delay: translateY  .7s;
}
.kfCont1 .content.on .img1:hover,.kfCont1 .content.on .img2:hover{transform: translateY(0) scale(1.06); transition-delay: 0;-webkit-animation: sacl 1.5s linear 0s infinite;
        animation: sacl 1.5s linear 0s infinite;}


.kfCont1 .content .img2{ position: absolute; left: 385px; top:180px;width: 147px; opacity: 0;
    height: 147px; transform: translateY(200px);transition: all .6s;}
.kfCont1 .content.on .img2{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.3s;
}
.kfCont1 .content .img3{
    position: absolute;
    left: 460px;
    top: 78px;
    width: 469px;
    height: 227px;
    opacity: 0;
    transition: all .5s;

}
.kfCont1 .content.on .img3{ left: 560px; opacity: 1; transition-delay: 1.5s;}

    .kfCont1 .content .img4{ position: absolute; bottom: 0; right: 0; opacity: 0;}
    .kfCont1 .content.on .img4{transition-delay: 1.6s;  opacity: 1; -webkit-animation: sacl 1.5s linear 0s infinite;
        animation: sacl 1.5s linear 0s infinite; cursor: pointer;}


.kfCont2>div{ width: 50%;height: 630px; padding: 85px 60px; float: left; color: #000;}
    .kfCont2 .time{ font-size: 20px;margin-top: 40px;}
    .kfCont2 .time em{ display: inline-block; padding-right: 40px; margin-right:40px; position: relative;}
    .kfCont2 .time span{ font-size:40px;  font-weight: bold;margin-left: 3px; position: relative; top: 3px;}
    .kfCont2 .time em:first-child{border-right: #000 1px solid;}
    .kfCont2 p{ margin-top: 30px; font-size: 16px;  line-height: 180%;}
.bg1{ background: #E4E4E4;}
.bg2{ background: #000;}
.kfCont2>div.bg2 {color: #fff;}
.mapCont{width: 100%;overflow: hidden; }
.mapCont>img{ display: block; width: 100%;}
.contact{ padding: 80px 50px 100px; margin-top: -150px; position: relative; background-color: #eeeeee; color: #000;margin-bottom: 200px;}
.contact h1{font-size: 24px;}
.ways{ margin-top: 30px; font-size: 20px; line-height: 150%; margin-bottom: 15px;}
.contact .phone{ font-size: 32px; color: #FF0000; font-weight: bold; line-height: 150%;}
.contact .phone i{font-weight: normal; font-size: 44px; font-family: Arial, Helvetica, sans-serif;}
.c_content1 .ewmbox{ position: absolute; top: 0; right: 0;}
.c_content1 .ewmbox span{ width: 211px;
    height: 36px; line-height: 36px; text-align: center; font-size: 20px; color: #fff;
    background: #005BAC;}
.c_content1 .ewmbox img{ display: block; width: 211px; height: 212px;}
.c_content1{ position: relative;}
.c_content2{margin-top: 90px; font-size: 20px; line-height: 180%; padding-bottom: 10px; border-bottom: #C9C9C9 1px dotted;}
.c_content3 {margin-top: 20px;}
.c_content3 .title{font-size: 36px; color: #FF0000; line-height: 120%;}
.c_content3 .title span{ font-size: 18px;}
.c_content3 ul{margin-top: 30px;}
.c_content3 ul li { margin-bottom: 30px; float: left; margin-right: 15px;}
.c_content3 ul li em{ color: #000; font-size: 20px;margin-bottom: 10px;}
.c_content3 ul li em i{ color: #FF0000; }
.c_content3 input {
    width: 539px;
    height: 46px;
    background: #FFFFFF;
    border: 1px solid #C2C2C2;
    display: block;
    text-indent: 20px;
    font-size: 16px;
}
.from_tip{ float: none; width: 100%;}
.from_tip textarea{width: 100%; height: 140px;
    border: 1px solid #C2C2C2;}
.c_content3 .submit{width: 135px;
    height: 32px;
    float:right; text-indent: 0;
    background: #005BAC; text-align: center; line-height: 32px;
    font-size: 16px; border: none;color: #fff;}
    .c_content3 .submit:hover,.picTxt .more a:hover{ background:#07457b;}

.i_news ul li:hover .Img img{ transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06);}
.i_news ul li .Img img,.transtion6,.i_friend li,.h_logo .nav li{ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
img{max-width: 100%;}

@keyframes sacl{
    0% {
        -webkit-transform: scale(.9);
        transform:scale(.9);
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    }
    75% {
    -webkit-transform: translateY(1);
    transform: translateY(1);
    }
    100% {
        -webkit-transform: scale(.9);
        transform:scale(.9);
    }
  }
/* @media screen and (max-width: 2020px) {
	.banner,
	.banPic,
	.slide{height:710px;}
	
	.n_banner,
	.n_banPic,
	.n_slide{
		width: 100% !important;
		height: 700px;
	}
} 
 */


/*媒体查询*/
@media screen and (max-width:1440px){
	/*头部*/
	header .wrap{width: 1000px;}
	.h_logo .nav li{width: 90px;}
	.h_logo .nav li>a{font-size: 16px;}
	.h_top p{font-size: 14px;}
	.h_logo{height: 70px;}
	.navChild{top: 70px;}
	.p_catory{margin-right: 70px;}
	.h_logo .logo a, .h_logo .logo img{display: block;height: 100%;width: auto;}
	.h_logo .logo{height: 70px;margin: 0;padding: 10px 0;box-sizing: border-box;}
	.h_logo .nav li>a{padding-top: 26px;padding-bottom: 25px;}
	.search span{margin-top: 25px;}
	.search{height: 70px;}
	.search.on span{margin-top: 25px;}
	.searchInput{height: 40px;top: 15px;}
	.text_input{font-size: 14px;text-indent: 12px;}
	/*首页*/
	.banner .slide, .banPic, .banPic .swiper-slide{height: 460px;}
	.dot_style .swiper-pagination-bullet{width: 10px;height: 10px;}
	.dot_style .swiper-pagination-bullet-active{width: 16px;height: 16px;}
	.sibar a{width: 50px;height: 50px;}
	.sibar a.kefu i{background-size: 60%;}
	.sibar a.returnTop i{background-size: 80%;}
	.wrap{width: 1000px;}
	.productType .swiper-slide span{font-size: 16px;}
	.productType .swiper-slide img{width: 90px;height: 70px;}
	.productType{margin-top: 10px;}
	.productType .swiper-slide span{margin-top: 4px;}
	.buttoNext{right: -30px;}
	.buttoNext:hover{right: -30px;}
	.i_product ul li p{font-size: 24px;}
	.i_product ul li strong{font-size: 18px;margin-top: 4px;}
	em.more{width: 120px;font-size: 12px;line-height: 30px;}
	.i_product ul li span{width: 100%;height: 300px;}
	.i_product ul li img{max-width: 500px;}
	.i_case{margin: 50px auto 0;width: 1000px;}
	.i_name{font-size: 24px;}
	.casePic{margin-top: 40px;}
	.casePic h3{font-size: 24px;margin-top:5px;}
	.i_friend{margin-top: 60px;}
	.i_friend ul, .i_news ul{margin-top: 50px;}
	.i_friend li{width: 200px !important;height:80px!important;margin-bottom:-1px;margin-right:-1px;}
	/*.i_friend li img{height:98%;display:block;margin:1% auto;}*/
	.i_news{margin-top: 50px;margin-bottom: 80px;}
	.i_news ul li{width: 325px;}
	.i_news ul li .Img{width: 325px;height: 216px;}
	.i_news ul li .Txt{padding-bottom: 20px;}
	.i_news ul li .name.aui-ellipsis{font-size: 16px;}
	.i_news ul li .Txt p{font-size: 12px;}
	.i_news ul li .name{font-size: 16px;}
	.i_news ul li .time{margin: 8px 0;}
	.footNav>div{margin-right: 70px;}
	.footNav a{font-size: 12px;}
	.footNav p{font-size: 16px;}
	.footEwm p{font-size: 12px;}
	.copright{margin-top: 20px;padding: 20px 0;}
	.footer{padding-top: 50px;}
	
	.pic1 i,.pic2 i,.pic3 i,.pic4 i{background-size: cover;}
	.casePic i {    width: 68px;    height: 40px;    margin: 0 auto;}
	.casePic em.more {    margin: 10px auto 0;}
	.footEwm .p1 {    padding-left: 34px;}

	/*产品中心*/
	.insideBan, .insideBan .slide{height: 290px;}
	.pCenter{font-size: 32px;}
	.productNav{width: 180px;}
	.productIntro1{width: 820px;padding-bottom: 60px;min-height:720px;}
	.productNav .typeName{font-size: 16px;}
	.productNav .typeName i{background-size: 100% 100%;width: 52px;height: 32px;}
	.productNav li.on .typeName i, .productNav li:hover .typeName i{background-size: 100% 100%;}
	.childlist a{font-size: 14px;}
	.productlist li{width: 260px;}
	.productlist li span img{height:156px;}
	/*.productlist li span{margin: 20px auto;}*/
	.productlist li p{font-size: 16px;}
	.loadMore{width: 806px;}
	.loadMore img{width: 30px;height: auto;}
	
	.detailDiv2 p.name{width: 998px;}
	.picShow{width: 500px; height:338px;}
	.picTxt h1{font-size: 32px; padding-top:0;}
	.txtShow p:first-child{font-size: 14px; padding-top:15px;line-height:32px;}
	.picTxt{padding-top: 10px; height:338px;}
	.txtShow{line-height:24px; padding-top:0; font-size:14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
	.sdiv1 .Img{width: 302px;height: 396px;}
	.sdiv1txt{width: 698px;font-size: 14px;height: 396px;}
	.menuNav a{padding: 20px 0;font-size: 16px;}
	.serviceDetail{margin-top: 40px;}
	.introTxt{margin-top: 40px;}
	.introTxt p{font-size: 14px;}
	.newsText{width: 845px;}
	.newslist li a{padding: 35px 35px 30px 0;}
	.newsText p{font-size: 16px;margin-top: 10px;}
	.newsText h4{font-size: 22px;margin-top: 8px;}
	.newslist li .time{width: 120px;height: 120px;font-size: 14px;}
	.newslist li .date span{font-size: 40px;}
	.hotNew{width: 50%;}
	.otherNew .newslist{width: 50%;}
	.otherNew .newslist .newsText{width: 345px;}
	.otherNew{margin-top: 60px;min-height:123px;}
	.hotNew span{font-size: 22px;margin-top: 8px;margin-bottom: 11px;}
	.hotNew::after{height: 122px;}
	.aContent1 h1{font-size: 24px;}
	.aContent2 p{font-size: 16px;}
	.aContent1 ul li i{font-size: 60px;}
	.aContent3{padding: 50px 0;}
	.aContent3 ul li{margin-top: 40px;margin-right: 20px;width: 320px;}
	.aContent3 ul li img{width: 320px;height: 287px;}
	.aContent3 ul li>div{font-size: 18px;height: 50px;line-height: 50px;}
	.aContent4 ul li p{font-size: 14px;}
	.aContent4 ul li span{font-size: 18px;}
	.aContent4 ul li{padding: 40px 45px 40px 100px;}
	.aContent4 ul li img{top: 30px;}
	.honorNum .num{font-size: 60px;}
	.honorNum em{font-size: 18px;}
	.kfCont2 p{font-size: 14px;}
	.kfCont2 .time span{font-size: 30px;}
	.kfCont2 .time em{padding-right: 20px;margin-right: 20px;}
	.kfCont2 .time{margin-top: 30px;}
	.c_content3 input{width: 442px;font-size: 14px;text-indent: 12px;}
	.c_content3 ul li em{font-size: 16px;}
	.c_content3 .title{font-size: 28px;}
	.c_content2{font-size: 16px;padding-bottom: 16px;margin-top: 30px;}
	.contact .phone{font-size: 28px;}
	.contact .phone i{font-size: 32px;}
	.ways{font-size: 16px;}
	.c_content1 .ewmbox img{width: 160px;height: 160px;}
	.c_content1 .ewmbox span{width: 160px;font-size: 16px;}
	.contact{padding: 60px 50px 80px;margin-bottom: 120px;}
	.i_product{padding-top: 20px;}
	.introTxt .imgbox img{transform: scale(0.9);}
	
	.catoryChild a,.childList a{font-size: 14px;}
	.navChild .p_icon span,.casechild .Img p{font-size: 16px;}
	.casechild .name{font-size: 18px;}
	
	.casePic .pic1,
	.casePic .pic2,
	.casePic .pic3,
	.casePic .pic4{height: 235px;padding-top: 55px;}
	.productIntro{width:820px;}
	.detailTxt p{font-size:14px;line-height:28px;}
	
	/*f服务支持*/
	.hotNew a,.numlist li .e1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
	
	/*关于我们*/
	.kfCont1 .map{width:100%;}
	.kfCont1 .content{top:60px;}
	.kfCont1 .content.on .img3{width:400px;height:197px;}
	.kfCont1 .content.on .img4{right:50px;bottom:40px;}
	
	
	/*新闻*/
	.hotNew a, .numlist li .e1{font-size:16px;line-height:170%;}
	
	/*
	opacity: 1;visibility: visible;
	*/
	
	
}