/*
======================================================================
*	frdscm            	http://www.frdscm.com/
*	Documents:			    all.css
*	Author:				      www.vokodesign.com
*	Creation Date:		  2016-12-30
======================================================================
*/




/****************************************/
/***********    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; -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 { font-weight:normal; 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 {-webkit-font-smoothing: antialiased; width:100%; font-size:14px; font-family:"Microsoft YaHei",Arial,Verdana,sans-serif; background:#ffffff;}
/* IE */
html {overflow:scroll; overflow-x:hidden; background:#ffffff;}
/*Firefox*/
@-moz-document url-prefix(){html {}}

/***** 字体图标 *****/
/*PC导航向下箭头*/
@font-face {
  font-family:'arrow';
  src:url('images/fonts/arrow/arrow.eot');
  src:url('images/fonts/arrow/arrow.eot#iefix') format('embedded-opentype'),
      url('images/fonts/arrow/arrow.ttf') format('truetype'),
      url('images/fonts/arrow/arrow.woff') format('woff'),
      url('images/fonts/arrow/arrow.svg#icomoon') format('svg');
  font-weight:normal;
  font-style:normal;
}

/*移动端导航加号*/
@font-face {
  font-family:'add';
  src:url('images/fonts/add/add.eot');
  src:url('images/fonts/add/add.eot#iefix') format('embedded-opentype'),
      url('images/fonts/add/add.ttf') format('truetype'),
      url('images/fonts/add/add.woff') format('woff'),
      url('images/fonts/add/add.svg#icomoon') format('svg');
  font-weight:normal;
  font-style:normal;
}

/*视频播放*/
@font-face {
  font-family:'play';
  src:url('images/fonts/play/play.eot');
  src:url('images/fonts/play/play.eot#iefix') format('embedded-opentype'),
      url('images/fonts/play/play.ttf') format('truetype'),
      url('images/fonts/play/play.woff') format('woff'),
      url('images/fonts/play/play.svg#icomoon') format('svg');
  font-weight:normal;
  font-style:normal;
}

/*按钮右边箭头*/
@font-face {
  font-family:'next';
  src:url('images/fonts/next/next.eot');
  src:url('images/fonts/next/next.eot#iefix') format('embedded-opentype'),
      url('images/fonts/next/next.ttf') format('truetype'),
      url('images/fonts/next/next.woff') format('woff'),
      url('images/fonts/next/next.svg#icomoon') format('svg');
  font-weight:normal;
  font-style:normal;
}




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

/*分栏*/
.row {margin:0 auto; padding:0 20px; max-width:1280px; width:100%;}
.row_pr0 {padding-right:0;}
.page-spiel {margin-bottom:40px; text-align:center;}
/*白色文字*/
.text-white{ color:#fff;}
.pad-top{ padding-top:60px; }
/*模块标题(默认)*/
.page-title{ position:relative; margin-bottom:20px;}
.page-title h3{ font-size:22px; color:#333333;}
.page-title p{ font-size:12px; color:#333333; opacity:0.3; text-transform:uppercase;}
.page-title a {position:absolute; right:0; top:0;}
.page-title a i {color:rgba(0,0,0,0.2); text-indent:0;}
.page-title a:hover {color:rgba(198,0,11,1);}
/*模块标题(EN)*/
.page-title-en {}
.page-title-en p{ letter-spacing:6px;}
/*** 元素 ***/
.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:70px; padding-bottom:70px;}
.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(198,0,11,1); color:#ffffff; background:rgba(198,0,11,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:3px;/*position、top为解决图标偏高*/ display:inline-block; color:rgba(255,255,255,0); font-size:20px; text-indent:-20px; line-height:1; font-style:normal; font-family:'next'!important;   /* Better Font Rendering =========== */-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transition:all 0.3s ease-out 0s;}
i::before {content:"\e900";}

/* 按钮:常规按钮 */
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(198,0,11,1);}
a.more_transparent:hover i {text-indent:2px; color:rgba(198,0,11,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(0,0,0,0); background:rgba(198,0,11,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;}

/* 返回顶部 */
.rTop {display:none; width:40px; height:40px; position:fixed; right:20px; bottom:20px; opacity:0.5; background:rgba(0,0,0,0.9) url("images/rTop_arrow.svg"); background-repeat:no-repeat; background-position:center; background-size:16px auto;}
.rTop:hover {opacity:1;}




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

/***** 导航 *****/
.navigation{ position:fixed; left:0; top:0; z-index:999999; width:100%;}
.navigation .nav_top { display:none; text-align:right;}
.navigation .nav_top a {display:inline-block; padding:10px 0 10px 0; color:#ffffff; font-size:12px;}
.navigation .nav_top span {padding:0 20px; color:#ffffff;}
.navigation .row {}
.navigation .inner_navigation {background:rgba(255,255,255,0.90);}
.navigation .logo { float:left; display:block; margin:20px 0 0 20px; width:130px; height:56px; background:rgba(0, 0, 0, 0) url("images/logo.png") no-repeat left center / 130px auto;}
.navigation .logo img {display:block; width:100%;}
.menu{ list-style:none; text-align:right; float:right; width:84%;}
.menu ul {}
.menu li{ float:left; width:12.5%; 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:16px; line-height:1; font-style:normal; font-family:'arrow'!important;   /* Better Font Rendering =========== */-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transition:all 0.3s ease-out 0s;}
.menu li .arrow::before {content:"\e900";}
.menu li:hover {background:rgba(198,0,11,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; border-left:1px solid rgba(0,0,0,0.03); 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(198,0,11,1); box-shadow:0 3px 0 0 rgba(245, 245, 245, 1);}

/* 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(198,0,11,1);}
.nav_submenu li:hover {background:rgba(179,179,179,1);}
.nav_submenu li a {color:#ffffff; border:none; height:50px; line-height:50px;}
/*侧栏*/
.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%; border-left:1px solid #ffffff; padding-left:20px; color:#ffffff; width:100%; opacity:0; }
.carousel .carousel-cell .text h1 { margin-bottom:10px; font-size:48px; line-height:1.2; text-shadow:0 0 5px rgba(0,0,0,0.2);}
.carousel .carousel-cell .text p {margin:0; font-size:22px; 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.1;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition-duration:1s;transition-duration:1s;}
.carousel .carousel-cell.is-selected .text { opacity:1; margin-left:0!important;/*默认文字区域偏移量，实现文字动画效果*/ -webkit-transition-delay:1s;transition-delay:1s;-webkit-transition-duration:1s;transition-duration:1s;}


/***** 供应链客户平台 *****/
.login { width:100%; position:absolute; left:0; top:378px;}
.login h3 {font-size:16px; margin-bottom:16px; color:#666666; line-height:1;}
.login .form {max-width:1280px; margin:auto; padding:0 20px;}
.login .form .form_list { padding:16px 20px 24px; width:25%; background:rgba(255,255,255,1);}
.login .form .c3 .ic {width:100%;}
.login .form .c3 .ic .icc {margin:0;}
.login .form input { margin-bottom:16px; padding:10px;}
.login .form .btn {width:100%; margin:0; padding:0; font-size:16px; height:40px;}


/***** 公告 *****/
.note {}
.note .inner_note {border-bottom:1px solid #f2f2f2;}
.note .title { float:left; margin:0 0 30px; padding:0 20px 0 0; width:10%; font-size:18px; color:rgba(198,0,11,1);word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
.note .title a {color:rgba(198,0,11,1);}
.note .line { margin-top:30px; height:30px; border-left:1px solid #f2f2f2; overflow:hidden;}
.note ul {float:right; width:100%;}
.note ul li {float:left; width:33.333333%;}
.note ul li a {display:block; padding:0 10px; text-align:center; height:30px; line-height:30px; color:#8d8d8d; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
.note ul li a:hover {color:rgba(198,0,11,1);}
.note ul li a::before {background-color:#9a9a9a; border-radius:100%; content: ""; display:inline-block; width:3px; height:3px; margin:-3px 10px 0 0; vertical-align:middle;}


/***** 关于 *****/
.about {padding:50px 0;}
.about .row {position:relative;}
.about .v_line { position:absolute; right:149px; top:-50px; width:1px; height:90px; background:rgba(0,0,0,0.05);}
.about .fl {width:50%; background:#f2f2f2;}
.about .fl a {position:relative; display:block; overflow:hidden;} 
.about .fl a span {display:block; width:60px; height:40px; line-height:40px; text-align:center; position:absolute; left:50%; top:50%; color:rgba(0,0,0,0.8); border-radius:60px; background:rgba(255,255,255,1); z-index:1; margin-left:-30px; margin-top:-30px;  font-style:normal; font-family:'play'!important;  /* Better Font Rendering =========== */-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-transition:all 0.2s; transition:all 0.2s; -moz-transition:all 0.2s; left:20px!important; bottom:20px!important; top:auto!important; margin:0;}
.about .fl a span::before {content:"\e903"; display:block; font-size:30px; line-height:40px; text-indent:5px;}
.about .fl a img {display:block; width:100%; overflow:hidden; transition:all 0.3s ease-out 0s;}
.about .fr {width:46%; position:relative;}
.about .fr .page-title {}
.about .fr .intro {margin:60px 0 0; height:158px; overflow:hidden;}
.about .fr a.more {position:absolute; left:0; bottom:0;}
/* hover */
.about .fl a:hover img {transform:scale(1.2,1.2); opacity:1;}
.about .fl a:hover span {background:rgba(0,0,0,0.5);}
.about .fl a:hover span::before {color:#ffffff;}
/* 视频 */
.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; z-index:999999; right:10px; top:10px; display:block; width:40px; height:40px; cursor:pointer; background:url("images/close.svg"); background-size:30px 30px; background-repeat:no-repeat; background-position:center center; 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%;}


/***** 解决方案 *****/
.solution { padding:10px 0 30px; /* background:#f8f8f8; */}
.solution .inner_section {}
.solution ul {}
.solution ul li { float:left; width:25%;}
.solution ul li a {display:block; margin-right:20px; padding-bottom:20px;}
.solution ul li a .work_img { background:#1e1e1e; overflow:hidden;}
.solution ul li a .work_img img {display:block; width:100%; transition:all 0.3s ease-out 0s;}
.solution ul li a .work_info {padding:20px 0; background:#ffffff;}
.solution ul li a .work_info h4 { position:relative; margin-bottom:6px; font-size:16px; color:#333333;}
.solution ul li a .work_info h4 i {display:block; width:1px; height:18px; position:absolute; right:40px; top:0; background:#000000; opacity:0; transition:all 0.3s ease-out 0s;}
.solution ul li a .work_info h4 span { position:absolute; right:0; bottom:-40px; display:inline-block; font-size:20px; line-height:1; font-style:normal; font-family:'next'!important; /* Better Font Rendering =========== */-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transition:all 0.3s ease-out 0s;}
.solution ul li a .work_info h4 span::before {content:"\e900"; color:rgba(0,0,0,0);transition:all 0.3s ease-out 0s;}
.solution ul li a .work_info .move_line { float:left; width:100%; height:1px; position:relative; margin:8px 0 12px;}
.solution ul li a .work_info .move_line .ml_d { position:absolute; left:0; top:0; width:100%; height:1px; background:#000000; opacity:0.05;}/*默认线条*/
.solution ul li a .work_info .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;}/*移动线条*/
.solution ul li a .work_info p { margin:0; font-size:12px; line-height:1.6; color:#000000; text-transform:uppercase; opacity:0.3; transition:all 0.3s ease-out 0s;}
/*hover*/
.solution ul li:hover {}
.solution ul li:hover a .work_img img {transform:scale(1.2,1.2); opacity:0.9;}
.solution ul li:hover a .work_info h4 {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.solution ul li:hover a .work_info .move_line .ml_c {width:100%;}
.solution ul li:hover a .work_info p {opacity:0.5;}
.solution ul li:hover a .work_info h4 i {opacity:0.05;}
.solution ul li:hover a .work_info h4 span {bottom:0;}
.solution ul li:hover a .work_info h4 span::before { color:rgba(0,0,0,0.1);}


/***** 通栏背景 *****/
.divider { position:relative; background:url("images/divider.jpg"); background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed;	}
.divider .row {position:relative;}
.divider::before { content: ""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,1); opacity:0.5;}
.divider .fl {}
.divider .fl p { margin:0; color:#ffffff; font-size:32px;}
.divider .fr {}
.divider .fr a {margin-top:7px;}


/***** 动态、新闻 *****/
.news .page-title a {color:#666666;}
.news .page-title a:hover {opacity:0.5;}
.news {padding:50px 0;}
.news .fl {width:50%;}
.news .fl .page-title a {right:20px;}
.news .fl img {display:block; width:100%; overflow:hidden; transition:all 0.3s ease-out 0s;}
.news .fr {width:50%;}
/*hover*/
.news .fl a:hover {}
.news .fl a:hover img {transform:scale(1.2,1.2); opacity:0.9;}
/**/
.news_list {}
.news_list ul {}
.news_list ul li {margin-bottom:19px;}
.news_list ul li a {display:block; margin-right:20px; 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%; 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%;}


/***** 招标项目 *****/
.projects .page-title a {color:#666666;}
.projects .page-title a:hover {opacity:0.5;}
.projects {padding:0 0 80px;}
.projects .projects_list {}
.projects .projects_list ul {overflow:hidden;}
.projects .projects_list ul li {float:left; width:33.333333%;}
.projects .projects_list ul li a { padding:6px 30px 6px 0; display:block; font-size:12px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
.projects .projects_list ul li a:hover {color:rgba(198,0,11,1);}
/* .projects .projects_list ul li a::before {background-color:#9a9a9a; border-radius:100%; content: ""; display:inline-block; width:3px; height:3px; margin:-3px 10px 0 0; vertical-align:middle;} */


/***** 版权 *****/
.copyright {padding:50px 0 20px; background:rgba(196,8,25,1) url("images/map.png"); background-size:400px auto; background-position:center; background-repeat:no-repeat;}
/**/
.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:40%;}
.copyright .fr .fl {}
.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:1;}
.copyright .fr .fr {width:50%;}
.copyright .fr .fr h4 {color:#ffffff; font-size:12px; opacity:0.5;}
.copyright .fr .fr p {margin:4px 0 10px; font-size:16px; color:#ffffff; line-height:1;}
.copyright .fr .fr p a {color:#ffffff;}
.copyright .fr .fr p a:hover {text-decoration:underline;}
.copyright .fr .fr ul {margin-top:25px;}
.copyright .fr .fr ul li {float:left; width:30%; margin-right:20px; text-align:center;}
.copyright .fr .fr ul li img {display:block; width:100%; overflow:hidden;}
.copyright .fr .fr ul li p {font-size:12px; opacity:0.5;}
.copyright .beian {margin-top:20px;}
.copyright .beian p { padding-top:20px; color:#ffffff; font-size:12px; border-top:1px solid rgba(255,255,255,0.1);}
.copyright .beian p span {opacity:0.5;}
.copyright .beian a.vokodesign { padding:0 0 0 10px; color:#ffffff; font-size:12px; text-decoration:underline; opacity:0.5;}
.copyright .beian a.vokodesign:hover {opacity:1;}




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

/***** 通用模板内容块:左右两栏; *****/
.temp_banner { width:100%; height:300px; background:rgba(198,0,11,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%; box-shadow:0 0 100px rgba(0,0,0,0.1);}
.temp_main .sidebar ul {border:1px solid rgba(0,0,0,0.05);}
.temp_main .sidebar ul li {}
.temp_main .sidebar ul li a {display:block; width:100%; height:50px; line-height:50px; 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(198,0,11,1);}
.temp_main .sidebar ul li a:hover { color:#ffffff; background:rgba(198,0,11,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;}
.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%;}
.contact_box {}
.contact_box ul {}
.contact_box ul li {width:100%; margin:0 0 20px 0; overflow:hidden;}
.contact_box ul li .fl { display:none; width:30%;}
.contact_box ul li .fl img {display:block; width:100%; overflow:hidden;}
.contact_box ul li .fr { float:left; width:100%;}
/***** 通用模板内容块:通栏; *****/
.c1 {padding:0;}
.tab {padding:40px 0 20px;}
.tab ul {}
.tab ul li {float:left; margin-right:20px;}
.tab ul li a {opacity:0.5;}
.tab ul li a.sel {opacity:1;}
.c1 .temp_content { margin-bottom:40px; width:100%;}

/***** 走进FRD *****/
#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 rgba(0,0,0,0.1);}
#about .development_history .timeline ul li {float:left; 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:20px;}
#about .development_history .timeline ul li .fr h3 {font-size:20px; 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 5px; 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:0; color:rgba(0,0,0,0.2); top:4px;}
#about .honor h4 a:hover {opacity:0.5;}
#about .honor ul {margin-bottom:40px;}
#about .honor ul li {float:left; width:50%;}
#about .honor ul li .inner {margin:5px; padding:10px; border:1px solid rgba(0,0,0,0.05);}
#about .honor ul li img {}
#about .honor .clients {}
#about .honor .clients h6 {font-size:12px; margin:0 0 5px 5px;}
#about .honor .clients ul {margin-bottom:10px; border:none;}
#about .honor .clients ul li {float:left; width:33.333333%;}
#about .honor .clients ul li .inner {border:1px solid rgba(0,0,0,0.05); margin:5px;}
#about .honor .clients ul li img {}
#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 {width:100%;}
#honor .development_history {margin:0;}
#honor .honor {width:100%;}
#honor .honor ul {}
#honor .honor ul li {float:left; width:25%;}
#honor ul li .inner {margin:5px; padding:10px; border:1px solid rgba(0,0,0,0.05);}
#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 {}

/***** FRD动态 *****/
#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 {}

/***** FRD动态_详情 *****/
.news_detail_box {}
.news_detail_box .title {margin-bottom:20px;}
.news_detail_box .title h1 {text-align:center;}
.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;}

/***** 招贤纳士 *****/
#recruit {}
#recruit .recruit-list {}
#recruit .recruit-list ul {}
#recruit .recruit-list ul li {float:left; width:50%;}
#recruit .recruit-list ul li a { display:block; margin-right:20px; margin-bottom:40px; padding:20px 0; height:250px; color:#333333; border-top:2px solid rgba(198,0,11,1); overflow:hidden;}
#recruit .recruit-list ul li a h1 {font-size:20px; margin-bottom:20px;}
#recruit .recruit-list ul li a h4 {margin-bottom:10px;}
#recruit .recruit-list ul li a p {margin:10px 0;}
/**/
.recruit-detail {}
.recruit-detail h1 {font-size:22px; margin-bottom:20px;}
.recruit-detail h4 {margin-bottom:10px; font-weight:bold;}
.recruit-detail p {margin:10px 0;}
.recruit-detail a.btn_confirm {width:140px; margin:40px 0 0 0;}

/***** 富润德人 *****/
#frder {}
#frder .temp_main .temp_content {width:80%;}
#frder .frder-list {}
#frder .frder-list ul {}
#frder .frder-list ul li { float:left; width:33.333333%;}
#frder .frder-list ul li .inner {margin:0 0 40px 40px;}
#frder .frder-list ul li img {}
#frder .frder-list ul li h2 { margin:10px 0 0; font-size:14px;}
#frder .frder-list ul li a { display:block; padding:20px; border:1px solid rgba(0,0,0,0.05); border-left-width:2px; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.05); color:rgba(198,0,11,1); overflow:hidden;}
#frder .frder-list ul li a:hover { border-color:rgba(0,0,0,0.1);; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1);}
#frder .frder-list ul li a.download {padding:0; border:none; display:none;}
#frder .frder-list ul li a.download:hover {}
/**/
#frder .frder-list ul li:hover img {}

/***** 投诉建议 *****/
#suggest {}
#suggest .form {}
#suggest .form .c3 .ic {width:33.333333%;}

/***** 经纪人加盟 *****/
.join_box {padding:60px 0;}
.join_box .step {margin-bottom:60px; position:relative; width:100%; height:100px;}
.join_box .step ul {}
.join_box .step ul li {float:left; width:8%; height:72px; position:absolute; top:0;}
.join_box .step ul li:nth-child(1) { left:0; background:url('images/form_step_icon_1.svg'); background-size:100% auto; background-position:center; background-repeat:no-repeat;}
.join_box .step ul li:nth-child(2) { left:30.666666%; background:url('images/form_step_icon_2.svg'); background-size:100% auto; background-position:center; background-repeat:no-repeat;}
.join_box .step ul li:nth-child(3) { left:61.32%; background:url('images/form_step_icon_3.svg'); background-size:100% auto; background-position:center; background-repeat:no-repeat;}
.join_box .step ul li:nth-child(4) { left:92%; background:url('images/form_step_icon_4.svg'); background-size:100% auto; background-position:center; background-repeat:no-repeat;}
.join_box .step ul li p {font-size:12px; margin-top:74px; color:#8d8d8d; text-align:center;}
.join_box .step .line i {display:block; position:absolute; top:36px; width:22.666666%; border-top:1px dashed rgba(0,0,0,0.1);}
.join_box .step .line i:nth-child(1) {left:8%;}
.join_box .step .line i:nth-child(2) {left:38.666666%;}
.join_box .step .line i:nth-child(3) {left:69.32%;}
.join_box p.intro { margin-bottom:160px; color:#ffffff;}
.join_box .form { margin:auto; text-align:left; width:70%;}
#details-error { display:none; background:#F79900; color:#ffffff; margin-bottom:20px; padding:10px 16px; font-size:14px;}
#form-sent {display:none; background:#4EBD4F; color:#ffffff; margin-bottom:20px; padding:10px 16px; font-size:14px;}

/***** 产品与服务 *****/
#products {}
#products .temp_banner { background:rgba(198,0,11,1) url("images/temp_banner_2.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}
#products .products_solu_wrapper {}
#products .products_solu_wrapper h3 {margin-bottom:20px; font-size:24px;}
#products .products_solu_wrapper img {margin-bottom:60px;}
/**/
#products .products_solu_wrapper .radiation {position:relative;}
#products .products_solu_wrapper .radiation a.note {display:block; position:absolute; border-radius:100%;}
#products .products_solu_wrapper .radiation a.note_1 {right:14.86%; top:74.15%; background:rgba(198,0,11,0.1);}
#products .products_solu_wrapper .radiation a.note_2 {right:9.1%; top:55.8%; background:rgba(244,78,68,0.1);}
#products .products_solu_wrapper .radiation a.note_3 {right:16.1%; top:50.9%; background:rgba(88,125,255,0.1);}
#products .products_solu_wrapper .radiation a.note_4 {right:25%; top:59.4%; background:rgba(255,206,34,0.1);}
#products .products_solu_wrapper .radiation a.note_5 {right:17.8%; top:58.1%; background:rgba(180,94,233,0.1);}
#products .products_solu_wrapper .radiation a.note_6 {right:13.65%; top:41.9%; background:rgba(22,198,15,0.1);}
#products .products_solu_wrapper .radiation .tips { display:none; opacity:0; padding:10px 20px; position:absolute; top:20px; z-index:999; background:#ffffff; box-shadow: 10px 10px 5px rgba(0,0,0,0.2);}
#products .products_solu_wrapper .radiation .tips p {line-height:1.4; font-size:12px; margin:5px 0;}
#products .products_solu_wrapper .radiation img {}
/**/
#products .products_solu_wrapper ul.features {margin-bottom:60px; border-bottom:1px solid rgba(45,128,224,0.2);}
#products .products_solu_wrapper ul.features li {float:left; width:20%;}
#products .products_solu_wrapper ul.features li .inner {}
#products .products_solu_wrapper ul.features li img { border-right:1px solid rgba(45,128,224,0.8); margin-bottom:0;}
#products .products_solu_wrapper ul.features li .text { padding:10px 20px; border-left:1px solid rgba(45,128,224,0.2);}
#products .products_solu_wrapper ul.features li p {font-size:16px; text-align:center;}
#products .products_solu_wrapper ul.features li span { display:inline-block; width:100%; font-size:12px; color:#8d8d8d; text-align:center;}
#products .products_solu_wrapper ul.features li:last-child .text {border-right:1px solid rgba(45,128,224,0.2);}

/***** 行业方案 *****/
#scheme {}
#scheme .temp_banner { background:rgba(198,0,11,1) url("images/temp_banner_3.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}

/***** 软件服务 *****/
#software {}
#software .temp_banner { background:rgba(198,0,11,1) url("images/temp_banner_4.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}

/***** 资源池 *****/
#resource {background:#f8f8f8;}
#resource .temp_banner { background:rgba(198,0,11,1) url("images/temp_banner_5.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}
.animate_num {}
.animate_num ul {}
.animate_num ul li {float:left; width:20%; background:rgba(198,0,11,1);}
.animate_num ul li .inner {padding:6em 0;}
.animate_num ul li .inner {border-right:1px solid rgba(255,255,255,0.1);}
.animate_num ul li:last-child .inner {}
.animate_num ul li p {color:#ffffff; font-size:14px; text-align:center;}
.animate_num ul li h2 {color:#ffffff; font-size:48px; text-align:center; overflow:visible;}
.animate_num ul li span {color:#ffffff; font-size:12px; opacity:0.5; text-align:center; display:block;}
#resource .projects {padding:20px 0;}
#resource .projects .fl {width:50%;}
#resource .projects .fr {width:50%;}
#resource .projects .fl .inner , #resource .projects .fr .inner { background:#ffffff;}
#resource .projects .fl .inner {margin-right:20px;}
#resource .projects .projects_list ul li {width:100%;}
#resource .projects .page-title { padding:24px 30px 10px; border-bottom:1px solid rgba(0,0,0,0.05);}
#resource .projects .page-title a {right:30px; top:28px;}
#resource .projects .projects_list {padding:0 30px 30px;}
#resource .divider {background:rgba(0, 0, 0, 0) url("images/divider2.jpg") no-repeat fixed center center / cover;}
#resource .divider p {font-size:32px; color:#ffffff; text-align:center;}
#resource .join_box { padding:0; background:rgba(198,0,11,1);}
#resource .join_box .form {padding:24px 30px 30px; width:auto; background:#ffffff;}
#resource .join_box .form .step {width:70%; margin:0 auto 40px;}
#resource .join_box .form .form_list {width:90%; margin:auto;}
#resource .blue_white {width:100%; position:absolute; left:0; z-index:-1; background:rgba(198,0,11,1);}
/*表单：选择省、市、区*/
#PoPy { box-shadow:0 0 20px rgba(0,0,0,0.4); background:#ffffff!important;}
#PoPy ._citys {width:100%; border:none; padding:10px 0 0 10px;}
#PoPy ._citys span {display:none;}
#PoPy ._citys a {margin:0 10px 10px 0; width:23.0838%; float:left;}
#PoPy ._citys a:hover {background:rgb(198, 0, 11);}
#PoPy ._citys0 {border-bottom:1px solid rgb(198, 0, 11);}
#PoPy ._citys1 {padding:10px 0 0 0; float:left;}
#PoPy .citySel {background:rgb(198, 0, 11);}
#PoPy .AreaS {background:rgb(198, 0, 11)!important;}

/***** 仓配服务平台 *****/
#storehouse {}
#storehouse .temp_banner { background:rgba(198,0,11,1) url("images/temp_banner_6.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}

/***** 经纪人加盟 *****/
#join {}
#join .temp_banner { background:rgba(198,0,11,1) url("images/temp_banner_7.jpg"); background-size:cover; background-position:center top; background-repeat:no-repeat;}

/***** 需求展示（招标项目）、详情 *****/
#projects {}
#projects .projects {padding:40px 0;}
.projects_detail {padding:60px 0;}
.projects_detail h1 {font-size:20px;}
.projects_detail ul {margin:30px 0;}
.projects_detail ul li { margin:5px 0; overflow:hidden;}
.projects_detail ul li span {float:left; width:10%; color:#8d8d8d;}
.projects_detail ul li div {float:left; width:90%; line-height:1.8;}
.projects_detail ul li div p {margin-bottom:20px;}

/***** 网站地图 *****/
#sitemap {}
.site_map_list {float:left; width:100%;}
.site_map_list .inner_site_map_list {margin:0 0 20px 0; overflow:hidden;}
.site_map_list a { display:block; padding-bottom:10px; width:100%; font-size:14px; font-weight:bold; border-bottom:1px solid rgba(0,0,0,0.05);}
.site_map_list ul {padding:10px 0 20px;}
.site_map_list ul li { float:left; margin-right:20px;}
.site_map_list ul li a {border:none; font-weight:normal;}