@charset "utf-8";
@import url("core.css");
@import url("fonts.css");
@import url("common.css");
/*****/

/*******/
.Validform_checktip { margin-left:0; padding:0px 6px; font-size:12px; color:#e62129 }
.info { border:1px solid #e62129; padding:2px 20px 2px 5px; border-radius:2px; color:#666; position:absolute; display:none; line-height:20px; background-color:#fff; }
.dec { bottom: -8px; display: block; height: 8px; overflow: hidden; position: absolute; left: 10px; width: 17px; }
.dec s { font-family: simsun; font-size: 16px; height: 19px; left: 0; line-height: 21px; position: absolute; text-decoration: none; top: -9px; width: 17px; }
.dec .dec1 { color: #e62129; }
.dec .dec2 { color: #fff; top: -10px; }

/*ivan*/

.news_right img{width: 75%;}
/*ivan*/
.h5_title { display:block; color:#787878; font-size:24px; text-align:center; padding:0px 0; font-weight:normal; }
.h5_title em { display:inline-block; width:50px; height:2px; background:#969799; }
.h5_title font { display:block; font-size:36px;padding-bottom:5px; }
#inner_banner { height:280px; position:relative; z-index:1899; background-position:center center; background-repeat:no-repeat; min-width:1142px;}
.about_center { font-size: 16px; line-height: 30px; margin-top: 30px; padding:0 125px; }
#inner_banner_prd{ height:281px;position:relative; z-index:1899; background-position:center center; background-repeat:no-repeat; min-width:1142px;}
.about_banner img{ display:none}
/***/
.Idea_center{ margin-top:150px;}
.Idea_center ul{ margin-top:40px;}
.Idea_center li{ float:left; width:550px; height:400px; float:left; position:relative}
.Idea_center li p{ display:block; position:absolute; left:0; top:0; z-index:2000; width:100%; height:100%; text-align:center}
.Idea_center li p i{ display:inline-block; height:85px; width:85px; background:url(../images/icon_about.png) no-repeat; margin-top:63px; margin-bottom:35px;}
.Idea_center li p font{ font-size: 16px; line-height: 30px; color:#fff; display:block; padding:0 70px; text-align:left;}
.Idea_center li.li02{ float:right}
.Idea_center li.li02 p i{ background-position:right center}
/*****/
#Strategy_center{ background:#f6f6f6; padding:25px 0; margin-top:206px;}
#Strategy_p{ width:582px; padding-left:560px; margin:0 auto; position:relative}
#Strategy_p p{font-size: 16px; line-height: 30px;}
.Strategy_img{ position:absolute; left:116px; top:-110px;}
#Strategy_p .h5_title{ text-align:left; position:absolute; left:560px; top:-115px;}
/***/
#Culture_center{ background:url(../images/about_4.jpg) no-repeat center center; height:768px; padding-top:70px;}
#Culture_p{font-size: 16px; line-height: 30px; padding:0 162px; padding-top:40px;}

/******************/
#Product_body{ background:#f6f6f6}
#Product_margintop{ margin-top:-80px; position:relative; z-index:1899}
.product_ul li{ float:left; width:550px; background:#fff; margin-bottom:42px;}
.product_ul li.odd{ float:right}
.product_ul li a{ display:block;padding:0px 40px; padding-top:40px; }
.product_ul li.on a,.product_ul li a:hover{ background:url(../images/bordertop10.jpg) no-repeat left top;}
.product_ul li h3{ display:block;font-size:36px; color:#969799;}
.product_ul li h2{ font-size:34px; display:block; padding-bottom:8px;color:#969799;}
.product_ul li p{ font-size:16px; line-height:30px; height:120px;}
.product_ul li p.pamore{ height:auto; padding-bottom:30px;}
.product_ul li p.pamore span{ text-decoration:underline;}
.product_ul li a:hover span{ color:#e40012}
.p_contact{ border-top:2px solid #ddddde; margin-top:40px; padding-top:25px; padding-bottom:40px; display:block; line-height:40px; font-size:18px; position:relative}
.p_contact a{ border:1px solid #ddddde; display:inline-block; width:150px; text-align:center; height:40px; padding-right:15px; line-height:40px;background:#edeeee url(../images/icong.jpg) no-repeat 130px center; font-size:18px;  position:absolute; right:0; top:25px;}
/**************/
#Product_view{ display:none}
#product_left{ margin-top:89px; width:260px; float:left; padding-bottom:75px;}
.categorys_title{ background:url(../images/categorybg%5D.jpg) no-repeat; height:46px; text-align:center; font-size:16px; color:#fff; line-height:46px;}
.category_ul li{ background:#f6f6f6; height:46px; line-height:46px; text-align:center; margin-top:16px;}
.category_ul li a{ font-size:16px; color:#969799; display:block;}
.category_ul li a:hover{ background:#dc0016; color:#fff}
#product_right{ float:right; width:640px; padding-bottom:75px; margin-top:89px; }
#product_li{}
#product_li li{ font-size:14px; line-height:28px; position:relative; margin-bottom:15px; float:left; width:100%}
#product_li li label{ display:block; float:left; width:100px; font-weight:bold;}
#product_li li .lip{ border-bottom:1px dotted #e3e1e1; padding-bottom:15px; float:right; width:530px;}
#product_li li.floatnone label{ float:none; display:block;}
/*********/
#Business_right{ float:right; width:800px;font-size:16px; line-height:30px; padding-bottom:80px;}
.bus_h2{display:block;font-size:36px;  color:#969799; padding-bottom:8px;}
.bus_h3{ font-size:34px; display:block;color:#969799;}
.four_span{ display:block}
.four_span span{ width:132px; height:132px; margin-right:90px; float:left; background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; display:inline-block; line-height:132px; text-align:center; font-size:18px;}
.four_span span.last{ margin-right:0}
/***/
.position{ display:none}
.login_form{ width:450px; margin:0 auto; margin-top:100px; }
#login{padding-bottom:210px;}
.login_form .input_txt{ border:1px solid #d0d0d1; padding:12px 10px; padding-left:78px; font-size:14px; width:360px; display:block}
#login li{ display:block; position:relative; padding-bottom:20px;}
.login_form li label{ display:block; font-size:16px;position:absolute; left:15px; top:12px;}
.login_form li p{ display:block; line-height:30px; padding-left:15px; padding-top:6px;}
.login_form li p a{ color:#ec1b2c; vertical-align:top; text-decoration:underline;}
.login_form li span.jqTransformCheckboxWrapper{ margin:0; vertical-align:top; margin-top:7px; margin-right:6px;}
.forgetpassword{ float:right}
.login_btn{ background:url(../images/register_btn.jpg) no-repeat; height:46px; line-height:46px; display:block; width:100%; border:0; cursor:pointer; font-size:20px; color:#fff; font-weight:bold;}
#register_form .input_txt{ padding-left:98px; width:340px;}
#register_form li{ padding-bottom:30px;display:block; position:relative;}
#register_form{padding-bottom:50px;}
#reg_p{ display:block; padding-bottom:70px;}
#reg_p p{ display:block; border-top:1px solid #d5d5d5; padding:25px 0; font-size:16px;}

.input_txt::-moz-placeholder { color: #fff; }
.input_txt::-webkit-input-placeholder { color:#fff; }
.input_txt::-ms-input-placeholder { color:#fff; }

/**************/
.Consulting_index{ width:1142px; margin:0 auto; margin-top:70px; margin-bottom:70px;}
.p_en{ font-size:16px; line-height:28px; font-family:'GothamLight';}
.p_cn{ font-size:16px; display:block; padding-top:8px; line-height:28px;}
.Consulting_left{ float:left; width:356px; text-align:left}
.Consulting_left .h5_title font{ font-size:34px;}
.Consulting_left .h5_title{ text-align:left; padding:0; margin-bottom:56px;}

.Consulting_center{  width:870px; margin: 0 auto;    overflow: hidden;}
.Consulting_center ul{margin-top: 80px;}
.Consulting_center li{ position:relative;margin-bottom:25px; margin-top:0px; background:#f2f2f2; padding-left:70px;}
.Consulting_center li label{ font-size:16px; position:absolute; left:0; top:9px; width:70px; text-align:center; line-height:25px;}
.Consulting_center li label:before{ content:""; background:url(../images/lable_line.jpg) no-repeat left bottom; margin-right:5px; vertical-align:middle; width:9px; height:22px; display:inline-block;}
.Consulting_center li .input_txt{ width:100%; display:block; border:0; padding:13px 10px; font-family:'Microsoft Yahei',Helvetica, sans-serif; background:#f2f2f2;color: #787878; font-size:14px;}
.Consulting_center li .message{height:200px;}
.Consulting_center li.submit{ text-align:right; padding:0;}
.Consulting_center li .submit_btn{ background:url(../images/button_bg.jpg) no-repeat #d80c18; width:100%; height:50px; font-weight:200; cursor:pointer; line-height:50px; font-size:20px; color:#fff; text-align:center;  display:inline-block; border:0; font-family:'Microsoft Yahei',Helvetica, sans-serif; }
/*******/
#contact_ul{  padding-bottom:30px; margin-top:60px;}
#contact_ul li{ float:left; width:33.333333%; text-align:center;}
#contact_ul li.first{ }
#contact_ul li i{ width:51px; height:51px; background:url(../images/icon_contact.png) no-repeat center center; display:block; margin:0 auto}

#contact_ul li i.lct{ width:25px; height:30px; background:url(../images/cta_lct.png) no-repeat center center; display:block; margin:39px auto;}
#contact_ul li h4{font-size: 16px;}
#contact_ul li font{ display:block; margin:10px 0;}

#contact_ul li i.address{ background-position:left center; width:38px;}
#contact_ul li i.tel{ background-position:-71px center; width:44px;}
#contact_ul li i.fax{ background-position:-159px center; width:51px;}
#contact_ul li i.email{ background-position:-251px center; width:44px;}

#contact_ul li p{ display:block; font-size:18px; line-height:30px; }
/*****/
#job_area{ background:#f6f6f6; padding:50px 0; margin-top:60px;}
.job_title .h5_title{ text-align:left;}
.job_title{ float:left; width:280px;}
.job_right{ float:right; width:610px; font-size:18px; line-height:34px;}
.job_right .email_a a{}
/********/
#web_map{ position:relative; z-index:1899;}
#web_map b{ display: block;
    height: 217px;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: -217px;
    background: none;
    color: #fff;
    font-size: 20px;
    width: 106px;
    text-align: center;}
#web_map div.web_map_cnt{position:absolute;top:-110px;left: 150px; color: #fff;line-height: 32px;}
#web_map div.web_map_cnt h2{font-size: 30px;font-weight: normal;}
#web_map div.web_map_cnt a{font-size: 12px;color: #fff;}
#web_map div.web_map_cnt a.text-grey{color: #808080;}
#web_map p{ display:block; padding-left:190px; background:url(../images/icon_nt.jpg) no-repeat 168px center;}
#web_map p a{display:inline-block; height:23px;}
#web_map p span{ display:inline-block; background:url(../images/icon_nj.jpg) no-repeat center center; height:23px; width:9px; line-height:23px; vertical-align:middle; margin:0 10px;}




.prd_left{ float:left; width:240px; margin-top:50px;}
.prd_cateogry{}
.prd_cateogry li{  margin-bottom:15px; padding-left:12px;}
.prd_cateogry li a{ 
	display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding-left: 15px;
	border-left: 10px solid #e6e6e6;}

.prd_cateogry li a font{ margin-left:18px;}
.prd_cateogry li a:hover,.prd_cateogry li.on a{ border-left: 10px solid #d80c18;}



.prd_right{ float:right; width:842px; margin-top:50px; padding-bottom:80px; position:relative;}

.prd_cat_ul{width:871px; overflow: hidden;}
.prd_cat_ul li{overflow: hidden;}
.prd_cat_ul li h3{wdith:241px; height:41px; background:url(../images/prd_h_bg.png) no-repeat; line-height: 41px; color: #fff;font-size: 16px; padding-left: 23px; position: relative;}
.prd_cat_ul li h3 .prd_line{position: absolute;height:2px;background-color: #797979; width:630px;bottom: 0px;right: 0px;}
.prd_cat_ul li .prd_ul li{float:left;}
.prd_ul{margin-top:40px;margin-bottom:40px;overflow:hidden;}
.prd_ul li{overflow:hidden; margin-right:30px;position: relative; width:270px; height: 320px;}
.prd_ul li p.prd_name , .prd_ul li p.prd_slg , .prd_ul li a{position:absolute; color: #5e5c5d;}
.prd_ul li p.prd_name{font-size: 22px;bottom: 42px;left: 20px;}
.prd_ul li p.prd_slg{font-size: 14px;bottom: 18px;left: 20px;}
.prd_ul li a:hover p.prd_name, .prd_ul li a:hover p.prd_slg{ color: #d80c18}
/***
.prd_ul li a{width: 40px; height: 40px;background: url(../images/prd_link_btn.png) no-repeat;bottom:120px;left: 20px;display: none;}
.prd_ul li:hover a{display:block;}
***/


.news_left{ float:left; width:240px; margin-top:50px;}
.news_cateogry{}
.news_cateogry li{  margin-bottom:15px; padding-left:12px;}
.news_cateogry li a{ 
	display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding-left: 15px;
	border-left: 10px solid #fff;}

.news_cateogry li a font{ margin-left:18px;}
.news_cateogry li a:hover,.news_cateogry li.on a{ border-left: 10px solid #d80c18;}


.news_right{ width: 870px; float: right; margin-top: 50px;margin-bottom: 50px;}

.news_ul li{ float:left; width:31%; position:relative; margin-bottom:40px;margin-right: 3.333%;height: 250px;}


.news_ul li i{ font-style:normal; background:#d7001f; display:inline-block; padding:8px 18px; color:#fff; position:absolute; left:0; top:0; font-size:14px; font-weight:bold}
.news_ul li.nomargin{margin-right: 0px;}
.news_ul li img{ display:block; margin-bottom:14px; width: 270px; height: 171px;}
.news_ul li p.time{ font-size:15px; color:#cbcbcb; display:block; padding-bottom:4px;}
.news_ul li p.tititle a{  font-weight:bold}
.news_ul li p.desc{ font-size:14px; line-height:24px; display:block; padding-top:15px; min-height:96px;}
.news_ul li p.more a{ font-size:14px; font-weight:bold}
.news_ul li p a:hover{ color:#d5001e}
#pager{ display:block; margin-top:30px;}
#pager a,#pager span{ display:inline-block; vertical-align:top; padding:5px 10px; margin-right:5px; background:#eee; font-size:13px; color:#000; font-weight:bold;}
#pager span,#pager a:hover,#pager a.on{ background:#000; color:#fff}
.search_news{ display:block; margin-top:80px;}
.search_news p{ display:block; border:1px solid #e3e3e3; padding:8px 6px; float:left; width:244px;}
.search_news .searchinput{ display:block; width:205px; background:none; border:0; float:left; margin-left:5px; font-size:14px; color:#afafaf}
.searchbtn{ background:url(../images/icon_searchicon.jpg) no-repeat center center; height:24px; width:24px; cursor:pointer; float:left; border:0; display:block}
#scrolltop{ cursor:pointer; width:50px; height:50px; background:url(../images/scrolltop.png) no-repeat; position:absolute; right:-250px; bottom:80px; display:none}
.news_h1{ display:block;border-bottom:1px solid #bdbdbd; padding-bottom:20px; margin-bottom:25px;}
.news_h1 p.time{ display:block; padding-top:15px;font-size:15px; color:#cbcbcb; padding-bottom:15px;}
.news_h1 h1{color:#000; font-weight:bold; font-size:16px;}
.product_a a{ display:block; font-size:20px; font-weight:bold; color:#fff; background:#c8c8ca; padding:70px 0; text-align:center; margin-top:80px;}
.product_a a:hover{ background:#d5001e}
.news_content{ font-size:15px; line-height:26px;}
.news_content img{ max-width:100%;}






.dl_cnt{}

.dl_cnt h4{font-size:30px;margin-bottom:20px;margin-top:20px;}
.dl_cnt .dl_video{width:870px; height: 490px; position: relative;background: #CECECE;overflow: hidden;}
.dl_cnt a.play_btn{display: block; width: 80px; height: 80px; background: url(../images/play_btn.png) no-repeat;position: absolute; top: 50%;left: 50%; margin-left:-40px; margin-top:-40px;}
.dl_cnt .dl_video p{text-align: center;font-size: 16px;margin-top: 300px;}
.dl_cnt ul.dvideo{margin-top:30px;}
.dl_cnt ul.dvideo li{ width: 31%; float: left; text-align: center; margin-right: 3.333%}
.dl_cnt ul.dvideo li a{display: block; width: 100%;height: 30px;line-height: 30px; border-bottom: 1px solid #676767;border-left: 1px solid #676767;border-right: 1px solid #676767;}

.dl_cnt ul.dvideo li i{background: url(../images/dl_d.png) no-repeat; display: block; width:17px; height: 15px; margin:20px auto;}
.dl_cnt ul.dvideo li.nomargin{margin-right:0px;}

.dl_title{width:100%; background: #dcdddd;height: 120px; line-height: 120px; margin: 100px 0;}
.dl_title h4{width:870px; margin:0 auto;font-size:30px;}

.dl_cnt ul.dtool{}
.dl_cnt ul.dtool li{ width: 31%; float: left; text-align: center; margin-right: 3.333%}
.dl_cnt ul.dtool li i{ display: block; width:120px; height: 154px; margin:0 auto 35px auto;}
.dl_cnt ul.dtool li i.dl_apple{background: url(../images/dl_apple.png) no-repeat;}
.dl_cnt ul.dtool li i.dl_windows{background: url(../images/dl_windows.png) no-repeat;}
.dl_cnt ul.dtool li i.dl_app{background: url(../images/dl_app.png) no-repeat;}
.dl_cnt ul.dtool li.nomargin{margin-right:0px;}

.dl_cnt ul.dtool li a{ width: 100%;height: 30px;line-height: 30px; }
.topbian,.bottombian{width: 100%; height: 30px; }
.topbian{border-top: 1px solid #676767;border-left: 1px solid #676767;border-right: 1px solid #676767;}
.bottombian{border-bottom: 1px solid #676767;border-left: 1px solid #676767;border-right: 1px solid #676767;}


.dl_cnt ul.dptool{}
.dl_cnt ul.dptool li{ width: 31%; float: left; margin-right: 3.333%; position:relative;margin-bottom: 80px;}
.dl_cnt ul.dptool li.nomargin{margin-right:0px;}
.dl_cnt ul.dptool li h3{wdith:241px; height:41px; background:url(../images/prd_h_bg.png) no-repeat; line-height: 41px; color: #fff;font-size: 16px; padding-left: 23px; position: relative;}
.dl_cnt ul.dptool li .dl_tool_des{position:absolute;width:59px; bottom: 20px; left: 20px; line-height: 22px;}
.dl_cnt ul.dptool li .dl_tool_des {
    position: absolute;
    width: 90px;
    bottom: 20px;
    left: 20px;
    line-height: 10px;
}
.dl_cnt ul.dptool li .dl_tool_des a {
    line-height: 14px;
    display: block;
    font-size: 14px;
    margin-bottom: 0px;
}

.dl_cnt ul.dptool li .dl_tool_des a:hover{color:#d5001e;}



.w_720{width:720px;}
.w_450{width:450px;}

.about_cnt h5.h5_title{font-size:32px; text-align: left;margin-left: 20px; margin-top: 20px;}
.about_cnt p{margin:20px; line-height: 24px;font-size: 14px;margin-bottom: 80px;}
.about_rl_img{ display:none}
.about_fl_img{ display:block}
.a_box{height:450px; background: #d80c18; color: #fff;text-align: center; overflow: hidden; }
.a_box h5{font-size: 24px; color: #fff; margin-top: 180px;}
.a_box h4{font-size:38px; color: #fff;}

.c_story_box{ position: relative;height: 950px;}
.c_story_box h5{font-size:32px;position:absolute;top: 80px;}

.c_story_box .red_box{width:450px; position:absolute; height: 800px; top: 200px; left: 0px;background: #d80c18;z-index: 900;}
.c_story_box .grey_box{width:720px; position:absolute; height: 1000px; top: 0px; right: 8px;background: #e6e6e6;z-index: 900;}
.c_story_box ul{ z-index: 1899; position:absolute;left:368px; top:248px;font-size:14px;}
.c_story_box ul li{width:680px; overflow: hidden; border-bottom: 1px solid #fff;padding: 15px 0;}
.c_story_box ul li span{float:left;color: #fff;}
.c_story_box ul li p{float:right;width: 480px;line-height: 24px;}


.about_title{width:100%; background: #dcdddd;height: 120px; line-height: 120px;}
.about_title h4{width:870px; margin:0 auto;font-size:30px; text-align: center;}
.p_story{margin:80px 0;}
.p_story_pc{ margin:0 auto; background:url(../images/p_story.jpg) no-repeat center top; height:461px; display:block}
.p_story_mobile{ display:none;}
/***/
.news_show_h1{ border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px; font-size:14px; color:#787878}
.news_show_h1 h1{ font-size:16px; display:block; padding-bottom:10px; color:#333}
.news_current_content{ font-size:14px; line-height:22px;}
/****/
#service_ul{  padding-bottom:30px; margin-top:60px;}
#service_ul li{ float:left; width:33.333333%; text-align:center; margin-bottom: 50px;}
#service_ul li.first{ }
#service_ul li font{ display:block; margin:10px 0; font-size:16px; margin-bottom:6px;}
#service_ul li p{}
#service_ul li p{ display:block; font-size:18px; line-height:30px; }
.contact_kefu{ padding:30px 30px; }
.contact_kefu a{ display:block; font-size:18px; color:#787878;background:#f2f2f2; padding:20px 0; text-align:center}


/*****表单****/
#my_form { width:870px; margin:0 auto; color:#787878; font-size:16px; }
#my_form li{ width:100%; position:relative; margin-bottom:15px; padding-left:160px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
#my_form li.li-left{ width:48%; float:left;}
#my_form li.li-right{ width:48%; float:right; padding-left:80px;}
#my_form li .span_fix{width:31%; display:inline-block;}
#my_form li .span_fix span.jqTransformCheckboxWrapper{ margin:0; margin-right:8px; vertical-align:middle;}
#my_form li.s-info{border-bottom:1px solid #a1a1a1; padding-bottom:12px; padding-top:5px; margin-bottom:25px;}
#my_form li.span_six span.span_fix{ margin:8px 0;}
#my_form li.s-info label{font-size:22px; width:auto; top:0}
#my_form h5{ display:block; font-size:22px; border-bottom:1px solid #a1a1a1; padding-bottom:10px; margin-bottom:25px;}
#my_form li label{ display:block; position:absolute; left:0; top:8px; width:150px; display:block;}
#my_form li label font{ margin-left:5px}
#my_form li input[type='text']{ width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; display: block; border: 0; padding:10px 15px; font-family: 'Microsoft Yahei', Helvetica, sans-serif; background: #f2f2f2; color: #787878; font-size: 14px; }
#my_form .height50{ height:40px;}
#my_form li textarea{width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; display: block; border: 0; padding:10px 15px; font-family: 'Microsoft Yahei', Helvetica, sans-serif; background: #f2f2f2; color: #787878; font-size: 14px; height:120px;}
#my_form p.submit input{ cursor:pointer;width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; display: block; border: 0; padding:10px 15px; font-family: 'Microsoft Yahei', Helvetica, sans-serif; background: #d80c18; color: #fff; font-size:16px;}
#form_msg{ width:870px; margin:0 auto; padding:40px 0; font-size:14px; line-height:24px;}
.form_msg_left{ border:1px solid #bebec0; width:274px; padding:30px 0; text-align:center; float:left;}
.form_msg_right{ float:right; width:564px;}


/*********/
.current_supoort_content{ margin-top:60px; padding-bottom:30px;}
.support_width{ padding-left:140px; padding-right:140px; font-size:14px; line-height:24px;}
.li_icon_dot{ padding-left:15px; background:url(../images/icons_dot.jpg) no-repeat -1px 8px;}
.h5_title_label{ text-align:center; font-size:16px; display:block}
.h5_title_label:before{ content:""; display:inline-block; width:45px; height:1px; background:#949494; margin-top:8px; line-height:0}
.h5_title_label label{ display:block; padding-top:10px;}



#support_ul{ padding:40px 0; padding-bottom:0; padding-left:4px;}
#support_ul li{ width:270px; height:270px; float:left; margin:0 60px; background:#f2f2f2; text-align:center; position:relative;}
#support_ul li.first:hover a{ display:block}
#support_ul li.first a{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; padding-top:103px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;background:#d80d18; font-size:14px; line-height:20px; color:#fff;-webkit-transition:all .2s ease-in-out 0s;
}
#support_ul li.first a:hover{ text-decoration:underline}
#support_ul li:hover div{ display:block}
#support_ul li div{ position:absolute; left:0; top:0; width:100%; height:100%; background:#d80d18; display:none;}
#support_ul li div p{ display:block; margin-top:110px;}
#support_ul li div a{ display:block; color:#fff; font-size:16px; line-height:24px; margin-top:5px;}
#support_ul li div a:hover{ text-decoration:underline}
#support_ul li i{ display:inline-block; width:145px; height:139px; background-position:left top; background-repeat:no-repeat; margin-top:44px; }
#support_ul li font{ display:block; margin-top:35px; font-size:14px; text-align:center}
#support_ul li i.support_icon_01{ background-image:url(../images/icon_support_01.png)}
#support_ul li i.support_icon_02{ background-image:url(../images/icon_support_02.png)}
#support_ul li i.support_icon_03{ background-image:url(../images/icon_support_03.png)}
#support_ul li i.support_icon_04{ background-image:url(../images/icon_support_04.png)}