﻿/*css*/

@import "grid.css";

@import "alimaofade.css";

/************Header************/

header{width:100%;z-index:10;position:relative; background: url(../images/header_bg.png) repeat 0 bottom;}

body{font:13px/22px Microsoft YaHei;}

.transparency{position: fixed; top:0; z-index:99999}

header h1,#logo{position:relative; padding:10px 0;z-index:9;float:left}

header h1 a.logo,#logo a.logo{display:block}

/* Menu */

nav{position:relative;float:left;z-index:2; margin-left:60px}

.sf-menu .current a{background:#c70c1f;color:#fff}

.sf-menu,.sf-menu ul {margin:0;padding:0;list-style:none}

.sf-menu:before,.sf-menu:after {display:table;content:""}

.sf-menu:after {clear:both}

.sf-menu {zoom:1}

.sf-menu li {float:left;border-radius:3px;text-align:center; margin:0 10px;}

.sf-menu a span {display:block}

.sf-menu a {color:#fafafc;font-size:16px; margin:5px 0;padding:5px 15px;border-radius:3px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;display:block}

.sf-menu > li:hover a,.sf-menu > li:hover > a,.sf-menu > li.sfHoverForce > a {margin:0;padding:10px 15px;background:#c70c1f; color:#fff;text-decoration:none}

.sf-menu li:last-child:hover:after {top:10px}

.sf-menu ul {opacity:0;visibility:hidden;background:#9d9c9c;position:absolute;top:46px;left:0;border-radius:5px;padding:16px 0 16px;z-index:999;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; width:100%}

.sf-menu li:hover > ul {opacity:1;visibility:visible;margin:0;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s}

.sf-menu ul ul {left:148px;margin:0 0 0 20px;top:-16px;background:#222;}

.sf-menu ul li {display:block;float:left; margin:0;padding:0 20px 0 !important;text-align:center; width:30px; margin-right:20px}

.sf-menu ul li:last-child {border:none}

.sf-menu ul a {display:block;float:none;border-radius:0;margin:0;font-size:13px;white-space:nowrap; background:none !important}

.sf-menu > li:hover ul a{color:#fcfafa}

.sf-menu > li:hover ul a:hover{color:#AC0000}

.sf-menu ul ul a {color:#fdfdfe !important}

.sf-menu ul a span {display:inline}

.tel{ float:right}

/*content*/

.banner{position:relative;z-index:0}

.cont_pad{padding:28px 0 !important}

.img_wrap1{display:block;float:left;padding:10px;background:#fff;box-shadow:1px 1px 5px #101010;position:relative;}

.img_wrap2{display: block;padding:4px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}

.img_wrap1 strong, .img_wrap2 strong{display:block;position: absolute; top:0;left:0;width:0;height:0;background:#9e0000;}

.img_wrap1 img, .img_wrap2 img{position: relative; z-index:1;}

a.img_wrap1:hover strong, a.img_wrap2:hover strong{height:100%;width:100%;}

.button1,.button2,.button3{display:inline-block;border-radius:10px;padding:13px 36px;margin: 18px 0 0; font-size: 18px; color:#fff; text-transform:uppercase; background:#000;position:relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.button1{border-radius:10px}

.button2{background:#000}

.button1:hover,.button3:hover{color:#fff; background:#c70c1f}

.button2:hover{color:#fff; background:#c70c1f}

/*first*/

.first .grid_8{float:none}

.shadow {position:relative;z-index:0; width:218px; margin:0 auto}

.shadow .text12:after {content:"";display:block;height:68px;left:35px;position:absolute;top:55px;width:218px;z-index:-1}

.shadow .text12:after { background:url(../images/b1.png) 0 0 no-repeat}

/*second*/

.second{position:relative}

.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:#d0d0d0;transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;}
.slide a img{-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s}
.slide a:hover img{/*-webkit-transition:all 0.5s ease 0s;*/transform:scale(1.2);/*-o-transition:all 0.5s ease 0s;*/transform:scale(1.2);/*transition:all 0.5s ease 0s;*/transform:scale(1.2);}
.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:#000}

.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:#000}

.slide a:hover .t3 p,.slide a:hover .t4 p{color:#000}

.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}

/*third*/

.third { background:#f7f3f3}

.case_show {position:relative}

.case_show ul{margin-left:-6px}

.case_show li{float:left; width:288px; height:216px; margin-left:6px; margin-bottom:6px; overflow:hidden}

.case_show li a{position:relative; display:block}

.case_show li a h4{opacity:0; position:absolute; bottom:0; width:100%; height:32px; line-height:32px; background:#000; text-align:center}

.case_show li a:hover h4{opacity:0.8; 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); max-height:260px}

/*fourth*/

.brand .gird_11{margin-left:0}

.brand ul{margin-left:-1px;border:1px solid #e1e1e1; border-top:0; border-left:0; overflow:hidden}

.brand li{float:left;border:1px solid #e1e1e1; border-right:0; border-bottom:0; width:213px; height:130px; margin:0; padding:0;overflow:hidden}

.brand li:hover{ opacity:0.6}

.brand img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}

.brand li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2); cursor: crosshair}

/*fifth*/

.white_bar{background:#fff;box-shadow: 0 1px 3px #c5c5c5; overflow:hidden}

.pic_news img{min-height:170px}

.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:#c70c1f}

.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}

.page-news-list li:hover a:hover{color:#000}

/*partners*/

.partners h3{ float:left}

.partners li{float:left; margin-right:10px}

.partners li a{color:#5a5a5a}

/* Footer */

footer{width:100%;border-top: 6px solid #d0d0d0; background:#9d9c9c; padding-top: 30px;padding-bottom: 10px}

.footer_link li{display:inline; line-height:22px}

.footer_link a{margin: 0 10px;color: #fdfdfe; 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: #fdfdfe}

/*support*/

.support{ position: fixed; top:200px; right:0; width:50px; height:203px; 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:#c70c1f;  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:hover{ background-color:#000}

.support li.support_tel{width:172px}

.support li.support_wx{width:62px}

.support li.support_qq,.support li.support_wb{width:172px}

.support li.support_tel,.support li.support_qq,.support li.support_wb{-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_wb{top:104px}

.support li.support_tel:hover{left:-100px}

.support li.support_qq:hover,.support li.support_wb:hover{left:-70px}

.support li.support_wx{top:156px}

.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: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}

/*Page Css*/

.location{text-align:right; margin:15px 20px 10px}

.bc_00 .sf-menu a {color:#e1e1e1}

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;}

.pro_list{background:#f5f5f5;box-shadow: 0 1px 3px #c5c5c5; padding-bottom:10px; position:relative; overflow:hidden}

.pro_list li span{margin:0 auto;height:203px; display:block;overflow:hidden}

.pro_list li h3{height:42px; line-height:42px; padding:5px 10px; text-align:center}

.pro_list li a p{position:absolute; z-index:1;background:#f5f5f5; display:block; bottom:5px;height:42px; padding:5px 10px; opacity:0;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.pro_list li a:hover p{opacity:1; color:#666}

.pro_list a img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}

.pro_list a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}

.por_read .grid_4{margin-left:0; margin-right:20px}

.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)}

.related .case_show li{width:272px; height:204px}

.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}

/*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 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 {width:246px; margin-bottom:20px; }

#form1 textarea, #form1 input {margin:0;font-size:13px; border:1px solid #c2c1c1; padding:7px 12px 8px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}

#form1 input {width:274px;}

#form1 textarea {overflow:auto; width:274px; height:161px;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;}

/*News Read Css*/

.new-pic img{min-height:100px}

.info_text span{margin-right:8px}

.news_text p{margin:5px 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%}
/*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}

/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 1200px) {

.first .grid_8{float:none; margin:0 auto}

nav.m_t20{margin-top:15px}

.tel{margin-top:15px}

.partners{display:none}

.service .grid_3{width:213px}

.pro_list li span{height:160px}

}

@media (min-width: 980px) and (max-width: 1199px) {

.brand li{width:214px}

.related .case_show li{width:216px; height:162px}

}

@media (min-width: 768px) and (max-width: 979px) {

h1 img,#logo img{ width:140px}

nav{margin-left:40px}

.sf-menu li {margin:0 5px}

.case_show{margin:0 auto; width:582px}

.brand li{width:227px}

.service .grid_3{width:253px}

.pro_list li span{height:180px}

.order time{display:none}

.related .case_show li{width:255px; height:191px}

}

@media only screen and (max-width: 767px) {

h1 img,#logo img{ width:130px}

nav{margin-left:20px}

.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}

.first .grid_8{padding:0 10px}

.support,.tel{display:none}

.case_show li{width:227px; height:170px}

.brand ul{margin-left:0}

.brand li{width:152px; height:90px}

.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}
#foot {position:fixed;bottom:0;left:0;width:100%;z-index:99999;text-align:center; display: block}
}

@media only screen and (max-width: 479px) {

h1 img,#logo img{width:110px;}

nav{margin-left:30px}

nav.m_t20{margin-top:20px}

#mm0{width:160px}

.case_show ul{margin-left:0}

.case_show li{width:300px; height:225px}

.brand ul{margin-left:1px}

.brand li{width:158px}

.related .case_show li{width:280px; margin-left:0; height:210px}

}