/*css*/
@import "grid.css";
@import "alimaofade.css";
/*Header*/
header{width:100%;position:fixed; top:0;background:rgba(0,0,0,0.6);z-index:10}
/* Menu */
nav{position:relative;z-index:2;}
.sf-menu:before,.sf-menu:after {display:table;content:""}
.sf-menu:after {clear:both}
.sf-menu {zoom:1}
.sf-menu li {float:left; margin:0 20px;}
.sf-menu a{color:#ccc; font-size:16px;display:block}
.sf-menu a:hover{ color:#fff; -webkit-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.sf-menu li:last-child:hover:after {top:10px}
.sf-menu ul {visibility:hidden;background:#000;border-radius:3px;position:absolute;top:48px;left:120px;padding:16px 0 16px 20px;z-index:999; text-align:center; width:160px;transition:all 0.2s ease-in-out 0.2s;-webkit-transition:all 0.2s ease-in-out 0.2s;-moz-transition:all 0.2s ease-in-out 0.2s;-ms-transition:all 0.2s ease-in-out 0.2s;-o-transition:all 0.2s ease-in-out 0.2s;}
.sf-menu li:hover> ul{visibility:visible;}
.sf-menu ul a{ font-size:16px; line-height:30px;}
.sf-menu > li:hover ul a{color:#999898;}
.sf-menu > li:hover ul a:hover{color:#c20000;}
/*content*/
.cont_pad{padding:28px 0 !important}
.img_wrap2{ width:170px; margin-right:10px;display:block;padding:4px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}
.img_wrap2_p{ width:180px; margin-right:0;}
.button1{margin:0 auto; padding:13px 36px;text-transform:uppercase;position:relative; color:#fff; background:#333; display:inline-block}
.button1:hover{ color:#fff; background-color:#c20000;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.button2{ display:block; width:125px; height:45px; line-height:45px; text-transform:uppercase; position:relative; color:#fff; background:#333333; border-radius:2px;}
.button2:hover{ color:#fff; background-color:#c20000;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.button3{display:inline-block;padding:8px 26px;margin: 15px 0 0; font-size: 16px; color:#fff; text-transform:uppercase;position:relative;background:#c30000;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.button3:hover{color:#fff; background:#000}

/*first*/
.first_title{ width:100%; height:189px; background:url(../images/title_bg.png) repeat-x;}
.slide{overflow:hidden}
.slide .sort_ico,.slide .sort_name{position:relative}
.slide a{display:block; background:#e7e7e7;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s}
.slide a:hover{background:#c20000;}
.slide .t1{position:relative; margin:0 auto;left:0;display:block}
.slide .t2{left:-214px; position: absolute; z-index:5; top:40px}
.slide .t3{position:relative;left:0;}
.slide h2{ color:#333;}
.slide p{ color:#666;}
.slide .t4{position: absolute; z-index:1; width:100%;left:300px; bottom:30px;color:#fff}
.slide a .t1,.slide a .t2,.slide .t3,.slide .t4,.slide a .t5,.slide h2{-webkit-transition:all 0.9s ease 0s;-o-transition:all 0.9s ease 0s;transition:all 0.9s ease 0s; opacity:1;z-index:1}
.slide a .t2,.slide a .t5{opacity:0}
.slide a:hover .t1{opacity:0; left:250px}
.slide a:hover .t2{left:50%; margin-left:-62px;opacity:1}
.slide a:hover .t3{left:-300px}
.slide a:hover h2{color:#fff}
.slide a:hover .t3 p,.slide a:hover .t4 p{color:#ffb3bb}
.slide a:hover .t4{left:50%; margin-left:-50%}
.slide a .t5{position: absolute; left:50%; top:45px; margin-left:-58px;z-index:0}
.slide a:hover .t5{opacity:1}
/*second*/
.second{position:relative; width:100%;background-color:#0d1018;}
.case_show {position:relative;}
.case_show .grid_4{ margin-bottom:20px; min-height:241px; overflow:hidden}
.case_show .grid_4 a{position:relative; display:block}
.case_show .grid_4 a h4{filter:alpha(opacity=0);opacity:0; position:absolute; bottom:0; width:100%; height:32px; line-height:32px; background:#000; text-align:center; overflow:hidden}
.case_show .grid_4 a:hover h4{opacity:0.8;filter:alpha(opacity=80); color:#fff}
.case_show img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}
.case_show a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
/*third*/
.brand{margin-top:50px;}
.brand ul{border:1px solid #e1e1e1; border-top:0; border-left:0; overflow:hidden; margin-left:5px;}
.brand li{float:left;border:1px solid #e1e1e1; border-right:0; border-bottom:0; width:193px; margin:0; padding:0;overflow:hidden}
.brand img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}
.brand img:hover,.page_partner img{cursor: pointer;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s}
.brand img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2); cursor: crosshair}



/*fourth*/
.fourth{ width:100%；;background-color:#e7e7e7;}
.white_bar{ background:#fff; box-shadow: 0 1px 3px #c5c5c5; overflow:hidden}
.pic_news .hot_pic{height:184px; overflow:hidden}
.page-news-list a{ font-size:14px}
.data{width:60px; height:60px; display:block;background:#CCC;color:#333; text-align:center; line-height:60px}
.month{display:block;width:60px;text-align:center}
.page-news-list li{padding:10px;margin-bottom:20px;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.page-news-list li a{font-size:16px; height:20px; line-height:20px; display:block; overflow:hidden}
.page-news-list li p{ padding-top:5px;color:#777}
.page-news-list li:hover{background:#c20000;}
.page-news-list li:hover p,.page-news-list li:hover .month{color:#fff}
.page-news-list li:hover .data{background:#FFF}
.page-news-list li:hover a{color:#fff;text-decoration:underline}
/* Footer */
footer{width:100%;border-top: 6px solid #eaeaea; background:#2d2d2d; padding-top:30px;padding-bottom: 10px}
footer img{ display:block; margin:0 auto; margin-top:20px;}
.footer_link li{display:inline; line-height:22px}
.footer_link a{margin: 0 10px;color: #99a1a6; display: inline-block}
.footer_link a:hover{color: #c70c1f}
.hide-text{text-indent: 100%;white-space: nowrap;overflow: hidden}
.footer-sns{text-align: center}
.footer-sns a{display: inline-block;height: 32px;width: 32px;background-image: url(../images/idx-btm.png);background-repeat: no-repeat;margin: 0 9px;vertical-align: middle}
.footer-sns-weibo{background-position: 0 -221px}
.footer-sns-weixin{position: relative;background-position: -52px -221px}
.footer-sns-qqweibo{background-position: -104px -221px}
.footer-sns-qzone{background-position: -156px -221px}
.footer-sns-weibo:hover{background-position: 0 -262px}
.footer-sns-weixin:hover{background-position: -52px -262px}
.footer-sns-qqweibo:hover{background-position: -104px -262px}
.footer-sns-qzone:hover{background-position: -156px -262px}
.footer-sns-weixin i{position: absolute;display: none;width: 176px;height: 210px; z-index:999;background: url(../images/idx-btm.png) no-repeat 0 0;left:-72px;bottom:40px}
.footer-sns-weixin:hover i{display: block}
.footer-copyright{padding: 20px 0 25px;text-align: center;color: #666}
.footer-copyright a{ color:#666;}
.footer-copyright a:hover{ color:#c20000;}
.links a{ color: #666; display: inline-block; margin-right: 10px}
.links a:hover{color:#c20000;}
/*Crumbs*/
.Crumbs{ width:100%; height:40px; background:url(../images/Crumbs_bg.png) repeat-x;}
/*support*/
.support{ position: fixed; top:200px; right:0; width:50px; z-index:9999}
.support li{height:50px;position:absolute; left:0;}
.support li img{float:left; margin:12px 12px 14px 14px;display:block}
.support li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000;  border-radius:6px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.support li a p{line-height:16px; display:inline-block; margin-left:18px; margin-right:20px;}
.support li a p b{ display:inline-block;}
.support li a:hover{ background-color:#c30101;}
.support_tel,.support_wb,.support_qq,.support_qq2,.support_qq3,.support_qq4{width:172px}
.support li.support_wx{width:62px}
.support_tel,.support_qq,.support_wb,.support_qq2,.support_qq3,.support_qq4{-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.support li.support_qq{top:52px}
.support li.support_qq2{top:104px}
.support li.support_qq3{top:156px}
.support li.support_qq4{top:208px}
.support li.support_wb{top:104px}
.support li.support_tel:hover{left:-100px}
.support li.support_qq:hover,.support li.support_wb:hover,.support li.support_qq2:hover,.support li.support_qq3:hover,.support li.support_qq4:hover{left:-70px}
.support li.support_wx{top:52px}
.support li.support_wx i{position:absolute;width:188px; height:188px; left:-208px; top:-136px;display: none;}
.support li.support_wx:hover i{display: block}

/*To top*/
#toTop {background:url(../images/back_to.png) center top no-repeat;border:none;bottom: 180px !important;color:transparent;display:none;font-size:0;height:42px;line-height:0;overflow:hidden;position:fixed;right:50%;margin-right: -660px !important;text-decoration:none;width:42px;z-index:20;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}
#toTop:hover{background-position:center -42px}
#toTop:active, #toTop:focus {outline:none}
/*FOOT*/
#foot{margin:0 auto; position:fixed; bottom:0; z-index:99999; background:#000; width:100%}
#foot li{width:24%; display:inline-block; padding:5px 0 0 0; text-align:center}
#foot li.line{ border-left:1px solid #333}
#foot a{color:#DCDCDC}
/*Page Css*/
.location{text-align:right; margin:15px 20px 10px}
.bc_00 .sf-menu a {color:#e1e1e1}
.supplier{overflow:hidden}
.supplier .grid_10{float:none; margin:0 auto;overflow:hidden}
article h1{float: none}
.category{position:relative}
.category h2{}
.category ul{padding:20px; margin-left:-10px}
.category li{float:left; margin-left:10px; text-align:center}
.category li.back{border-bottom:2px solid #9e0000;height:30px;z-index:8;position:absolute; list-style:none}
.category li a{z-index:10;display:block; padding:10px 15px; margin-bottom:5px;position:relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.category li a:hover,.category li.current a{ background:#c70c1f; color:#fff}
.order {height:160px;overflow:hidden}
.order li{ line-height:26px; border-bottom:1px dashed #d2d2d2}
.service .row{margin-left:10px;}
.service .grid_3{margin-left:10px;}
.banner{position:relative;z-index:0}
/* about us */
.Companyprofile_Content{ text-align:center;}
.advantage{ width:100%; background-color:#f5f5f5;}
.advantage_detail{ height:250px;}
.advantage_detail a{ display:block; width:105px; height:105px; margin:0 auto;}
.advantage_detail img{ margin:0 auto;}
.advantage_detail h5{ width:240px; margin:0 auto; color:#666;}
.team{width:100%; height:480px;}
.team .container{position:relative}
.team_list{ margin:0 auto; width:80%; overflow:hidden; margin-top:50px;}
.team_l,.team_r{position:absolute; top:120px; z-index:10; width:25px; height:50px; display:block;}
.team_l{ background:url(../images/team_L.png) no-repeat; left:0;}
.team_r{ background:url(../images/team_r.png) no-repeat; right:0;}
.team_list li{float:left; width:130px;margin:0 5px; height:255px; display:inline; cursor:pointer; transition: width 0.5s ease 0.01s, height 0.5s ease 0.01s, margin 0.5s ease 0.01s; }
.team_list li img{ margin-left:25px; margin-top:76px; width:80px; height:80px; opacity:0.5; transition: width 0.5s ease 0.01s, height 0.5s ease 0.01s, opacity 0.5s ease 0.01s,margin-top 0.5s ease 0.01s,margin-left 0.5s ease 0.01s,background 0.02s ease 0.01s}
.team_list li img,.team_list li span{ display:block;}
.team_job{ color:#666; height:24px; padding-top:8px; text-align:center;}
.team_list li.team_on,.team_list li:hover{ width:220px; height:220px; margin:0 18px;}
.team_list li.team_on img,.team_list li:hover img{ width:220px; height:220px; padding:7px; background:rgba(0,0,0,0.1); border-radius:50%; margin-top:0; margin-left:0; opacity:1;}
.team_list li:hover span,.team_list li.team_on span{ color:#666; font-size:18px; padding-top:12px;}
/*Product Read*/
.pro-list{float:right}
.pro-list .row{margin-left:0} 
.pro-list .pro-li{width:270px;margin-left:5}
.protitie_list li{ background:url(../images/list_marker.png) no-repeat; text-indent:2em;border-bottom:1px #D9D8D8 solid; margin-top:15px; padding-bottom:15px;}
.pro-li{background:#fff; margin-left:20px; margin-bottom:20px;float:left;position:relative;box-shadow:0 1px 2px #c5c5c5;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.pro-list-img{overflow:hidden;position:relative;}
.pro-list-img img{ display:block;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s}
.pro-li:hover img,.pro-li.hover img{transform:scale(1.2);-webkit-transform:scale(1.2)}
.pic_next{display:black}
/* 分页样式 */
.page1 { text-align:center; LINE-HEIGHT: 30px; MARGIN:5px auto 5px; HEIGHT: 30px; COLOR: #666666; FONT-SIZE: 12px; OVERFLOW: hidden}
.page1 a {MARGIN: 0px 2px;COLOR: #666666; DISPLAY: inline}
.page1 A {BORDER-BOTTOM: #d6d6d6 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #d6d6d6 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; BORDER-TOP: #d6d6d6 1px solid; BORDER-RIGHT: #d6d6d6 1px solid; PADDING-TOP: 2px; color:#666666}
.page1 A:hover {BORDER:1px solid #ff7e26; COLOR: #ffffff; background:#ff7e26; TEXT-DECORATION: none}
.page1 .thisclass A {BORDER-BOTTOM-COLOR: #ff7e26; BORDER-TOP-COLOR: #ff7e26; COLOR: #ffffff; BORDER-RIGHT-COLOR: #ff7e26; BORDER-LEFT-COLOR: #ff7e26; background:#ff7e26}
.showMoreNChildren{overflow:hidden}
.showMorehandle{clear:both;margin:50px auto; width:260px; height:42px; line-height:42px; display:block; text-align:center; border:1px solid #e1e1e1;}
.showMorehandle a{display:block; cursor:pointer;transition: 0.15s;-webkit-transition: 0.15s;-moz-transition: 0.15s;}
.showMorehandle a:hover{background:#f5f5f5; font-size:16px}
.zoom{overflow:hidden}
.zoom a img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}
.zoom a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
.showMorehandle{clear:both;margin:0 auto; margin-top:20px; width:260px; height:42px; line-height:42px; display:block; text-align:center; border:1px solid #e1e1e1;}
.showMorehandle a{display:block; cursor:pointer;transition: 0.15s;-webkit-transition: 0.15s;-moz-transition: 0.15s;}
.showMorehandle a:hover{background:#f5f5f5; font-size:16px}
.details h2,.details h3,.details h4,.details h5,.details h6{margin-bottom:15px; margin-top:10px; font-weight: bold}
.prevnext{border-top:1px solid #ddd}
.related .pro_show li{margin:0 auto; width:80%; margin-bottom:15px}
.related .pro_show li h4{font-size:14px; text-align:center}
.related .pro_show li{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s}
.related .pro_show li:hover{opacity:0.6;}
.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;background:url(../images/case_icon.png) no-repeat; 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}
/*News List Css*/
.news_list,.content {padding-right:30px; border-right:1px dashed #2d2d2d}
.news_list li{margin-bottom:25px;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; padding-bottom:10px; border-bottom:1px dashed #ccd}
.news_list li a{font-size:18px; display:block}
.news_list li p{ padding-top:5px}
.prnext{margin:30px auto;}
.prnext a{padding:5px 10px; background:#eee; margin-right:5px}
.prnext a:hover{background:#A6A6A6; color:#fff}
.prnext b{color:#333; font-weight:bold;padding:5px; margin-right:5px}
/* Lists */
.list1 li{padding-left:24px;padding-top:1px;margin-bottom:8px;}
.list1 a{line-height: 18px; text-transform:uppercase;display:inline-block;position: relative;}
.list1 li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(../images/list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.list1 li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
/*Contact Css*/
#form1 {padding:0px 0 3px 0;}
#form1 .success { margin-bottom:20px; }
#form1 textarea, #form1 input {margin:0;font-size:13px; border:1px solid #c2c1c1; color:#736c67; padding:10px 12px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff; margin-bottom:15px;}
#form1 input {width:476px;}
#form1 textarea {overflow:auto; width:476px; height:220px;resize:none; float:left; margin: 0 0 0 0;}	
#form1 label {display:block; min-height:43px; overflow:hidden;}	
#form1 label.message { display:block; padding-bottom:0; }
#form1 .error, #form1 .empty, #form1 .success {display:none;}	
#form1 .error, #form1 .empty {text-align:left; color:red; font-size:11px; clear:both;}
#form1 span{ display:block; margin: 0px 0 0 5px;}
.contact p{ padding-bottom:10px}
/*News Read Css*/

.info_text span{margin-right:8px}
.news_text p{margin:15px 0; line-height:180%; color:#000}
.tag a{margin:0 5px;}
#searchform{overflow:hidden;border:1px solid #c2c1c1;background:#fff;width:320px;}
#searchform input{margin:0;font-size:13px; border:none; color:#736c67; padding:7px 0px 0 12px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;float: left;width:265px;}
#searchform a{width:35px;height: 31px; display: block; float: left; background: url('../images/search_a.jpg') no-repeat;}
#searchform a:hover{background-position:0 -31px;}
.inputclass{width:40%}

/*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:86px}


/* 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{}
.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;}
}

@media (max-width:767px){.hidden-xs{display:none !important;}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important;}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important;}}@media (min-width:1200px){.hidden-lg{display:none !important;}}