@charset "utf-8";
/* CSS Document */
/*
+-----------------------------------------------------------------------+
|	WordPress Plugin: WP-DownloadManager 								|
|	Copyright: 2016 in Industry Research Institut              			|
|																		|
|	File Written By:													|
|	- ranbo												                |
|																		|
|	File Information:													|
|	- CSS Extract_file Style				               	   		    |
+-----------------------------------------------------------------------+
*/

/*------------------------------------------------------------像素线   STAERT-----------------------------------------------------------*/
.Pixel_line_one { width:100%; clear:both; height:1px; background:#e2e2e2;}
.Pixel_line_two { width:100%; clear:both; height:1px; background:#fff;}
.Pixel_line_three { width:100%; clear:both; height:1px; background:#f63c3c; margin:24px auto;}
/*------------------------------------------------------------像素线   END-----------------------------------------------------------*/



/*------------------------------------------------------------Search_component   STAERT-----------------------------------------------------------*/
.Search_component { width:100%; padding-bottom:28px;}
.Search_component_frame_bg { position:fixed; z-index:-1; top:0px; height:490px; width:100%; background:url(../images/bc0a67b86e0b53bd6f82099f9c716d8e.jpg) top center no-repeat;}
.Search_component_box { width:1000px;}
.Search_component_boxhone { font-size:60px; display:table; margin:0 auto; padding-top:26px;} 
.component_box_text { display:table;}

.component_b_s_cbox { display:table; height:46px; margin:36px auto 24px; position:relative;}
.inputbox_f_onef {width:346px; height:42px; border:2px solid #078dff; border-radius:4px 0 0 4px; background:none; float:left; text-indent:12px; font-size:18px; color:#fff; line-height:42px; outline:none;}
.inputbox_f_onef::-webkit-input-placeholder { color:#fff;}
.inputbox_f_onef:-moz-placeholder { color:#fff;}
.inputbox_f_onef::-moz-placeholder { color:#fff;}
.inputbox_f_onef::-o-placeholder { color:#fff;}
.inputbox_f_onef::-ms-placeholder { color:#fff;}
.inputbox_b_buttom { width:100px; height:46px; background:#078dff; cursor:pointer; border-radius:0 4px 4px 0; border:none; float:left; color:#fff; font-size:24px; line-height:46px;  outline:none;}


.component_box_scbox { display:table; height:54px; margin:20px auto 24px; position:relative;}
.inputbox_frame {width:548px; height:50px; border:2px solid #f63c3c; border-radius:4px 0 0 4px; background:none; float:left; text-indent:12px; font-size:24px; color:#39424f; line-height:50px; outline:none;}
.inputbox_frame::-webkit-input-placeholder { color:#39424f;}
.inputbox_frame:-moz-placeholder { color:#39424f;}
.inputbox_frame::-moz-placeholder { color:#39424f;}
.inputbox_frame::-o-placeholder { color:#39424f;}
.inputbox_frame::-ms-placeholder { color:#39424f;}
.inputbox_button { width:100px; height:54px; background:#f63c3c; cursor:pointer; border-radius:0 4px 4px 0; border:none; float:left; color:#fff; font-size:30px; line-height:54px;  outline:none;}




.banner_navbswitch { display:table; height:32px; margin:0 auto;}
.banner_navbswitch li { float:left; height:30px; line-height:30px; border:1px solid #39424f; padding:0 14px; border-radius:4px; font-size:16px; position:relative; display:block; cursor:pointer;}
.banner_navbswitch li i { width:12px; height:6px; display:block; background: none; position:absolute; top:-7px; left:45%;}
.banner_navbswitch li:hover { float:left; height:30px; line-height:30px; border:1px solid #f63c3c; background:#f63c3c; color:#fff; padding:0 14px; font-size:16px; position:relative; display:block; cursor:pointer;}
.banner_navbswitch li:hover i { width:12px; height:6px; display:block; background:url(../images/icon_jt.png) center center no-repeat; position:absolute; top:-7px; left:45%;}
.banner_navbswitch li.hover { float:left; background:#f63c3c; height:30px; border-radius:4px; line-height:30px; border:1px solid #f63c3c; color:#fff; padding:0 14px; font-size:16px; position:relative; display:block; cursor:pointer;}
.banner_navbswitch li.hover i { width:12px; height:6px; display:block; background:url(../images/icon_jt.png) center center no-repeat; position:absolute; top:-7px; left:45%;}

.banner_hot_words { width:654px; margin:18px auto 0px;}
.banner_hot_words p { font-size:16px; line-height:36px; text-indent:0em; color:#f63c3c;}
.banner_hot_words a { float:left;  color:#39424f; font-size:16px; line-height:36px; margin:0 14px;}
.banner_hot_words a:hover { color:#f63c3c;}
/*------------------------------------------------------------Search_component   END-----------------------------------------------------------*/


.Search_component_frame { width:100%; padding-bottom:28px;}
.Search_component_bframe { width:1000px;}



/*------------------------------------------------------------banner_gb   STAERT-----------------------------------------------------------*/

.banner_gb { background:url(../images/bg-2017-04-18000001.jpg) center center; width:100%; height:822px; position:relative; overflow:hidden;}
#canvas_com { width: 100%; height: 100%; position: absolute; z-index:1; top:0px;}
.banner_gb_ncom { width:100%; position: absolute; z-index:2; top:0px; height:822px;}
.tltie_h1_text { font-size:68px; line-height:72px; display:table; padding-top:60px; margin:0 auto; color:#fff;}

.banner_gb_nfunction { width:464px; display:table;}
.banner_g_n_pt { font-size:18px; color:#fff; text-indent:0em;  text-align:center; height:24px; line-height:24px;}
.banner_g_n_b_list { width:100%; margin:24px auto;}
.banner_g_n_b_list i { height:48px; text-align:center; line-height:48px; border-radius:4px; font-size:42px; color:#fff; font-weight:bold; display:block; float:left; font-family: futura_mdcn_btmedium;}
.banner_g_n_b_list span { width:28px; background:#fff; margin:0px 4px; height:48px; text-align:center; line-height:48px; border-radius:4px; font-size:28px; color:#39424f; font-weight:bold; display:block; float:left;}



.banner_g_n_b_lcom { width:1000px; display:table; margin:40px auto 0px;}
.b_list { float:left; display:block; width:140px; background:rgba(0,0,0,0.7); border-radius:4px; height:140px; position: relative; cursor: pointer; padding: 20px; margin: 0 10px 24px;}
.b_list .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.b_list:before, .b_list:after, .b_list .inner:before, .b_list .inner:after {background-color: #ffa726;}
.b_list:before, .b_list:after, .b_list .inner:before, .b_list .inner:after {
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.b_list.horizontal:before, .b_list.horizontal:after, .b_list.both:before, .b_list.both:after {
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.b_list.horizontal .inner:before, .b_list.horizontal .inner:after, .b_list.both .inner:before, .b_list.both .inner:after {
  top: 0;
  width: 2px;
  height: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.b_list.horizontal .inner:before, .b_list.both .inner:before { left: 0;}
.b_list.horizontal .inner:after, .b_list.both .inner:after { right: 0;}
.b_list.horizontal:before, .b_list.both:before { top: 0;}
.b_list.horizontal:after, .b_list.both:after { bottom: 0;}
.b_list.horizontal .inner:hover:before, .b_list.horizontal .inner:hover:after, .b_list.both .inner:hover:before, .b_list.both .inner:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.b_list.horizontal:hover:before, .b_list.horizontal:hover:after, .b_list.both:hover:before, .b_list.both:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.b_list.horizontal.counterclockwise .inner:before, .b_list.both.counterclockwise .inner:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.b_list.horizontal.counterclockwise .inner:after, .b_list.both.counterclockwise .inner:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.b_list.horizontal.counterclockwise:before, .b_list.both.counterclockwise:before {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.b_list.horizontal.counterclockwise:after, .b_list.both.counterclockwise:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.b_list.horizontal.counterclockwise:hover .inner:before, .b_list.both.counterclockwise:hover .inner:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.b_list.horizontal.counterclockwise:hover .inner:after, .b_list.both.counterclockwise:hover .inner:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.b_list.horizontal.counterclockwise:hover:before, .b_list.both.counterclockwise:hover:before {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}




.b_list .b_l_list { width:80px; height:80px; border:2px solid; border-radius:80px; margin:4px auto 0px;}
.b_list div {transition: all 0.3s linear 0s;}
.b_l_icon01 { color: #26a2de; background:#26a2de; border-color: #26a2de; overflow: hidden;}
.b_list:hover .b_l_icon01 { color: #26a2de; background:none; border-color: #26a2de; overflow: hidden;}
.b_l_iconimg01 { width:80px; height:80px; background:url(../images/idx_icon_bg.png) 0px 0px;}
.b_list:hover .b_l_iconimg01 { width:80px;height:80px; background:url(../images/idx_icon_bg.png) 0px -80px;}
.b_l_text_tltie { font-size:24px; color:#fff; text-align:center; line-height:30px; display:block; margin:16px auto 0px;}

.b_l_icon02 { color: #f85360; background:#f85360; border-color: #f85360; overflow: hidden;}
.b_list:hover .b_l_icon02 { color: #f85360; background:none; border-color: #f85360; overflow: hidden;}
.b_l_iconimg02 { width:80px; height:80px; background:url(../images/idx_icon_bg.png) -80px 0px;}
.b_list:hover .b_l_iconimg02 { width:80px;height:80px; background:url(../images/idx_icon_bg.png) -80px -80px;}

.b_l_icon03 { color: #26de9b; background:#26de9b; border-color: #26de9b; overflow: hidden;}
.b_list:hover .b_l_icon03 { color: #26de9b; background:none; border-color: #26de9b; overflow: hidden;}
.b_l_iconimg03 { width:80px; height:80px; background:url(../images/idx_icon_bg.png) -160px 0px;}
.b_list:hover .b_l_iconimg03 { width:80px;height:80px; background:url(../images/idx_icon_bg.png) -160px -80px;}

.b_l_icon04 { color: #26dedc; background:#26dedc; border-color: #26dedc; overflow: hidden;}
.b_list:hover .b_l_icon04 { color: #26dedc; background:none; border-color: #26dedc; overflow: hidden;}
.b_l_iconimg04 { width:80px; height:80px; background:url(../images/idx_icon_bg.png) -240px 0px;}
.b_list:hover .b_l_iconimg04 { width:80px;height:80px; background:url(../images/idx_icon_bg.png) -240px -80px;}

.b_l_icon05 { color: #dec226; background:#dec226; border-color: #dec226; overflow: hidden;}
.b_list:hover .b_l_icon05 { color: #dec226; background:none; border-color: #dec226; overflow: hidden;}
.b_l_iconimg05 { width:80px; height:80px; background:url(../images/idx_icon_bg.png) -320px 0px;}
.b_list:hover .b_l_iconimg05 { width:80px;height:80px; background:url(../images/idx_icon_bg.png) -320px -80px;}

.b_l_iconimg06 { width:80px; height:80px; background:url(../images/idx_icon_bg.png) -400px 0px;}
.b_list:hover .b_l_iconimg06 { width:80px;height:80px; background:url(../images/idx_icon_bg.png) -400px -80px;}

.b_l_iconimg07 { width:80px; height:80px; background:url(../images/idx_icon_bg.png) -480px 0px;}
.b_list:hover .b_l_iconimg07 { width:80px;height:80px; background:url(../images/idx_icon_bg.png) -480px -80px;}

.b_l_iconimg08 { width:80px; height:80px; background:url(../images/idx_icon_bg.png) -560px 0px;}
.b_list:hover .b_l_iconimg08 { width:80px;height:80px; background:url(../images/idx_icon_bg.png) -560px -80px;}

.b_l_iconimg09 { width:80px; height:80px; background:url(../images/idx_icon_bg.png) -640px 0px;}
.b_list:hover .b_l_iconimg09 { width:80px;height:80px; background:url(../images/idx_icon_bg.png) -640px -80px;}

.b_l_iconimg10 { width:80px; height:80px; background:url(../images/idx_icon_bg.png) -720px 0px;}
.b_list:hover .b_l_iconimg10 { width:80px;height:80px; background:url(../images/idx_icon_bg.png) -720px -80px;}
/*------------------------------------------------------------banner_gb   END-----------------------------------------------------------*/