/*
======================================================================
*	Author:				      www.vokodesign.com
*	Creation Date:		  2021-05-12
======================================================================
*/




/****************************************/
/***********    css reset    ***********/
/***************************************/

* { margin:0; padding:0;}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
p { line-height:1.8;}
img { border:none; display:block; width:100%; overflow:hidden;}
li{ list-style-type: none;}
a { color:#666666; text-decoration:none; 
  transition: all 0.3s ease-out 0s;
  -moz-transition:all 0.3s ease-out 0s;
  -webkit-transition:all 0.3s ease-out 0s;

  -webkit-tap-highlight-color:transparent;
}

a:link { color:#666666;}
a:visited { color:#666666;}
a:hover { text-decoration:none;}
a:active { color:#666666;}
.fl { float:left;}
.fr { float:right;}
.clearf { zoom:1;}
.clearf:after { content:'\20'; display:block; clear:both;}
/*去掉手机按下时默认的灰色*/
a,button,input,textarea { border:none; outline:none; box-shadow:none; -webkit-appearance:none; /*去除移动端上控件内阴影，但是会让单选框没有背景，注意！ */ resize:none;/* 禁止textarea拖拽放大 */  -webkit-tap-highlight-color:rgba(0,0,0,0);/* 取消input瞬间出现灰色背景 */}
/*修改表单元素placeholder默认置灰文字颜色*/
.form-control::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder {color:#8d8d8d; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {text-rendering:optimizelegibility; text-transform:uppercase; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
html.no-scroll {overflow-y:hidden;}
body { width:100%; font-size:14px; font-family:"Microsoft YaHei",Arial,Verdana,sans-serif; background:#ffffff;
-webkit-font-smoothing:antialiased;/*平滑字体 -ms:ie内核识别码*/
-moz-font-smoothing:antialiased;/*平滑字体 -moz:火狐内核识别码*/
-webkit-font-smoothing:antialiased;/*平滑字体 -webkit:谷歌内核识别码*/
-o-font-smoothing:antialiased;/*平滑字体 -o:opera内核识别码*/
font-smoothing:antialiased;/*平滑字体 -o:统一识别码*/
}
/* IE */
html {overflow:scroll; overflow-x:hidden; background:#ffffff;}
/*Firefox*/
@-moz-document url-prefix(){html {}}

/***** 字体图标 *****/
@font-face {font-family: 'iconfont';
    src: url('images/fonts/font_gbst3yrm6q146lxr/iconfont.eot');
    src: url('images/fonts/font_gbst3yrm6q146lxr/iconfont.eot?#iefix') format('embedded-opentype'),
    url('images/fonts/font_gbst3yrm6q146lxr/iconfont.woff') format('woff'),
    url('images/fonts/font_gbst3yrm6q146lxr/iconfont.ttf') format('truetype'),
    url('images/fonts/font_gbst3yrm6q146lxr/iconfont.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont";
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }




/****************************************/
/**************    公共    **************/
/***************************************/

/*分栏*/
.row {margin:0 auto; padding:0 20px; max-width:1280px; width:100%;}
.row_pr0 {padding-right:0;}
.row_p10 {padding:0 10px;}
.page-spiel {margin-bottom:40px; text-align:center;}
/*白色文字*/
.text-white{ color:#fff;}
.pad-top{ padding-top:60px; }
/*模块标题(默认)*/
.page-title{ position:relative; margin-bottom:40px;}
.page-title h3{ font-size:26px; color:#333333; text-align:center;}
.page-title p{ font-size:16px; color:#333333; text-align:center; opacity:0.4; text-transform:uppercase;}
.page-title a {position:absolute; right:0; top:0;}
.page-title a i {color:rgba(0,0,0,0.5); text-indent:-4px;}
.page-title a:hover {color:rgba(198,0,11,1);}
/*模块标题-居左*/
.page-title-left {}
.page-title-left h3 {text-align:left;}
/*模块标题(EN)*/
.page-title-en {}
.page-title-en p{ letter-spacing:6px; text-align:left; font-size:12px; opacity:0.2;}
/*** 元素 ***/
.btn{ background-color:#222; color:#fff; padding:8px 28px; display:inline-block; font-size:12px; letter-spacing:2px; cursor:pointer;}
.page-spiel{ text-align:center; margin-bottom:66px;}
.page-spiel p{ margin-bottom:0px; font-size:20px;}
/* 分栏 */
.large-6 {position:relative; width:50%;}
.small-12 {position:relative; width:100%;}
.column , .columns { position:relative; padding-left:20px; padding-right:20px; float:left; width:100%;}
.pad-normal{ padding:40px 0;}
.pad-large{ padding-top:80px; padding-bottom:80px;}
.mag-normal {margin:40px auto;}
.left {float:left!important;}
.row:before, .row:after {content:" "; display:table;}
.row:after {clear:both;}
.large-centered { float:none; margin:auto;}
.whalf { width:50%;}
/*分页*/
#pages {padding:40px 0; text-align:center;}
#pages a , #pages span { margin:0 5px; padding:10px 16px;}
#pages a {border:1px solid rgba(0,0,0,0.1);}
#pages a:hover {border-color:rgba(0,0,0,0.5);}
#pages span { border:1px solid rgba(44,68,140,1); color:#ffffff; background:rgba(44,68,140,1);}


 /* 按钮 */
a.btn { display:inline-block; position:relative; font-size:1.2em; padding:12px 32px; text-align:center; color:#1e1e1e; border:1px solid #1e1e1e; background:#20a84c; text-transform:uppercase;}
a.btn:hover {opacity:0.8;}
a.btn_border {border:1px solid rgba(0, 0, 0, 1); background:none;}
a.btn_no_border {border:none; border-bottom:1px solid rgba(0, 0, 0, 1); color:#ffffff; border-color:#ffffff; background:none;}
a.btn_view_more {color:#1e1e1e; border-color:#1e1e1e;}

/* 下拉框 */
select {
  cursor:pointer; width:100%; font-size:14px; border-radius:0; outline:none!important; padding:14px;
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: 1px solid rgba(0, 0, 0, 0.2);
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display:none; }
select option {}
/*箭头*/
i { position:relative; top:4px;/*position、top为解决图标偏高*/ display:inline-block; color:rgba(255,255,255,0); font-size:24px; text-indent:-20px; line-height:1; transition:all 0.3s ease-out 0s;}

/* 按钮:常规按钮 */
a.btn_confirm { display:block; margin:auto; width:100%; padding:16px; text-align:center; border-radius:0; border:1px solid rgba(0,0,0,0); font-size:14px; color:#ffffff; background:#12B803; transition:all 0.3s ease-out 0s;}
a.btn_confirm:hover { color:#1e1e1e; border:1px solid rgba(0,0,0,0.2); background:#ffffff;}

/* 按钮:查看更多 */
a.more {display:block; width:140px; height:44px; line-height:44px; font-style:14px; text-align:center; border:1px solid rgba(0,0,0,0.1); background:#ffffff;}
a.more:hover { color:#ffffff; background:rgba(198,0,11,1);}
a.more:hover i {text-indent:2px; color:rgba(255,255,255,1);}
/**/
a.more_transparent {border:1px solid rgba(255,255,255,0.2); color:#ffffff; background:none;}
a.more_transparent:hover {background:#ffffff; color:rgba(44,68,140,1);}
a.more_transparent:hover i {text-indent:0; color:rgba(44,68,140,1);}

/* 表单 */
.form .c3 {width:100%; overflow:hidden;}
.form .c3 .ic { float:left; width:50%;}
.form .c3 h2 {font-size:14px; font-weight:normal; margin-bottom:20px;}
.form label { float:left; margin:0 20px 20px 0;}
.form label input[type="radio"] { display:block; float:left; margin:0; padding:0; width:20px; height:20px;}
.form label input[type="radio"]:checked {background:rgba(198,0,11,1);}
.form label span { display:block; float:left; margin-left:4px; height:20px; line-height:20px;}
.form .kindly-reminder {font-size:12px; color:#8d8d8d;}
/*开始：横向多个select*/
.form .c3 .ic_select {}
.form .c3 .ic_select .icc {width:50%; float:left; position:relative;}
.form .c3 .ic_select .icc:first-child select {border-right:none;}
.form .c3 .ic_select .icc:last-child select {border-left-color:rgba(0,0,0,0.1);}
.form .c3 .ic_select .icc i { display:block; width:9px; height:9px; position:absolute; right:20px; top:20px; background:url("images/select_arrow_icon.svg") repeat scroll 0 0; background-size:9px auto; background-repeat:no-repeat; background-position:center right;}
/*结束：横向多个select*/
.form .c3 .ic_100 {width:100%;}
.form .c3 .ic .icc {margin:0 24px 0 0;}
.form .c3 .ic:last-child .icc {margin-right:0;}
.form input { margin-bottom:20px; width:100%; padding:16px; border-radius:0; font-size:14px; border:1px solid rgba(0,0,0,0.1); transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.form select {margin-bottom:20px; border-radius:0;}
.form textarea { float:left; margin-bottom:20px; width:100%; height:160px; border-radius:0; padding:16px; font-size:14px; border:1px solid rgba(0,0,0,0.2); background:none; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.form .btn { display:block; width:25%; color:#ffffff; border-radius:0; border:1px solid rgba(44,68,140,1); background:rgba(44,68,140,1); transition:all 0.3s ease-out 0s;}
.form .btn:hover { color:#1e1e1e; border:1px solid rgba(0,0,0,0.2); background:#ffffff;}
.form input:focus , .form textarea:focus { color:#333333; border-color:rgba(45,128,224,1); background:rgba(45,128,224,0.1); transition:all 0.3s ease-out 0s;}

/* 返回顶部 */
a.rTop {display:none; width:40px; height:40px; line-height:40px; text-align:center; color:#ffffff; font-size:30px; position:fixed; right:20px; bottom:20px; background:rgba(0,0,0,0.5);}
a.rTop:hover {background:rgba(0,0,0,1);}




/****************************************/
/**************    主页    **************/
/***************************************/

/***** 导航 *****/
.navigation{ position:fixed; left:0; top:0; z-index:999999; width:100%;}
.navigation .row {}
.navigation .inner_navigation {background:rgba(255,255,255,1);}
.navigation .logo { float:left; display:block; margin:23px 0 0 30px; width:130px; height:50px; background:rgba(0, 0, 0, 0) url("images/logo.png") no-repeat left center / 100% auto;}
.navigation .logo img {display:block; width:100%;}
.menu{ list-style:none; text-align:right; float:right; width:60%;}
.menu ul {}
.menu li{ float:left; width:20%; position:relative;  -webkit-transition:all 0.2s; transition:all 0.2s; -moz-transition:all 0.2s;}
.menu li .arrow { position:relative; top:3px;/*position、top为解决图标偏高*/ display:inline-block; margin-right:-16px; margin-left:3px; text-indent:0; color:rgba(0,0,0,0.2); font-size:18px; line-height:1; transition:all 0.3s ease-out 0s;}
.menu li:hover {background:rgba(44,68,140,1);}
.menu li:hover a { color:rgba(255,255,255,1);}
.menu li:hover a .arrow {color:rgba(255,255,255,0.5);}
.menu li a{ color:#333333; font-size:14px; height:96px; line-height:96px; padding:0 8px; text-align:center; text-transform:uppercase; font-style:normal; text-rendering:optimizeLegibility; display:block; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/ }
.menu li a span { display:block; margin-right:-2px; letter-spacing:2px;}
.menu li a.current {color:#ffffff; background:rgba(44,68,140,1);; box-shadow:0 3px 0 0 rgba(245, 245, 245, 1);}
/* 日语版导航，去掉其中一项 */
.navigation-jp .menu > ul > li:nth-child(5) {display:none;}
.navigation-jp .menu > ul > li {width:16.666666%;}

/* sticky-nav */
.sticky-nav {}
.sticky-nav .inner_navigation {box-shadow:0 0 100px rgba(0,0,0,0.2);}
.sticky-nav .logo {}
.sticky-nav .menu li a {}
.sticky-nav .nav_submenu {top:96px;}
/* 多级菜单 */
.menu li:hover .nav_submenu { display:block;}
.nav_submenu { display:none; position:absolute; left:0; top:96px; width:100%;}
.nav_submenu li {float:left; width:100%; background:rgba(44,68,140,1);}
.nav_submenu li a { height:50px; line-height:50px;}
.nav_submenu li:hover {background:rgba(255,255,255,1);}
.nav_submenu li:hover a {color:rgba(44,68,140,1);}
/*侧栏*/
.navigation .nav_more { display:none; float:left; width:77px; height:77px; border:none; outline:none; cursor:pointer; background:none;}
.navigation .nav_more::after {width:32px; height:3px; right:22px; top:42px; background:#1e1e1e; content:""; position:absolute; -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); /*@include transform-origin(100%,100%);*/}
.navigation .nav_more::before {width:32px; height:3px; right:22px; top:32px; background:#1e1e1e; content:""; position:absolute; -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); /*@include transform-origin(0%,0%);*/}
.navigation .nav_more[data-animation="nav_more_hit"]:before, #navigation .nav_more[data-animation="nav_more_hit"]:after {-moz-transition:ease-out 300ms; -o-transition:ease-out 300ms; -webkit-transition:ease-out 300ms; transition:ease-out 300ms;}
.navigation .nav_more:hover::before , #navigation .nav_more:hover::after {opacity:0.9;}
.navigation .nav_more_hit {}
.navigation .nav_more_hit:before { top:37px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.navigation .nav_more_hit:after { top:37px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.navigation .nav_more_off::before , #navigation .nav_more_off::after {background:#000000;}


/* 全屏Banner */
.carousel {width:100%;}
.carousel .carousel-cell {width:100%; height:600px;}
.carousel .carousel-cell a {display:block; width:100%; height:100%;}
.cell-1 { background:#1e1e1e url("images/banner_1.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;}
.cell-2 { background:#1e1e1e url("images/banner_2.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;}
.cell-3 { background:#1e1e1e url("images/banner_3.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;}
.cell-4 { background:#1e1e1e url("images/banner_4.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} 
.carousel .carousel-cell .text { position:absolute; z-index:999999; margin-left:60px; top:50%; color:#ffffff; width:100%; opacity:0; }
.carousel .carousel-cell .text h1 { margin-bottom:15px; font-size:64px; text-shadow:0 0 5px rgba(0,0,0,0.2);}
.carousel .carousel-cell .text p {margin:0 0 10px 0; font-size:28px; line-height:1; text-shadow:0 0 5px rgba(0,0,0,0.2);}
.carousel .mask {width:100%; height:100%; position:absolute; left:0; top:0; background:#000000; opacity:0;}
/* 当前幻灯片设置动画 */
.carousel .carousel-cell.is-selected .mask {opacity:0.2;-webkit-transition-delay:0.5s;transition-delay:0.8s;-webkit-transition-duration:0.8s;transition-duration:0.8s;}
.carousel .carousel-cell.is-selected .text { opacity:1; margin-left:0!important;/*默认文字区域偏移量，实现文字动画效果*/ -webkit-transition-delay:0.8s;transition-delay:0.8s;-webkit-transition-duration:0.8s;transition-duration:0.8s;}
/*针对英文版调整banner字号*/
.c-en .carousel-cell .text h1 {font-size:48px;}

/***** 天山产品 *****/
.products {padding:60px 0 0; background:#f8f8f8;}
.c4box {background:#ffffff; box-shadow:8px 8px 0 0 rgba(0, 0, 0, 0.01);}
/**/
.c4box .c4box-l {float:left; width:25%;}
.c4box .c4box-l .c4box-l-l { display:table; float:left; width:100%; height:360px; background:rgba(44,68,140,1) url("images/c4box-bg-1.jpg") no-repeat scroll center top / 100% auto; background-size:cover;}
.c4box .c4box-l .c4box-l-l em {display:table-cell; vertical-align:middle; height:100%; padding:9 25%;  transition: all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */-o-transition:all 0.3s ease-out 0s;/* Opera */}
.c4box .c4box-l .c4box-l-l em img {width:50%; margin:auto;transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
    /**/
    .c4box .c4box-l .c4box-l-l em:hover {box-shadow:0 0 0 20px rgba(0,0,0,0.025) inset;}
    .c4box .c4box-l .c4box-l-l em:hover img {transform:scale(1.1,1.1);}
.c4box .c4box-l .c4box-l-r {display:none; float:left; width:50%; border-right:1px solid #f2f2f2;}
.c4box .c4box-l .c4box-l-r ul {}
.c4box .c4box-l .c4box-l-r ul li{ display:table; width:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.c4box .c4box-l .c4box-l-r ul li a {display:table-cell; vertical-align:middle; height:180px; padding:0 25% 0; border-bottom:1px solid #f2f2f2;}
.c4box .c4box-l .c4box-l-r ul li a h6 { margin-top:2px; text-align:center; font-size:14px; color:#333333;}
.c4box .c4box-l .c4box-l-r ul li a img {transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
    /**/
    .c4box .c4box-l .c4box-l-r ul li:hover {box-shadow:0 0 0 20px rgba(0,0,0,0.025) inset;}
    .c4box .c4box-l .c4box-l-r ul li:hover a {}
    .c4box .c4box-l .c4box-l-r ul li:hover a img {transform:scale(1.1,1.1);}
/**/
.c4box .c4box-r {float:left; width:75%; height:360px; border-bottom:1px solid #f2f2f2; background-repeat:no-repeat; background-position:center center; background-size:60% auto;}

/* 通栏背景 */
.divider { position:relative; background:url("images/divider.jpg"); background-size:100%; background-position:right bottom; background-repeat:no-repeat; background-attachment:scroll;  }
.divider .row {position:relative;}
.divider::before { content: ""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(44,68,140,0.9);}
.divider .fl {}
.divider .fl p { margin:0; color:#ffffff; font-size:32px; font-weight:bold;}
.divider .fr {}
.divider .fr a {margin-top:7px;}
/**/
.c4box-b { background:#ffffff; box-shadow:8px 8px 0 0 rgba(0, 0, 0, 0.05);}
.c4box-b ul {}
.c4box-b ul li { display:table; float:left; width:25%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.c4box-b ul li a {display:table-cell; vertical-align:middle; height:180px; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding:0 25% 0;}
.c4box-b ul li:last-child a {border:none;}
.c4box-b ul li a h6 {display:none; margin-top:2px; text-align:center; font-size:14px; color:#333333;}
.c4box-b ul li a img {transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
  /**/
  .c4box-b ul li:hover {box-shadow:0 0 0 20px rgba(0, 0, 0, 0.025) inset;}
  .c4box-b ul li:hover a {}
  .c4box-b ul li:hover a img {transform:scale(1.1,1.1);}


/***** 天山产品应用 *****/
.scene { padding:60px 0 60px; background:#f8f8f8;}
.scene .fl {width:50%; position:relative; overflow:hidden;}
  /**/
  .scene-cover-list {overflow:hidden;}
  .scene-cover-list li {}
  .scene-cover-list li a {display:block; overflow:hidden;}
  .scene-cover-list li a img {transition:all 0.3s ease-out 0s;}
  /*hover*/
  .scene-cover-list li a:hover {}
  .scene-cover-list li a:hover img {transform:scale(1.2,1.2); opacity:1;}
.scene .fr {width:50%;}
.scene .fr .list {}
.scene .fr .list ul {}
.scene .fr .list ul li { display:table; float:left; width:50%; height:auto; padding:0 0 20px 20px;}
.scene .fr .list ul li a {display:table-cell; vertical-align:middle; padding:0; text-align:center; box-shadow:8px 8px 0 0 rgba(0,0,0,0.01); background:#ffffff; overflow:hidden; }
.scene .fr .list ul li a .iconfont { display:block; margin:10px auto 0; width:40px; height:40px; font-size:40px; color:#333333; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
    /* 默认图标 */
    .scene .fr .list ul li:nth-child(1) a .iconfont { background:url("images/scene-icon-1.svg") no-repeat scroll top center / 100%;}
    .scene .fr .list ul li:nth-child(2) a .iconfont { background:url("images/scene-icon-2.svg") no-repeat scroll top center / 100%;}
    .scene .fr .list ul li:nth-child(3) a .iconfont { background:url("images/scene-icon-3.svg") no-repeat scroll top center / 100%;}
    .scene .fr .list ul li:nth-child(4) a .iconfont { background:url("images/scene-icon-4.svg") no-repeat scroll top center / 100%;}

.scene .fr .list ul li a img { display:block; margin:auto; width:32px; height:auto;}
.scene .fr .list ul li a .vline {display:block; margin:10px auto 5px; width:1px; height:10px; background:rgba(0,0,0,0.1);transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.scene .fr .list ul li a .text {}
.scene .fr .list ul li a .text h2 {font-size:18px; color:#333333;transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.scene .fr .list ul li a .text span {font-size:12px; color:rgba(0,0,0,0.2); text-transform:uppercase; letter-spacing:4px;transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
  /**/
  .scene .fr .list ul li a:hover {background:rgba(44,68,140,1);}
  .scene .fr .list ul li a:hover .iconfont { margin-top:20px; color:rgba(255,255,255,1); width:48px; height:48px; font-size:48px;}
  .scene .fr .list ul li a:hover .vline { height:10px; background:rgba(255,255,255,0.5);}
  .scene .fr .list ul li a:hover .text h2 {color:rgba(255,255,255,1);}
  .scene .fr .list ul li a:hover .text span {color:rgba(255,255,255,0); height:0;}
      /* hover图标 */
      .scene .fr .list ul li:nth-child(1) a:hover .iconfont { background:url("images/scene-icon-1-hover.svg") no-repeat scroll top center / 100%;}
      .scene .fr .list ul li:nth-child(2) a:hover .iconfont { background:url("images/scene-icon-2-hover.svg") no-repeat scroll top center / 100%;}
      .scene .fr .list ul li:nth-child(3) a:hover .iconfont { background:url("images/scene-icon-3-hover.svg") no-repeat scroll top center / 100%;}
      .scene .fr .list ul li:nth-child(4) a:hover .iconfont { background:url("images/scene-icon-4-hover.svg") no-repeat scroll top center / 100%;}
  /**/
  .scene .fr .list ul li a.sel {background:rgba(44,68,140,1);}
  .scene .fr .list ul li a.sel .iconfont { margin-top:20px; color:rgba(255,255,255,1); font-size:48px;}
  .scene .fr .list ul li a.sel .vline { height:10px; background:rgba(255,255,255,0.5);}
  .scene .fr .list ul li a.sel .text h2 {color:rgba(255,255,255,1);}
  .scene .fr .list ul li a.sel .text span {color:rgba(255,255,255,0); height:0;}
      /* 当前状态图标 */
      .scene .fr .list ul li:nth-child(1) a.sel .iconfont { background:url("images/scene-icon-1-hover.svg") no-repeat scroll top center / 100%;}
      .scene .fr .list ul li:nth-child(2) a.sel .iconfont { background:url("images/scene-icon-2-hover.svg") no-repeat scroll top center / 100%;}
      .scene .fr .list ul li:nth-child(3) a.sel .iconfont { background:url("images/scene-icon-3-hover.svg") no-repeat scroll top center / 100%;}
      .scene .fr .list ul li:nth-child(4) a.sel .iconfont { background:url("images/scene-icon-4-hover.svg") no-repeat scroll top center / 100%;}


/***** 资质 *****/
#aptitude{display:none; margin-bottom:0; padding:6em 0; position:relative; background:rgba(0, 0, 0, 0) url("images/aptitude.jpg") no-repeat fixed top center / cover;}
#aptitude::before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(44,68,140,0.95);}
#aptitude .row {position:relative;}
#aptitude .fl {width:25%;}
#aptitude .fr {width:70%;}
#aptitude h3 {margin:0 auto 50px; font-size:2.4em; color:#ffffff; text-align:left;}
#aptitude .intro {margin-bottom:60px; text-align:center; color:#ffffff; text-align:left;}
#aptitude .logo-white {}
#aptitude .logo-white img {width:50%;}
#aptitude .container {position:relative; text-align:center; overflow:hidden;}
#aptitude .li{ float:left; width:33.333333%; padding-right:20px;}
#aptitude .li .inner_li{ padding:30px; border:2px solid rgba(255, 255, 255, 0.25); -moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */-o-transition:all 0.3s ease-out 0s; /* Opera */}
#aptitude .li .inner_li .icon {width:72px; height:auto; margin:30px auto 30px; border-radius:50%; background-color:none; -moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */-o-transition:all 0.3s ease-out 0s; /* Opera */}
#aptitude .li .inner_li .icon img {background:none;}
#aptitude .li .inner_li .info { padding:0; border:none;-moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */-o-transition:all 0.3s ease-out 0s; /* Opera */}
#aptitude .li .inner_li h5{ margin-bottom:40px; font-size:3em; color:#ffffff; -moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */-o-transition:all 0.3s ease-out 0s; /* Opera */}
#aptitude .li .inner_li h5 em {font-style:normal; color:#ffffff;}
#aptitude .li .inner_li span{ display:block; padding:20px 0 0; border-top:1px solid rgba(255, 255, 255, 0.1);  font-size:14px; color:#ffffff;-moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */-o-transition:all 0.3s ease-out 0s; /* Opera */}
#aptitude .li .inner_li span em {font-style:normal; color:#ffffff; padding-left:5px; opacity:0.5;}
#aptitude .li .inner_li .summary { margin-top:20px; color:#757575;}
  /**/
  #aptitude .li:hover {}
  #aptitude .li:hover .inner_li {border:2px solid rgba(255, 255, 255, 0.9);}
  #aptitude .li:hover .inner_li .icon {transform:scale(1.2,1.2);}
  #aptitude .li:hover .inner_li h5 {}


/***** 动态、新闻 *****/
.news {padding:60px 0;}
.news .page-title {margin-bottom:20px;}
.news .page-title h3 {font-size:22px;}
.news .page-title a {color:#666666;}
.news .page-title a:hover {opacity:0.5;}
.news .fl {width:50%;}
.news .fl .page-title a {right:20px;}
.news .fl a {position:relative; display:block; overflow:hidden;}
.news .fl a span {display:block; width:60px; height:40px; line-height:40px; color:#ffffff; text-align:center; position:absolute; left:30px; bottom:30px; margin:0; background:rgba(44,68,140,1); z-index:1; -webkit-transition:all 0.2s; transition:all 0.2s; -moz-transition:all 0.2s;}
.news .fl img {display:block; width:100%; overflow:hidden; transition:all 0.3s ease-out 0s;}
.news .fr {width:50%; padding-left:20px;}
/*hover*/
.news .fl a:hover {}
.news .fl a:hover img {transform:scale(1.2,1.2); opacity:0.9;}
.news .fl a:hover span { color:rgba(44,68,140,1); background:rgba(255,255,255,1);}
/**/
.news_list {}
.news_list ul {}
.news_list ul li {margin:0 0 20px 0;}
.news_list ul li a {display:block; overflow:hidden;}
.news_list ul li a .fl {width:50%; overflow:hidden;}
.news_list ul li a .fl img {transition:all 0.3s ease-out 0s;}
.news_list ul li a .fr {width:50%; padding:0; overflow:hidden;}
.news_list ul li a .fr .text {margin-left:20px;}
.news_list ul li a .fr h2 {font-size:14px;}
.news_list ul li a .fr span {font-size:12px; color:#cccccc;}
.news_list ul li a .fr .move_line { width:100%; height:1px; position:relative; margin:12px 0 12px;}
.news_list ul li a .fr .move_line .ml_d { position:absolute; left:0; top:0; width:100%; height:1px; background:#000000; opacity:0.05;}/*默认线条*/
.news_list ul li a .fr .move_line .ml_c { position:absolute; left:0; top:0; width:0; height:1px; background:#000000; opacity:0.3; transition:all 0.3s ease-out 0s;}/*移动线条*/
.news_list ul li a .fr p { height:80px; font-size:12px; color:#8d8d8d;}
/*hover*/
.news_list ul li a:hover {}
.news_list ul li a:hover img { transform:scale(1.2,1.2); opacity:0.9;}
.news_list ul li a:hover .fr .move_line .ml_c { width:100%;}
/* 视频 */
.player { display:none; position:fixed; border-radius:2px; z-index:999999; left:0; top:50%; width:100%; height:100%; background:#000000; overflow:hidden;}
.player .inner_player { width:100%; height:100%; overflow:hidden;}
.player .close { position:absolute; right:10px; top:10px; display:block; width:40px; height:40px; line-height:40px; color:rgba(255,255,255,1); text-align:center; font-size:30px; cursor:pointer; background-color:rgba(0, 0, 0, 0.4);}
.player .close:hover {opacity:0.5;}
.player video {width:100%; height:100%;}
.player_bg { display:none; position:fixed; left:0; top:0; z-index:999997; background:#000000; opacity:0.8; width:100%; height:100%;}
.player iframe {width:100%; height:100%;}


/***** 合作客户 *****/
.clients { display:none; padding-bottom:80px;}
.clients .carousel { height:auto;}
.clients .carousel .carousel-cell {width:20%; height:auto; transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */
-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */
-o-transition:all 0.3s ease-out 0s; /* Opera */
}
.clients .carousel .carousel-cell div { margin:0 10px; border:1px solid rgba(0,0,0,0.05);-moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */-o-transition:all 0.3s ease-out 0s; /* Opera */}
.clients .carousel .flickity-prev-next-button {}
.clients .carousel .flickity-prev-next-button:hover {background:none;}
.clients .carousel .flickity-prev-next-button.previous { left:10px;}
.clients .carousel .flickity-prev-next-button.next {right:10px;}
.clients .carousel .flickity-prev-next-button .arrow {fill:rgba(0,0,0,0.5);}
.clients .carousel .flickity-viewport {}

.clients .carousel .carousel-cell div:hover { border:1px solid rgba(0,0,0,0.1); /*box-shadow:0 30px 40px 0 rgba(0,0,0,0.05);*/}




/***** 版权 *****/
.copyright {background:rgba(44,68,140,1);}
.copyright .inner-copyright {padding:60px 0 20px;}
/**/
.copyright .fl {width:50%;}
.copyright .fl p {color:#ffffff; font-size:12px;}
.copyright .fl .subsidiary {display:block; float:left; margin:40px 10px 0 0; width:80px; height:auto; opacity:0.5; transition:all 0.3s ease-out 0s;}
.copyright .fl .subsidiary:hover {opacity:1;}
.copyright .fl .socials {}
.copyright .fl .socials .socials_item {}
.copyright .fl .socials .weixin {}
.copyright .fl .socials .qq {}
.copyright .fl .socials .socials_item a {}
/**/
.copyright .fr {width:20%;}
.copyright .fr .fl {width:50%;}
.copyright .fr .fl .cate {}
.copyright .fr .fl .cate h4 {color:#ffffff; font-size:12px; opacity:0.5;}
.copyright .fr .fl ul {}
.copyright .fr .fl ul li {margin:0 0 10px 0;}
.copyright .fr .fl ul li a {color:#ffffff; font-size:12px;}
.copyright .fr .fl ul li a:hover {opacity:0.5;}
.copyright .fr .fr {display:none; width:30%;}
.copyright .fr .fr h4 {color:#ffffff; font-size:12px; opacity:0.5;}
.copyright .fr .fr p {margin:4px 0 10px; font-size:18px; color:#ffffff; line-height:1; overflow-wrap:break-word;}
.copyright .fr .fr p a {color:#ffffff;}
.copyright .fr .fr p a:hover {text-decoration:underline;}
.copyright .fr .fr ul {}
.copyright .fr .fr ul li { float:right; width:100%; text-align:center;}
.copyright .fr .fr ul li img {display:block; width:100%; overflow:hidden;}
.copyright .fr .fr ul li p { margin-top:8px; font-size:12px; opacity:0.3; text-align:center;}
.copyright .beian {margin-top:30px;}
.copyright .beian p { padding-top:20px; color:#ffffff; font-size:12px; border-top:1px solid rgba(255,255,255,0.05);}
.copyright .beian p span {opacity:0.5;}
.copyright .beian a.link { padding:0 2px; color:#ffffff; font-size:12px; opacity:0.5;}
.copyright .beian a.zzlz {display:inline-block; width:16px; height:16px; margin-top:-2px; vertical-align:middle; background:url("images/zzlz.png"); background-size:100%; background-position:center center; background-repeat:no-repeat;}
.copyright .beian a.vokodesign {position:relative; padding:0 2px 0 8px; color:#ffffff; font-size:12px; text-decoration:underline; opacity:0.5;}
.copyright .beian a.vokodesign:hover {opacity:1;} {opacity:1;}
.copyright .beian a.vokodesign:before {content:""; position:absolute; left:0; top:0; bottom:0; margin:auto; width:1px; height:11px; background:#FFFFFF; opacity:0.2;}




/****************************************/
/**************    内页    **************/
/***************************************/

/***** 通用模板内容块:左右两栏; *****/
.temp_banner { width:100%; height:300px; background:rgba(44,68,140,1) url("images/temp_banner_1.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}
.temp_banner .inner_section { background-size:700px auto; background-position:1000px -150px;}
.temp_banner .page-title {margin:0;}
.temp_banner .page-title h3 {font-size:28px; color:#ffffff; text-align:left;}
.temp_banner .page-title p {color:#ffffff;}
/**/
.temp_main {padding:60px 0;}
.temp_main .sidebar {width:20%;}
.temp_main .sidebar ul { margin-bottom:40px; border:1px solid rgba(0,0,0,0.05); box-shadow:8px 8px 0 0 rgba(0, 0, 0, 0.03);}
.temp_main .sidebar ul li {}
.temp_main .sidebar ul li a {display:block; width:100%; height:60px; line-height:60px; text-indent:24px; color:#1e1e1e; font-size:14px; border-bottom:1px solid rgba(0,0,0,0.05);}
.temp_main .sidebar ul li.current a {color:#ffffff; background:rgba(44,68,140,1);}
.temp_main .sidebar ul li a:hover { color:#ffffff; background:rgba(44,68,140,1);}
.temp_main .sidebar ul.hot-line {display:none;}
.temp_main .sidebar ul.hot-line li { padding:20px; height:80px; position:relative; border:none;}
.temp_main .sidebar ul.hot-line li .fl {}
.temp_main .sidebar ul.hot-line li .fl img {position:absolute; left:15px; bottom:0; width:85px; height:auto;}
.temp_main .sidebar ul.hot-line li .fr {}
.temp_main .sidebar ul.hot-line li .fr p { margin-bottom:4px; line-height:1; font-size:14px; color:rgba(0,0,0,0.3);}
.temp_main .sidebar ul.hot-line li .fr h2 {margin-bottom:4px; line-height:1; font-size:18px; font-weight:bold; color:rgba(44,68,140,1);}
/**/
.temp_main .temp_content {width:76%;}
.temp_main .temp_content .inner_temp_content {margin-bottom:20px; color:#333333; font-size:14px; line-height:1.8; overflow-wrap:break-word;}
.temp_main .temp_content .inner_temp_content h1 , .temp_main .temp_content .inner_temp_content h2 , .temp_main .temp_content .inner_temp_content h3 , .temp_main .temp_content .inner_temp_content h4 , .temp_main .temp_content .inner_temp_content h5 , .temp_main .temp_content .inner_temp_content h6 {}
.temp_main .temp_content p {}
.temp_main .temp_content img {width:100%;}

/***** 通用模板内容块:通栏; *****/
.c1 {padding:0;}
.tab {padding:0 0 40px;}
.tab ul {}
.tab ul li {float:left; margin-right:40px;}
.tab ul li a {opacity:0.5;}
.tab ul li a.sel {opacity:1;}
.c1 .temp_content { margin-bottom:40px; width:100%;}

/***** 走进天山 *****/
#about {}
#about .development_history {margin:40px 0;}
#about .development_history .timeline {float:left; width:45%;}
#about .development_history .timeline h4 {font-size:14px; margin-bottom:20px; font-weight:bold;}
#about .development_history .timeline ul { padding-bottom:40px; border-left:1px solid #ECEEF5;}
#about .development_history .timeline ul li {float:left; width:100%; margin:60px 0 0;}
#about .development_history .timeline ul li .fl {width:10%;}
#about .development_history .timeline ul li .fl img {}
#about .development_history .timeline ul li .fr {width:88%;}
#about .development_history .timeline ul li .fr .inner {padding-left:10px;}
#about .development_history .timeline ul li .fr h3 {font-size:16px; line-height:1; margin-bottom:10px;}
#about .development_history .timeline ul li .fr p {font-size:14px; line-height:1.4; color:#8d8d8d;}
#about .honor {float:right; width:50%;}
#about .honor h4 {font-size:14px; margin:0 0 10px 0; font-weight:bold;}
#about .honor h4 span {float:left;}
#about .honor h4 a { float:right; font-size:12px; font-weight:normal;}
#about .honor h4 a i {text-indent:-4px; color:rgba(0,0,0,0.2); top:4px;}
#about .honor h4 a:hover {opacity:0.5;}
#about .honor ul {margin-bottom:40px; border:1px solid rgba(0,0,0,0.05); border-bottom:none; border-right:none;}
#about .honor ul li {float:left; width:50%;}
#about .honor ul li .inner {padding:20px; border:1px solid rgba(0,0,0,0.05); border-top:none; border-left:none;}
#about .honor ul li img {}
#about .honor .videos {}
#about .honor .videos h6 {font-size:12px; margin:0 0 5px 5px;}

/*视频列表*/
.videos ul {margin-bottom:10px; border:1px solid rgba(0,0,0,0.05); border-bottom:none; border-right:none;}
.videos ul li {float:left; width:33.333333%;}
.videos ul li .inner {border:1px solid rgba(0,0,0,0.05); border-top:none; border-left:none; padding:30px;}
.videos ul li .inner a { display:block; overflow:hidden;}
.videos ul li .inner a .cover {position:relative; overflow:hidden;}
.videos ul li .inner a .play {position:absolute; left:20px; bottom:20px; z-index:1; color:rgba(255,255,255,1); text-indent:2px; width:40px; height:30px; line-height:30px; text-align:center; background:#333;}
.videos ul li img {
transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */
-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */
-o-transition:all 0.3s ease-out 0s; /* Opera */
}
.videos ul li .inner a:hover img {transform:scale(1.2,1.2);}
.videos ul li .inner a h2 { margin-top:10px; font-size:14px; color:#4d4d4d;}
.videos ul li .inner a p {font-size:12px; color:#8d8d8d;}

#about .news_list ul li a {margin:0;}
#about .news_list ul li a .fl {width:40%;}
#about .news_list ul li a .fr {width:60%;}
/*公司荣誉*/
#honor .temp_main .temp_content {}
#honor .development_history {margin:0;}
#honor .honor {width:100%;}
#honor .honor ul {border:1px solid rgba(0,0,0,0.05); border-bottom:none; border-right:none;}
#honor .honor ul li {float:left; width:25%;}
#honor ul li .inner {padding:30px; border:1px solid rgba(0,0,0,0.05); border-top:none; border-left:none;}
#honor ul li img {}
/*协同品牌*/
#clients .temp_main .temp_content {width:100%;}
#clients .development_history {margin:0;}
#clients .honor {width:100%;}
#clients .clients ul {margin-bottom:10px; border:none;}
#clients .clients ul li {float:left; width:20%;}
#clients .clients ul li .inner {border:1px solid rgba(0,0,0,0.05); margin:5px;}
#clients .clients ul li img {}
/*工厂环境*/
.pic-list {}
.pic-list ul {border:1px solid rgba(0, 0, 0, 0.05); border-right:none; border-bottom:none;}
.pic-list ul li { float:left; width:33.333333%;}
.pic-list ul li .inner { padding:30px; border:1px solid rgba(0, 0, 0, 0.05); border-top:none; border-left:none;}
.pic-list ul li a {}
.pic-list ul li a img {}
.pic-list ul li a h2 { margin-top:10px; font-size:14px; color:#4d4d4d;}
.pic-list ul li a p {font-size:12px; color:#8d8d8d;}

/***** 新闻动态 *****/
#news .temp_banner {background:rgb(44, 68, 140) url("images/temp_banner_2.jpg") no-repeat scroll center top / cover;}
#news .news_list {}
#news .news_list ul {}
#news .news_list ul li {}
#news .news_list ul li a {margin:0;}
#news .news_list ul li a .fl {width:30%;}
#news .news_list ul li a .fl img {}
#news .news_list ul li a .fr {width:70%;}
#news .news_list ul li a .fr .text {}
#news .news_list ul li a .fr h2 {}
#news .news_list ul li a .fr span {}
#news .news_list ul li a .fr p {}

/***** 新闻动态_详情 *****/
#news_detail .temp_banner {background:rgb(44, 68, 140) url("images/temp_banner_2.jpg") no-repeat scroll center top / cover;}
.news_detail_box {padding:60px 0;}
.news_detail_box .title {margin-bottom:20px;}
.news_detail_box .title h1 {text-align:center; font-size:22px;}
.news_detail_box .title p {text-align:center;}
.news_detail_box .title span {font-size:12px; color:#8d8d8d;}
.news_detail_box .content {padding:0 10em; line-height:1.8;}
.news_detail_box .content p { margin-bottom:20px; font-size:14px; color:#333333;}


/***** 产品技术 *****/
#products {}
#products .temp_banner { background:rgba(44,68,140,1) url("images/temp_banner_3.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}
#products .products-list {}
#products .products-list ul { border:1px solid rgba(0,0,0,0.05); border-right:none; border-bottom:none;}
#products .products-list ul li {float:left; width:25%; border:1px solid rgba(0,0,0,0.05); border-left:none; border-top:none;}
#products .products-list ul li a {display:block; padding:20%;}
#products .products-list ul li a img {transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
#products .products-list ul li a p {text-align:center; margin-top:10px;}
    /**/
    #products .products-list ul li a:hover {box-shadow:0 0 0 20px rgba(0,0,0,0.025) inset;}
    #products .products-list ul li a:hover img {transform:scale(1.1,1.1);}


/***** 营销网络 *****/
#marketing {}
#marketing .temp_banner { background:rgba(44,68,140,1) url("images/temp_banner_4.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}
#marketing .marketing-box {}
#marketing .marketing-box img {width:80%; margin:auto;}
#marketing table {border-collapse:separate; border-spacing:2px; width:80%; margin:auto;}
#marketing table tr {}
#marketing table td {padding:20px; background:#f2f2f2;}


/***** 人才招聘 *****/
#join {}
#join .temp_banner { background:rgba(44,68,140,1) url("images/temp_banner_5.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}
/**/
.job-list {}
.job-list ul {}
.job-list ul li {float:left; width:100%;}
.job-list ul li h1 {font-size:16px; position:relative; margin-bottom:14px; padding:14px 20px; cursor:pointer; background:rgba(255,255,255,1); border:1px solid rgba(0, 0, 0, 0.05); box-shadow:8px 8px 0 0 rgba(0, 0, 0, 0.03);
transition: all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */
-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */
-o-transition:all 0.3s ease-out 0s; /* Opera */
}
.job-list ul li h1 .arrow {display:block; position:absolute; right:20px; top:50%; margin-top:-10px; width:20px; height:20px; line-height:20px; font-size:20px; color:#b2b2b2; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.job-list ul li h1 .arrow-rotate {
transform:rotate(180deg);
-ms-transform:rotate(180deg);   /* IE 9 */
-moz-transform:rotate(180deg);  /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);  /* Opera */
}
.job-list ul li h4 {margin-bottom:10px; font-weight:bold; font-size:14px; color:rgba(0,0,0,0.8); }
.job-list ul li p { margin-bottom:20px; color:rgba(0,0,0,0.5); font-size:14px;}
.job-list ul li a.btn {display:none; padding:14px 30px; width:25%; font-size:14px; color:#ffffff; border:1px solid rgba(44,68,140,1); background:rgba(44,68,140,1);}
.job-list ul li .inner { display:none; width:100%!important; overflow:hidden;}
.job-list ul li .inner .i-inner {padding:20px 24px 40px;}
/**/
.job-list ul li:hover {}
.job-list ul li:hover h1 { color:#ffffff; background:rgba(44,68,140,1);}


/***** 联系我们 *****/
#contact {}
#contact .temp_banner { background:rgba(44,68,140,1) url("images/temp_banner_6.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}


/***** 投诉建议 *****/
#suggest {}
#suggest .temp_banner { background:rgba(44,68,140,1) url("images/temp_banner_7.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}


/***** 网站地图 *****/
#sitemap .temp_banner { background:rgba(44,68,140,1) url("images/temp_banner_8.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}
.contact_box {}
.contact_box .t {padding-bottom:40px; border-bottom:1px solid #f2f2f2;}
.contact_box .fl {width:50%; padding-right:5%;}
.contact_box .fr { width:50%;}
.contact_box h1 {font-size:18px; color:rgba(44,68,140,1);}
.contact_box p {font-size:14px;}
.contact_box ul {margin:40px 0; overflow:hidden;}
.contact_box ul li { float:left; width:50%; margin:0 0 30px 0; overflow:hidden;}
.contact_box ul li h4 { margin-bottom:10px; font-size:14px; font-weight:bold;}
.contact_box ul li p {font-size:14px;}
.contact_box ul li p em {font-style:normal;}


/***** 网站地图 *****/
#sitemap {}
.site-map-list {float:left; width:100%;}
.site-map-list .con {border-bottom:1px solid #f8f8f8;}
.site-map-list .con:nth-child(odd) {background:#f8f8f8;}
.site-map-list .con .hd {float:left; width:15%; padding:30px; border-right:1px solid #f2f2f2; text-align:center;}
.site-map-list .con .hd a { color:#4d4d4d;}
.site-map-list .con .hd a:hover {color:#8d8d8d;}
.site-map-list .con .bd {float:left; width:75%; padding:30px;}
.site-map-list .con .bd ul {}
.site-map-list .con .bd ul li {float:left; padding-right:30px;}
.site-map-list .con .bd ul li a {color:#8d8d8d;}
.site-map-list .con .bd ul li a:hover {color:#4d4d4d;}