/*css*/
@import "grid.css";
@import "alimaofade.css";
/*Header*/
header{width:100%;position:fixed; top:0;background:#ce0000e0;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;height:76px;padding:0px;margin:0px;}
.sf-menu li a{color:#999;background-position:left bottom;}
.sf-menu li .topmenu{background-position:left top;color:#fff;font-weight:bold;}
.sf-menu li{float:left;height:76px;display:block;text-align:center;padding-left:18px;padding-right: 18px;position:relative;}
.sf-menu li a,.sf-menu li .lihover{float: left;color: rgb(0, 0, 0);padding-top: 20px;display: block;clear: both;cursor: pointer;}
.sf-menu li:hover a{color:#000000;}
.sf-menu .lihover{margin-top:0px;}
.sf-menu .sf-menu-cn{font-weight:bold;font-size: 18px;}
.sf-menu .sf-menu-en{font-size: 13px;}
.sf-menu ul {visibility:hidden;background-color:#646577!important;border-radius:10px;position:absolute;top:76px;left:-50%;margin-left:10px;padding:0px 0 0px 20px;z-index:999; text-align:center; width:100px;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:#fff;}
.sf-menu > li:hover ul a:hover{color:#000000;}
.sf-menu li .nav-info{height:inherit;overflow:hidden;}
/*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:#646464; display:inline-block}
.button1:hover{ color:#fff!important;   background-color:#c20000!important;  -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:10px}
.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:#F7F7F7;color:#333; text-align:center; line-height:60px;border:1px solid #D3D3D3}
.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:#414141; padding-top:30px;padding-bottom: 10px}
footer img{ display:block; margin:0 auto; margin-top:0px;}
.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: #888}
.footer-copyright a{ color:#888;}
.footer-copyright 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:32px; 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:#2D2D2D;  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_qq1,.support_qq2,.support_qq3,.support_qq4{width:172px}
.support li.support_wx{width:85px}
.support_tel,.support_qq1,.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_qq1{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_qq1: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:260px}
.support li.support_wx i{position:absolute;width:188px; height:188px; left:-208px; top:-136px;background:url(../images/songcaiweixin.jpg) no-repeat;display: none}
.support li.support_wx .qrimg{position: absolute;right:90px;bottom: 0px;width: 150px;display:none;}
.support li.support_wx .qrimg img{margin:0;}
.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:#fff;}
.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:600px;}
.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;filter:alpha(opacity=100);}
.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}
.protitie_list li p{    font-size: 14px;   font-style: italic;    color: #c9c9c9; margin-top: 10px;}
.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:none}
.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;filter:alpha(opacity=60);}
.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{text-align:center;width:1178px;margin:0 auto;}
.clearfix:after{display:block;clear:both;height:0;content:".";visibility:hidden;}
.l{float:left;}
.r{float:right;}
.case_url a{display:inline-block;margin-right:5px;height:54px; line-height:54px;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;margin-bottom:20px;color:#333;}
.case_url .prev{float:left;}
.case_url .next{float:right;}
.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;}
.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{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;}
}
/*品牌营销*/
.new_win_index .win{display: block;position: relative;width: 885px;height:182px;margin: 0 auto;}
.new_win_index .win .bs1{position: absolute;left: 166px;top:45px;}
.new_win_index .win .bs2{position: absolute;left: 400px;top:45px;}
.new_win_index .win .bs3{position: absolute;left: 630px;top:45px;}
.new_win_index .topten0{position: absolute;z-index: 9;left:55px;top:48px;}
.new_win_index .topten1{position: absolute;z-index: 9;left:293px;top:48px;}
.new_win_index .topten2{position: absolute;z-index: 9;left:518px;top:48px;}
.new_win_index .topten3{position: absolute;z-index: 9;left:750px;top:48px;}
.new_win_index .win .spinning-wing0{background-repeat: no-repeat;background-position: 0px 0px;width: 182px;height: 182px;margin: 0;top: 0px;left: 0px;position: absolute;}
.new_win_index .win .spinning-wing1{background-repeat: no-repeat;background-position: 0px 0px;width: 182px;height: 182px;margin: 0;top: 0px;left: 240px;position: absolute;}
.new_win_index .win .spinning-wing2{background-repeat: no-repeat;background-position: 0px 0px;width: 182px;height: 182px;margin: 0;top: 0px;left: 465px;position: absolute;}
.new_win_index .win .spinning-wing3{background-repeat: no-repeat;background-position: 0px 0px;width: 182px;height: 182px;margin: 0;top: 0px;left: 699px;position: absolute;}
.new_win_index .win:hover .spinning-wing0{z-index: 9;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate 4s linear infinite;-moz-animation: rotate 4s linear infinite;-o-animation: rotate 4s linear infinite;animation: rotate 4s linear infinite;}
.new_win_index .win:hover .spinning-wing1{z-index: 9;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate2 4s linear infinite;-moz-animation: rotate2 4s linear infinite;-o-animation: rotate2 4s linear infinite;animation: rotate2 4s linear infinite;}
.new_win_index .win:hover .spinning-wing2{z-index: 9;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate 4s linear infinite;-moz-animation: rotate 4s linear infinite;-o-animation: rotate 4s linear infinite;animation: rotate 4s linear infinite;}
.new_win_index .win:hover .spinning-wing3{z-index: 9;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate2 4s linear infinite;-moz-animation: rotate2 4s linear infinite;-o-animation: rotate2 4s linear infinite;animation: rotate2 4s linear infinite;}
.new_win_index .hh_li_con{text-align: left;font:normal 12px/26px "Microsoft YaHei";line-height: 18px;}
.new_win_index .more{text-align: center;margin-bottom: 40px;margin-top: 10px}
.new_win_index .more a{color:#F29700;cursor:pointer }
.new_win_index .more_con{display: none;background-color: #EDEDED;padding: 50px;margin-top: 15px}
.new_win_index .hh_con{font:normal 14px/26px "Microsoft YaHei";color: #717071}
.new_win_index .hh_ul{width: 885px;margin: 0 auto;margin-top: 20px;margin-bottom:20px }
.new_win_index .hh_ul li{width: 183px;float: left;color: #595757}
.new_win_index .hh_ul .hh_li{padding-left: 25px;padding-right: 25px;border-right: 1px solid #595757}
.new_win_index .hh_ul .hh_li_one{padding-right: 25px;border-right: 1px solid #595757;}
.new_win_index .hh_ul li .h3{padding-bottom: 5px;}
.new_win_index .hh_ul .hh_li_end{padding-left: 25px;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
@-webkit-keyframes rotate2{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(-360deg)}
}
@-moz-keyframes rotate2{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(-359deg)}
}
@-o-keyframes rotate2{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(-359deg)}
}
@keyframes rotate2{from{transform: rotate(0deg)}
to{transform: rotate(-359deg)}
}

.sf-menu li ul li{height: 25px;padding:5px 5px 5px 5px;margin:0px 0px 2px -8px;}
.sf-menu li ul li a{padding-top: 0px;}

.div_city_menu{position: absolute;
    top: 25px;
    right: 10px;
    font-size: 16px;
    color: #c70103;
    background-color: #fff;
    padding: 4px 10px;
    border-radius: 6px;}
.div_city_menu a{cursor: pointer;color:rgb(204, 204, 204);font-family: "宋体";color: #c70103;}
.div_city_menu a:hover{color: #FA430F;}

.case_div_ibox img{border:0;font-size:12px;color:#999;text-align:left;overflow:hidden;-ms-interpolation-mode:bicubic;margin:0;padding:0;}
.case_div_ibox .iimg{margin-right: auto;margin-left: auto;display: block;}
.case_div_ibox .iimg ul{float:left;display: block;}
.case_div_ibox .iimg ul li{float:left;margin:0px 8px 8px 0;position:relative;z-index:0;cursor:pointer;overflow:hidden;}
.case_div_ibox .iimg ul li .shade{display:none;position:absolute;z-index:2;left:0px;top:0px;background:#000;opacity:0.6;filter:alpha(opacity=60);width:100%;bottom:0;}
.case_div_ibox .iimg ul li.big .shade{}
.case_div_ibox .iimg ul li .txt{display:none;position:absolute;z-index:10;left:0px;top:0px;width:267.5px;bottom:0;color:#fff;border:9px solid #494848;text-align:center;padding-top:130px;overflow:hidden;}
.case_div_ibox .iimg ul li .txt span{display:block;width:100%;line-height:24px;}
.case_div_ibox .iimg ul li .txt span.tit{font-size:20px;}
.case_div_ibox .iimg ul li.big .txt{width:559px;padding-top:330px;}
.case_div_ibox .iimg ul li.hover .txt,
.case_div_ibox .iimg ul li:hover .shade,
.case_div_ibox .iimg ul li:hover .txt{display:block;}

.case_div_ibox .iimg ul.l{float:left;width:585px;margin:0;padding:0px;}
.case_div_ibox .iimg ul.l li{float:left;margin:0px 8px 8px 0px;}
.case_div_ibox .iimg ul.r{float:left;width:585px;margin:0;}
.case_div_ibox .iimg ul.r li{float:left;margin:0px 8px 8px 0px;}

.case_div_ibox ul li .case-icon {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  background: url(../images/magnify.png) -100px center no-repeat;
  opacity:0.6
}
.case_div_ibox .iimg ul li:hover span {
  background-position: center center;
}

.protitle_list li ul{margin-top: 10px;}
.protitie_list li ul li{ background:none;display: block;border:0px;padding:10px 0 5px 0;margin:0 0 0 0px;}
.protitle_list li ul li a{display: block;font-size: 14px;}


.nqlWrap{padding: 0 0 17px;text-align: left;}
.nqli{position: relative; margin: 0 0 25px; padding: 15px 34px 15px 42px; border:1px solid #D3D3D3; }
.nqlDate{position: absolute; top: 0; left: -78px; width: 78px; height: 78px; background: no-repeat center 78px; }
.nqldDay{display: block; font-size: 36px; color: #ffffff; text-align: center; line-height: 50px; }
.nqldMy{display: block; font-size: 13px; color: #bababa; text-align: center; line-height: 24px; }
.nqlTitle{font-size: 14px; color: #000000; line-height: 32px; text-decoration: none; }
.nqli:hover .nqlTitle{color: #ff8329; }
.nqlSum{padding: 12px 0 16px; line-height: 24px; color: #616161; }
.nqlDetDate{line-height: 24px; color: #616161; }

.pagers{text-align:center;}
.pagers .current{color:red;}

#nprogress{pointer-events:none}
#nprogress .bar{background:#4B0;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}
#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #4B0,0 0 5px #4B0;opacity:1;filter:alpha(opacity=100);-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}
#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}
#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#4B0;border-left-color:#4B0;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}
.nprogress-custom-parent{overflow:hidden;position:relative}
.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}
@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes nprogress-spinner{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}






.new_win_index .win .spinning-wing4 {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 182px;
    height: 182px;
    margin: 0;
    top: 0px;
    left: 613px;
    position: absolute;
}

.new_win_index .win .spinning-wing5 {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 182px;
    height: 182px;
    margin: 0;
    top: 0px;
    left: 764px;
    position: absolute;
}
.new_win_index .topten4 {
    position: absolute;
    z-index: 9;
    left: 750px;
    top: 48px;
}
.new_win_index .topten5 {
    position: absolute;
    z-index: 9;
    left: 750px;
    top: 48px;
}


.new_win_index .win{height:145px;}
.new_win_index .win .spinning-wing0,
.new_win_index .win .spinning-wing1,
.new_win_index .win .spinning-wing2,
.new_win_index .win .spinning-wing3,
.new_win_index .win .spinning-wing4,
.new_win_index .win .spinning-wing5{width:120px !important;height:120px !important;background-size: contain;}
.new_win_index .win:hover .spinning-wing4{z-index: 9;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate2 4s linear infinite;-moz-animation: rotate2 4s linear infinite;-o-animation: rotate2 4s linear infinite;animation: rotate2 4s linear infinite;}
.new_win_index .win:hover .spinning-wing5{z-index: 9;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate2 4s linear infinite;-moz-animation: rotate2 4s linear infinite;-o-animation: rotate2 4s linear infinite;animation: rotate2 4s linear infinite;}

.new_win_index .topten0{left:29px;top:29px;}
.new_win_index .topten1{left:177px;top:29px;}
.new_win_index .topten2{left:333px;top:29px;}
.new_win_index .topten3{left:490px;top:29px;}
.new_win_index .topten4{left:643px;top:29px;}
.new_win_index .topten5{left:795px;top:29px;}

.new_win_index .win .spinning-wing1{left:148px;}
.new_win_index .win .spinning-wing2{left:302px;}
.new_win_index .win .spinning-wing3{left:460px;}
.new_win_index .hh_ul li{width:105px;}


.flink{margin: 10px 300px 0 300px;color: #99a1a6; display: inline-block}.flink a{margin-right:15px;color: #99a1a6}

.new_win_index .win .bs1 {
    left: 99px;
    top: 11px;
    width: 80px !important;
}
.new_win_index .win .bs2 {
    left: 244px;
    top: 11px;
    width: 80px !important;
}
.new_win_index .win .bs3 {
	position:absolute;
    left: 405px;
    top: 11px;
    width: 80px !important;
}
.new_win_index .win .bs4 {
	position:absolute;
    left: 558px;
    top: 11px;
    width: 80px !important;
}
.new_win_index .win .bs5 {
	position:absolute;
    left: 711px;
    top: 11px;
    width: 80px !important;
}