@charset "utf-8";
/* CSS Document */
.icon_after:after, .btn_white:after, .btn_red:after, [class^="icon-"], [class*=" icon-"]{
 font-family:'icomoon';
    /* speak:none; */
    font-style:normal;
 font-weight:normal;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;}
 /*
@font-face{
	font-family:'novecento_sans_widenormal';
	src:url('../other/Novecentosanswide-Normal-webfont.eot');
	src:url('../other/Novecentosanswide-Normal-webfont.eot?#iefix') format('embedded-opentype'),
		url('../other/Novecentosanswide-Normal-webfont.woff2') format('woff2'),
		url('../other/Novecentosanswide-Normal-webfont.woff') format('woff'),
		url('../other/Novecentosanswide-Normal-webfont.ttf') format('truetype'),
		url('../other/Novecentosanswide-Normal-webfont.svg#novecento_sans_widenormal') format('svg');
	font-weight:normal; font-style:normal;
}
*/
footer,  header,  hgroup,  main,  nav,  section,  div{ position:relative; display:block;}
html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; width:100%; height:100%; margin:0; padding:0;}
body{ width:100%; height:100%; margin:0; padding:0; background-color:#F0F0F0; color:#666; text-align:left; font-size:14px; line-height:1.8; min-width:320px; position:relative; left:0;}

::-moz-selection{ color:#fff; background:#c8161e;}
::selection{ color:#fff; background:#c8161e;}
::-moz-selection{ color:#fff; background:#c8161e;}
body,span,a,h1,h2,h3,h4,h5,p{ font-family:"novecento_sans_widenormal", "HiraginoSansGB-W3", "STHeiti", "Microsoft JhengHei", "Microsoft YaHei", tahoma; color:#666; position:relative; font-family:"微软雅黑";}
h1,h1 span,h2,h3{ font-family:"novecento_sans_widelight", "HiraginoSansGB-W3", "STHeiti", "Microsoft JhengHei", "Microsoft YaHei", tahoma; font-family:"微软雅黑";}
h1,h2,h3,h4,h5{ font-weight:normal; line-height:1.2; font-style:normal; margin:0; color:#000; text-transform:uppercase;}
span,a{ line-height:1;}
h1{ font-size:48px;}
h2{ font-size:36px;}
h3{ font-size:24px;}
h4,.p18{ font-size:18px;}
h5{ font-size:14px;}
p{ font-size:14px; margin:24px 0;}
.pmt0 p{ margin-top:0;}
a p{ line-height:1.5;}
a{ color:#c8161e; display:block; cursor:pointer;}
a,a:active,a:hover{ outline:0; text-decoration:none;}
ul,ol{ list-style:none; padding:0; margin:0;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
body{-webkit-tap-highlight-color:rgba(0,0,0,0)}

input[type="button"],
input[type="submit"],
input[type="reset"]{ -webkit-appearance:none;}

textarea{ -webkit-appearance:none;}

a,button,input,button,select,label{ -webkit-tap-highlight-color:rgba(255,0,0,0);}

/*-----------列表文本-----------*/
.list_text li{ list-style:disc; margin-left:15px;}
.list_text2 li{ list-style:decimal; margin-left:15px;}
img{ display:block; border:0;}
img .middle{ vertical-align:middle;}
img.fullw{ width:100%; height:auto;}
*,
*:before,
*:after{ box-sizing:border-box;}
.float_l{ float:left;}
.float_r{ float:right;}
.scrollbg{ background-position:center; background-attachment:scroll; background-repeat:no-repeat; background-size:cover;}
.scrollbg.pos_t{ background-position:center top;}
.scrollbg.pos_b{ background-position:center bottom;}
.fixedbg{ background-position:center; background-attachment:fixed; background-repeat:no-repeat; background-size:cover;}
.touch .fixedbg{ background-attachment:scroll;}
.imgbg_layer{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.15; filter:alpha(opacity=15);}
hr{ box-sizing:content-box; background-color:#c8161e; border:0; width:30px; height:2px; margin-top:10px; margin-bottom:0;}
.title_hr{ width:100%; height:10px; margin-top:15px; background-color:#fff; float:left;}
.full_hr{ width:100%; height:2px; margin:20px 0;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mt50{ margin-top:50px;}
.mtb20{ margin-top:20px; margin-bottom:20px;}
.hide_on_desktop{ display:none;}
.proloader{ visibility:hidden; opacity:0;}
.loading_icon{ position:absolute; top:0; width:100%; height:100%; background-image:url(../images/loader.gif); background-position:center; background-repeat:no-repeat; background-size:50px 10px;}

/*---------- 清除浮云 ----------*/
.clearfix:before,  .clearfix:after{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{ zoom:1;}

/*----------colors----------*/
.c_white,
.c_white h1,
.c_white h2,
.c_white h3,
.c_white h4,
.c_white h5,
.c_white p{ color:#fff;}
.c_gray{ color:#666;}
.c_dark{ color:#333;}
.c_red{ color:#c8161e;}
.bg_white{ background-color:#fff;}
.bg_red{ background-color:#c8161e;}

/*----------buttons----------*/
.btn_red,  .btn_white{ display:inline-block; float:left; padding:15px 20px; margin:0 10px 10px 0; line-height:1; font-size:12px;}
.btn_red{ border:1px solid #c8161e;}
.btn_white{ background-color:#fff;}
.no-touch .btn_red:hover,  .no-touch .btn_white:hover{ background-color:#c8161e; color:#fff;}
.center_btn{ float:none; margin:auto;}
.btn_arrow:after{ content:"\e60e"; font-size:14px; margin-left:10px; vertical-align:text-top;}
.btn_text{ float:left; padding:5px 0; margin:0 30px 0px 0; line-height:1; font-size:14px; border-bottom:1px solid transparent;}
.btn_red:before,  .btn_white:before,  .btn_text:before{ font-size:14px; margin-right:10px; vertical-align:middle;}
.no-touch .btn_text:hover{ border-bottom-color:#c8161e;}
.icon_btn{ width:60px; height:60px; line-height:60px; text-align:center; font-size:20px; color:#c8161e;}
.no-touch .icon_btn:hover{ background-color:#c8161e; color:#fff;}
.close_btn{ position:absolute; top:0; right:0;}
.btn_more{ width:110px;}
.btn_more span{ color:#c8161e;}
.no-touch .btn_more:hover span{ color:#fff;}
.btn_more:after{ float:right; font-size:12px; content:"\e115";}
.btn_more.collapsed:after{ content:"\e114";}
.btn_more .more{ display:none;}
.btn_more.collapsed .more{ display:inline;}
.btn_more .less{ display:inline;}
.btn_more.collapsed .less{ display:none;}

/*-----------位置---------*/
.position_a{ position:absolute; top:0; left:0;}
.position_r{ position:relative;}
.align_c{ text-align:center;}

/*-----------元素尺寸---------*/
.desktop_full,  .full{ width:100%; height:100%; overflow:hidden;}
.wrap{ padding-left:10%; padding-right:10%; overflow:hidden; zoom:1
}
.hwrap{ padding-top:120px; padding-bottom:120px;}

/*-------------垂直对齐-------------*/
.vertical_obj{ display:table;}
.vertical_obj .vertical_cont{ display:table-cell; vertical-align:middle;}

/*-------------底部内容-------------*/
.btm_cont{ position:absolute; width:100%; bottom:0;}
#banner .btm_cont{ display:none;}
#banner .swiper-slide-active .btm_cont{ display:block;}
.btm_cont>.title{ float:left;}
.btm_cont .info{ float:left; width:100%; background-color:#fff; padding-top:40px; padding-bottom:40px; overflow:hidden;}

/*-------------左右布局-------------*/
.lr_layout .left_img{ position:absolute; top:0; height:100%; width:auto;}
.lr_layout .right_cont{ padding:30px 0; float:right; width:50%;}

/*-------------隐藏内容-------------*/
.collapse{ display:none; visibility:hidden;}
.collapse.in{ display:block; visibility:visible;}
.collapsing{ position:relative; height:0; overflow:hidden; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-duration:.35s; transition-duration:.35s; -webkit-transition-property:height, visibility; transition-property:height, visibility;}
.collapse p,  .collapsing p{ margin-top:0;}

/*----------header----------*/
header{ position:fixed; top:0; left:0; height:60px; background-color:#fff; box-shadow:0px 0px 16px rgba(0, 0, 0, .2); overflow:visible; z-index:999;}
#logo{ float:left; height:100%; width:auto; padding:15px 20px; background-color:#fff;}
#logo img{ height:30px; width:auto;}
#logo h5{ position:absolute; left:0; top:22px; width:100%; text-align:center; color:#c8161e; visibility:hidden; opacity:0;}
.no-touch #logo:hover img{ visibility:hidden; opacity:0;}
.no-touch #logo:hover h5{ visibility:visible; opacity:1;}

/*----------nav----------*/
nav{ float:left; background-color:#c8161e; cursor:default;}
nav .menu_btn{ width:60px; height:60px; line-height:60px; font-size:24px; text-align:center; background-color:#c8161e; color:#fff; cursor:default;}
#nav{ position:absolute; width:200px;}
#nav li{ background-color:#c8161e; height:0; opacity:0; overflow:hidden;}
.csstransforms3d #nav li{ -webkit-transform:perspective(100px) rotateX(-90deg); -ms-transform:perspective(100px) rotateX(-90deg); transform:perspective(100px) rotateX(-90deg); -webkit-transform-origin:center top 0; -ms-transform-origin:center top 0; transform-origin:center top 0;}
#nav li a{ height:50px; line-height:50px; padding-left:20px; color:#fff; border-top:1px solid #9b161c;}
#nav li a.active{ background-color:#9b161c; color:#eb2830;}
.no-touch #nav li a:hover{ background-color:#fff; color:#c8161e; padding-left:30px;}
.nav-open #nav li{ height:50px; opacity:1;}
.csstransforms3d .nav-open #nav li{ -webkit-transform:perspective(100px) rotateX(0deg); -ms-transform:perspective(100px) rotateX(0deg); transform:perspective(100px) rotateX(0deg);}
header .title{ height:100%; padding:0 20px; background-color:#fff; border-left:1px solid #F0F0F0; float:left; overflow:hidden;}
header .title h4{ line-height:60px; font-size:16px; text-overflow:ellipsis; white-space:nowrap;}

/*----------right nav----------*/
.right-nav{ height:100%; position:absolute; right:0; top:0;}
.right-nav .nav{ height:100%; float:right; margin-right:20px;}
.right-nav li{ height:100%; float:left;}
.right-nav li a{ height:100%; line-height:60px; padding:0 10px; color:#666;}
.no-touch .right-nav li a:hover{ background-color:#F0F0F0;}
.right-nav li.active a{ color:#c8161e; cursor:default;}

/*----------share btns----------*/
.share_btns{ float:right;}
.share_btns .btns{ position:absolute; background-color:#fff; right:-60px;}
.sharenav-open .share_btns .btns{ right:0;}

/*----------tags nav----------*/
.tags_btn{ width:auto; height:100%; padding:0 20px; cursor:default;}
.tags_btn span{ float:left; margin-right:10px; line-height:60px; font-size:12px;}
.no-touch .tags_btn:hover,  .tags_btn.active{ background-color:#F0F0F0; color:#c8161e;}
.tags_nav{ float:right;}
.tags_nav ul{ position:absolute; top:60px; right:0; width:320px; padding:20px; background-color:#F0F0F0; overflow:hidden; opacity:0; display:none;}
.tags_nav ul li{ height:auto;}
.right-nav .tags_nav li a{ height:auto; line-height:1; padding:10px; margin:2px; background-color:#fff; border-radius:4px;}
.no-touch .tags_nav li a:hover{ background-color:#c8161e; color:#fff;}

/*----------banner----------*/
.csstransforms3d #banner .slide-item{ visibility:hidden; opacity:0; -webkit-transform:perspective(600px) rotateX(5deg) rotateY(-10deg) scale(.8); -ms-transform:perspective(600px) rotateX(5deg) rotateY(-10deg) scale(.8); transform:perspective(600px) rotateX(5deg) rotateY(-10deg) scale(.8); -webkit-transform-origin:center center 0; -ms-transform-origin:center center 0; transform-origin:center center 0; -webkit-transition:-webkit-transform 2s ease, opacity .8s ease, visibility .8s ease; transition:transform 2s ease, opacity .8s ease, visibility .8s ease;}
.csstransforms3d #banner .flex-active-slide{ visibility:visible; opacity:1; -webkit-transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1); -ms-transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1); transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);}
#banner .btm_cont .title hr{ width:0; opacity:.8; filter:alpha(opacity=80); -webkit-transition:all .8s ease .8s; transition:all .8s ease .8s;}
.no-csstransitions #banner .btm_cont .title hr,  #banner .flex-active-slide .btm_cont hr{ width:100%;}
#banner .btm_cont .info{ height:0; padding-top:0; padding-bottom:0; background-color:transparent; float:left; -webkit-transition:all .8s ease .8s; transition:all .8s ease .8s;}
.no-csstransitions #banner .btm_cont .info,  #banner .flex-active-slide .btm_cont .info{ height:180px;}
#banner .btm_cont .info .bg{ position:absolute; left:0; width:100%; height:100%; background-color:#fff; opacity:.8; filter:alpha(opacity=80);}
#banner .btm_cont .info .title{ padding-top:30px;}
#banner .btm_cont .info span{ float:right; padding:30px; margin-left:10px; font-size:12px; line-height:1.2; background-color:rgba(255, 255, 255, .8); color:#c8161e;}
#banner .btm_cont .info span:after{ content:"\e619"; font-size:14px; margin-left:10px; vertical-align:top;}
#banner .btm_cont .info:hover .bg{ opacity:.9; filter:alpha(opacity=90);}
#banner .btm_cont .info:hover h2{ color:#c8161e;}
#banner .btm_cont .info:hover span{ background-color:#c8161e; color:#fff;}

/*---- Direction btns ----*/
.direction_nav{ position:absolute; top:60px; bottom:60px; width:40%; z-index:99;}
.lt-ie9 .direction_nav{ background-image:url(../images/alpha-bg.png);}
.direction_nav .icon-arrow-left3{ position:absolute; width:0px; height:50px; line-height:50px; top:50%; margin-top:-25px; text-align:center; background:url(../images/left.png); font-size:30px; color:#c8161e; overflow:hidden;}
.direction_nav .icon-arrow-right3{ position:absolute; width:0px; height:50px; line-height:50px; top:50%; margin-top:-25px; text-align:center; background:url(../images/right.png); font-size:30px; color:#c8161e; overflow:hidden;}
.direction_nav.next_btn{ right:0;}
.direction_nav.next_btn div{ right:0;}
.no-touch .direction_nav:hover div{ width:50px;}
#banner .direction_nav{ bottom:230px;}
/*
#banner .prev_btn{ cursor:url(../images/arrow-left.png) 30 43, url(../other/arrow-left-32.ico) 16 16, auto;}
#banner .next_btn{ cursor:url(../images/arrow-right.png) 30 43, url(../other/arrow-right-32.ico) 16 16, auto;}
*/

@-webkit-keyframes down_arrow{
 0%{
 -webkit-transform:translateY(10px);}
 50%{
 -webkit-transform:translateY(20px);}
 100%{
 -webkit-transform:translateY(10px);}
}
 @keyframes down_arrow{
 0%{
 -webkit-transform:translateY(10px);
 transform:translateY(10px);}
 50%{
 -webkit-transform:translateY(20px);
 transform:translateY(20px);}
 100%{
 -webkit-transform:translateY(10px);
 transform:translateY(10px);}
}
.down_arrow{ position:absolute; right:0; bottom:0; width:50px; height:50px; font-size:24px; color:#c8161e; z-index:30;}
.down_arrow:before{ position:absolute; left:14px; -webkit-animation:down_arrow .7s infinite; animation:down_arrow 1.5s infinite;}

/*----------home grid----------*/
.home_grid{ width:100%; text-align:center;}
.home_grid ul{ margin:30px 0;}
.home_grid li{ display:inline-block; float:left; width:25%; padding:3px;}
.home_grid li a img{ width:100%; height:auto;}
.home_grid li a .title{ width:100%; padding:30px; text-align:center; background-color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.home_grid li a .title h5{ line-height:1;}
.home_grid li a:hover{ background-color:#fff;}
.home_grid li a:hover img{ -webkit-filter/:brightness(1.2);}
.home_grid li a:hover h5{ color:#c8161e;}
.home_grid li a:hover hr{ width:100%;}
.home_grid .btn_red{ margin:0; float:none;}

/*----------thumbs----------*/
.thumbs_title{ padding:0 10px; margin-bottom:30px;}
.thumbs li{ float:left; width:33.3%; padding:10px;}
.thumbs li a{ background-color:#fff; overflow:hidden;}
.thumbs li img{ width:100%;}
.thumbs li .title{ text-align:center; padding:20px; background-color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*
.thumbs li a:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); -webkit-filter:brightness(1.2);}
*/
.thumbs li a:hover span{ color:#c8161e;}
.thumbs li a:hover hr{ width:100%;}

/*----------project single----------*/
.project_title{ top:50%; margin-top:-110px; text-align:center;}
.project_info>li{ float:left; width:33.3%; padding:0 20px; border-left:1px solid #DCDCDC;}
.project_info li li{ margin-top:15px;}
.project_info li li:first-child{ margin-top:0;}
.project_info li li h5{ float:left;}
.project_info li li p{ line-height:1.2; margin:0 0 0 70px;}
.project_info .item3 p{ line-height:1.4; margin:10px 0 0 0;}

/*----------photo grid----------*/
/*
.photo_grid li a{ float:left; width:25%; border:3px solid #F0F0F0;}
.photo_grid li a{ line-height:0;}
.photo_grid li img{ width:100%;}
.photo_grid li a:hover{ -moz-box-shadow:0px 4px 16px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0px 4px 16px rgba(0, 0, 0, 0.4); box-shadow:0px 4px 16px rgba(0, 0, 0, 0.4); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); border:3px solid #fff; z-index:99;}
*/

/*----------photos slider----------*/
#photos .slide-item{ overflow:hidden; text-align:center;}
#photos img{ position:absolute; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.4);}

/*----------jobs----------*/
.job_desk_cont{ padding:60px 28%;}

/*
#job_btns li{ width:33.3%; padding:2px; float:left;}
#job_btns a{ padding:40px 10px; background-color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#job_btns a .icon{ font-size:24px;}
#job_btns a h5{ font-size:12px; margin-top:10px;}

*/

/*----------footer----------*/
footer .contact{ padding-bottom:120px; text-align:center; border-top:1px solid #F0F0F0;}
footer .contact h2{ margin-bottom:30px;}
footer .contact li{ display:inline-block; float:left; width:20%; height:200px; background-color:#F0F0F0;}
footer .contact li a{ padding:0 10%; height:100%; border:2px solid #fff;}
footer .contact li a .icon{ display:block; top:50%; font-size:40px; margin-top:-40px; margin-bottom:10px; line-height:1;}
footer .contact li a h5{ display:block; top:50%; text-transform:none;}
.no-touch footer .contact li a:hover{ border-bottom-color:#c8161e;}
.no-touch footer .contact li a:hover h5{ color:#c8161e;}
footer .qqbtn{ float:none; margin-top:20px;}
footer .btm{ position:absolute; bottom:0; left:0; width:100%; text-align:center;}
footer .btm li{ display:inline-block; margin:5px 10px;}
footer .btm span,  footer .btm a{ font-size:12px; color:#fff;}
.no-touch footer .btm .wrap a{ border-bottom:1px solid transparent;}
.no-touch footer .btm .wrap a:hover{ border-bottom-color:#fff;}
#botm_nav{ padding-top:40px; padding-bottom:30px;}
#botm_nav a{ line-height:1.4;}
footer .icp{ background-color:#9b161c; padding-top:10px; padding-bottom:10px;}
footer .icons{ position:absolute; left:50%; margin-left:-80px; width:160px; top:-30px; padding:10px 0;}
footer .icons a{ display:inline-block; width:40px; height:40px; line-height:40px; font-size:20px; opacity:.6; filter:alpha(opacity=60);}
footer .icons a.active,  .no-touch footer .icons a:hover{ opacity:1; filter:alpha(opacity=100);}
footer .qrcode{ position:absolute; width:160px; height:160px; top:-160px; background-color:#fff; padding:10px; border:1px solid #c8161e; visibility:hidden; opacity:0;}
footer .qrcode img{ width:100%; height:100%;}
footer .qrcode.show{ visibility:visible; opacity:1;}

/*----------pop window----------*/
.pop_window{ position:fixed; top:80px; bottom:80px; left:80px; right:80px; visibility:hidden; opacity:0; z-index:1001;}
.pop_window .pop_bg{ display:block; opacity:0.5; filter:alpha(opacity=50);}
.pop_window .box{ max-width:1200px; height:100%; margin:auto; -webkit-transform:scale(.5); -ms-transform:scale(.5); transform:scale(.5);}
.pop_window .box .cont{ height:100%; padding:40px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.pop-show.pop_window{ visibility:visible; opacity:1;}
.pop-show.pop_window .box{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}

/*----------mask bg----------*/
.pop_bg{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0; filter:alpha(opacity=0); cursor:default;}
#bg_mask{ z-index:998;}
.touch #bg_mask{ cursor:pointer;}
.overflow_v{ overflow:visible;}

/*-------------- transition --------------*/
.trans{ -webkit-transition:all .54s ease;      transition:all .54s ease;}
.trans1{ -webkit-transition:all .54s ease .09s; transition:all .54s ease .09s;}
.trans2{ -webkit-transition:all .54s ease .18s; transition:all .54s ease .18s;}
.trans3{ -webkit-transition:all .54s ease .27s; transition:all .54s ease .27s;}
.trans4{ -webkit-transition:all .54s ease .36s; transition:all .54s ease .36s;}
.trans5{ -webkit-transition:all .54s ease .45s; transition:all .54s ease .45s;}
.trans6{ -webkit-transition:all .54s ease .54s; transition:all .54s ease .54s;}
.nav-open #nav li.trans{ -webkit-transition:all .54s ease .54s; transition:all .54s ease .54s;}
.nav-open #nav li.trans1{ -webkit-transition:all .54s ease .45s; transition:all .54s ease .45s;}
.nav-open #nav li.trans2{ -webkit-transition:all .54s ease .36s; transition:all .54s ease .36s;}
.nav-open #nav li.trans3{ -webkit-transition:all .54s ease .27s; transition:all .54s ease .27s;}
.nav-open #nav li.trans4{ -webkit-transition:all .54s ease .18s; transition:all .54s ease .18s;}
.nav-open #nav li.trans5{ -webkit-transition:all .54s ease .09s; transition:all .54s ease .09s;}
.nav-open #nav li.trans6{ -webkit-transition:all .54s ease;      transition:all .54s ease;}
.box_shadow.trans:hover{ box-shadow:0px 4px 16px rgba(0, 0, 0, 0.4);}
.box_shadow.trans:hover{ z-index:99;}

/*-------------- animation --------------*/
@-webkit-keyframes mk_3d_top{
 0%{
 -webkit-transform:perspective(600px) rotateX(60deg);
 -webkit-transform-origin:center top 0;}
 100%{
 -webkit-transform:perspective(600px) rotateX(0deg);
 -webkit-transform-origin:center top 0;}
}
 @keyframes mk_3d_top{
 0%{
 -webkit-transform:perspective(600px) rotateX(60deg);
 transform:perspective(600px) rotateX(60deg);
 -webkit-transform-origin:center top 0;
 transform-origin:center top 0;}
 100%{
 -webkit-transform:perspective(600px) rotateX(0deg);
 transform:perspective(600px) rotateX(0deg);
 -webkit-transform-origin:center top 0;
 transform-origin:center top 0;}
}
.animation_3d_top{ -webkit-animation:mk_3d_top 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); animation:mk_3d_top 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);}

/*----- mk_3d_bottom -----*/
@-webkit-keyframes mk_3d_bottom{
 0%{
 -webkit-transform:perspective(600px) rotateX(-30deg);
 -webkit-transform-origin:center bottom 0;
 opacity:0;}
 100%{
 -webkit-transform:perspective(600px) rotateX(0deg);
 -webkit-transform-origin:center bottom 0;
 opacity:1;}
}
 @keyframes mk_3d_bottom{
 0%{
 -webkit-transform:perspective(600px) rotateX(-30deg);
 transform:perspective(600px) rotateX(-30deg);
 -webkit-transform-origin:center bottom 0;
 transform-origin:center bottom 0;
 opacity:0;}
 100%{
 -webkit-transform:perspective(600px) rotateX(0deg);
 transform:perspective(600px) rotateX(0deg);
 -webkit-transform-origin:center bottom 0;
 transform-origin:center bottom 0;
 opacity:1;}
}
.animation_3d_bottom{ -webkit-animation:mk_3d_bottom .8s 1 .8s cubic-bezier(0.77, 0, 0.175, 1); animation:mk_3d_bottom .8s 1 .8s cubic-bezier(0.77, 0, 0.175, 1); opacity:0;}

/*-------------- responsive --------------*/
@media (min-width:1600px){
.wrap{ padding-left:15%; padding-right:15%;}
.btm_cont .info{ min-height:200px;}
#banner .btm_cont .info{ min-height:0;}
#banner .flex-active-slide .btm_cont .info{ height:200px;}
#banner .btm_cont .info .title{ padding-top:40px;}
}
 @media (max-width:1200px){
.hwrap{ padding-top:80px; padding-bottom:80px;}
.wrap{ padding-left:8%; padding-right:8%;}
.thumbs_title{ margin-top:30px; margin-bottom:20px;}
footer .contact li{ width:20%; height:140px;}
footer .contact li.add{ width:30%;}
footer .contact li.mail{ width:30%;}
}
 @media (min-width:961px){
.desktop_full .vertical_cont.hwrap{ padding-top:20px; padding-bottom:20px;}
}
 @media (max-width:960px){
.desktop_full{ height:auto;}
.desktop_full .vertical_obj,  .desktop_full .vertical_cont{ display:block;}
.desktop_full .scrollbg{ height:400px;}
.desktop_full .btm_cont{ position:relative; margin-top:-100px;}
.desktop_full .btm_cont.mini_title{ margin-top:-60px;}
.desktop_full .down_arrow{ display:none;}

/*-------------左右布局-------------*/

  .lr_layout .left_img{ position:relative; width:100%; height:auto;}
.lr_layout .vertical_cont{ display:block;}
.lr_layout .right_cont{ width:100%;}

/*-----*/

  .home_grid{ text-align:left;}
.home_grid li{ width:50%;}
.thumbs li{ width:50%;}
.project_title{ margin-top:-40px;}

/*-----jobs-----*/

  .job_desk_cont{ padding:60px 20%;}

/*--------footer--------*/

  footer.full{ display:block; height:auto;}
footer .contact.vertical_cont{ display:block; padding-top:80px; padding-bottom:80px;}
footer .contact li,  footer .contact li.add,  footer .contact li.mail,  footer .contact li.qq{ width:50%;}
footer .btm{ position:relative;}
}
 @media (max-width:767px){
body,  h5,  p{ font-size:12px;}
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:18px;}
h4,  .p18{ font-size:14px;}
.hide_in_mobile{ display:none;}
.icon_btn{ width:50px; height:50px; line-height:50px; padding:0;}
.hwrap{ padding-top:50px; padding-bottom:50px;}
.wrap.fullw_on_mobile{ padding-left:0; padding-right:0;}
.desktop_full .scrollbg{ height:240px;}
.desktop_full .btm_cont{ margin-top:-80px;}
.desktop_full .btm_cont.mini_title{ margin-top:-50px;}
.home_grid li a .title{ padding:20px 10px;}
.hide_on_desktop{ display:block;}
.hide_on_mobile{ display:none;}
.mobile_mt50{ margin-top:50px;}
.btm_cont .info{ padding-top:24px; padding-bottom:24px;}

/*----------header----------*/

  header{ height:50px; width:100%; background-color:#fff;}
nav .menu_btn{ width:50px; height:50px; line-height:50px; font-size:20px;}
#logo img{ height:20px;}
.right-nav li a,  header .title h4{ line-height:50px; font-size:12px;}
.tags_nav ul{ top:50px;}

/*----------banner----------*/

  #banner .btm_cont .title hr{ height:5px; margin-top:10px;}
#banner .btm_cont .info .title{ padding-top:20px;}
#banner .btm_cont .info span{ position:absolute; bottom:50px; padding:10px; margin-left:0;}

/*-----*/

  .thumbs li{ width:100%;}
.project_title{ top:30px; margin-top:0; text-align:left;}
.project_info>li{ width:100%; margin-top:30px;}
.project_info>li:first-child{ margin-top:0;}

/*-----jobs-----*/

  #job-post.full{ height:auto;}
#job-post .vertical_obj{ display:block; background-color:#F0F0F0;}
#job-post .vertical_cont{ display:block;}
.job_desk_cont{ padding:40px 8%;}
.job_desk_cont h3{ font-size:16px;}

/*-----footer-----*/

  footer .contact.vertical_cont{ padding-top:40px; padding-bottom:60px;}
footer .contact h2{ margin-bottom:20px;}
footer .contact li,  footer .contact li.add,  footer .contact li.mail,  footer .contact li.qq{ width:100%; height:60px;}
footer .contact li a{ padding:0 20px;}
footer .contact li a .icon{ font-size:20px; top:0; margin:0; line-height:60px; float:left;}
footer .contact li a h5{ top:0; line-height:60px; float:right;}
footer .btm li span,  footer .btm li a{ font-size:10px;}

/*----------pop window----------*/

  .pop_window{ top:0; bottom:0; left:0; right:0;}
.pop_window .box .cont{ padding:30px;}
}
/*-----------------------------------*/

#bsWXBox,  #bsWXBox:before,  #bsWXBox:after,  #bsBox,  #bsBox:before,  #bsBox:after,  #bsBox>div>div>div,  #bsBox>div>div>div:before,  #bsBox>div>div>div:after{ box-sizing:content-box;}
#bsBox{ width:320px !important; height:400px !important; margin-left:-160px !important; margin-top:-200px !important; background:none !important; padding:0 !important; border:2px solid #666 !important;}
#bsBox .bsTop{ width:320px !important;}
#bsBox .bsClose{ top:3px !important; right:10px !important;}
#bsBox #bsMorePanel{ width:320px !important; height:376px !important;}
#bsBox .bsPlatDiv{ width:320px !important; height:316px !important;}
#bsBox .bFind{ width:200px !important;}
.bsTop span{ font-size:12px; line-height:24px;}
.bsBox{ box-shadow:0 4px 16px rgba(0,0,0,.5);}
 @media all and (max-height:400px){
#bsBox{ height:224px !important; margin-top:-112px !important;}
#bsBox #bsMorePanel{ height:200px !important;}
#bsBox .bsPlatDiv{ height:140px !important;}
}



/*追加样式*/
header .title{ display:none;}
header{ width:100%; height:82px;}
#logo{ padding:0;}
#logo h5{ width:83%; height:82px; line-height:82px; top:0; left:17%;}
#logo img{ height:82px;}
nav{ float:right;}
nav .menu_btn{ width:178px; width:218px; height:82px; cursor:pointer;}
#nav{ width:178px; width:218px; right:0;}
#nav li a{ padding-left:14px;}
.no-touch #nav li a:hover{ padding-left:22px;}

.icon-menu:before{ display:none;}
.scrollbg.pos_b{ background-size:cover;/* background-position:center -20px;*/}
.control_b .flex-control-nav{ width:auto; height:auto; overflow:hidden; background:none; right:0; margin:0;}
.control_b .flex-control-nav a{ display:block; width:34px; height:90px;}
.flex-control-nav a{ color:#fff; text-indent:-9999em; position:relative;}
.flex-control-nav a::before{ content:''; display:block; width:12px; height:12px; position:absolute; left:50%; top:50%; margin:-6px 0 0 -6px; border-radius:50%; background:#fff;}
.flex-control-nav a.flex-active::before{ background:#d7000f;}
.down_arrow{ display:none;}
#banner .btm_cont .info .bg{
    background:-webkit-linear-gradient(rgba(0,0,0,0.01), rgba(0,0,0,0.5)); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(rgba(0,0,0,0.01), rgba(0,0,0,0.5)); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(rgba(0,0,0,0.01), rgba(0,0,0,0.5)); /* Firefox 3.6 - 15 */
    background:linear-gradient(rgba(0,0,0,0.01), rgba(0,0,0,0.5)); /* 标准的语法（必须放在最后） */
}
#banner .flex-active-slide .btm_cont .info{ height:auto;}
#banner .btm_cont .info .title{ padding:32px 0;}
#banner .btm_cont .title h2{ line-height:48px; color:#fff; font-size:32px; font-family:"微软雅黑"; padding:0; margin:0;}
#banner .btm_cont .title h4{ line-height:26px; color:rgba(255,255,255,0.6); font-size:14px;}

h2.b_to_t{ line-height:40px; color:#333; font-size:30px; font-family:"微软雅黑";}
h2.b_to_t em{ display:block; line-height:20px; color:#999; font-size:16px; font-style:normal;}

ul.tab{ display:block; overflow:hidden; padding:36px 3px 0; box-sizing:border-box; max-width:1138px; margin:0 auto;}
ul.tab li{ display:block; width:20%; box-sizing:border-box; float:left; cursor:pointer; position:relative; margin:0 0 7px;}
ul.tab li a{ display:block; line-height:40px; color:#555; font-size:14px; font-family:"微软雅黑"; text-align:center; background:#ededed; border:1px solid #fff; border-width:0 1px;}
ul.tab li a:hover{ color:#d7000f;}
ul.tab li.cur a{ color:#fff; background:#d7000f;}
ul.tab li.cur::after{ content:''; width:0; height:0; border-top:7px solid #d7000f; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; left:50%; top:100%; margin-left:-7px;}

.tbox{ width:auto; max-width:1138px; margin:0 auto;}
.tb{ display:none; overflow:hidden; padding:0 5px;}
.slider{ margin:0 -15px;}
.slider .hd{ padding:0 15px;}
.slider .hd ul{ display:block; height:12px; box-sizing:content-box; overflow:hidden; text-align:center; padding:8px 0 0;}
.tb a.more{ display:block; width:9em; line-height:42px; color:#d7000f; font-size:14px; text-align:center; background:#fff; border:1px solid #d7000f; margin:36px auto 0; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; visibility:visible !important;}
.tb a.more:hover{ color:#fff; background:#d7000f;}

.screen2 a.more{ display:block; width:9em; line-height:42px; color:#d7000f; font-size:14px; text-align:center; border:1px solid #d7000f; margin:36px auto 0; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.screen2 a.more:hover{ color:#fff; background:#d7000f;}

/*
.slider .hd ul li{ display:block; width:20%; line-height:40px; color:#555; font-size:14px; font-family:"微软雅黑"; text-align:center; background:#ededed; box-sizing:border-box; border:1px solid #fff; float:left; cursor:pointer; position:relative; margin:0 0 7px;}
.slider .hd ul li:hover{ color:#d7000f;}
.slider .hd ul li.on{ color:#fff; background:#d7000f;}
.slider .hd ul li.on::after{ content:''; width:0; height:0; border-top:7px solid #d7000f; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; left:50%; top:100%; margin-left:-7px;}
*/
.slider .hd ul li{ display:inline-block; width:12px; height:12px; background:#d0d0d0; border-radius:50%; vertical-align:top; margin:0 4px; cursor:pointer;}
.slider .hd ul li.on{ background:#d7000f;}

.slider .bd{ overflow:hidden;}
.slider .bd ul{ display:block; overflow:hidden;}

/*
.slider .bd ul li{ display:block; overflow:hidden;}
.slider .bd ul li .item{ display:block; width:33.33%; padding:15px; float:left;}
.slider .bd ul li .item a{ display:block; box-shadow:0 3px 5px #c5c5c5;}
.slider .bd ul li .item a img.pic{ display:block; width:100%;}
.slider .bd ul li .item a h5{ line-height:50px; font-size:14px; padding:0 20px; background:url(../images/more.png) right center no-repeat;}
.slider .bd ul li .item a:hover h5{ color:#d7000f;}
*/
.slider .bd ul li{ display:block; width:33.33%; overflow:hidden; float:left; box-sizing:border-box;}
.slider .bd ul li *{ transition:all 0.4s; -webkit-transition:all 0.4s ease-out;}
.slider .bd ul li a{ display:block; box-shadow:0 2px 5px #c5c5c5; margin:15px;}
.slider .bd ul li a .item{ overflow:hidden;}
.slider .bd ul li a img.pic{ display:block; width:100%; max-height:148px; background-size:cover !important; transition:all 0.4s; -webkit-transition:all 0.4s ease-out;}
.slider .bd ul li a img.pic.ie{ display:none;}
.slider .bd ul li a h5{ line-height:44px; font-size:14px; font-family:"微软雅黑"; padding:0 20px; background:url(../images/icons/more.png) right center no-repeat;}
.slider .bd ul li a:hover{ box-shadow:0 1px 5px #d7000f;}
.slider .bd ul li a:hover img.pic{ transform:scale(1.2,1.2);}
.slider .bd ul li a:hover h5{ color:#d7000f;}

.screen1 h2{ padding:3em 0 0; text-align:center;}
footer h2{ padding:2em 0 0;}

.screen2{ background:#f5f5f5 url(../images/icons/screen2.jpg) center bottom no-repeat;}
.screen2 h2{ text-align:center; padding:3em 0 0;}
.screen2 ul{ margin:32px auto; max-width:1138px;}
.screen2 li{ width:25%; padding:5px 8px; float:left;}
.screen2 li a{ position:relative;}
.screen2 li a img{ width:100%; max-height:280px; margin:0 auto; background-size:cover !important;}
.screen2 li a img.ie{ display:none;}
.screen2 li a .title{ width:100%; text-align:center; background:none; position:absolute; left:0%; bottom:0; padding:30px 0.5em 14px; padding:14px 0.5em; transform:translateY(0%); transition:all 0.3s ease-in-out; background/:rgb(215,0,15,0.8); background/:linear-gradient(rgb(0,0,0,0) 0%, rgb(0,0,0,0.6) 84%); padding-top/:3em;}
.screen2 li a .title h5.hide_in_mobile{ display:none; height:36px; line-height:18px; color:#eee; font-size:12px; opacity:0.6; white-space:normal;}
.screen2 li a .title h5{ line-height:28px; color:#fff; font-size:18px; margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.screen2 li a .title hr{ display:none;}
.screen2 li a.box_shadow.trans:hover h5.hide_in_mobile{ color:#fff;}
.screen2 li a.box_shadow.trans:hover{ background:none; box-shadow:none;}
.screen2 li a:hover .title h5{ color:#fff;}
.screen2 li a:hover .title h5.hide_in_mobile{ opacity:1;}
.screen2 li a:hover{ transform:translateY(-10px);}
.screen2 li a:hover .title{ transform/:translateY(-20%);}
.screen2 li a .title h5.trans{ text-shadow:#d7000f 0 0 5px;}

footer .contact ul{ margin:0 auto;}
footer .contact li{ background:none; height:auto;}
footer .contact li a{ display:block;}
footer .contact li a em{ display:block; width:120px; height:120px; position:relative; margin:0 auto; -webkit-perspective:900px; -moz-perspective:900px; -o-perspective:900px; -ms-perspective:900px; perspective:900px;}
footer .contact li a em i{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d;}
footer .contact li a em img{ display:block; width:100%; height:100%; border:10px solid #f5f5f5; border-radius:50%; box-shadow:rgba(0,0,0,0.26) 0 0 5px inset; position:absolute; left:0; top:0; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear; -webkit-transform-origin:50% 0%; -moz-transform-origin:50% 0%; -o-transform-origin:50% 0%; -ms-transform-origin:50% 0%; transform-origin:50% 0%;}
footer .contact li a span.title{ display:block; line-height:50px; padding:8px 0 0;}
footer .contact li a h5.trans{ line-height:22px; color:#555; font-size:14px; position:static; padding-bottom:1em;}
footer .contact li a{ border-bottom-color:#fff !important;}

footer .contact li a em img.back{ -webkit-transform:translate3d(0,0,-100px) rotate3d(1,0,0,90deg); -moz-transform:translate3d(0,0,-100px) rotate3d(1,0,0,90deg); -o-transform:translate3d(0,0,-100px) rotate3d(1,0,0,90deg); -ms-transform:translate3d(0,0,-100px) rotate3d(1,0,0,90deg); transform:translate3d(0,0,-100px) rotate3d(1,0,0,90deg); opacity:0;}
footer .contact li a:hover em img.front{ -webkit-transform:translate3d(0,140px,0) rotate3d(1,0,0,-90deg); -moz-transform:translate3d(0,140px,0) rotate3d(1,0,0,-90deg); -o-transform:translate3d(0,140px,0) rotate3d(1,0,0,-90deg); -ms-transform:translate3d(0,140px,0) rotate3d(1,0,0,-90deg); transform:translate3d(0,140px,0) rotate3d(1,0,0,-90deg); opacity:0;}
footer .contact li a:hover em img.back{ -webkit-transform:rotate3d(1,0,0,0deg); -moz-transform:rotate3d(1,0,0,0deg); -o-transform:rotate3d(1,0,0,0deg); -ms-transform:rotate3d(1,0,0,0deg); transform:rotate3d(1,0,0,0deg); opacity:1;}

footer .contact li a:hover span.title{ color:#d7000f;}
footer .contact li a:hover h5{ color:#555;}

footer .icp{ background:#2b2b2b url(../images/common/foot_logo.jpg) left center no-repeat; background-size:auto 100%; padding:2% 10%;}
footer .btm li{ line-height:2em; color:#828282; font-size:14px;}
footer .btm a.flogo{ display:none; width:23.6%; height:100%; background:url(../images/common/foot_logo_bg.png) center no-repeat; background-size:100% 100%; position:absolute; left:0; top:0;}
footer .btm a.flogo img{ display:block; height:100%; margin:0 auto;}
footer .code{ font-size:14px; position:absolute; right:10%; top:50%; margin-top:-3.6em; overflow:hidden;}
footer .code img{ display:block; height:7.2em; float:left;}
footer .code span{ display:block; width:1em; height:5.72em; line-height:1.43em; font-size:14px; padding:0.74em 0.5em; background:#404040; box-sizing:content-box; float:left;}
footer .btm .wrap font{ font-size:16px; padding:0 1em; font-family:"微软雅黑";}
footer .btm .wrap a{ display:inline; font-size:14px; margin:0; padding:1px 0 0;}
footer .btm .wrap p{ display:block; font-size:14px; margin:0; text-align:center;}

footer .contact li .code{ display:none; width:200px; box-shadow:rgba(0,0,0,0.2) 0 0 4px; position:fixed; right:50%; top:50%; margin:-136px -100px 0 0; z-index:999; overflow:visible;}
footer .contact li .code img{ width:200px; height:200px; float:none;}
footer .contact li .code span{ width:auto; height:auto; background:#fff; color:#333; text-align:center; float:none; padding-top:0;}
footer .contact li .code a.close{ width:36px; height:36px; min-height:0; background:#fff url(../images/common/close.png) center no-repeat !important; background-size:90% !important; border-radius:50%; box-shadow:rgba(0,0,0,0.1) 2px -2px 2px; position:absolute; right:0; top:0; z-index:7; margin:-20px}


@media only screen and (max-width:767px){
header{ height:56px;}
.wrap{ padding-left:4%; padding-right:4%;}
#logo img{ height:100%; margin-left:-10px;}
nav .menu_btn{ width:auto; height:56px; overflow:hidden;}
nav .menu_btn img{ height:100%; margin:0 -12px;}
#banner .btm_cont .title h2{ font-size:24px;}
.screen1 h2{ padding:0;}
.screen2 h2{ padding:0;}
ul.tab li{ width:49%; padding:2px 0 0; margin:0 0.5% 1%;}
ul.tab li::after{ display:none;}
.slider{ width:auto;}
.slider .bd ul li{ width:100%;}
.slider .bd ul li .item{ width:100%;}
.slider a.more{ line-height:36px; padding:2px 0 0;}
.control_b .flex-control-nav a{ height:48px;}
.home_grid ul{ margin:32px -5%;}
.home_grid li{ padding:1%;}
.home_grid li a .title h5{ white-space/:normal; font-size:14px;}

.screen2 a.more{ line-height:36px; padding:2px 0 0;}

footer .contact h2{ padding:0;}
footer .contact li{ background:#f5f5f5 !important; margin:0 0 2%;}
footer .contact li a{ width:100%; min-height:86px; vertical-align:middle; background:none !important; padding:3%; overflow:hidden; position:relative; border:none; transition:none !important; transform:none !important;}
footer .contact li a em{ width:64px; height:64px; position:absolute; left:0; top:0; margin:3%; transition:none !important; transform:none !important;}
footer .contact li a em i{ transition:none !important; transform:none !important;}
footer .contact li a em img{ border:0; background:#fff; transition:none !important; transform:none !important;}
footer .contact li a span.title{ display:none;}
footer .contact li a h5.trans{ display:table; width:100%; min-height:64px; overflow:hidden; text-align:right; vertical-align:middle; padding:0 0 0 72px;}
footer .contact li a h5.trans font{ display:table-cell; vertical-align:middle;}
.hi-icon-effect-8 .hi-icon::after{ display:none;}
footer .contact.vertical_cont{ padding:40px 0 40px;}


footer .icp{ background-image:url(../images/common/foot_logo1.jpg); background-position:center top; background-size:auto 60px; padding-top:72px; padding-bottom:4%;}
footer .code{ display:none;}
footer .btm li font{ display:inline;}
}
@media only screen and (min-width:768px) and (max-width:1140px){
footer .code{ right:2%;}
footer .icp{ background-size:20% auto; background-position:-0% center;}
}
@media only screen and (min-width:1025px) and (max-width:1440px){
footer .icp{ background-image:none;}
footer .btm a.flogo{ display:block;}
footer .btm a.flogo{ width:22%;}
footer .btm a.flogo img{ box-sizing:border-box; padding:2% 0;}
}

.newbanner{ height:100vh;}
.slide-wp{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0;}
.slide-wp img{ opacity:0;}
.nav-wp{ position:absolute; background:#ccc; top:50%; margin-top:170px; left:50%; margin-left:-100px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0 20px 6px 10px; _padding:0 20px 2px 10px;}
.nav li{ float:left; margin-left:10px; font-size:20px; font-weight:bold; font-family:tahoma; color:#22739e; cursor:pointer; height:22px;}
.nav li.cur{ color:#ff7a00;}

@-webkit-keyframes sonarEffect{
0%{ opacity:0.3;}
40%{ opacity:0.5; box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px rgba(215,0,15,0.6), 0 0 0 10px rgba(255,255,255,0.5);}
100%{ box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px rgba(215,0,15,0.6), 0 0 0 10px rgba(255,255,255,0.5); -webkit-transform:scale(1.5); opacity:0;}
}
@-moz-keyframes sonarEffect{
0%{ opacity:0.3;}
40%{ opacity:0.5; box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px rgba(215,0,15,0.6), 0 0 0 10px rgba(255,255,255,0.5);}
100%{ box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #d7000f80, 0 0 0 10px rgba(255,255,255,0.5); -moz-transform:scale(1.5); opacity:0;}
}
@keyframes sonarEffect{
0%{ opacity:0.3;}
40%{ opacity:0.5; box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px rgba(215,0,15,0.6), 0 0 0 10px rgba(255,255,255,0.5);}
100%{ box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px rgba(215,0,15,0.6), 0 0 0 10px rgba(255,255,255,0.5); transform:scale(1.5); opacity:0;}
}

/* Effect 8 */
.hi-icon-effect-8 .hi-icon{ -webkit-transition:-webkit-transform ease-out 0.1s, background 0.2s; -moz-transition:-moz-transform ease-out 0.1s, background 0.2s; transition:transform ease-out 0.1s, background 0.2s;}
.hi-icon-effect-8 .hi-icon::after{ content:''; width:100%; height:100%; position:absolute; border-radius:50%; top:0; left:0; padding:0; z-index:-1; box-shadow:0 0 0 2px rgba(255,255,255,0.1); opacity:0; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9);}
.hi-icon-effect-8 a:hover .hi-icon{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9);}
.hi-icon-effect-8 a:hover .hi-icon::after{ -webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;}

/*新banner*/
.swiper-container{ width:100%; height:100vh;}
.swiper-wrapper{ width:100%; height:100vh;}
.swiper-slide{ width:100%; height:100vh;}
.swiper-slide .scon{ width:100%; height:100vh; background-size:cover !important; background-position:center !important;}
.swiper-slide .scon em{ display:none;}
.swiper-pagination{ width:auto !important; height:12px; padding:29px 8% !important; left:auto !important; right:0 !important;}
.swiper-pagination span{ width:12px !important; height:12px !important; background:#fff !important; opacity:1 !important; margin:0 11px !important; position:static !important; float:left !important;}
.swiper-pagination span.swiper-pagination-bullet-active{ background:#d7000f !important;}
#banner .btm_cont .info{ height:auto;}
.swiper-button-prev{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d7000f'%2F%3E%3C%2Fsvg%3E") !important; opacity:0.6;}
.swiper-button-next{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d7000f'%2F%3E%3C%2Fsvg%3E") !important; opacity:0.6;}

/*pad*/
@media only screen and (min-width:768px) and (max-width:1024px){
.wrap{ padding-left:6%; padding-right:6%;}
footer h2{ padding:0;}
footer .btm .wrap font{ padding:0 0.5em;}
footer .code{ display:none;}
footer .icp{ background-image:none;}

.screen1 h2{ padding:0;}
.slider .bd ul li{ width:50%;}

.screen2 h2{ padding:0;}
.screen2 li{ width:50%; padding:6px;}
.screen2 li a img{ max-height:none;}
}

/*phone*/
@media only screen and (max-width:767px){
footer .icp{ background-image:url(../images/common/foot_logo1.jpg); background-position:center top; background-size:auto 60px; padding-top:72px; padding-bottom:4%;}
footer .code{ display:none;}
footer .btm li font{ display:inline;}
footer .btm .wrap font{ display:none;}
footer .btm .wrap a{ margin:0 4px;}

.swiper-slide .scon em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.swiper-pagination{ padding:4% 2% !important;}
.swiper-button-next,
.swiper-button-prev{ display:none;}
.swiper-pagination span{ width:10px !important; height:10px !important; margin:0 4px !important;}

.screen2 h2{ padding:0;}
.screen2 ul{ margin:32px 0;}
.screen2 li{ width:50%; padding:6px;}
.screen2 li a .title{ padding-top:6px; padding-bottom:6px;}
.screen2 li a img{ max-height:none;}
}

.ieBanner{ display:none;}

body{ width:100%; overflow-x:hidden;}

/*返回顶部*/
.backToTop{ display:none; width:60px; height:50px; background:url(../images/common/top.png) center bottom no-repeat; position:fixed; _position:absolute; right:50px; bottom:50px; cursor:pointer; z-index:998; opacity:0.8; filter:alpha(opacity:80); zoom:1;}
.backToTop:hover{ opacity:1; filter:alpha(opacity:100);}



header p.tel,
header ul.pcNav{ display:none;}
@media only screen and (min-width: 1025px){
header nav{ display:none;}
header ul.pcNav{ display:block; height:84px; float:right; margin-right:36px;}
header ul.pcNav li{ display:block; float:left;}
header ul.pcNav li a{ display:block; line-height:20px; color:#aaa; font-size:12px; text-align:center; padding:22px 20px 16px;}
header ul.pcNav li a em{ display:block; line-height:24px; color:#444; font-size:16px; font-style:normal;}
header ul.pcNav li a:hover,
header ul.pcNav li.on a,
header ul.pcNav li.cur a{ color:#d7000f;}
header ul.pcNav li a:hover em,
header ul.pcNav li.on a em,
header ul.pcNav li.cur a em{ color:inherit;}

header p.tel{ display:block; line-height:82px; color:#333; white-space:nowrap; float:right; margin:0 34px 0 0;}
header p.tel img{ display:inline; height:1em; vertical-align:top; margin:34px 6px 0 0;}
header p.tel a{ display:inline; color:#333;}
header p.tel a:hover{ color:#d7000f;}
}
@media only screen and (min-width: 1025px) and (max-width: 1100px){
header ul.pcNav li a{ padding:22px 16px 16px;}
}
@media only screen and (min-width: 1025px) and (max-width: 1260px){
header p.tel{ display:none;}
header ul.pcNav{ float:right; margin:0 34px 0 0;}
}


























/**/