/*css*/
@import "grid.css";
@import "alimaofade.css";

/*content*/

.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:278px; 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}


/* 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:50px;right:10px;font-size: 12px;color: #fff;}
.div_city_menu a{cursor: pointer;color:rgb(204, 204, 204);font-family: "宋体"}
.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%;height:193.5px;}
.case_div_ibox .iimg ul li.big .shade{height:395px;}
.case_div_ibox .iimg ul li .txt{display:none;position:absolute;z-index:10;left:0px;top:0px;width:267.5px;height:46.5px;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;height:47px;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:577px;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:577px;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; }

#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)}
}