@charset "utf-8";
/*Css Document*/
html { -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; height: 100%;font: inherit;overflow-x: hidden;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{ margin:0;padding:0;border:0;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block;}
body{ background:#fff;}
audio,canvas,progress,video { display: inline-block;vertical-align: baseline;}
audio:not([controls]) { display: none;height: 0;}
a { background: transparent;outline: none; }
a:active,a:hover { outline: 0;}
img { border: 0;max-width:100%;height:auto;width:auto\9;-ms-interpolation-mode: bicubic;}
img.inherit { max-width:  inherit; *width: auto;}
table,tr,td{ max-width: 100%;width:auto\9;}
.video embed,.video object,.video iframe { width:100%;height:auto;}
svg:not(:root) { overflow: hidden;}

button,input,optgroup,select,textarea { color: inherit;font: inherit;margin: 0;}
button { overflow: visible;}
button,select { text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] { cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0;padding: 0;}
input { line-height: normal;}
input[type="checkbox"],input[type="radio"] { box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
textarea { overflow: auto;font-size: 1em;}


*:before,*:after,.sizing { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.ul,ul.list,ul.grid { margin: 0;padding: 0;}
dl dt,dl dd,ul li,ol li { list-style:none; }
dl.grid dt,ul.grid li { float:left; }

.opacity-9 { opacity: 0.9;filter:alpha(opacity=90);}.opacity-8 { opacity: 0.8;filter:alpha(opacity=80);}.opacity-7 { opacity: 0.7;filter:alpha(opacity=70);}.opacity-6 { opacity: 0.6;filter:alpha(opacity=60);}.opacity-5 { opacity: 0.5;filter:alpha(opacity=50);}.opacity-4 { opacity: 0.4;filter:alpha(opacity=40);}.opacity-3 { opacity: 0.3;filter:alpha(opacity=30);}.opacity-2 { opacity: 0.2;filter:alpha(opacity=20);}.opacity-1 { opacity: 0.1;filter:alpha(opacity=10);}
.img-gray { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);}
.img-circle { border-radius: 50%;}
.img-blur { filter: url(blur.svg#blur); -webkit-filter: blur(10px); -moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); }
.en-font { font-family: Arial,Verdana,sans-serif;}
.coverBg { background-position: center center; background-size: cover;background-repeat: no-repeat;}

.left ,.fl { float:left; }
.right,.fr { float:right; }
.hidden,.r-hidden { display:none; }
.relative { position:relative;}
.absolute { position: absolute; left: 0; top: 0;}
.clear { clear:both; height:0px; overflow:hidden; }
.clearfix:after,ul.grid:after { content: " ";display: block;clear: both;height: 0;}/*如果有浮动，给浮动元素父级元素加上clearfix类即可清除浮动*/
.clearfix,ul.grid { zoom: 1;}
.transition { -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.transition-delay { -webkit-transition: all 0.4s ease-in 0.4s;-moz-transition: all 0.4s ease-in 0.4s;-o-transition: all 0.4s ease 0.4s;-ms-transition: all 0.4s ease-in 0.4s;transition: all 0.4s ease-in 0.4s;}

h1,.h1 { font-size: 26px;text-align: center;line-height: 60px;}
h2,.h2 { font-size: 27px;border-bottom: 1px solid #eeeeee;text-align:left;line-height: 80px;}
h3,.h3 { font-size: 23px;}
h4,.h4 { font-size: 17px; text-align: center;}
h5,.h5 { font-size: 13px;text-align: center;}
h6,.h6 { font-size: 26px; text-align: center;border-bottom: 1px solid #eeeeee;line-height: 60px;}
p { margin: 10px 0;line-height: 30px;font-size: 14px;}

@font-face
{ font-family: lighterFont;src: url('../font/FZLTCXHJW.ttf');}
@font-face
{ font-family: SourceHanSans;src: url('../font/SourceHanSans-Normal.otf');}



body { color: #000;/*整站默认颜色*/ font-size: 12px;/*整站默认字体大小*/ line-height: 1.5; font-family: SourceHanSans,Arial,Verdana,sans-serif;}

.wrap { width: 100%; margin: 0px auto;max-width: 1200px;/*PC端，中间主体宽度*/}
.wrap img{max-width;height:auto !important;}
.reset { margin:0px; padding:0px; font-size: 12px;font-weight: normal;line-height: 50px;}
a { color: #000;/*整站a连接默认颜色*/text-decoration: none;}
a:hover,a:focus { color: #f37b1d;/*整站a连接移入默认颜色*/text-decoration: none; }

@media screen and (max-width: 768px) {
    .wrap { width: 92%; }
    .index1{height: 300px;}
}

#banner a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#banner img{}

/*=========前面是reset.css，不建议删除；下面的是你自己的全局css=========*/
/*#header{ background: #ffffff;height: 126px;}
#header .logo{ font-size: 20px;float: left;padding-top: 20px;}
#header .logo a{ color: #fff;}
#header .link{ font-size: 12px;float: right;padding-top: 20px;}
#header .link a{ color: #000;}
#Menu { float: right;padding-top: 10px;}
#Menu .layui-nav .layui-this::after, #Menu .layui-nav-bar, #Menu .layui-nav-tree .layui-nav-itemed::after{ background-color: #31833e;}
#mMenu{ display: none;}

#header .menuBar{ height: 70px;cursor: pointer;float: right;display: none;}
#header .menuBar ul{ padding: 70px 0 0 0;}
#header .menuBar .bar_line{ width: 17px;height: 2px;background: #ecebeb;margin-bottom: 3px;-webkit-transition:-webkit-transform .6s,opacity .3s;transition:transform .6s,opacity .3s;border-radius: 1px; }
#header.menu_close .menuBar .bar_line.bar_top{  -webkit-transform:rotate(39deg);-ms-transform:rotate(39deg);transform:rotate(38deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;}
#header.menu_close .menuBar .bar_line.bar_mid{ opacity: 0;}
#header.menu_close .menuBar .bar_line.bar_foot{  -webkit-transform:rotate(-39deg);-ms-transform:rotate(-39deg);transform:rotate(-38deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;}
#header .menuBar:hover .bar_line{ background: #fff;}*/

#footer{ margin-top: 40px;padding-top: 25px;background: #32333b;color:#d7d8d9;}
#footer .dbdh a{color:#d7d8d9; font-size: 14px;line-height: 35px;text-align: center;}
#footer .link,#footer .foot{ text-align: center;line-height: 30px;}
#footer .link em{ font-style: normal;margin: 0 15px;color: #000;}
#footer .foot{ padding: 12px 0;}
#footer .foot a{color: #d7d8d9;margin-left: 10px;}
#footer .foot span{ margin-right: 15px;}
#footer .foot .ffl{float: left;}
#footer .foot .ffr{float:right;}

.ewm{text-align:center; margin-top: 30px;}
.ckgd{margin-top:40px;
    float: right;
    background: #a5a5a5;
    color: #ffffff;
    font-size: 12px;
    line-height: 27px;
    height: 27px;
    width: 100px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    body{ font-size:14px;}
    #Menu{ display:none;}
    #header .menuBar{ display: block;}    
    #mMenu{ position: absolute;width: 100%;background: #393D49;z-index: 1;top: 70px;left: 0;opacity: 0.9;padding: 20px 0;display: none;}
    #mMenu ul li{ height: 40px;line-height: 40px;text-align: center;}
    #mMenu ul li a{ color: #fff;}
    #header.menu_close #mMenu{ display: block;}
    #footer{ margin-top: 8%;}
    #footer .link,#footer .foot{ text-align: left;}
    #footer .foot .ffl{text-align: center;}
    #footer .foot .ffr{text-align: center;float: left;}
}

.prev, .next{display:block;width: 100%; padding: 20px;background: #eeeeee;line-height: 50px;margin: 20px 0; }

/*menu*/
.mmenu{text-align: center;height: auto;border-bottom: 1px solid #eeeeee;background: #f1f1f1;padding: 10px 0;}
.mmenu ul{list-style-type: none;}
.mmenu li{float: left;border: 1px solid #cfcfcf;background:#ffffff;border-radius:45px;width: 160px;height: 45px;
line-height: 45px;
font-size: 14px;
text-align: center;
margin:  10px 10px 10px 0;


}
.mmenu li:hover, .mmenu li.hover {
    background: #1a6bc7;
    color: #fff;
}
.mmenu li:hover a,.mmenu li.hover a{
    color: #fff;
}

.contents{background: #f1f5f8}


.menu{
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    
}
.menu .list {
    width: 100%;
    margin: 0 auto;
    border-left: 1px solid #ddd;
}
.menu li {
    width: 15%;
    height: 60px;
    float: left;
    border-right: 1px solid #dddddd;
    position: relative;
}
.menu li .nav1 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    display: block;
    text-align: center;
}
.menu li .nav1 s {
    border-style: solid dashed dashed dashed;
    border-color: rgba(255, 255, 255, 0) transparent transparent transparent;
    border-width: 10px;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -20px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.menu li:hover, .menu li.hover {
    border-right-color: #1a6bc7;
}
.menu li:hover .nav1, .menu li.hover .nav1 {
    background: #1a6bc7;
    color: #fff;
}
.menu li:hover .nav1 s, .menu li.hover .nav1 s {
    border-color: #f37b1d transparent transparent transparent;
}
.menu li .subMenu {
    position: absolute;
    left: 0px;
    top: 50px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
    z-index: 199;
    opacity: 0;
    visibility: hidden;
    height: auto;
    overflow: hidden;
    width: 100%;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    text-align: center;/* border-top: 2px solid #008fd7; */
    padding-top: 20px;
}


/*newsPage*/
.newsPage .list{margin-top: 30px;}
.newsPage .item {
    width: 100%;
    height: 168px;
    margin-bottom: 20px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    background: #fff;
}
.newsPage .item a {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}
.newsPage .item img {
    width: 224px;
    height: 168px;
    display: block;
    margin-right: 30px;
}
.newsPage .item h3 {
    font-size: 20px;
    padding: 35px 0 20px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
.newsPage .item .txt {
    color: #999999;
    line-height: 24px;
    height: 48px;
    padding-right: 130px;
    overflow: hidden;
}
.newsPage .item .time {
    width: 150px;
    padding-top: 45px;
    font-family: arial;
    font-size: 20px;
    color: #999;
}
.newsPage .item .time .day {
    font-size: 40px;
    line-height: 45px;
    display: block;
}
.newsPage .item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.newsPage .item:hover h3 {
    font-weight: bold;
    color: #f37b1d;
    text-indent: 5px;
}
.newsPage .item:hover .time .day span {
    background: #6d6d6d;
}
.newsPage .item:hover .time .day strong {
    background: #ff0000;
    color: #fff;
}
.newsPage .item:hover img {
    filter: brightness(105%);
    -webkit-filter: brightness(105%);
}

@media screen and  (max-width: 768px){
    .fzlctp{display: none;}
    .fzlc{height: 430px;overflow: hidden;}
    .dbdh{display: none;}
    .case-list li .img1 {
    width:100%;
    overflow:hidden;
    height: 280px;
}
.case-list li .img2 {
    width:100%;
    overflow:hidden;
    height: 280px;
}
.case-list li .img3 {
    width:100%;
    overflow:hidden;
    height: 350px;
}
.img4 {
    width:100%;
    overflow:hidden;
    height: 380px;
}
.menu li {
    width: 24%;
    height: 60px;
    
}
.menu li .nav1{font-size: 12px;}

.newsPage .item {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    background: #fff;
}
     .newsPage .item img {
    width: 100%;
    height: auto;
    display: block;
    margin-right: 30px;
    }
    .newsPage .item .txt {
    color: #999999;
    line-height: 24px;
    height: 48px;
    padding-right: 30px;
    overflow: hidden;
}
.newsPage .item .time {
    width: 130px;
    padding-top: 45px;
    font-family: arial;
    font-size: 16px;
    color: #999;
    padding-left: 10px;
}
}

i, em {
    font-style: normal;
}

 .business_list .img img, .business_list a {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


.business_list {
}
.business_list li {
    position: relative;
}
.business_list li a {
    background-color: #fff;
    display: block;
    overflow: hidden;
    color: #211d1e;
}
.business_list .img {
    /*width: 50%;*/
    float: left;
    /*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/
}
.business_list .img img {
    width: 100%;
    height: auto;
}
.business_list .text {
    /*margin: 0 0 0 50%;*/
    padding: 50px 40px 0 80px;
}
.business_list .text .em {
    color: #8a8586;
    font-size: 34px;
}
.business_list .text .em i {
    font-size: 84px;
    margin-right: 10px;
    color: #002fa7;
    line-height: 1;
}
.business_list .text .h3 {
    font-size: 36px;
    padding-top: 30px;
}
.business_list .text .p {
    font-size: 14px;
    line-height: 2;
    padding-top: 10px;
}
.business_list li.even .img {
    float: right;
}
.business_list li.even .text {
    /*margin: 0 50% 0 0;*/
}
.business_list a:hover {
    background-color: #2c5ede;
    color: #fff;
}
.business_list a:hover .em {
    color: #fff;
}
.business_list a:hover .em i {
    color: #fff;
}
.business_list a:hover .img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}
@media screen and  (min-width: 768px) and (max-width: 1200px){
    /*.fzlctp{display: none;}*/
    .fzlc{height:530px;  overflow: hidden;}
#footer .foot .ffl{text-align: center;}
    #footer .foot .ffr{text-align: center;}
    .business_list .text .em i {
    font-size: 48px;
    margin-right: 10px;
    color: #002fa7;
    line-height: 1;
}
.business_list .text .h3 {
    font-size: 24px;
}
.business_list .text .p {
    font-size: 12px;
    line-height: 2;
    padding-top: 10px;
}
.business_list .text {
    /*margin: 0 0 0 50%;*/
    padding: 50px 40px 0 40px;
}
.business_list .text .h3 {
    font-size: 36px;
    padding-top: 5px;
}
}



.info-container-title {
    font-size: 16px;
    text-align: center;
    padding: 50px 0;
}

.info-container-title h2 {
    font-weight: normal;
    font-size: 36px;
   
}

.info-container-list {
    background: #fff;
   
}



.info-listItem-title {
    font-size: 24px;
    margin-bottom: 26px;
    font-weight: normal;
}

.info-more {
    width: 100px;
    height: 36px;
    display: block;
    line-height: 36px;
    border: 1px solid #E4E4E4;
    text-align: center;
    transition: all .1s;
}

.info-more:hover {
    background: #F96A69;
    border-color: #F96A69;
    color: #fff;
}

.info-listItem-list {
    margin-bottom: 17px;
}

.info-listItem-list .dt {
    height: 240px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

.info-listItem-list .dt a img {
    width: 100%;
    height: 240px;
    transition: all .4s;
}

.info-listItem-list .dt a span {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    bottom: 10px;
    font-size: 15px;
    padding: 0 24px;
    line-height: 1.5;
    height: 44px;
    overflow: hidden;
    transition: all .2s;
}

.info-listItem-list .dd {
    margin-bottom: 10px;
    height: 80px;
    font-size: 14px;
    color: #909499;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-listItem-list .dd a {
    font-size: 14px;
    color: #909499;
}

.info-listItem-list .dd a:hover {
    color: #ec6061;
}

.info-listItem-list .dt a:hover img {
    transform: scale(1.05);
}


/* ----- Slider ----- */
.flexslider{margin-top:45px;margin-bottom:15px;border:6px solid #ffffff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:0 5px 15px 0 rgba(0,0,0,.05),0 -5px 15px 0 rgba(0,0,0,.05);-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.05),0 -5px 15px 0 rgba(0,0,0,.05);box-shadow:0 5px 15px 0 rgba(0,0,0,.05),0 -5px 15px 0 rgba(0,0,0,.05);}
.flex-caption {position:absolute;bottom:20px;max-width:920px;padding:10px 20px;margin:0;background:#1d1d1d;/* browsers that don't support rgba */background:rgba(0, 0, 0, .7);font-size:14px;line-height:24px;color:#eaeaea;text-align:left;}



/*--------------nav-----------*/

/* 了解更多样式 */
.common-btn-more{position:relative;}
.common-btn-more:after{content: '';position: absolute;top: 0;left: 0;width: 0;background: #ea5613;height: 100%;border-radius: 20px;transition: width .5s ease;-webkit-transition:width .5s ease;z-index: -1;}
.common-btn-more:hover:after{content: '';background: #ea5613;width: 100%;}

/* 公共部分样式 */
.nav{height: 105px;position: absolute;overflow: hidden;z-index: 4;width: 100%;}
.nav.shadow{box-shadow: 0 0 2px 2px rgba(0,0,0,.5);}
.nav .nav_box{/*padding-top: 36px;*/height: 105px;/*overflow: hidden;*/z-index: 7;}
.nav .logo{display: inline-block;float: left;margin-top: 5px;}
.nav .logo img{width: 120px;}
.nav .stock{display: inline-block;padding-left: 5px;float: left;font-size: 14px;width:175px;min-height: 20px; margin-top:30px;}
.nav .stock .stock_ico{width: 12px;height: 12px;background-image: url(../img/c_img/stock.png);display: inline-block;background-position: 0 0;}
.nav .stock.active .s{color: #ea5613;}
.nav .stock.down .stock_ico{background-position: -12px 0;}
.nav .stock.down .s{color: #36b935;}
.nav .stock .t{color: #a2a2a2;}
.nav .nav_m{display: inline-block;}
.nav .nav_s{float:right;height:21px;line-height:1;font-size:0; padding-top:30px;}
.nav .nav_s .language{color: #ea5613;font-size: 14px;cursor: pointer;position: relative;width: 100px;display: inline-block;}
.nav .nav_s .language .iconfont{margin: 0 .2em;vertical-align: 0px;}
.nav .nav_s .language .language_box{position: absolute;width: 100%;left: 0;top: 100%;display: none;background: #fff;border: 1px solid #ccc;text-align: center}
.nav .nav_s .language .language_box li{height: 25px;line-height: 25px;line-height: 25px;font-size: 14px;transition: background .5s ease;-webkit-transition: background .5s ease;}
.nav .nav_s .language .language_box li:hover{background: #ea5613;color: #fff;}
.nav .nav_s .language .language_box li:hover a{color: #fff;}






/* 手机按钮 */
.nav .nav_s .mobile_key{width: 32px;height: 32px;/*background: url(../img/c_img/menu.png) no-repeat;*/display: none; font-size:20px;}
.nav .mobile_key{width: 32px;height: 32px;/*background: url(../img/c_img/menu.png) no-repeat;*/display: none; font-size:20px; padding-top:25px;}
/* 下拉图片部分 */
.nav .nav_m ul li .inner_box li.inner_imgs{width: 75%;float: right;text-align: left;}
.nav .nav_m ul li .inner_box li.inner_imgs .inner_img_r{display: inline-block;padding-top: 3%;padding-left: 3%;}
.nav .nav_m ul li .inner_box li.inner_imgs .inner_img_r .img_s{height: 6.4em;overflow: hidden;margin-bottom: 20px;}
.nav .nav_m ul li .inner_box li.inner_imgs .inner_img_r .btn_more{width: 180px;height: 36px;border: 1px solid #ea5613;border-radius: 20px;display: block;line-height: 36px;text-align: center;overflow: hidden;}
.nav .nav_m ul li .inner_box li.inner_imgs .inner_img_r .btn_more:hover{color: #fff;}

.c_banner_p{padding-top:65px;}
.c_banner{position: relative;width: 100%;height:388px;overflow: hidden; }
.c_banner img{position: absolute;top: 0;left: 50%;margin-left: -960px;height: 100%;max-width: none;width: 1920px;}
/*二级导航*/
.sec_nav{height: 37px;line-height: 37px;}
.sec_nav .sec_nav_box{background: #f3f3f3;}
.sec_nav .sec_nav_box.fixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 88;}
.sec_nav .nav_ul .iconfont{margin-left: 23px;font-size: 13px;}
.sec_nav .nav_li{display: inline-block;}
.sec_nav .nav_li a{display: block;}
.sec_nav .nav_li.index .icon{width: 14px;height: 14px;background: url(../img/c_img/index1.png) no-repeat;background-position: 0 0;display: inline-block;vertical-align: -1px;margin-right: 5px;}
.sec_nav .nav_li.index:hover .icon{background-position: -14px 0;}
.sec_nav .nav_li.item{position: relative;padding-left: 3px;cursor: pointer;}
.sec_nav .nav_li.item a:hover,
.sec_nav .nav_li.item.cur a{color: #1a6bc7;}
.sec_nav .nav_li.item a:hover .icon,
.sec_nav .nav_li.item.cur a .icon{background-position: -14px 0;}
.sec_nav .nav_li.item .inner_ul{position: absolute;width: 100%;top: 110%;left: 0;text-indent:8px;border:1px solid #e8e8e8;border-top: 0;transition: all .5s cubic-bezier(0,1.12,.52,.97);opacity: 0;filter: alpha(opacity=0);background: #fff;z-index: -2;visibility: hidden;}
.sec_nav .nav_li.item .inner_ul .li:hover{background: #ea5613;color: #fff;}
.sec_nav .nav_li.item .icon{width: 14px;height: 14px;background: url(../img/c_img/index2.png) no-repeat;background-position: 0 0;display: inline-block;vertical-align: -1px;margin-left: 13px;}
.sec_nav .nav_li.item:hover .inner_ul{opacity: 1;filter: alpha(opacity=100);top: 100%;z-index: 4;visibility: visible;}

/*二级导航 end*/





/*新改导航*/
.nav .nav_m{float: left;margin-left: 15px;font-size: 15px;color: #242526;}
.nav .nav_m>ul{overflow:hidden; }
.nav .nav_m>ul>li{float: left;/*width: 95px*/;font-size: 15px;color: #242526;height: 49px; text-align:center; padding-top:28px; padding-bottom:8px;}
.nav .nav_m>ul>li a{color: #242526;display: block;height: 100%; padding:0 20px;}

.nav .inner_bg{width: 100%;background: #f4f4f4;position: absolute;top: 105px;z-index: 5;height: 100%;left: 0;}
.nav .nav_m .inner_box{position: absolute;top:105px;width: 1200px;left: 0;z-index: 6;padding: 3% 0;display: none;left: 50%;margin-left: -600px;/*background: #f4f4f4;*/}
.nav .nav_m .second_nav li{width: 100%;height: 45px;line-height: 45px;border-bottom: 1px solid #ccc;}
/*.nav .nav_m .inner_box li{width: 230px;}*/
.nav .nav_m .inner_box.open{display: block;}

.nav .nav_m .second_nav  li{border-bottom: none;}
.nav .nav_m .inner_box{padding: 0 0 2%; text-align:left;}
.nav .inner_bg{background:url(../img/nav.jpg) repeat center center;width: 1920px; left: 50%; margin-left: -960px; }
.nav .inner_box .sec_list{width:17.5%; float:left; /*background-color:pink;*/}
.nav .inner_box .sec_list .second_nav a{position:relative;padding-left:9%; padding-right:25%;}
.nav .inner_box .sec_list .second_nav  .n_jt{display:inline-block; width:5px; height:9px; background:url(../images/home/nav_jt.png) no-repeat; background-position:0 0; position:absolute; right:25%; top:50%; margin-top:-4px;}
.nav .inner_box .sec_list .second_nav{margin-top:35px;border-right: 1px solid #eeeeee;}

.nav .inner_box .sec_img{float:right; width:82.5%;/* background-color: #ffccaa*/}
.nav .inner_box .sec_img .img_infor{float:left; width:53%; padding-left:7%;}
.nav .inner_box .sec_img .img_infor .txt{padding:43px 70px 32px 0; line-height: 30px;}
.nav .inner_box .sec_img .img_infor .txt span{display:inline-block; height:190px; overflow:hidden; font-size:14px;}
.nav .inner_box .sec_img .img_infor .btn_more{width: 180px;height: 36px;border: 1px solid #ea5613;border-radius: 20px;display: block;line-height: 36px;text-align: center;overflow: hidden; margin-bottom:30px;}
.nav .inner_box .sec_img .img_infor .btn_more:hover{color: #fff;}
.nav .inner_box .sec_img .img_pic{float:right; width:35%; margin-right:5%;margin-top:45px;}

.nav .inner_box .sec_business{float:right; width:82.5%;/* background-color: #ffccaa*/margin-bottom: 20px;}
.nav .inner_box .sec_business .item{display:none;}
.nav .inner_box .sec_business .sec_bus_l{float:left; width:53%; padding-left:7%;}
.nav .inner_box .sec_business .sec_bus_l .txt{padding:75px 70px 50px 0;}
.nav .inner_box .sec_business .sec_bus_l .txt span{display:inline-block; height:72px; overflow:hidden;}
.nav .inner_box .sec_business .sec_bus_l .btn_more{width: 180px;height: 36px;border: 1px solid #ea5613;border-radius: 20px;display: block;line-height: 36px;text-align: center;overflow: hidden; margin-bottom:30px;}
.nav .inner_box .sec_business .sec_bus_l .btn_more:hover{color: #fff;}
.nav .inner_box .sec_business .img_pic{float:right; width:35%; margin-right:5%;margin-top:45px;}
.nav .third_nav{margin-top:35px;}
.nav .third_nav li{width:50%; float:left; line-height:46px; text-align:left;}


/*选中态*/
.nav .nav_m ul li a:hover{color: #ea5613;}
.nav .inner_box .sec_list ul li a:hover .n_jt{background-position:0 -9px;}
.nav .inner_box .sec_list .second_nav li.cur a{color:#ea5613;}
.nav .inner_box .sec_list .second_nav li.cur a .n_jt{background-position:0 -9px}
.nav .inner_box .sec_business .item.cur{display:block;}






/*二级导航修改 20180730*/
.sec_nav .nav_ul{overflow:hidden;}
.sec_nav .nav_ul .nav_li{float:left;}
.sec_nav .nav_ul .iconfont{float:left;}
.sec_nav .nav_li a{float:left;}
.sec_nav .nav_li.item .inner_ul{width:auto; float:left; position:static; top:0; background:none; border:none; margin-left:10px; opacity:1; visibility:visible;}
.sec_nav .nav_li.item.cur .inner_ul a{padding:0 3px; opacity:0; visibility:hidden; transform:translateX(-20px);}
.sec_nav .nav_li.item.cur.hover .inner_ul a{opacity:1; visibility:visible; color:#666;}
.sec_nav .nav_li.item.cur.hover .inner_ul a:hover{color:#ea5613}
.sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(1){transform:translateX(0); /*transition-delay:0.1s;*/}
.sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(2){transform:translateX(0); /*transition-delay:0.2s;*/}
.sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(3){transform:translateX(0); /*transition-delay:0.3s;*/}
.sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(4){transform:translateX(0); /*transition-delay:0.4s;*/}
.sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(5){transform:translateX(0); /*transition-delay:0.5s;*/}
.sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(6){transform:translateX(0); /*transition-delay:0.6s;*/}
.sec_nav .nav_li.item.cur.hover .inner_ul a:nth-child(7){transform:translateX(0); /*transition-delay:0.7s;*/}
.sec_nav .nav_li.item.cur.hover .inner_ul a:hover{transition:all 0s ease; transition-delay:0;}


/*导航吸顶*/
.nav{position:fixed; z-index: 89;background:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,0.3); opacity:1;visibility:visible;}
.nav .nav_box{transition:padding 0.5s ease;}




/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}






/*图标字体news*/
@font-face {font-family: "iconfont";
  src: url('../ui/iconfont.eot'); /* IE9*/
  src: url('../ui/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../ui/iconfont.ttf') format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

}
.iconfont {
  font-family:"iconfont" !important;
  display:inline-block;
  vertical-align: middle;
  margin:0 .3em;
  font-size: 1.1em;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;   
}


@media only screen and (max-width:1240px) {

    
    
    body,input,textarea,button,select { font-size:14px;}
    
    .wrap, .mwrap { width:940px; }
 
    /************************cxw*************************/
    /* 公共部分 */
    .nav .nav_s .mobile_key{display:block;}
    .nav .mobile_key{display:block;}
    .nav .nav_m{display:none;}
    .sec_nav{display:none;}

    
    

}
@media only screen and (max-width:992px) {
    
    .wrap, .mwrap { width:740px; }
    /*padMode 992px 网站样式*/

}
/*
* MobileMode
*/
@media only screen and (max-width:760px) {
    
    .wrap, .mwrap { padding-left:2%; padding-right:2%; width:auto; }
    .mwrap .wrap { padding-left:0; padding-right:0; }

    


}


/*nav end*/



/*发展历程*/
.fzlc{background: url(../images/home/grd-10.jpg) bottom no-repeat;height: 542px;}
.fzlc .nian{font-size: 18px;font-weight: bold;color: #005bac;}
.fzlc .neirong{margin-top: 20px;}
.fzlctp{margin-top: 30px;}

.event_box{width:100%;;margin:3% auto 0;position:relative;min-height:420px;}
.event_box .parHd {width:90%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/home/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:left;margin-top:60px;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;width:400px; padding:0 60px;display:inline-block;text-align:center;}

.parBd p{line-height:30px;;font-size:16px;width:100%;margin-left:20px;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;cursor:pointer;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/home/cat.png) no-repeat;position:absolute;top:-12px;left:28px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}  





.case-list li {
    width:100%;
    border:1px solid #ebebeb;
   
    margin-bottom:20px;
}
.case-list li:nth-child(4n) {
    margin-right:0;
}
.case-list li:nth-child(4n+1) {
    clear:both;
}
.case-list li:hover {
    box-shadow:0 0 15px 1px rgba(0,0,0,.1);
}
.case-list li .img1 {
    width:100%;
    overflow:hidden;
    height: 220px;
}
.case-list li .img2 {
    width:100%;
    overflow:hidden;
    height: 250px;
}
.case-list li .img3 {
    width:100%;
    overflow:hidden;
    height: 350px;
}
.img4 {
    width:100%;
    overflow:hidden;
    height: 350px;
}
.case-list li .img1  img {
    width:100%;
    -moz-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    transition: all 0.5s linear;
}
.case-list li:hover .img1 img {
    -webkit-transform:  scale(1.05) ; 
    -moz-transform: scale(1.05) ; 
    -ms-transform: scale(1.05);     
    -o-transform:  scale(1.05) ; 
    transform:  scale(1.05);
}
.case-list li .tbox {
    width:100%;
    box-sizing:border-box;
    /*border:1px solid #ebebeb;*/
    border-top:none;
    padding:20px 20px 16px;
        background:#fff;
}
.case-list li .tbox .title {
    width:100%;
    position:relative;
    line-height:30px;
    height: 30px;
    overflow: hidden;
}
.case-list li .tbox .title .t1 {
    font-size:14px;
    font-weight:bold;
    color:#222;
    text-align: center;

}
.case-list li .tbox .title .t2 {
    font-size:14px;
    color:#666;
        height:36px;
        line-height:36px;
        overflow:hidden;
}



/*产品导航*/
.cpdh ul.nav2 li{ width: 200px; text-align:center;}
.cpdh ul.nav2 > li{ float: left; margin-right:10px;}
.cpdh ul.nav2 li h3{height: 40px; line-height: 40px;}
.cpdh ul.nav2 > li > h3{ background: #72a7ff;}
.cpdh ul.nav2 > li > ul > li h3{ background: #ffd9d9;}
.cpdh ul.nav2 > li h3:hover,.choice{ background: #ffc0c0!important;}
.cpdh ul > li > ul{ display: none;}
.cpdh ul > li.on > ul{ display: block;}
.cpdh ul.nav2 li{ position: relative;}
.cpdh ul.nav2 > li > ul > li ul{ position:  absolute; top: 0; right: -200px;}
.cpdh ul.nav2 span.sub{ position: absolute; display: block; right:10px; top: 0; width: 10px; height: 40px; background: url(images/arrows.png) no-repeat center center;}


/**/
.hide {
    display: none;
}

    .product-tab {
    position: relative;
    z-index: 1;
    width: 100%
    padding-top: 20px;
    margin: 0 auto;
    text-align: center;
}

.product-tab:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.product-tab .line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32%;
    height: 2px;
    padding: 0;
    font-size: 0;
    overflow: hidden;
    background: #e8373d;

}

.product-tab li {
    float: left;
    width: 32%;
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 3;
    text-align: center;
    cursor: pointer;
    box-sizing: content-box;
}

.product-tab li img {
    display: inline-block;
    width: 45px;
    margin-right: 25px;
    vertical-align: middle;
}
.product-tab{
    margin-top: 10px;
}
.product-list{
    margin-top: 20px;
}
.product-item h3{
    line-height: 50px;
}
.qyfgs{
    border: 1px solid #eeeeee;
    line-height: 30px;
    height: 320px;
    overflow: hidden;
    padding: 10px 20px;
    box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 
0 6.3px 7.5px rgba(0, 0, 0, 0.03);
    margin-top: 10px;
    border-radius: 10px;
}
.qyfgs i{
    font-size: 30px;line-height: 300px;color: #333333;
}
.fgsmc{
    border-bottom: 1px solid #eeeeee;
    color:#303030;
    font-weight:bold;
}
.fgsnr{
    padding: 10px;
    font-size: 14px;
    line-height: 25px;
    color: #666666;

}
.fgsnr td{
    min-width: 80px;
}
.qyfgs .tb{
    width: 15%;float: left;height: 100%;border-right: 1px solid #eeeeee;
}
.qyfgs .nr{
    width: 80%;float: right;
}
@media screen and (max-width: 768px) {
   .fgsnr td{
    font-size: 12px;
    min-width: 65px;
    } 
    .product-tab li{
        font-size: 10px;
        width: 33%;
    }
    .qyfgs .tb{display: none;}
    .qyfgs .nr{
        width: 100%;
    }
    .qyfgs{
        height: auto;
        margin-top: 20px;
        display: inline-block;
       
    }
}




/*hr*/
.zp2{text-align: center;}
.zp1 .zp22{font-size: 16px;font-weight: bold;}
.zp1 .zp33{font-size: 16px;color: #f70f0f;}
.xyzp{text-align: center;margin-top: 30px;}
.shzp{border-bottom: 1px solid #eeeeee;padding: 20px;}
.shzp span{color: #666666;}
.shzp1 a:hover{color:#000000;}


/*download*/
.xzfl1{padding:0 20px 20px 20px;border: 1px solid #eeeeee;
    margin: 10px 0;
    background: #ffffff;
box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 
0 6.3px 7.5px rgba(0, 0, 0, 0.03);}
.xzflp1{border-bottom: 1px solid #eeeeee;font-size: 16px;;line-height: 40px;font-weight: bold;}
.xzfl1 a{line-height: 25px;font-size: 14px;}
.xzfl1 i{ margin-right: 10px;font-size: 26px;}
@media screen and (max-width: 768px) {
    .xzfl1 a{font-size: 12px;display: block;}
    .xzfl1 i{ font-size: 20px;}
    .xzfl1{padding: 0 10px 10px 10px;}
}



/**/
.xsgs{border-left: 1px solid #eceeef;border-right: 1px solid #eceeef;padding: 10px;height: 100px;overflow: hidden;}
.xsgs1 {font-size: 16px;background: #2889db;padding-left: 20px;color: #eeeeee;}
.xsgs1 a{color: #eeeeee;}
.xsgs1 i{font-size: 20px;margin-right: 20px;color: #eee;line-height: 50px;}
.xsgs2{border-left: 1px solid #eceeef;border-right: 1px solid #eceeef;
    height: 30px;background: #eceeef;line-height: 30px;color: #ffffff;text-align: center;
    border-bottom: 2px solid #4a8ff7;
}


.path{background: #f9f9f9; border-bottom: 1px solid #eeeeee;}
.path li{ list-style: none;float:left;margin: 0 5px;line-height: 50px;color: #555555;font-size: 14px;}
.path li a{color: #555555;}


.layui-form-label{font-size: 14px;width: 30%;float: left;color: #333333;}

.layui-input-block{width: 60%;float: right;margin-left: 10px;}
@media only screen and (max-width:768px) {
    .layui-input-block{width: 50%;float: right;margin-left: 10px;}
    .layui-form-label{width: 38%;}


}



/*图文遮罩样式*/
.cptn18 {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.cptn18 img {
    width: 100%;
    left: 0;
    bottom: 0;
    height: 250px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.cptn18 .cptn {
    background: #333;
    width: 100%;
    height: 30%;
    bottom: -30%;
    position: absolute;
    left: 0;
    overflow: auto;
    padding: 0 15px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.cptn18 .cptn div {
    float: left;
    height: 100%;
}
.cptn18 .cptn .fa {
    -wibkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 2px solid #fff;
    -wibkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: block;
    float: right;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px;
    margin-top: 10px;
    opacity: 0.3;
}
.cptn18 .cptn .fa:hover {
    opacity: 1;
}
.cptn18 .cptn h3 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    height: 20px;overflow: hidden;
}
.cptn18 .cptn p {
    color: #6a6a6a;
    font-size: 14px;
}
.cptn18:hover .cptn {
    bottom: 10px;
    opacity: 1;
}