@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

/* always display scrollbars */
body { margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank);
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */


}
button,div,a{outline:none;}
html {
     font-family: 微软雅黑 !important;
    font-size: 14px;
    color: #929292;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;

-webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;


}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
h1, h2, h3, h4, h5, h6, em, i {font-weight: normal; font-style: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur());color: #545454; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clear { clear: both;}
.fl{float: left;}
.fr{float: right;}

.text{text-align: center;}
.clearfix { *zoom: 1; }
.tabbox{vertical-align: middle;display: table-cell;}
.wrap{width:1200px;margin: 0 auto;}
.wrap2{width:1400px;margin: 0 auto;}
.hide{display: none;}



.xxxx:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.xxx:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#83bc2b; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.xxx:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}




/*commn*/
.swiper-pagination-bullet-active{background:#e00!important}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#999;opacity:1!important}
/*commn*/

.a:hover img{ -webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}



@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.div{transition:all 0.5s; animation-name:fadeInUp; animation-delay:0.2s;}





/*过渡*/
.aaa{
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}


figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 999;
}
figcaption::before,figcaption::after {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    content: '';
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
}
figcaption::before {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
figcaption::after {
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}


/*手机导航*/
.Side_nav{width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.6); left: 0; top: 0; z-index: 30; opacity: 0; visibility: hidden; transition: 340ms 130ms;}
.menuBtn { float:right;width:44px; height: 28px; position:fixed; right:20px;top: 20px;cursor: pointer; z-index: 9999;display: none ;}
.menuBtn .burger { display: block; width: 100%; height: 5px; position: absolute; left: 0; background:#70a819;transform-origin:center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
.menuBtn .burger-1 { top: 0; }
.menuBtn .burger-2 { top: 12px; }
.menuBtn .burger-3 { bottom: 0; }
.menuBtn.active .burger-1 { top: 10px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; background: #fff; }
.menuBtn.active .burger-3 { top: 10px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.Side_box {
    background-color:#908d8d;
    height: 100%;
    max-width: 85%;
    max-width: calc(100% - 64px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);
    width: 200px;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}
.Side_nav.in .Side_box {-webkit-transform: translateX(0);transform: translateX(0);}
.Side_nav.in { opacity: 1; visibility: visible; transition: 340ms 0ms; }
.menu-list { padding: 40px 0;z-index:1000;}
.menu-list li {-webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal;border-bottom: 1px #a9a6a6 solid; }
.menu-list li:last-child { margin-bottom: 0; }
.menu-list li a { display: block; color: #fff; font-size:1.1rem;padding:1em; }
@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
/*手机导航*/
.moblie_head{padding:.5em 1em;position: fixed;left:0;top:0;width: 100%;z-index: 15;background:#fff;display:none;
    -webkit-box-shadow:0px 2px 9px 1px rgba(125, 122, 122,.5);
    -moz-box-shadow:0px 2px 9px 1px rgba(125, 122, 122,.5);
    box-shadow: 0px 2px 9px 1px rgba(125, 122, 122,.5);
}
.moblie_head .logo{width:50%;}
.moblie_head .logo img{max-width: 100%;}

.menu-list .logo2{margin-bottom:1em;padding-left: 1em;}
.menu-list .logo2 img{max-width:65%;}

.head_nav.scoll{ position:fixed; left:0; top:0; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.5);width: 100%;z-index: 30;}




/*头部开始*/
/*头部开始*/
.topBox{ background: url(../images/bg.gif) repeat-x;}
.top {background:url(../images/top.jpg) no-repeat center top;}
.h_top1 { height:28px; color:#ababab; }
.h_top1 p { padding:4px 8px 0; display:none;}
.h_top1 p a { padding:0 6px; color:#ababab; display:inline-block; font-size:12px;}
.h_top1 p img { vertical-align:middle;}

.h_con { height:109px;}
.h_con h1 {}
.h_con h1 img { float:left; margin:6px 18px 0 0;}
.h_con h1 span { padding:16px 0 30px 20px; float:left; font-size:20px; line-height:30px; color:#2a2a2a; font-family:"微软雅黑"; background:url(../images/hbor.jpg) no-repeat left top;}
.h_pho { padding:26px 0 0 0; overflow:hidden;}

/*.h_nav { height:47px;}
.h_nav ul li { float:left; height:47px; font-size:14px; background:url(../images/nbor.gif) no-repeat right 6px; position:relative; margin-right:-2px;}
.h_nav ul li a {color:#272727;display:inline-block;height:47px;line-height:47px;padding-left: 40px;}
.h_nav ul li span {padding-right: 40px;}
.h_nav ul li a:hover, .h_nav ul .cur a { display:inline-block; color:#272727; text-decoration:none; background:url(../images/hover1.gif) no-repeat left 3px;}
.h_nav ul li a:hover span, .h_nav ul .cur a span { display:inline-block; text-decoration:none; background:url(../images/hover2.gif) no-repeat right 3px;}
.h_nav ul .nobot { background:none;}
.h_nav ul li a:-webkit-any-link{ display:block;} 
.h_nav ul li .list01 { position:absolute; top:47px; left:0; background:url(../images/dhpng.png) repeat; width:120px; overflow:hidden;}
.h_nav ul li .list01 em { font-style:normal; height:30px; font-size:12px; background:url(../images/dhx.png) repeat-x left bottom; display:inline-block;width:120px;overflow:hidden;}
.h_nav ul li .list01 em a { color:#ccbab9; height:30px; line-height:28px; background:none; width:100%; overflow:hidden;}
.h_nav ul li .list01 em a:hover { color:#fff; background:none;}*/

.h_nav { height:47px; text-align:center; font-size:0;}
.h_nav ul li { display:inline-block; height:47px; font-size:14px; background:url(../images/nbor.gif) no-repeat right 6px; position:relative; margin-right:-2px;}
.h_nav ul li a { color:#272727; display:inline-block; height:47px; line-height:47px; padding-left:16px;}
.h_nav ul li span { padding-right:16px;}
.h_nav ul li a:hover, .h_nav ul .cur a { display:inline-block; color:#272727; text-decoration:none; background:url(../images/hover1.gif) no-repeat left 3px;}
.h_nav ul li a:hover span, .h_nav ul .cur a span { display:inline-block; text-decoration:none; background:url(../images/hover2.gif) no-repeat right 3px;}
.h_nav ul .nobot { background:none;}
.h_nav ul li a:-webkit-any-link{ display:block;} 
.h_nav ul li .list01 { position:absolute; top:47px; left:0; background:url(../images/dhpng.png) repeat; width:120px; overflow:hidden;}
.h_nav ul li .list01 em { font-style:normal; height:30px; font-size:12px; background:url(../images/dhx.png) repeat-x left bottom; display:inline-block;width:120px;overflow:hidden;}
.h_nav ul li .list01 em a { color:#ccbab9; height:30px; line-height:28px; background:none; width:100%; overflow:hidden; text-align:left;}
.h_nav ul li .list01 em a:hover { color:#fff; background:none;}

.h_ser { height:48px; line-height:48px;}
.h_ser p { float:left; padding-left:10px; color:#5c5c5c;}
.h_ser a { padding:0 15px 0 0; color:#5c5c5c;}
.s_inp { width:260px; height:28px; margin-top:10px;}
.inp01 { width:180px; height:28px; line-height:28px; border:none medium; background:url(../images/txt.gif) no-repeat; text-align:left; padding:0 0 0 31px; font-size:12px; color:#878787;}
.header , .content , .footer { width:960px; margin:0 auto;}

/*头部结束*/

/*案例中心*/
.nybanner{position:relative;}
.nybanner img{display:block;width: 100%;}
.banner_swiper2,.banner_swiper2 .swiper-slide{width:100%;}
.banner_swiper2,.banner_swiper2 .swiper-wrapper,.banner_swiper2 .swiper-wrapper .swiper-slide{height: auto !important;}


.nytxt{width: 402px;height: 113px;background:url(../images/bg1.png) no-repeat;text-align: center;position:absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.nytxt h4{font-weight: 800;font-size:40px;color:#f1f1f1;line-height: 2.5;}
.nytxt p{text-transform: uppercase;font-size: 18px;color:#f1f1f1;position: absolute;left: 0;bottom: -9px;width: 100%;}

/*header .headR{width:610px;position:relative;margin-top: 15px;}
header .headR .item{width: 36%;padding-left: 50px;position:relative;font-size: 14px;color:#333;line-height: 20px;margin-left: 2%;}
header .headR .item p{font-size: 14px;color:#333;line-height: 20px;}
header .headR .item img{position:absolute;left:0;bottom:0;}
header .headR:before{content:'';position:absolute;left:50%;top:0;width: 1px;height:40px;background:#e5e5e5;}*/
header .logo{position:relative;height:100%;}
header .logo:before{content:'';position:absolute;right:-32px;top:0;width: 9px;height: 100%;background:url(../images/bor02.png) no-repeat;background-position: center;}
header .logo span{height: 100%;vertical-align: middle;display: inline-block;}
header .logo img{max-width: 96%;vertical-align: middle;}
header .txt1{line-height:30px;margin-left:59px;color:#333333;font-size: 19px;font-weight: 800;max-width:285px;height:100%;display:table;}
header{background:url(../images/head1_01.jpg) no-repeat;/*padding:20px 0;*/background-size: 100% 100%;height: 100px;}
header .wrap2{height: 100%;}
header .headR{position:relative;height:100%;}
header .headR .L{text-align: right;height:100%;display:table;}
header .headR .L p{font-size: 22px;color:#e2381f;line-height: 27px;}
header .headR .R{padding-left: 36px;margin-left: 30px;position:relative;height:100%;display:table;}
header .headR .R p{font-size: 24px;color:#e2381f;font-family: Impact;line-height: 30px;}
header .headR .R:before{content:'';position:absolute;left:0;top:0;width: 9px;height: 100%;background:url(../images/bor02.png) no-repeat;background-position: center;}




.head_nav{background:#1b1b1b;}
.head_nav nav{float:left;width: 78%;}
.head_nav nav li{float:left;height: 60px;line-height: 60px;width: 14%;text-align: center;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.head_nav nav li a{font-size: 18px;color:#fff;display:block;}
.head_nav nav li.on{background:#e2381f;}
.head_nav nav li:hover{background:#e2381f;}
.head_nav .search{padding:0 10px;border:1px #959595 solid;border-radius: 26px;margin-top: 17px;}
.head_nav .search input{height: 26px;width: 85%;border:none;float:left;background:#1b1b1b;font-size: 14px;color:#fff;}
.head_nav .search button{height: 26px;width: 15%;border:none;float:left;background:#1b1b1b;}




footer{}
footer .copy{text-align: center;color:#f1f1f1;height: 40px;line-height: 40px;background:#7d7d7d;}
footer .copy a{color:#f1f1f1 !important;}
footer .top{background:#e5e5e5;padding:40px 0;}
footer .top .wrap{}
footer .top .kf{margin-left: 5%;position:relative;}
footer .top .kf:before{content:'';position:absolute;right:-40%;top:0;width: 1px;height: 100%;background:#cacaca;}
footer .top .kf h4{font-size: 14px;color:#333333;}
footer .top .kf b{width:26px;height: 2px;background:#e2381f;display:block;margin:18px 0;}
footer .top .kf .main{}
footer .top .kf .main .item{float:left;border:1px #7d7d7d solid;width: 68px;height: 88px;text-align: center;margin-right: 20px;}
footer .top .kf .main .item a{display:table;width: 100%;height: 100%;}
footer .top .lx{margin: 0 14%;}
footer .top .lx h4{font-size: 14px;color:#333333;}
footer .top .lx b{width:26px;height: 2px;background:#e2381f;display:block;margin:18px 0;}
footer .top .lx .main{}
footer .top .lx .main p{font-size: 16px;color:#777777;line-height: 36px;}
footer .top .lx .main p a{font-size: 18px;color:#e2381f;font-weight: 800;}
footer .top .gz{margin-right:5%;position:relative;}
footer .top .gz h4{font-size: 14px;color:#333333;}
footer .top .gz b{width:26px;height: 2px;background:#e2381f;display:block;margin:18px 0;}
footer .top .gz .main{}
footer .top .gz .main dl{float:left;text-align: center;margin-right: 1em;}
footer .top .gz .main dl img{width: 75px;height: 75px;}
footer .top .gz .main dl p{font-size: 12px;color:#777777;}
footer .top .gz:before{content:'';position:absolute;left:-40%;top:0;width: 1px;height: 100%;background:#cacaca;}



.paging{text-align: center;}
.paging a{height: 28px;line-height: 28px;border:1px #bfbfbf solid;display:inline-block;padding:0 10px;margin:0 5px;}
.paging span{color:#777;margin:0 5px;}
.paging a:last-child,.paging a:first-child{border-color: #777;}
.paging a:hover{background:#e2381f;color:#fff;border-color: #e2381f;}


.nycon{background:#f5f5f5;padding-bottom: 100px;}
.submenu{height: 60px;background:#fff;position:relative;top:-40px;text-align: center;z-index: 10;
   -webkit-box-shadow:0px 2px 9px 1px rgba(218,218,218,.5);
    -moz-box-shadow:0px 2px 9px 1px rgba(218,218,218,.5);
    box-shadow: 0px 2px 9px 1px rgba(218,218,218,.5);
}
.submenu dl{display:inline-table;height: 60px;line-height: 60px;position:relative;margin:0 1em;}
.submenu a{color:#333333;font-size: 18px;padding:0 1em;display:block;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.submenu a.on{background:#e2381f;color:#fff;}
.submenu a span{display:inline-table;width: 14px;height: 8px;background:url(../images/sj1.png) no-repeat;margin-left: 20px;}
.submenu a:hover{background:#e2381f;color:#fff;}
.three_nav{position:absolute;left:0;top:60px;z-index: 10;display:none;}
.three_nav a{height: 40px;line-height: 40px;text-align: center;color:#333;font-size: 14px;background:#fff;}




.case_list{margin-right: -3%;}
.case_list li{float:left;width: 30.33%;margin:0 3% 30px 0;}
.case_list li a{padding:3px;display:block;}
.case_list li .pic{height: 287px;overflow:hidden;}
.case_list li .pic img{display:block;width: 100%;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.case_list li .ttx{height: 82px;background:#fff;width: 100%;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.case_list li .ttx .padd{padding:18px 29px;}
.case_list li .ttx h4{color:#333333;font-size: 18px;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_list li .ttx p{color:#777777;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_list li:hover .pic img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.case_list li:hover,.case_list li:hover .ttx{background:#f14828;}
.case_list li:hover .ttx *{color:#fff;}




/*产品中心*/
.cp_list{}
.cp_list li{float:left;width: 30.33%;margin:0 3% 30px 0;}
.cp_list li a{padding:3px;display:block;}
.cp_list li .pic{height: 288px;overflow:hidden;}
.cp_list li .pic img{display:block;width: 100%;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.cp_list li .ttx{height: 82px;background:#fff;width: 86%;line-height: 82px;padding:0 10% 0 4%;color:#333333;font-size: 20px;position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.cp_list li .ttx:before{content:'';position:absolute;right:4%;top:0;width: 28px;height: 100%;background:url(../images/tb1.png) no-repeat;background-position: 0 center;}
.cp_list li:hover .pic img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.cp_list li:hover,.cp_list li:hover .ttx{background:#f14828;color:#fff;}
.cp_list li:hover .ttx:before{background-position:-32px center;}




/*联系我们*/
.relation{margin:80px 0;}
.relation .map{border:1px #dcdcdc solid;overflow:hidden;}
.relation .map img{display:block;width: 100%;height: 100%;}
.relation .addA{margin-top: 48px;}
.relation .addA table{width: 100%;}
.relation .addA td{width: 25%;text-align: center;padding: 0 3rem;}
.relation .addA td .pic{height: 80px;margin-bottom: 16px;}
.relation .addA td .txt{font-size: 12px;color:#777777;line-height: 18px;}



/*品牌介绍*/
.info{background:#fff;margin-top: 55px;padding:55px 145px;}
.info .top{margin-bottom: 35px;text-align: center;}
.info .top h4{font-size: 24px;color:#333333;font-weight: 800;}
.info .top b{width: 50px;height: 4px;background:#e2381f;display:inline-block;}
.info p{font-size: 18px;color:#333333;line-height:36px;}

#gla{margin:0 auto;position:relative;height:404px;}
.bac{position:absolute;bottom:0;left:50px;}
#gla_box{width:100%;margin:auto;overflow:hidden;}
#gla_box li{overflow:hidden;}
#gla_box .next,#gla_box .prev{position: absolute;top:45%;width: 16px;height: 30px;z-index: 300;cursor:pointer;}
#gla_box .next{right:-76px;background:url(../images/right2.png) no-repeat;}
#gla_box .prev{left:-76px;background:url(../images/left2.png) no-repeat;}
.gla_inbox{overflow:hidden;position:relative;width: 100%;height: 100%;}
.gla_inbox a{position:absolute;bottom:-70px;left:0;background:rgba(0,0,0,.5);color:#FFF;height:60px;line-height: 60px;width:90%;font-size:22px;padding:0 5%;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.gla_inbox img{width:100%;height:100%;}
.roundabout-holder{height:404px;width:100%;}
.roundabout-moveable-item{display:block;height:387px;width:598px;cursor:pointer;}
.roundabout-in-focus{cursor:auto;
    -webkit-box-shadow:0px 4px 9px 1px rgba(109,109,109,.5);
    -moz-box-shadow:0px 4px 9px 1px rgba(109,109,109,.5);
    box-shadow:0px 4px 9px 1px rgba(109,109,109,.5);
}
.roundabout-in-focus a{bottom:0;}





/*index*/
.banner{position: relative;}
.banner_swiper,.banner_swiper .swiper-slide{width:100%;}
.banner_swiper,.banner_swiper .swiper-wrapper,.banner_swiper .swiper-wrapper .swiper-slide{height: auto !important;}
.banner_swiper .swiper-slide img{width:100%;display: block;}
.banner_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:69px;width: 100%;text-align: center;}
.banner_swiper .swiper-pagination-switch {display: inline-block;width: 100px;height:8px;margin-right:30px;cursor: pointer;background:#fff;}
.banner_swiper .swiper-visible-switch {}
.banner_swiper .swiper-active-switch {background: #e2381f;}
.banner .arrow-l,.banner .arrow-r{position: absolute;top:45%;width:39px;height:71px;z-index: 10;cursor: pointer;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.banner .arrow-l {background: url(../images/left3.png) no-repeat;left:110px;}
.banner .arrow-r {background: url(../images/right3.png) no-repeat left bottom;right:110px;}










.craftA{padding-top: 50px;background:#f5f5f5;}
.h_top{text-align: center;}
.h_top p{font-size: 16px;color:#454545;}
.h_top .txt{width:208px;height: 67px;background:url(../images/bg2.png) no-repeat;text-align: center;position:relative;margin:0 auto 11px;}
.h_top .txt h4{font-weight: 800;font-size:30px;color:#1c1c1c;line-height: 2;}
.h_top .txt p{text-transform: uppercase;font-size: 14px;color:#888888;position: absolute;left: 0;bottom: -9px;width: 100%;}


.classify{margin-top: 25px;}
.craftA_top{text-align: center;font-size:24px;color:#151515;}
.craftA_top b{width: 45px;height: 1px;background:#4d4d4d;display:block;margin: 6px auto;}
.classify .main{margin-top: 45px;}
.classify .main .menu{margin-right: -2%;}
.classify .main .menu dl{width: 31%;margin:0 2% 0 0;height: 140px;background:#fff;color:#333333;font-size: 24px;float:left;text-align: center;line-height: 140px;position: relative;}
.classify .main .menu dl img{vertical-align: middle;margin-right: 28px;}
.classify .main .menu dl.on{height: 160px;top:-8px;line-height: 160px;
    -webkit-box-shadow:0px 2px 9px 1px rgba(174,174,174,.5);
    -moz-box-shadow:0px 2px 9px 1px rgba(174,174,174,.5);
    box-shadow: 0px 2px 9px 1px rgba(174,174,174,.5);
}
.classify .main .menu dl.on:before{content:'';position: absolute;left:0;bottom:0;height: 10px;background:#e2381f;width: 100%;}
.classify .main .main_m{margin-top: 45px;height: 426px;position: relative;border:1px #d3d3d3 solid;}
.classify .main .main_m dd,.classify .c_banner .bd,.classify .c_banner{height: 100%;}
.classify .c_banner .bd ul{width: 100% !important;height: 100% !important;}
.classify .c_banner .bd li{ width:100% !important; height:100%; float:left; overflow:hidden; position:relative; }
.classify .c_banner .mr_frBtnL{display:inline;left:-27px;}
.classify .c_banner .mr_frBtnR{right:-27px;}
.classify .c_banner .mr_frBtnL,.classify .c_banner .mr_frBtnR{position: absolute;top:45%;width:50px;height:50px;cursor:pointer;z-index: 5;border-radius: 50px;overflow:hidden;
   -webkit-box-shadow:0px 2px 9px 1px rgba(213,213,213,.5);
    -moz-box-shadow:0px 2px 9px 1px rgba(213,213,213,.5);
    box-shadow: 0px 2px 9px 1px rgba(213,213,213,.5);
}
.c_banner .bd li .pic{width: 70%;height: 100%;}
.c_banner .bd li .pic img{width: 100%;height: 100%;display:block;}
.c_banner .bd li .ttx{width: 30%;position: relative;background:#fff;height: 100%;position: relative;}
.c_banner .bd li .ttx:after{content:'';position: absolute;left:-13px;height: 19px;width:14px;background:url(../images/sj3.png) no-repeat;top:54px;}
.c_banner .bd li .ttx:before{content:'';position: absolute;left:0;top:0;width: 1px;height: 100%;background:#d3d3d3;}
.c_banner .bd li .ttx .padd{padding:42px 64px;}
.c_banner .bd li .ttx .top{border-bottom: 1px #b59795 solid;padding-bottom: 10px;}
.c_banner .bd li .ttx .top h4{font-size: 24px;color:#252120;font-weight: 800;margin-bottom: 5px;}
.c_banner .bd li .ttx .top p{font-size:14px;color:#252120;}
.c_banner .bd li .ttx .list{margin-top: 20px;border-bottom: 1px #b59795 solid;padding-bottom: 15px;}
.c_banner .bd li .ttx .list p{line-height:24px;font-size:12px;color:#252120;}
.c_banner .bd li .ttx a{width: 132px;height: 33px;line-height: 33px;background:#e2381f;text-align: center;color:#fff;display:block;margin-top: 25px;}
.c_banner .bd li .ttx a span{margin-left: 10px;font-family:宋体;}




.caseA{padding-top: 40px;background: #f5f5f5;}
.caseA .mian{margin-top: 50px;height: 400px;margin-right: -2%;}
.caseA .mian .item{position: relative;width: 48%;margin:0 2% 0 0;float:left;height: 400px;}
.caseA .mian .item .bg{display:block;width: 100%;height: 100%;background-position: center !important;background-size: cover !important;}
.caseA .mian a{width: 110px;height: 111px;background: #fff;text-align: center;font-size:16px;color:#333333;
    position: absolute;left: 50%;top: 50%;z-index: 5;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.caseA .mian .item:nth-child(1) .pic{background:url(../images/tb4_03.png) no-repeat;background-position: center 0;}
.caseA .mian .item:nth-child(2) .pic{background:url(../images/tb4_06.png) no-repeat;background-position: center 0;}
.caseA .mian a .pic{height: 55px;margin-top: 13px;margin-bottom: 5px;}
.caseA .mian a span{width: 100%;height: 30px;line-height: 30px;background:#fff;text-align: center;color:#333333;position: absolute;left:0;bottom:0;opacity:0;
  transition:400ms;
}
.caseA .mian .item:hover a p{color:#fff;}
.caseA .mian .item:hover a{background:#e2381f;}
.caseA .mian .item:hover span{bottom:-30px;opacity:1;}
.caseA .mian .item:hover .pic{background-position: center -69px;}



.serveA{padding-top:61px;background: #f5f5f5;}
.serveA .main{height: 702px;margin-top: 36px;}
.serveA .main .L{background:#e5e5e5;width: 50%;height: 100%;position: relative;}
.serveA .main .R{width: 50%;height: 100%;position: relative;}
.serveA .main .R span{width: 100%;height: 100%;display:block;background-position: center !important;background-size: cover !important;}
.serveA .main .R:hover figcaption::before,.serveA .main .R:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}






.serveA .main .L .box{width: 598px;height: 521px;background:#fff;position: absolute;right:0;top:88px;}
.serveA .main .L .box .padd{padding:45px;}
.serveA .main .L .top{}
.serveA .main .L .top h4{color:#333333;font-size: 24px;font-weight: 800;}
.serveA .main .L .top b{width: 126px;height: 1px;background:#c0c0c0;display:block;margin:20px 0;}
.serveA .main .L .top p{color:#333333;font-size:16px;line-height: 30px;}
.serveA .main .L .list{border:1px #e0e0e0 solid;border-bottom:none;border-right:none;margin-top: 22px;}
.serveA .main .L .list li{width: 25%;float:left;text-align: center;height: 126px;position: relative;transition:400ms;-webkit-transition:400ms;}
.serveA .main .L .list li a{display:table;width: 100%;height: 100%;}
.serveA .main .L .list li:before{content:'';position: absolute;left:0;bottom:0;width: 100%;height: 1px;background:#e0e0e0;}
.serveA .main .L .list li:after{content:'';position: absolute;right:0;top:0;width:1px;height: 100%;background:#e0e0e0;}
.serveA .main .L .list li span{height: 42px;margin-bottom: 10px;line-height: 42px;display:block;}
.serveA .main .L .list li span img{vertical-align: middle;}
.serveA .main .L .list li span .img1{display:inline;}
.serveA .main .L .list li span .img2{display:none;}
.serveA .main .L .list li:hover span .img1{display:none;}
.serveA .main .L .list li:hover span .img2{display:inline;}
.serveA .main .L .list li:hover{background:#ca0d0d;}
.serveA .main .L .list li:hover p{color:#fff;}



.newA{margin-top: 40px;margin-bottom: 67px;}
.newA .main{margin-top: 25px;}
.newA .main .btn{text-align: center;margin-top: 30px;}
.newA .main .btn a{width: 173px;height: 42px;line-height: 42px;background:#989898;color:#fff;font-size: 18px;display:inline-block;transition:400ms;-webkit-transition:400ms;}
.newA .main .btn a span{margin-left:20px;}
.newA_banner{position:relative;overflow:hidden;}
.newA_swiper{padding-bottom: 44px;}
.newA_swiper,.newA_swiper .swiper-slide{width:100%;}
.newA_swiper,.newA_swiper .swiper-wrapper,.newA_swiper .swiper-wrapper .swiper-slide{height: auto !important;}
.newA_swiper .swiper-slide img{width:100%;display: block;}
.newA_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:0;width: 100%;text-align: center;}
.newA_swiper .swiper-pagination-switch {display: inline-block;width:8px;height:8px;margin-right:10px;cursor: pointer;background:#fff;border:1px #a3a3a3 solid;border-radius: 8px;}
.newA_swiper .swiper-visible-switch {}
.newA_swiper .swiper-active-switch {background: #cf0000;border-color: #cf0000;}

.newA_swiper .swiper-slide .pic{height: 281px;}
.newA_swiper .swiper-slide .pic img{display:block;width: 100%;height: 100%;}
.newA_swiper .swiper-slide .txt{background:#f1f1f1;border:1px #d3d3d3 solid;height: 279px;position:relative;transition:400ms;-webkit-transition:400ms;}
.newA_swiper .swiper-slide .padd{padding-right: 31px;}
.newA_swiper .swiper-slide .txt .foot{position:absolute;left:0;bottom:0;width: 100%;}
.newA_swiper .swiper-slide .t{font-size: 18px;color:#262626;}
.newA_swiper .swiper-slide .c{font-size: 14px;color:#656565;line-height: 24px;margin-top: 11px;}

.newA_swiper .swiper-slide .txt .padd1{padding:23px;}
.newA_swiper .swiper-slide .foot .date{width: 71px;height: 71px;background:#989898;text-align: center;color:#fff;padding:11px;transition:400ms;-webkit-transition:400ms;}
.newA_swiper .swiper-slide .foot .date h4{font-size: 30px;font-weight: 800;border-bottom: 1px #fff solid;}
.newA_swiper .swiper-slide .foot .date p{font-size: 14px;}
.newA_swiper .swiper-slide .foot .btn2{float: right;margin-right: 14px;margin-top: 21px;}
.newA_swiper .swiper-slide .foot .btn2 a{width: 117px;height: 31px;border:1px #b4b4b4 solid;display:block;text-align: center;line-height: 31px;color:#767676;}

.newA_swiper .swiper-slide:hover .date{background:#cf0000;}
.newA_swiper .swiper-slide:hover .date *{color:#fff;}
.newA_swiper .swiper-slide:hover .btn2 a{color:#cf0000;border-color:#cf0000;}
.newA_swiper .swiper-slide:hover .txt{background:#fff;
   -webkit-box-shadow:0px 2px 9px 1px rgba(185,185,185,.5);
    -moz-box-shadow:0px 2px 9px 1px rgba(185,185,185,.5);
    box-shadow: 0px 2px 9px 1px rgba(185,185,185,.5);
}
.newA .main .btn a:hover{color:#fff;background:#cf0000;}




.brandA{padding-top: 40px;background: #f5f5f5;}
.brandA .mian{height: 704px;margin-top: 55px;}
.brandA .mian .L{width: 50%;height: 100%;position: relative;}
.brandA .mian .L span{width: 100%;height: 100%;display:block;background-position: center !important;background-size: cover !important;}
.brandA .mian .L:hover figcaption::before,.brandA .mian .L:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.brandA .mian .R{width: 50%;height: 100%;background:#e5e5e5;position:relative;}
.brandA .mian .R .box{position:absolute;left:0;top:90px;width: 603px;height: 519px;background:#fff;}
.brandA .mian .R .me{height: 80px;background:#afafaf;}
.brandA .mian .R .me dl{float:left;width: 33.33%;position:relative;text-align: center;font-size: 20px;color:#ffffff;font-weight: 800;height: 80px;line-height: 80px;cursor:pointer;}
.brandA .mian .R .me dl:before{content:'';position: absolute;right:0;width: 1px;height: 70%;top:15%;background:#fff;}
.brandA .mian .R .me dl:last-child:before{display:none;}
.brandA .mian .R .me dl.on{background: #fff;color:#333;}
.brandA .mian .R .me dl.on:after{content:'';position:absolute;left:0;top:0;height: 4px;background:#e2381f;width: 100%;}
.brandA .mian .R .ma{}
.brandA .mian .R .ma dd{padding:40px;}
.brandA .mian .R .ma .con .txt{line-height: 34px;color:#333333;max-height: 270px;overflow-y: auto;}
.brandA .mian .R .ma .con .btn{width: 161px;height: 44px;line-height: 44px;text-align: center;display:block;border:1px #e2381f solid;color:#e2381f;margin:32px auto 0;transition:400ms;-webkit-transition:400ms;}
.brandA .mian .R .ma .con .btn span{font-family: 宋体;margin-left: 20px;}
.brandA .mian .R .ma .con .btn:hover{background:#e2381f;color:#fff;}



.Strength{margin-top: 45px;}
.Strength .main{height: 399px;margin-top:15px;position:relative;background:url(../images/bg3_02.jpg) no-repeat;background-size: 100% 100%;}
.Strength .main .wrap,.Strength .main .wrap .box{height: 100%;}
.Strength .main .box{background:#fff;position: relative;}
.Strength .main .box:after{content:'';position: absolute;left:0;top:0;width: 100%;height: 1px;background:#d6d6d6;}
.Strength .main .box:before{content:'';position: absolute;left:0;bottom:0;width: 100%;height: 1px;background:#d6d6d6;}
.Strength .main .menu{}
.Strength .main .menu table{width: 100%;}
.Strength .main .menu td{width: 11%;text-align: center;height: 92px;background:#e4e4e4;font-size: 16px;color:#151515;}
.Strength .main .menu td.on{background:#e2381f;color:#fff;}
.Strength .main .menu td img{margin-right: 5px;vertical-align: middle;}
.Strength .main .menu td .img1{display:inline;}
.Strength .main .menu td .img2{display:none;}
.Strength .main .menu td.on .img1{display:none;}
.Strength .main .menu td.on .img2{display:inline;}
.Strength .main .m{}
.Strength .main .m dd{padding:40px 67px 29px 67px;}
.Strength .main .m h4{font-size: 24px;color:#353535;font-weight: 800;border-bottom: 1px #d8d8d8 solid;padding-bottom: 14px;margin-bottom: 15px;}
.Strength .main .m p{color:#222222;line-height: 36px;}
.Strength .main .m a{float:right;}
.Strength .main .m .txt{max-height: 108px;margin-bottom: 10px;}


.flow{width: 62px;position: fixed;right:5%;top:35%;z-index: 10;}
.flow li{width: 100%;height: 62px;background:rgba(0,0,0,.5);text-align: center;margin-bottom: 1px;position:relative;}
.flow li a{display:block;width: 100%;height: 100%;display:table;}
.flow li p{color:#fff;font-size: 12px;}
.flow li .retun{display:none;}
.flow li a:hover{background:#e2381f;}
.flow li .wxbox{position: absolute;right:62px;background:#fff;text-align: center;top:0;width: 120px;padding:1em 0;border-radius: 5px;display:none;}
.flow li .wxbox img{width:75px;height: 75px;}
.flow li .wxbox p{font-size: 12px;color:#333;}
.flow li.wx:hover .wxbox{display:block;}


.nymtop{width: 1200px; margin-top: 20px; line-height: 40px; padding-top: 20px; border-bottom: 1px solid #d2d2d2;
font-size:20px;}

.nymcon{word-break:break-all; font-size:14px;line-height:1.75em;    min-height: 500px;
    padding: 50px;}
.nymcon p{color:#333;}