.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f26{font-size:26px}
.f28{font-size:28px}
.f30{font-size:30px}
.f32{font-size:220%}
.f36{font-size:36px}
.f48{font-size:48px}
.f72{font-size:72px}
.fw6{font-weight:600}
.fw7{font-weight:700}
.fw8{font-weight:800}
/*Line height*/
.lh_16{line-height:16px}
.lh_18{line-height:18px}
.lh_22{line-height:22px}
.lh_26{line-height:26px}
.lh_28{line-height:28px}
.lh_32{line-height:32px}
.lh_36{line-height:36px}
.lh_48{line-height:48px}
/*text-indent*/
.t_in{text-indent:2em}
/* Indents */
.l{float: left}
.r{float: right}
.l_0{left:0}
.r_0{right:0}
.text_l{text-align:left}
.text_c{text-align:center}
/*
.text_r{text-align:right}*/
.italic{font-style: italic}
/*top*/
.m_t0{margin-top:0px}
.m_t5{margin-top:5px}
.m_t8{margin-top:8px}
.m_t10{margin-top:10px}
.m_t15{margin-top:15px}
.m_t18{margin-top:18px}
.m_t20{margin-top:20px}
.m_t25{margin-top:25px}
.m_t30{margin-top:30px}
.m_t40{margin-top:40px}
.m_t50{margin-top:50px}
.m_t80{margin-top:80px}
.m_t100{margin-top:100px}
.m_t140{margin-top:140px}
.main p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
line-height:22px
}
/*bottom*/
.m_b0{margin-bottom:0px}
.m_b5{margin-bottom:5px}
.m_b8{margin-bottom:8px}
.m_b10{margin-bottom:10px}
.m_b15{margin-bottom:15px}
.m_b20{margin-bottom:20px}
.m_b25{margin-bottom:25px}
.m_b30{margin-bottom:30px}
.m_b40{margin-bottom:40px}
.m_b50{margin-bottom:50px}
.m_b60{margin-bottom:60px}
.m_b70{margin-bottom:70px}
.m_b80{margin-bottom:80px}
.p_b5{padding-bottom:5px}
.p_b10{padding-bottom:10px}
.p_b15{padding-bottom:15px}
.p_b20{padding-bottom:20px}
.p_b30{padding-bottom:30px}
.p_b40{padding-bottom:40px}
.p_b50{padding-bottom:50px}
.p_b230{padding-bottom:230px}
.p_t5{padding-top:5px}
.p_t10{padding-top:10px}
.p_t20{padding-top:20px}
.p_t30{padding-top:30px}
.p_t40{padding-top:40px}
.p_t50{padding-top:50px}
.p_t80{padding-top:80px}
.p_t140{padding-top:140px}
.p_lr10{padding:0 10px}
.p_lr20{padding:0 20px}
.p_lrb10{padding:0 10px 10px}
/*left*/
.m_l10{margin-left:10px}
.m_l20{margin-left:20px}
.m_l30{margin-left:30px}
.m_l40{margin-left:40px}
.m_l60{margin-left:60px}
/*right*/
.m_r5{margin-right:5px}
.m_r10{margin-right:10px}
.m_r14{margin-right:14px}
.m_r15{margin-right:15px}
.m_r20{margin-right:20px}
.m_r30{margin-right:20px}
.p_r30{padding-right:20px}
/*color*/
.red{color:#c70c1f}
.white{color:#fff}
.black{color:#000}
.c_c9{ color:#c9c9c9}
.c_bebebe{ color:#bebebe}
.c_83{ color:#838383}
.c_666{color:#666}
.c_444{color:#444}
.c_333{color:#333}
/*background color*/
.gray{background:#e7e7e7}
.bc_4c4c4c{background:#4c4c4c}
.bc_fff{background:#fff}
.bc_9e{background:#9e0000}
.bc_d0{background:#d0d0d0}
.bc_00{background:#000}
/*b_m_line*/
.b_m_line{border-bottom:1px solid #4d4d4d}
.b_m_line_ddd{border-bottom:1px solid #ddd}
.b_r_line{border-right:1px solid #ddd}
.b_l_line{border-left:1px solid #ddd}
.b_line{border:1px solid #ddd}
/*radius*/
.radius10{border-radius:10px}
.radius15{border-radius:15px}
/*clearfix*/
.clear{clear:both}
.clearfix {*zoom: 1}
.clearfix:before,
.clearfix:after {display: table;content: "";line-height: 0}
.clearfix:after {clear: both}
.clear{clear:both}
.container .alpha {margin-left: 0px}
.container .omega {margin-right: 0px}
.row {*zoom: 1; margin-left:-30px}
.row:before,.row:after {display: table;content: "";line-height: 0}
.row:after {clear: both}
[class*="grid_"] {float: left;min-height: 1px; margin-left:30px}
/*PC width*/
.container {margin:0 auto;width: 1170px}
.grid_12 {width: 1170px}
.grid_11 {width: 1070px}
.grid_10 {width: 970px}
.grid_9 {width: 870px}
.grid_8 {width: 770px}
.grid_7 {width: 670px}
.grid_6 {width: 570px}
.grid_5 {width: 470px}
.grid_4 {width: 370px}
.grid_3 {width: 270px}
.grid_2 {width: 170px}
.grid_1 {width: 70px}
@media (min-width: 980px) and (max-width: 1199px) {
.row {margin-left: -20px;*zoom: 1}
.row:before,
.row:after {display: table;content: "";line-height: 0}
.row:after {clear: both}
 [class*="grid_"] {float: left;min-height: 1px;margin-left: 20px;}
.container {width: 940px}
.grid_12 {width: 940px}
.grid_11 {width: 860px}
.grid_10 {width: 780px}
.grid_9 {width: 700px}
.grid_8 {width: 620px}
.grid_7 {width: 540px}
.grid_6 {width: 460px}
.grid_5 {width: 380px}
.grid_4 {width: 300px}
.grid_3 {width: 220px}
.grid_2 {width: 140px}
.grid_1 {width: 60px}
}
@media (min-width: 768px) and (max-width: 979px) {
.row {margin-left: -20px;*zoom: 1}
.row:before,.row:after {display: table;content: "";line-height: 0}
.row:after {clear: both}
[class*="grid_"] {float: left;min-height: 1px;margin-left: 20px}
.container {width: 748px}
.grid_12 {width: 748px}
.grid_11 {width: 684px}
.grid_10 {width: 620px}
.grid_9 {width: 556px}
.grid_8 {width: 492px}
.grid_7 {width: 428px}
.grid_6 {width: 364px}
.grid_5 {width: 300px}
.grid_4 {width: 236px}
.grid_3 {width: 172px}
.grid_2 {width: 108px}
.grid_1 {width: 44px}
}
@media (max-width: 767px) {
.container {width: 460px}
.row{margin-left:0}
[class*="grid_"] {float: none;display: block;width: 100%;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.grid_3{float:left; width:200px; margin-left:20px}
.f32{font-size:22px}

}
@media (max-width: 479px) {
.container {width:320px}
.row {margin-left: 0}
.first .row,.page_4 .row,.w_third .row {margin-left:0px}
.grid_3{float:none; width:320px; margin-left:0}
.p_20{padding:10px}
.f14{font-size:13px}
.f16{font-size:14px}
.f18{font-size:16px}
}
/*service*/
.service_t{height:36px; line-height:36px; margin-bottom:30px}
.service_t article{border-bottom:1px solid #ddd; padding-bottom:20px}
.service_t h3{font-size:36px; float:left; font-weight:600; color:#333;}
.service_t p{font-size:18px; float:left; font-style:italic; color:#c9c9c9; padding-top:10px; margin-left:10px;}
.pro_intro p{ margin-bottom:10px;}
.stuck_fixed{position:fixed; top:325px}


/* Firefox Keyframe Animations */
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1200px) {
.Slogan{display: none}
.case_show .grid_4{min-height:195px}
.partners{display:none}
.service .grid_3{width:213px}
.pro_list li span{height:160px}
.brand ul{margin-left:3px}
.brand li{width:155px}
.pro_neiye ul img{width:600px;}
.pic_news .hot_pic{height:175px}
.Companyprofile_Content{ text-align:center;}
}
@media (min-width: 980px) and (max-width: 1199px) {
#pageshow .grid_3 img{min-height:220px;max-height:220px}
.related .case_show li{width:216px; height:162px}
#form1 input {width:400px;}
#form1 textarea {width:400px; height:220px;}
.contact iframe{ width:400px; height:258px;}
.img_wrap2_p{ width:300px;}
.Companyprofile_Content{ text-align:center;}
.advantage_details{width:460px; height:130px;}
.advantage_title{ width:50px;}
.pro-list .row{margin-left:0} 
.pro-list .pro-li{width:330px;margin-left:5}
}
@media (min-width: 768px) and (max-width: 979px) {
.first_title{ height:150px;}
.Split_title .f36{ font-size:30px; padding-top:30px;}
.Split_title p{ font-size:20px;}
.Split_title h3{ font-size:20px;}
.service_items .m_t80{ margin-top:30px;}
.pic_news .hot_pic{height:130px}
.brand li{width:123px}
.Slogan{display: none}
.sf-menu li {margin:0 15px}
.case_show .grid_4{min-height:154px}
#pageshow .grid_3 img{min-height:172px;max-height:172px}
.service .grid_3{width:253px}
.pro_list li span{height:180px}
.order time{display:none}
.pro-list-img img{ width:257px;}
#form1 input {width:340px;}
#form1 textarea {width:340px; height:200px;}
.contact iframe{ width:364px; height:235px;}
.pro_neiye ul img{width:480px;}
.img_wrap2_p{ width:230px;}
.Companyprofile_Content{ text-align:center;}
.advantage_details{width:350px; height:130px;}
.pro-list .row{margin-left:0} 
.pro-list .pro-li{width:258px;margin-left:5}
}
@media only screen and (max-width: 767px) {
.first_title{ height:130px;}
.Split_title .f36{ font-size:28px; padding-top:25px;}
.Split_title p{ font-size:16px;}
.Split_title h3{ font-size:16px;}
.service_items .m_t80{ margin-top:30px;}
.brand{ margin-top:25px;}
#mm0{ width:160px}
h1 img,#logo img{ width:120px}
.top{display:none}
.Slogan{display: none}
.sf-menu li {margin:2px}
.sf-menu a {font-size:14px; margin:5px 0;padding:5px 10px;border-radius:2px}
.sf-menu > li:hover a,.sf-menu > li:hover > a,.sf-menu > li.sfHoverForce > a {padding:10px 10px}
.sf-menu ul {top:50px;border-radius:3px;padding:16px 0 16px}
.support,.tel{display:none}
.case_type li{font-size:14px}
.case_show img{min-height:200px}
.case_show .grid_4,.case_show .grid_4 img{min-height:208px; max-height:295px}
.data,.month{ width:70px}
.first .grid_3{width:100%;margin-left:0}
.related .case_show li{width:207px; height:155px}
.news_list,.content {padding-right:0; border-right:0}
#toTop {background:url(../images/top_up.png) center top no-repeat;bottom: 160px !important;height:24px;line-height:0;overflow:hidden;position:fixed;margin-right: auto !important; right: 0 !important;;width:24px}
#toTop:hover{background-position:center 0}
.brand ul{margin-left:0}
.brand li{width:152px}
#form1 input {width:436px;}
#form1 textarea {width:436px; height:220px;}
.contact{ margin-top:40px;}
.contact iframe{ width:460px; height:460px;}
.Companyprofile_Content{ width:461px;}
.img_wrap2_p{ width:270px;}
.pic_news .hot_pic{height:160px}
.Companyprofile_Content{ text-align:left;}
.advantage_details{width:440px; height:130px;}
.pageshow .grid_3,.pageshow .grid_9{float:none; margin:0 auto}
.pro-li{ width:220px;}
.service_t{height:32px; line-height:32px; margin-bottom:0}
.service_t .container{background:#000}
.service_t article{border:0; padding-bottom:0; padding-left:10px}
.service_t h3{font-size:18px;color:#c9c9c9;}
.service_t p{font-size:12px;color:#999; padding-top:5px; margin-left:5px}
.service_t i{background:url(../images/m_menu.png) 0 5px no-repeat; width:30px; height:30px; background-size:85%}
#menu_m{cursor: pointer}
#menu_list{width:100%; overflow:hidden; display: none}
.pro-list .row{margin-left:-20px} 
.pro-list .pro-li{width:220px;margin-left:20px}
.Service_title{height:20px; background-color:#333;}
.button5{ display:block}
.stuck_fixed{position: relative; top: auto}
}
@media only screen and (max-width: 479px) {
.first_title{ height:130px;}
.Split_title .f36{ font-size:28px; padding-top:25px;}
.Split_title p{ font-size:16px;}
.Split_title h3{ font-size:16px;}
.service_items .m_t80{ margin-top:30px;}
.brand{ margin-top:25px;}
.case_type li{font-size:12px}
.case_show img{min-height:208px}
.related .case_show li{width:280px; margin-left:0; height:210px}
.protitie_list{ width:320px;}
.brand ul{margin-left:1px}
.brand li{width:158px}
.pageshow{ margin-top:15px;}
.pro-list .row{margin-left:0} 
.pro-list .pro-li{width:320px;margin-left:0}
#form1 input {width:296px;}
#form1 textarea {width:296px; height:220px;}
.contact{ margin-top:40px;}
.contact iframe{ width:320px; height:320px;}
.Companyprofile_Content{ width:320px;}
.img_wrap2_p{ width:320px;}
.Companyprofile_Content{ text-align:left;}
.advantage_details{width:320px; height:150px;}
}
.grid_8 img{width:100%;}
.pro_neiye{ float:right}
.pro_neiye ul li{ margin-bottom:20px;}
.pro_neiye ul li a{ display:block;}
.pro_neiye ul img{width:700px;}

.case_url a{float:left; margin-right:5px;width:54px; height:54px; line-height:180px; display:block; transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;overflow:hidden; margin-bottom:20px;}
.case_url a.a2{background-position:-60px 0}
.case_url a.a3{background-position:-119px 0}
.case_url a.a4{background-position:-179px 0}
.case_url a:hover{background-position:0 -60px}
.case_url a.a2:hover{background-position:-60px -60px}
.case_url a.a3:hover{background-position:-119px -60px}
.case_url a.a4:hover{background-position:-179px -60px}
.grid_8 img{width:100%;}