@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);



}
button,div,a{outline:none;}
html {
     /*font-family: 'SourceHanSansCN-Regular';*/
     font-family: 微软雅黑;
    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"] { -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:70%;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;}



@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('../css/font/SourceHanSansCN-Regular.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('../css/font/SourceHanSansCN-Bold.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../css/font/SourceHanSansCN-Normal.otf');
}


/*过渡*/
.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;
}






/*新闻详情*/
.head_top{background:#333333;height: 40px;line-height: 40px;text-align: right;}
.head_top .item{display:inline-block;margin-left: 65px;}
.head_top .item a,.head_top .item{color:#fff;}
.head_top .item a{padding:0 5px;}


header{background-color: #fff;height: 130px;vertical-align: middle;}
header .wrap,.nyheadline .wrap{height: 100%;}
.logo{width: 30%;height: 100%;}
.logo img{max-width: 100%;vertical-align: middle;}
.logo span{height: 100%;vertical-align: middle;display: inline-block;}
.nav{width: 65%;}
.nav ul li{float:left;width: 14%;line-height: 130px;text-align: center;position:relative;}
.nav ul li a{color:#333333;font-size: 16px;position:relative;z-index: 4;overflow:hidden;}
.nav ul li a:before{ content:""; width:100%; height:2px; position:absolute; left:0; bottom:-.5em; z-index: -1; background-color:#0066aa; transform-origin:center; -webkit-transform-origin:center; -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;}
.nav ul li a:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.nav ul li a:hover{color:#0066aa;}
.nav ul li.on a:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.nav ul li.on a{color:#0066aa;}
.nav ul li.nav-up-selected{background-color: rgba(0,0,0,.5);}
.nav ul li.nav-up-selected a{color:#fff;}

.nyheadline{background:url(../images/0_02.jpg) no-repeat;background-size: 100% 100%;height: 150px;}
.nyheadline .name{color:#333333;font-size: 47px;font-family: 'SourceHanSansCN-Bold';height: 100%;display:table;}
.nyheadline .deputy{text-align: right;display:table;height: 100%;}
.nyheadline .deputy h2{color:#515151;font-size: 52px;font-family: 'SourceHanSansCN-Bold';line-height: 55px;}
.nyheadline .deputy p{color:#fff6db;font-size:30px;}

.footer{background:#292929;padding:35px 0;}
.footer .link{width: 68%;}
.footer .link h4{font-size: 16px;margin-bottom: 5px;}
.footer .link a{color:#999;line-height: 24px;display:block;}
.footer .link .item{float:left;width: 16.6%;}
.footer .addre{width:28%;position:relative;}
.footer .addre p{color:#999;line-height: 24px;}
.footer .addre p a{color:#999;}
.addre_box2{position:absolute;right:0;bottom:0;background:#5c5c5c;width: 48px;z-index: 5;}
.addre_box2:before{content:'';position:absolute;left:30%;right:30%;width:40%;height:2px;background:#cccccc;top:50%;}
.addre_swiper,.addre_swiper .swiper-wrapper,.addre_swiper .swiper-slide{height: auto !important;}
.footer .addre .arrow-left,.footer .addre .arrow-right{width:100%;height:47px;z-index: 10;cursor: pointer;display:block;}
.footer .addre .arrow-left {background: url(../images/btn_03.png) no-repeat center;}
.footer .addre .arrow-right {background: url(../images/btn_06.png) no-repeat center;}



.ewmbox{position:fixed;right:0%;bottom:40%;background:#fff;text-align: center;width: 120px;    z-index: 10;
  -webkit-box-shadow:0px 0px 12px 0px  rgba(185,185,185,.5);
    -moz-box-shadow:0px 0px 12px 0px  rgba(185,185,185,.5);
    box-shadow:0px 0px 12px 0px  rgba(185,185,185,.5);
}
.ewmbox .top{padding:0 5px;position:relative;}
.ewmbox .top img{width: 97px;height: 97px;margin-top: 17px;}
.ewmbox .top p{line-height: 19px;color:#666666;margin-bottom: 5px;font-size: 12px;}
.ewmbox .retun{background:#0066aa;height: 45px;vertical-align: middle;cursor:pointer;display:none;}
.ewmbox .retun span{height: 100%;vertical-align: middle;display: inline-block;}
.ewmbox .retun img{vertical-align: middle;}

.ewmbox .top .close{position:absolute;right:0;top:0;background:rgba(0,0,0,.5);color:#fff;font-size: 12px;padding: 3px 5px;display:none;cursor:pointer;}
.ewmbox .top:hover .close{display:block;}


.ewmbox2{background:#fff;text-align: center;width: 100%;z-index: 10;display:none;}
.ewmbox2 .top{padding:0 17px;}
.ewmbox2 .top img{width: 97px;height: 97px;margin-top: 17px;padding:1em;background:#fff;}
.ewmbox2 .top p{line-height: 24px;color:#666666;margin-bottom: 5px;}
.ewmbox2 .retun{background:#0066aa;height: 45px;vertical-align: middle;cursor:pointer;display:none;}
.ewmbox2 .retun span{height: 100%;vertical-align: middle;display: inline-block;}
.ewmbox2 .retun img{vertical-align: middle;}


.nycon{margin:50px auto;}
.submenu{background:#fafafa;height: 60px;line-height: 60px;padding:0 29px;overflow: hidden;}
.submenu .menu{}
.submenu .menu a{color:#666666;font-size: 16px;margin-right: 70px;}
.submenu .menu a.on{color:#0066aa;}
.submenu .crumbs{color:#666666;font-size: 16px;}

.newmin{}
.newmin .top{}
.newmin .top .sign{text-align: center;color:#333;font-size: 18px;border-bottom: 1px #f4f4f4 solid;padding:15px 1em;}
.newmin .top .source{text-align: center;color:#666666;font-size: 16px;border-bottom: 1px #f4f4f4 solid;padding:15px 1em;}
.newmin .newtxt{margin:56px 0;color:#666666;font-size: 16px;}
.newmin .newtxt p{color:#666666;font-size: 16px;line-height: 24px;}
.newmin .newtxt td{line-height: 35px;text-indent: 2em;    border: 1px #666 solid;}
.newmin .newtxt p img{max-width: 100%;}
.newmin .paging{}
.newmin .paging a{width: 120px;height: 40px;line-height: 40px;background:#fabe00;color:#333333;font-size: 16px;text-align: center;}
.newmin .paging .prve{float:left;}
.newmin .paging .next{float:right;}




/*新闻中心*/
.new_box{}
.new_top{border-bottom: 1px #f4f4f4 solid;padding-bottom: 49px;margin-top: 38px;}
.new_top .pic{width:26%;overflow:hidden;}
.new_top .pic img{width: 100%;height: 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;

}
.new_top .main{width:69%;padding-left: 4%;}
.new_top .main .top{color:#333333;font-size: 24px;font-weight: bold;}
.new_top .main .top span{border:2px #fabe00 solid;border-radius: 5px;width: 55px;height: 26px;line-height: 26px;text-align: center;color:#fabe00;font-size: 16px;display:inline-block;margin-right: 20px;}
.new_top .main .txtmain{color:#666;font-size: 16px;line-height: 30px;margin-top: 24px;}
.new_top .main .foot{margin-top: 15px;}
.new_top .main .foot button{width: 120px;height: 40px;border:none;background-color: #fabe00;float:right;cursor:pointer;}
.new_top .main .foot button a{color:#333333;font-size: 16px;display:block;}
.new_list{margin-bottom: 30px;}
.new_list ul li{border-bottom: 1px #f4f4f4 solid;padding: 0 36px 49px 36px;margin-top: 38px;position: relative;}
.new_list ul li a{display:block;}

.new_list ul li .more2{position: absolute;right:0;bottom:1em;width: 120px;height: 40px;background-color:#fabe00;cursor: pointer;color:#333;font-size: 16px;text-align: center;line-height: 40px;z-index: 4;overflow:hidden;}
.new_list ul li .more2:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#0066aa; transform-origin:center; -webkit-transform-origin:center; -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;}
.new_list ul li:hover .more2:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.new_list ul li:hover .more2{color:#fff;}

.new_list ul li .date{width: 120px;text-align: center;}
.new_list ul li .date h4{background-color: #fafafa;height: 95px;line-height:95px;color:#fabe00;font-size: 48px;margin-bottom: 5px;
-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;
}
.new_list ul li .date p{height: 40px;line-height: 40px;color:#333;font-size: 16px;background-color: #fafafa;
-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;

}
.new_list ul li .main{width: 85%;}
.new_list ul li .main h4{color:#333333;font-size: 24px;}
.new_list ul li .main dl{color:#666;font-size: 16px;margin-top: 24px;}
.new_list ul li a:hover .date h4{background-color:#0066aa;}
.new_list ul li a:hover .date p{background-color: #0066aa;}
.new_list ul li a:hover .date *{color:#fff;}
.new_list ul li a:hover .main h4{color:#0066aa;}
.new_top: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);

  -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;

}
.new_top:hover .main .top{color:#0066aa;}
.new_top:hover .foot button{background-color: #0066aa;}
.new_top:hover .foot button a{color:#fff;}
.paging2{text-align: center;}
.paging2 a{display:inline-block;padding:0 12px;height: 30px;line-height: 30px;background:#f4f4f4;color:#666666;font-size: 16px;margin:0 13px;transition:all 400ms;-webkit-transition:all 400ms;}
.paging2 .nowpage{ background-color: #fabe00; display:inline-block;padding:0 12px;height: 30px;line-height: 30px; color:#fff; font-size: 16px;}
.paging2 a:hover{background-color: #fabe00;transition:all 400ms;-webkit-transition:all 400ms;}



/*产品中心*/
.Products{}
.Products .list{margin-top: 50px;}
.Products .list ul{margin-right: -3%;}
.Products .list ul li{float:left;margin:0 3% 3% 0;width: 30.33%;}
.Products .list .pic{text-align: center;border:1px #ccc solid;vertical-align: middle;transition:all 0.5s;}
.Products .list .pic span{height: 100%;vertical-align: middle;display: inline-block;}
.Products .list .pic img{vertical-align: middle;max-width: 95%;max-height: 100%;}
.Products .list .name{color:#333;font-size: 18px;margin-top: 15px;height: 40px;line-height: 40px;overflow: hidden;}
.Products .list ul li:hover .name{color:#0066aa;font-family: 'SourceHanSansCN-Bold';}
.Products .list ul li:hover .pic{border-color:#fff;
    -webkit-box-shadow:2px 4px 12px 2px  rgba(229,229,229,1);
    -moz-box-shadow:2px 4px 12px 2px  rgba(229,229,229,1);
    box-shadow:2px 4px 12px 2px  rgba(229,229,229,1);
}

.Products .seach{display:block;margin-top: 50px;}
.Products .seach .item{float:left;width:calc(28.3% - 30px);height: 38px;/*border:1px #cccccc solid;*/margin-right: 30px;position:relative;}
.Products .seach button{float:left;width: 15%;height: 38px;border:1px #fabe00 solid;color:#333333;background-color: #fabe00;cursor:pointer;font-size: 16px;}
.Products .seach .item:before,.seekA_main .seach .item:before {
    content: '';
    position: absolute;
    right: 4%;
    top: 0;
    z-index: 10;
    width: 11px;
    height: 100%;
    background: url(../images/sj1_06.jpg) no-repeat center;
}



.select01{width:100%;height: 38px;position: relative;cursor: pointer; padding-left:15px;font-size:16px;color: #333;
appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.select01_td{position: absolute;left: 0;top:0;width:94%;height: 100%;font-size:16px;color: #333;line-height: 38px;padding:0 3%;text-align: center;}
.select01_td:before{content: '';position: absolute;right: 4%;top:0;width:11px;height: 100%;background: url(../images/sj1_06.jpg) no-repeat center;}
.select01_list{z-index:100;padding:0;margin-top: 0;}
.select01 ol{position: absolute;left: 0;top:38px;width:100%;display: none;}
.select01 ol li{line-height:38px;height: 38px;text-align: center;color: #666666;font-size:14px;border-bottom: 1px #e2dede solid;cursor: pointer;margin-right:0;background: #fafafa;margin-bottom:0;position: relative;}
.select01 ol li:hover{background: #0066aa;color:#fff;}

.Products .bom{height: 280px;}
.Products .bom .pic{width: 65%;height: 100%;overflow:hidden;}
.Products .bom .pic span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;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;
}
.Products .bom .main{width: 34.8%;height: 99.2%;border:1px #cccccc solid;border-left:none;}
.Products .bom .main .padd{padding:0 2em;}
.Products .bom .main h2{color: #333;font-size:30px;font-family: 'SourceHanSansCN-Bold';margin-bottom: 20px;margin-top:35px;}
.Products .bom .main p{color: #666;font-size:16px;line-height: 30px;}
.Products .bom .main a{width: 160px;height: 40px;line-height: 40px;border:none;background-color: #0066aa;color: #fff;font-size:16px;margin-top:10px;cursor:pointer;display:inline-block;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;
}
.Products .bom .main a span{position:relative;left:0;
-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;
}
.Products .bom .main a:hover span{left:.5em;}
.Products .bom .main a:hover{background:#fabe00;color:#333;}
.Products .bom:hover .pic span{

  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);
}


/*产品中心二级塔式起重机*/
.seach_results{margin-top: 40px;}
.seach_results .top{color: #333;font-size:24px;font-family: 'SourceHanSansCN-Bold';}
.seach_results .top span{color:#ff1010;}
.selectlist{margin-top: 25px;padding-left: 28px;}
.selectlist .item{line-height: 30px;padding-left: 110px;position:relative;}
.selectlist .item span{position:absolute;left:0;top:0;color: #333;font-size:16px;}
.selectlist .item dt{color:#999999;font-size:14px;display:inline-block;margin:0 1em;cursor:pointer;}
.selectlist .item dt.on{color:#0066aa;font-family: 'SourceHanSansCN-Bold';}


.cplist{margin-top: 50px;margin-bottom: 2em;}
.cplist ul{margin-right: -2%;}
.cplist ul li{float:left;width: 23%;margin:0 2% 2% 0;position:relative;height: 240px;overflow:hidden;}
.cplist ul li span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;display: block;transition:all 400ms;-webkit-transition:all 400ms;}
.cplist ul li p{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);height: 50px;line-height: 50px;text-align: center;color:#fff;font-size:16px;width: 96%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 2%;transition:all 400ms;-webkit-transition:all 400ms;}
.cplist ul li:hover p{background: #0066aa;}
.cplist ul li:hover  span{
  transform:scale(1.08,1.08);
  -webkit-transform:scale(1.08,1.08);
  -moz-transform:scale(1.08,1.08);
  -o-transform:scale(1.08,1.08);

  transition:all 400ms;-webkit-transition:all 400ms;
}



.cplist2{margin-top: 1em;margin-bottom: 1em;display:none;}
.cplist2 ul{margin-right: -2%;}
.cplist2 ul li{float:left;width: 48%;margin:0 2% 2% 0;position:relative;height:150px;overflow:hidden;}
.cplist2 ul li span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;display: block;transition:all 400ms;-webkit-transition:all 400ms;}
.cplist2 ul li p{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);text-align: center;color:#fff;height: 35px;line-height:35px;font-size:1rem;width: 96%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 2%;transition:all 400ms;-webkit-transition:all 400ms;}
.cplist2 ul li:hover p{background: #0066aa;}
.cplist2 ul li:hover  span{
  transform:scale(1.08,1.08);
  -webkit-transform:scale(1.08,1.08);
  -moz-transform:scale(1.08,1.08);
  -o-transform:scale(1.08,1.08);

  transition:all 400ms;-webkit-transition:all 400ms;
}






.case_list2{margin-top: 1em;margin-bottom: 1em;display:none;}
.case_list2 ul{}
.case_list2 ul li{float:left;width:100%;margin:0 0 1em 0;}
.case_list2 ul li .pic{height: auto;overflow:hidden;}
.case_list2 ul li .pic span{width: 100%;height: 200px;background-position: center !important;background-size: cover !important;display: block;transition:all 400ms;-webkit-transition:all 400ms;}
.case_list2 ul li .foot{}
.case_list2 ul li .foot .top{border-bottom: 1px #f4f4f4 solid;margin-top: 1em;padding-bottom: 5px;}
.case_list2 ul li .foot .top h4{color:#333;font-size: 1.3rem;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_list2 ul li .foot .top p{color: #666;font-size:1.2rem;line-height: 30px;height: 60px;overflow:hidden;}

.case_list2 ul li .foot .bom{position:relative;margin-top: 12px;}
.case_list2 ul li .foot .bom .item{color:#999;font-size: 14px;padding-left: 32px;position:relative;line-height: 24px;margin-bottom:8px;width: 77%;}
.case_list2 ul li .foot .bom .item span{position:absolute;left:0;top:0;top:3px;}
.case_list2 ul li .foot .bom a{position:absolute;right:0;top:0;border:1px #cccccc solid;width: 30px;height: 58px;line-height: 58px;text-align: center;color:#999;font-family: 宋体;font-size: 20px;}
.case_list2 ul li:hover .pic span{
  transform:scale(1.08,1.08);
  -webkit-transform:scale(1.08,1.08);
  -moz-transform:scale(1.08,1.08);
  -o-transform:scale(1.08,1.08);

  transition:all 400ms;-webkit-transition:all 400ms;
}
.case_list2 ul li:hover .foot .bom a{background-color: #0066aa;border-color: #0066aa;color:#fff;}
.case_list2 ul li:hover .foot .top h4{color: #0066aa;}





/*产品中心三级产品详情*/
.cpshow{background:#f4f4f4;margin-top: 30px;}
.cpshow .padd{padding:30px 50px;}
.cpshow .pic{width: 30%;}
.cpshow .pic img{width:100%;}
.cpshow .main{width: 58%;padding:0 4%;}
.cpshow .main h4{color:#0066aa;font-size:30px;font-family: 'SourceHanSansCN-Bold';margin-top: 1em;}
.cpshow .main button{width: 160px;height: 40px;border:none;background-color: #fabe00;color: #333333;font-size:16px;margin-top:2em;cursor:pointer;}
.cpshow .main p{color:#333;font-size:16px;line-height: 30px;}
.cpother{margin-top: 53px;}
.cpother_menu{background:#f4f4f4;position:relative;}
.cpother_menu dl{float:left;padding:0 21px;height: 40px;line-height: 40px;position:relative;cursor:pointer;color:#666;font-size:16px;}
.cpother_menu dl.on{color:#0066aa;border-right: 1px #cccccc solid;border-left: 1px #cccccc solid;}
.cpother_menu dl.on:before{content:'';position: absolute;left:0;top:0;height: 2px;background:#0066aa;width: 100%;}
.cpother_menu dl.on:after{content:'';position: absolute;left:0;bottom:-1px;height:1px;background:#fff;width: 100%;}
.cpother_main{}
.cpother_main dd{padding:40px 30px;border:1px #ccc solid;}
.cpother_main dd p{color:#333;font-size:16px;}
.cpother_main dd p img{max-width: 100%;}

.cpother_main dd p a{display:inline-table;}



/*工程案例*/
.case_top{height: 280px;margin-top: 40px;border-bottom: 1px #f4f4f4 solid;padding-bottom: 49px;}
.case_top .pic{width: 50%;height: 100%;}
.case_top .pic span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;display: block;transition:all 400ms;-webkit-transition:all 400ms;}
.case_top .main{width: 44%;padding:0 3%;}
.case_top .main .top{color:#333;font-size: 20px;margin-top: 1em;}
.case_top .main .txt{color:#666;font-size: 16px;margin:30px 0;}
.case_top .main .foot{position:relative;}
.case_top .main .foot .item{color:#999;font-size: 14px;padding-left: 32px;position:relative;line-height: 24px;margin-bottom:8px;}
.case_top .main .foot .item span{position:absolute;left:0;top:0;top:3px;}
.case_top .main .foot button{width: 120px;height: 40px;border:none;background-color: #fabe00;color: #333333;font-size:16px;cursor:pointer;position:absolute;right:0;top:0;}

.case_top2{height: auto;margin-top: 1em;border-bottom: 1px #f4f4f4 solid;padding-bottom: 1em;display:none;}
.case_top2 .pic{width: 100%;height: 200px;}
.case_top2 .pic span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;display: block;transition:all 400ms;-webkit-transition:all 400ms;}
.case_top2 .main{width: 100%;padding:0;}
.case_top2 .main .top{color:#333;font-size: 1.4rem;margin-top: 1em;}
.case_top2 .main .txt{color:#666;font-size: 1rem;margin:1em 0;}
.case_top2 .main .foot{position:relative;}
.case_top2 .main .foot .item{color:#999;font-size: 1rem;padding-left: 32px;position:relative;line-height: 24px;margin-bottom:8px;}
.case_top2 .main .foot .item span{position:absolute;left:0;top:0;top:3px;}
.case_top2 .main .foot button{width: 120px;height: 40px;border:none;background-color: #fabe00;color: #333333;font-size:16px;cursor:pointer;position:relative;right:0;top:0;margin:1em 0;}




.case_list{margin-top: 30px;margin-bottom: 2em;}
.case_list ul{margin-right: -2%;}
.case_list ul li{float:left;width: 31.33%;margin:0 2% 2% 0;}
.case_list ul li .pic{height: 280px;overflow:hidden;}
.case_list ul li .pic span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;display: block;transition:all 400ms;-webkit-transition:all 400ms;}
.case_list ul li .foot{}
.case_list ul li .foot .top{border-bottom: 1px #f4f4f4 solid;margin-top: 20px;padding-bottom: 5px;}
.case_list ul li .foot .top h4{color:#333;font-size: 16px;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_list ul li .foot .top p{color: #666;font-size:16px;line-height: 30px;height: 60px;overflow:hidden;}

.case_list ul li .foot .bom{position:relative;margin-top: 12px;}
.case_list ul li .foot .bom .item{color:#999;font-size: 14px;padding-left: 32px;position:relative;line-height: 24px;margin-bottom:8px;}
.case_list ul li .foot .bom .item span{position:absolute;left:0;top:0;top:3px;}
.case_list ul li .foot .bom a{position:absolute;right:0;top:0;border:1px #cccccc solid;width: 58px;height: 58px;line-height: 58px;text-align: center;color:#999;font-family: 宋体;font-size: 20px;}
.case_list ul li:hover .pic span{
  transform:scale(1.08,1.08);
  -webkit-transform:scale(1.08,1.08);
  -moz-transform:scale(1.08,1.08);
  -o-transform:scale(1.08,1.08);

  transition:all 400ms;-webkit-transition:all 400ms;
}
.case_list ul li:hover .foot .bom a{background-color: #0066aa;border-color: #0066aa;color:#fff;}
.case_list ul li:hover .foot .top h4{color: #0066aa;}






/*公司简介*/
.intro{width: 100%;margin:3em auto;}
.intro p{color:#666666;font-size: 16px;line-height: 30px;}
.intro p img{max-width: 100%;}
.intro td{color:#666666;font-size: 16px;line-height: 30px;}


/*科技创新*/
.innovate_list{margin-top: 50px;}
.innovate_list .item{margin-bottom: 20px;height: 380px;}
.innovate_list .item .pic{width: 50%;height: 100%;overflow:hidden;}
.innovate_list .item .pic span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;display: block;transition:all 400ms;-webkit-transition:all 400ms;}
.innovate_list .item .main{width: 44%;height: 100%;padding:0 3%;display:table;}
.innovate_list .item .main .top{color:#0066aa;font-size: 30px;}
.innovate_list .item .main .txt{color:#666666;font-size: 16px;line-height: 30px;margin:60px 0;}
.innovate_list .item .main button{width: 160px;height: 40px;border:1px #cccccc solid;background:#fff;color:#999999;font-size: 16px;cursor:pointer;position:relative;z-index: 4;overflow:hidden;}
.innovate_list .item:hover .main button{border-color:#0066aa;color:#fff;}
.innovate_list .item:hover .main button a{color:#fff;display:block;}
.innovate_list .item .main button:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#0066aa; transform-origin:center; -webkit-transform-origin:center; -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;}
.innovate_list .item:hover .main button:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.innovate_list .item:hover .pic span{
  transform:scale(1.08,1.08);
  -webkit-transform:scale(1.08,1.08);
  -moz-transform:scale(1.08,1.08);
  -o-transform:scale(1.08,1.08);

  transition:all 400ms;-webkit-transition:all 400ms;
}




/*工程案例二级*/
.case_min{margin:2em 0;padding:0 3%;}
.casemin_txt{margin-top: 50px;}
.casemin_txt .top{color:#0066aa;font-size: 30px;}
.top_foot{float:right;}
.top_foot dl{float:left;font-size: 14px;color:#999999;margin-left: 1.5em;}
.top_foot dl span{margin-right: 1em;position:relative;top:5px;}
.casemin_txt .mian{color:#666666;font-size: 16px;line-height: 30px;margin-top: 15px;}

#wrapper{}
#picSlideWrap{ }
.titleh3{ height:70px; line-height:70px; text-align:center; background:url(../images/ico/dot.gif) repeat-x left bottom; width:910px; margin:0 auto; font-size:26px; color:#000;}
.titleh4{text-align:center; font-size:12px; color:#000; font-weight:normal; padding:10px 0 20px 0px;}
.imgnav{ width:788px; margin:10px auto;}
.imgnav{  position:relative; margin:0 auto;width: 100%;}
#img{ z-index:10;position:relative; text-align:center;width: 99.8%;border:1px #cccccc solid;}
#img img{ height:560px; display:none;max-width: 100%; }
#front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer;  width:394px; height:578px; background:url(../images/ico/blank.gif); display:none;}
#front a{  position:absolute; left:20px; top:224px;display:block; background:url(../images/ico/imgSlideLeft.png) no-repeat; width:104px; height:104px; display:none;}
#next{  position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:394px; height:578px;  background:url(../images/ico/blank.gif); display:none;}
#next a{  position:absolute; right:20px; top:224px; display:block; background:url(../images/ico/imgSlideRight.png) no-repeat; width:104px; height:104px; display:none;}

#cbtn{position:relative; height:138px; margin-top:10px; }
#cbtn ul{position:relative; width:10000px; height:138px;}
#cbtn ul li{ float:left; padding:2px; width:278px; height:134px; cursor:pointer; text-align:center; margin-right:10px; position:relative;background:#ccc;}
/*#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-family:"宋体" ;font-size:12px; line-height:16px; padding:0 5px;}*/
#cbtn ul li img{ width:278px; height:134px; display:block;}
#cbtn li.hov{ background:#0066aa;}
.ctrl div{ clear:both;}
#cSlideUl{width:100%; height:138px;overflow:hidden; position:relative; top:0; margin:0 auto;}
.picSildeLeft{cursor:pointer; position:absolute; top:32px; left:-27px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:32px; right:-27px; z-index:9;}




/*index1*/
.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: 28px;width: 100%;text-align: center;}
.banner_swiper .swiper-pagination-switch {display: inline-block;width:30px;height:6px;margin-right:13px;cursor: pointer;background:#fff;}
.banner_swiper .swiper-visible-switch {}
.banner_swiper .swiper-active-switch {background: #0066aa;}


.newsA{margin:38px 0 72px;}
.home_head{position:relative;}
.home_head p{color:#333333;font-size:24px;text-transform:uppercase;}
.home_head h4{color:#0066aa;font-size: 30px;}
.home_head .fl{width: auto;padding-right:3em;background:#fff;position:relative;z-index: 5;}
.more{position:absolute;left:0;bottom:0;background:#fabe00;padding:0 3%;width: 94%;height: 40px;line-height: 40px;text-align: right;z-index: 1;}
.more a{color:#333;font-size: 18px;}
.newsA_main{margin-top: 57px;height: 430px;}
.newsA_main .newsAL{width:56%;height: 100%;position:relative;overflow:hidden;}
.newsA_main .newsAL span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;display: block;transition:all 400ms;-webkit-transition:all 400ms;}
.newsA_main .newsAL .txt{position:absolute;left:0;bottom:0;width:80%;padding:3em 17% 1em 3%;color:#fff;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;background:url(../images/bg003_03.png) repeat-x;background-size: auto 100%;}
.newsA_main .newsAL .txt .date{position:absolute;right:3%;bottom:1em;}
.newsA_main .newsAR{width: 40%;height: 100%;}
.newsA_main .newsAR ul li{height: 130px;margin-bottom: 20px;}
.newsA_main .newsAR ul>li+li+li{margin-bottom: 0;}
.newsA_main .newsAR .pic{width: 48%;height: 100%;overflow:hidden;}
.newsA_main .newsAR .pic img{display:block;width: 100%;height: 100%;transition:all 400ms;-webkit-transition:all 400ms;}
.newsA_main .newsAR .main{width: 48%;height: 100%;display:table;table-layout: fixed;}
.newsA_main .newsAR .main .top{font-size: 14px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.newsA_main .newsAR .main .txt{font-size: 14px;color:#666;margin:5px 0;max-height: 38px;overflow:hidden;}
.newsA_main .newsAR .main .date{font-size: 14px;color:#999;margin-top: 10px;}
.newsA_main .newsAR .main .date span{float:right;}
.newsA_main .newsAR li:hover span{color:#0066aa;text-decoration:underline;}
.newsA_main .newsAL:hover span{
  transform:scale(1.08,1.08);
  -webkit-transform:scale(1.08,1.08);
  -moz-transform:scale(1.08,1.08);
  -o-transform:scale(1.08,1.08);

  transition:all 400ms;-webkit-transition:all 400ms;
}
.newsA_main .newsAR li:hover .pic img{
  transform:scale(1.08,1.08);
  -webkit-transform:scale(1.08,1.08);
  -moz-transform:scale(1.08,1.08);
  -o-transform:scale(1.08,1.08);

  transition:all 400ms;-webkit-transition:all 400ms;
}
.newsA_main .newsAR li:hover .main .top{color:#0066aa;}


.caseA{}
.caseA_top{background:#fff;height: 700px;padding:69px 0;}
.caseA_top .wrap{height: 100%;}
.caseA_topL{width: 30%;height: 100%;position:relative;overflow:hidden;}
.caseA_topR{width: 68%;height: 100%;position:relative;}
.caseA_topR_top{}
.caseA_topR_top .mian{font-size: 16px;color:#666;line-height: 24px;margin-top: 25px;}
.caseA_topR_bom{height: 450px;position:absolute;left:0;bottom:0;width: 100%;margin-right: -1.5%;}
.caseA_topR_bom li{float:left;width: 48.5%;height: 220px;position:relative;overflow:hidden;margin:0 1.5% 10px 0;}
.caseA_bom{background:#f4f4f4;padding:45px 0;height: 605px;}
.caseA_bom .wrap{height: 100%;}
.caseA_bomL{width: 49%;height: 100%;}
.caseA_bomL .top{height: 400px;position:relative;overflow:hidden;}
.caseA_bomL .bom{margin-top: 20px;height: 185px;}
.caseA_bomL .bom ul{height: 100%;}
.caseA_bomL .bom ul li{width: 49%;height: 100%;position:relative;float:left;overflow:hidden;}
.caseA_bomL .bom ul>li+li{float:right;}
.caseA_bomR{width: 48%;height: 100%;position:relative;overflow:hidden;}
.caseA .picbg{position:absolute;left:0;top:0;width: 100%;height: 100%;background:url(../images/tb1.png) no-repeat center;display:none;}
.caseA a{display:block;height: 100%;}
.caseA span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;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;
}
.caseA a:hover span{
  transform:scale(1.08,1.08);
  -webkit-transform:scale(1.08,1.08);
  -moz-transform:scale(1.08,1.08);
  -o-transform:scale(1.08,1.08);

  -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_topR_bom2{height: auto;position:relative;left:0;bottom:0;width: 100%;margin-right: -1.5%;margin-top: 1em;display:none;}
.caseA_topR_bom2 li{float:left;width: 48.5%;height:100px;position:relative;overflow:hidden;margin:0 1.5% 1.5% 0;}




.CnTech{background:url(../images/bg002_02.jpg) no-repeat;background-size: 100% 100%;height:500px;}
.CnTech .wrap{position:relative;top:70px;}
.CnTech .name{font-family: 'SourceHanSansCN-Normal';text-transform: uppercase;font-size: 40px;color:#d4d4d4;}
.CnTech_box{height: 380px;background-image:url(../images/pic9_08.jpg); background-position:center; background-size:cover; margin-top: 32px;
  -webkit-box-shadow:4px 2px 9px 1px rgba(232,232,232,.5);
    -moz-box-shadow:4px 2px 9px 1px rgba(232,232,232,.5);
    box-shadow: 4px 2px 9px 1px rgba(232,232,232,.5);
}
.CnTech_box .padd{padding:2em 0 0 29px;}
.CnTech_box .top{color:#fff;font-size: 36px;}
.CnTech_box .txt{color:#fff;font-size: 19px;line-height: 30px;width: 58%;margin-top: 28px;}
.CnTech_box .btn{margin-top: 65px;}
.CnTech_box .btn a{color:#fff;font-size: 16px;width: 156px;height: 36px;line-height: 36px;border:2px #fff solid;text-align: center;display:inline-block;overflow:hidden;z-index: 4;position:relative;}

.CnTech_box .btn a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#fabe00; transform-origin:center; -webkit-transform-origin:center; -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;}
.CnTech_box .btn a:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.CnTech_box .btn a:hover{border-color: #fabe00;}


.trait{background:url(../images/bg002_04.jpg) no-repeat;background-size: 100% auto;height:540px;}
.trait .wrap{position:relative;top:120px;}
.traitL{width: 45%;}
.traitL .name{font-family: 'SourceHanSansCN-Normal';text-transform: uppercase;font-size: 40px;color:#d4d4d4;margin-bottom: 50px;}
.traitL .top{color:#333333;font-size: 36px;}
.traitL .txt{color:#666666;font-size: 19px;line-height: 30px;margin-top: 28px;}
.traitL .btn{margin-top: 65px;}
.traitL .btn a{color:#0066aa;font-size: 16px;display:inline-block;}
.traitR{width: 52%; text-align:center;}
.traitR img{max-width: 100%;}
.traitL .btn a span{color:#0066aa;position:relative;left:0;
-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;}
.traitL .btn a:hover span{left:.5em;}




.seekA{padding:35px 0 62px 0;}
.seekA .name{width:20%;}
.seekA .name p{color:#333333;font-size:24px;text-transform:uppercase;}
.seekA .name h4{color:#0066aa;font-size: 30px;}
.seekA_main{width: 78%;height: 40px;margin-top: 34px;}
.seekA_main .seach{display:block;}
.seekA_main .seach .item{float:left;width:calc(28.3% - 30px);height: 38px;/*border:1px #cccccc solid;*/margin-right: 30px;position:relative;}
.seekA_main .seach button{float:left;width:15%;height: 38px;border:1px #fabe00 solid;color:#333333;background-color: #fabe00;cursor:pointer;font-size: 16px;}


.productA{height: 420px;margin-bottom: 113px;}
.productA .wrap{height: 100%;}
.productAL{width: 65%;height: 100%;position:relative;overflow:hidden;
  -webkit-box-shadow:0px 3px 12px 3px rgba(218,218,218,.8);
    -moz-box-shadow:0px 3px 12px 3px rgba(218,218,218,.8);
    box-shadow: 0px 3px 12px 3px rgba(218,218,218,.8);
}
.productAL dd{display:block;width: 100%;height: 100%;}
.productAL .txt{position:absolute;left:0;bottom:1em;padding:0 3%;width: 94%;}
.productAL .txt p{color:#fff;font-size: 24px;}
.productAL span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;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;
}
.productAR{width: 30%;height: 100%;position:relative;}
.productAR .name p{color:#333333;font-size:24px;text-transform:uppercase;}
.productAR .name h4{color:#0066aa;font-size: 30px;}
.productAR_btn{ width:100%; position:absolute;left:0;bottom:0;}
.productAR_btn ul li{height: 80px;line-height: 80px;background:#f4f4f4;text-align: center;width:80%;margin-top: 13px;overflow:hidden;
-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;
}
.productAR_btn ul li span{position:relative;left:-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;
}
.productAR_btn ul li a{font-size: 18px;color:#333;display:block;}
.productAR_btn ul li:hover{width:100%;background:#0066aa;}
.productAR_btn ul li a:hover{color:#fff;}
.productAR_btn ul li a:hover span{left:-2em;}
.productAL:hover span{
  transform:scale(1.08,1.08);
  -webkit-transform:scale(1.08,1.08);
  -moz-transform:scale(1.08,1.08);
  -o-transform:scale(1.08,1.08);

-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;
}
.productAR_btn ul li.on{background:#0066aa;}
.productAR_btn ul li.on a{color:#fff;}


/*川建服务*/
.serve{margin-top: 60px;}
.serve_top{text-align: center;font-size: 30px;color:#333;position:relative;padding-bottom: 20px;font-family: 'SourceHanSansCN-Bold';margin-bottom: 20px;}
.serve_top:before{content:'';position:absolute;left:0;right:0;width: 55px;height: 2px;background:#0066aa;bottom:0;margin:0 auto;}
.serve_main{margin-top: 60px;height: 460px;}
.serve_main .pic{width: 48%;height: 100%;overflow:hidden;}
.serve_main .pic span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;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;
}
.serve_main .btn{width: 48%;height: 100%;}
.serve_main .btn ul{margin-right: -2.5%;}
.serve_main .btn ul li{float:left;width: 47%;height: 138px;border:1px #ccc solid;margin:0 2.5% 20px 0;}
.serve_main .btn ul li a{display:block;padding:0 1em;height: 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;
}
.serve_main .btn ul li.last a{font-size:16px;color:#333;/*line-height: 138px;*/height: auto;position:absolute;right:0;bottom:0;}
.serve_main .btn ul li.last{border:none;text-align: center;display:table;position:relative;}
.serve_main .btn ul li.last h2{font-size:30px;font-weight: 800;color:#0066aa;}
.serve_main .btn ul li .tbl{width: 30%;height: 100%;vertical-align: middle;}
.serve_main .btn ul li .tbl span{height: 100%;vertical-align: middle;display: inline-block;}
.serve_main .btn ul li .tbl img{vertical-align: middle;
-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;
}
.serve_main .btn ul li .tbl .img1{display:initial;}
.serve_main .btn ul li .tbl .img2{display:none;}
.serve_main .btn ul li a:hover .img2{display:initial;}
.serve_main .btn ul li a:hover .img1{display:none;}
.serve_main .btn ul li a:hover{background:#0066aa;}
.serve_main .btn ul li.last a:hover{background:#fff;}
.serve_main .btn ul li a:hover *{color:#fff !important;}
.serve_main .btn ul li .txtr{width: 70%;height: 100%;display:table;}
.serve_main .btn ul li .txtr h4{color:#0066aa;font-size: 16px;margin-bottom: 5px;}
.serve_main .btn ul li .txtr p{color:#666666;font-size: 14px;}
.serve_main .btn ul li .txtr p.txt{max-height: 75px;overflow-y: auto;}

.serve_main .btn ul li .txtr p.txt::-webkit-scrollbar{width:5px;height: 5px;}/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等*/
.serve_main .btn ul li .txtr p.txt::-webkit-scrollbar-button{  background-color:#eee;}/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
.serve_main .btn ul li .txtr p.txt::-webkit-scrollbar-track{background:#eee;}/*外层轨道*/
.serve_main .btn ul li .txtr p.txt::-webkit-scrollbar-track-piece {background:#eee);}/*内层轨道，滚动条中间部分（除去）*/
.serve_main .btn ul li .txtr p.txt::-webkit-scrollbar-thumb{background:#fabe00;border-radius:4px;}/*滚动条里面可以拖动的那部分*/
.serve_main .btn ul li .txtr p.txt::-webkit-scrollbar-corner {background:#eee;}/*边角*/
.serve_main .btn ul li .txtr p.txt::-webkit-scrollbar-resizer  {background:#eee;}/* 定义右下角拖动块的样式*/
.serve_main .btn ul li .btn{position:relative;left:0;
-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;

}
.serve_main .btn ul li:hover .btn{left:.5em;color:#0066aa !important;}
.serve_main .btn ul li.last a:hover{color:#0066aa;}



.branch{margin-top: 60px;}
.branch_main{margin-top: 48px;height: 358px;margin-right: -2%;}
.branch_main .item{background:#fafafa;height: 100%;width: 23%;margin:0 2% 0 0;text-align: center;float:left;
-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;
}
.branch_main .item span{margin:31px 0 25px;display:block;height: 60px;background-position: center 0 !important;
-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;
}
.branch_main .item a{display:block;padding:0 1.5em;}
.branch_main .item p{color:#666;font-size: 16px;line-height: 30px;}
.branch_main .item h4{color:#666;font-size: 16px;margin-bottom: 5px;}
.branch_main .item:hover{background: #fabe00;}
.branch_main .item:hover a *{color:#333;}
.branch_main .item:hover span{background-position: center -120px !important;}



.lease{background-color: #fafafa;padding-bottom: 88px;margin-top: 60px;height: 392px;}
.lease .ttx{width: 46%;height: 100%;padding-right: 4%;}
.lease .ttx h3{color:#333;font-size:30px;font-family: 'SourceHanSansCN-Bold';margin-bottom: 25px;margin-top: 50px;}
.lease .ttx p{color:#666;font-size:16px;line-height: 30px;}
.lease .wrap{height: 100%;position:relative;}
.lease .pic{width: 50%;height: 100%;overflow:hidden;position:relative;}
.lease .pic span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;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;
}

.lease_tel{background:#0066aa;position:absolute;left:0;bottom:0;width: 530px;padding:40px 0 40px 129px;}
.lease_tel span{position:absolute;left:32px;top:40px;}
.lease_tel a{border:1px #fff solid;width: 198px;height: 38px;line-height: 38px;text-align: center;display:inline-block;position:absolute;right:1em;top:45px;color:#fff;font-size: 16px;
-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;
}
.lease_tel a b{color: #fff;position:relative;left:0;
-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;
}
.lease_tel p{color:#fff;font-size: 16px;}
.lease_tel h4{color:#fff;font-size: 30px;font-family: 'SourceHanSansCN-Bold';line-height: 30px;margin-top: 5px;}
.lease_tel a:hover{background-color: #fff;color:#333;}
.lease_tel a:hover b{left:.5em;color:#333;}
.logistics{padding:70px 0 60px;}
.logistics_main{background:url(../images/bg004_02.jpg) no-repeat;background-size: 100% 100%;padding:60px 0;height: 540px;margin-top: 53px;}
.logisL{width: 50%;height: 100%;overflow:hidden;}
.logisL span{width: 100%;height: 100%;background-position: center !important;background-size: cover !important;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;
}

.logisR{width: 50%;height: 100%;}
.logisR .top{width: 100%;height: 50%;}
.logisR .top ul {height: 100%;}
.logisR .top ul li{float:left;width: 50%;height: 100%;}
.logisR .top ul li img{display:block;width: 100%;height: 100%;}
.logisR .bom{width: 100%;height: 50%;display:table;}
.logisR .bom p{color:#666;font-size: 16px;}
.logisR .bom a{width: 150px;height: 40px;line-height: 40px;text-align: center;background: #0066aa;color:#fff;font-size: 16px;display:inline-block;margin-top: 20px;
-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;

}
.logisR .bom a span{position:relative;left:0;
-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;

}
.logisR .bom .tabbox{padding:0 4%;}
.logisR .bom a:hover span{left:.5em;}
.logisR .bom a:hover{background:#fabe00;color:#333;}



/*关于川建*/
.about{margin-top: 49px;}
.aboutL{width:46%;padding-right: 4%;}
.aboutL .top{color:#333;font-size: 30px;font-family: 'SourceHanSansCN-Bold';}
.aboutL .mian{margin-top: 30px;}
.aboutL .mian p{color:#666;font-size: 16px;line-height: 30px;}
.aboutL a{width: 158px;height: 38px;line-height: 38px;text-align: center;border:1px #ccc solid;color:#666;font-size: 16px;display:inline-block;margin-top: 30px;
-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;
}
.aboutL a span{position:relative;left:0;
-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;
}
.aboutR{width: 50%;overflow:hidden;}
.aboutR img{max-width: 100%;}
.aboutL a:hover span{left:.5em;}
.aboutL a:hover{background:#0066aa;color:#fff;}




.course{margin:135px 0 110px;}
.course_mian{margin-top: 46px;height: 458px;}
/*发展历程*/
.time-line{width:100%;position: relative;}
.time-line .left-btn,.time-line .right-btn{width: 48px;height: 48px;position: absolute;margin-top:-23px;cursor: pointer;}
.time-line .left-btn{left:-33px;top:50%;background: url(../images/arrow1.png) no-repeat;}
.time-line .right-btn{right:-33px;top:50%;background: url(../images/arrow2.png) no-repeat;}
/*.time-line .right-btn:hover{background: url(../images/arrow-hover.png) no-repeat;}
.time-line .left-btn:hover{background: url(../images/arrow-hover.png) no-repeat;}*/
.time-line .time-box{width: 95%;margin: 0 auto;overflow: hidden;}
.time-line .time-box ul{overflow: hidden;position: relative;height: 458px;}
.time-line .time-box ul:after{content: "";background: #fabe00;height:5px;width: 100%;position: absolute;left:0;top:50%;}
.time-line .time-box li{width:390px;float: left;padding:0 1em;box-sizing: border-box;border: 2px solid #e4dfdd;position: relative; cursor: pointer;border-radius: 18px;margin-right: -150px;height: 180px;}
.time-line .time-box li .point{padding:1em 0;}
.time-line .time-box li:nth-child(2n){margin-top: 265px;}
.time-line .time-box li:before{content: "";border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;position: absolute;width: 16px;height: 16px;background: #fff;   bottom: -9px; transform: rotate(-45deg);left: 50%;margin-left: -8px;}
.time-line .time-box li:after{content: "";width: 24px;height: 24px;background: url(../images/tb3.png) no-repeat;position: absolute;left:50%;margin-left:-7px;bottom: 0;    bottom: -64px; z-index: 1;    background-size: 100% 100%;}
.time-line .time-box li:nth-child(2n):before{bottom: auto;top: -10px;transform: rotate(-225deg);}
.time-line .time-box li:nth-child(2n):after{bottom: auto;top:-49px;}
.time-line .time-box li:hover,.time-line .time-box li.active{background: #0066aa;color:#fff;border-color: #0066aa;}
.time-line .time-box li:hover:before,.time-line .time-box li.active:before{border-color: #0066aa;background: #0066aa;}
.time-line .time-box li:hover *{color:#fff !important;}
.time-line .time-box li h3{color:#333333;font-size:24px;font-family: 'SourceHanSansCN-Bold';margin-bottom: 5px;}
.time-line .time-box li p{}
.time-line .time-box li .txt{height: 91px;overflow-y: auto;color:#666;font-size:14px;line-height: 24px;}




.time-line .time-box li .txt::-webkit-scrollbar{width:5px;height: 5px;}/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等*/
.time-line .time-box li .txt::-webkit-scrollbar-button{  background-color:#eee;}/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
.time-line .time-box li .txt::-webkit-scrollbar-track{background:#eee;}/*外层轨道*/
.time-line .time-box li .txt::-webkit-scrollbar-track-piece {background:#eee);}/*内层轨道，滚动条中间部分（除去）*/
.time-line .time-box li .txt::-webkit-scrollbar-thumb{background:#fabe00;border-radius:4px;}/*滚动条里面可以拖动的那部分*/
.time-line .time-box li .txt::-webkit-scrollbar-corner {background:#eee;}/*边角*/
.time-line .time-box li .txt::-webkit-scrollbar-resizer  {background:#eee;}/* 定义右下角拖动块的样式*/


/*发展历程*/




.honor{padding:80px 0 176px 0;background-color: #fafafa;}
.honor_main{margin-top: 46px;height: 300px;position:relative;}
.honor_swiper{padding-bottom: 6em;}
.honor_swiper,.honor_swiper .swiper-wrapper{height: auto !important;}
.honor_swiper .swiper-slide{text-align: center;height: 383px !important;overflow:hidden;line-height: 383px;}
.honor_swiper .swiper-slide a{display:block;border:1px #ccc solid;margin:0 1em;height: 99%;}
.honor_swiper .swiper-slide a:hover{border-color:#0066aa;
   -webkit-box-shadow:4px 2px 9px 1px #dbdbdb;
    -moz-box-shadow:4px 2px 9px 1px #dbdbdb;
    box-shadow: 4px 2px 9px 1px #dbdbdb;
}
.honor_swiper .swiper-slide img{max-width: 100%;vertical-align: middle;max-height: 100%;

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
}
.honor_swiper .swiper-slide span{height: 100%;vertical-align: middle;display: inline-block;}
.honor_main .arrow-left3,.honor_main .arrow-right3{position: absolute;top:55%;width:24px;height:53px;z-index: 10;cursor: pointer;background-size: 100% 100% !important;}
.honor_main .arrow-left3 {background: url(../images/left1.png) no-repeat;left:-29px;}
.honor_main .arrow-right3 {background: url(../images/right1.png) no-repeat left bottom;right:-29px;}
.honor_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:0;width: 100%;text-align: center; display:none;}
.honor_swiper .swiper-pagination-switch {display: inline-block;width:13px;height:13px;margin-right:13px;cursor: pointer;background:#cccccc;border-radius: 13px;}
.honor_swiper .swiper-visible-switch {}
.honor_swiper .swiper-active-switch {background: #0066aa;}


.honor_swiper .swiper-slide:hover  img{
  transform:scale(1.05,1.1);
  -webkit-transform:scale(1.05,1.1);
  -moz-transform:scale(1.05,1.1);
  -o-transform:scale(1.05,1.1);

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




.other{background-color: #fff;margin-top: 57px;}
.other .item{height: 380px;text-align: center;display:table;width: 100%;margin-bottom: 50px;}
.other .item h2{color:#fff;font-size: 30px;font-family: 'SourceHanSansCN-Bold';}
.other .item a{width: 160px;height: 40px;line-height: 40px;background:#fabe00;color:#333;font-size: 16px;display:inline-block;margin-top: 46px;
-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;
}
.other .item a span{position:relative;left:0;
-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;
}
.other .item.item1{background:url(../images/pic12_11.jpg) no-repeat;background-size: cover;background-position: center;}
.other .item.item2{background:url(../images/pic12_14.jpg) no-repeat;background-size: cover;background-position: center;}
.other .item a:hover span{left:.5em;}
.other .item a:hover{background:#0066aa;color:#fff;}
.network{padding:25px 0;background:url(../images/bg005_02.jpg) no-repeat;background-size: 100% 100%;color:#666;}
.network_main{margin-top: 50px;text-align: center;width: 60%;}
.network_main p img,.network_main img{max-width: 100%;}






/*手机导航*/
.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:#0066aa;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: #fff;
    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 40px 30px;z-index:1000}
.menu-list li { margin-bottom: 20px; -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; }
.menu-list li:last-child { margin-bottom: 0; }
.menu-list li a { display: block; color: #333; font-size:16px; }
@-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; }
}
/*手机导航*/






.course_mian2{margin-top: 1em;display:none;}
.course_mian2 ul{padding-left: 2em;position:relative;}
.course_mian2 ul:before{content:'';position:absolute;left:1em;top:0;width: 2px;height: 100%;background:#ccc;}
.course_mian2 li{margin-bottom: 1em;}
.course_mian2 li h4{color: #333; font-size:1.4rem;position:relative;}
.course_mian2 li h4:before{content:'';position:absolute;left:-.9em;top:.5em;width: 5px;height: 5px;border:2px #fabe00 solid;border-radius: 5px;background: #fff;}
.course_mian2 li .lceex{}
.course_mian2 li .lceex p{color: #666; font-size:1rem;line-height: 1.4rem;}







.nav li .subnav {background:#fff;border:1px solid #0066aa; border-top:none;display: none;left:0;position: absolute;text-align: center;top:130px;width:135%;z-index: 20;}
.nav li .subnav a{line-height: 45px;display:block;}
.nav li.on .subnav a {background:none;color:#6a6a6a;font-size:14px;height:35px;line-height:35px;position: relative; font-weight:normal;}
.nav li .subnav a:hover {background:#0066aa !important; color:#fff;}
.nav li.in a{}



.network{}
.network .main{width: 35%;}
.network .main .top select{width: 150px;height: 30px;border:1px #f1f1f1 solid;float:left;background: #f1f1f1;margin-right: .5em;padding-left: .5em;}
.network .main .bom{padding:1em;margin-top: 30px;border:1px solid #a0a0a0;max-height: 400px;overflow-y: auto;}
.network .main .bom table{width: 100%;table-layout: fixed;}
.network .main .bom td{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color:#333;height: 35px;table-layout: fixed;}
.network .main .bom tr:first-child td{font-size: 22px;color:#333;border-bottom:1px solid #e8e8e8;padding:10px 0;}
.network .main .bom td:nth-child(1){width: 30%;padding-right: 1em;}
.network .main .bom td:nth-child(2){width: 30%;padding-right: 1em;}
.network .main .bom td:nth-child(3){width: 40%;}