
.head{ width:100%; height: 105px; position:relative; left:0; top: 0; background: #fff; z-index: 30;}
.head.scrol105{opacity: 0; -webkit-transform: translate3d(0,-120px, 0); -moz-transform: translate3d(0, -120px, 0); transform: translate3d(-0, -120px, 0);}

.head.scroll980{opacity:1; -webkit-transform: translate3d(0,0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(-0, 0, 0);position:fixed; top:0; -moz-transition: all 1s ease-in 0s; -webkit-transition: all 1s ease-in 0s; transition: all 1s ease-in 0s;}

.v2-content{ width: 1200px; margin: 0 auto;}
.head-content{ position: relative;}
.logo{float: left;width: 700px;height: 105px;background: url("../image/logo.jpg")no-repeat left center;cursor: pointer; text-indent: -99999px;}
.logo a{ display: block; width: 844px;height: 105px;}
.top-right{ float: right; height: 105px;}
.sg-nav{ padding-top: 46px; font-size: 18px;}
.sg-nav li{ float: left; margin-left:24px; }
.sg-nav li a:hover{ color:#a0050f;}
#myfooter{ background: #fff; padding: 60px 0 90px;}
.footer-left h2{ width: 275px; height: 136px; background: url("../image/foot-logo.jpg") no-repeat center top; text-indent: -9999px;}
.footer-left h2 a{ display: block; height: 136px;}
.footer-left .tel{ background: url("../image/ico2.png") no-repeat -30px -16px; font-size: 35px; padding:18px 0 20px 45px; }
.footer-left .foot-tips{ font-size: 0;letter-spacing: -3px; text-align: center;}
.footer-left .foot-tips li{ display:inline-block; width: 38px; height: 38px; background-image:url("../image/ico2.png"); background-repeat: no-repeat; position: relative; text-indent: -9999px;}

.footer-left .foot-tips li.hover{  background-image:url("../image/ico-hover.png");}
.footer-left .foot-tips li>a{ display: block; width: 38px; height: 38px;}
.footer-left .foot-tips li.hm{ background-position: -202px -103px;}
.footer-left .foot-tips li.kf{ background-position: -50px -103px;}
.footer-left .foot-tips li.wb{ background-position: -88px -103px;}
.footer-left .foot-tips li.wx{ background-position: -126px -103px;}
.footer-left .foot-tips li.tm{ background-position: -164px -103px;}
.footer-left .foot-tips li.link{ background-position: -240px -103px;}
.footer .foot-title{ font-size: 16px; text-transform: capitalize; margin-bottom: 30px;}
.footer-center{ margin: 0 94px;}
.footer-center p{ padding: 16px 0 0; font-size: 14px; font-weight: lighter;}

.footer-left .foot-tips li .sy_smallicon{position:absolute;left:-100px; top:-242px; text-indent: 0; opacity: 0; z-index: 1; display: block;
    -webkit-transform:translateY(-150px);
    -ms-transform:translateY(-150px);
    transform:translateY(-150px)
}

.footer-left .foot-tips li.tm .sy_smallicon{ left:-128px; top:-130px;}
.footer-left .foot-tips li.link .sy_smallicon{ left:-130px; top:-130px;}

.footer-left .foot-tips li.hover .sy_smallicon{
    opacity:1;
    -webkit-transform:translateY(0px);
    -ms-transform:translateY(0px);
    transform:translateY(0px);
    transition:all 0.5s ease-in-out 0.3s;
    -webkit-transition:all 0.5s ease-in-out 0.3s;
    -moz-transition:all 0.5s ease-in-out 0.3s;
    -o-transition:all  0.5s ease-in-out 0.3s;
    -ms-transition:all 0.5s ease-in-out 0.3s;
}
.footer-left .foot-tips li .link-box{ position: absolute; width: 1200px; left: -240px; bottom: -68px; padding: 15px 0 15px 30px; z-index: 30; line-height: 150%;  text-indent: 0px; text-align: left; text-indent: 0px; font-size: 14px; letter-spacing:0; display: none;}
.footer-left .foot-tips li .link-box a{ display: inline-block; padding: 0 5px; color:#BEBDBD;}
.footer-left .foot-tips li.hover .link-box{ display: block;}
.link_show{ display: block;}


/*ZCX增加列表页和详情页*/
ul, ol{ list-style:none;}
a{ color:#666; text-decoration:none;}
.sg-nav { padding-top: 46px; font-size: 18px;}
.fl { float: left; display: inline;}
.clearfix:after,ul:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.clearfix {zoom:1;*zoom:1;}
body{ color:#555; background-color:#f8f8f8;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, select, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}

@media(max-width:1000px) {

body{ font-size:62.5%;}
.v2-content{ width:100%; overflow:hidden;}
.head{ height:auto;}
.logo{ float:none; width:80%; margin:0 auto; background-size:contain; height:90px; background-position:center;}
.logo a{ width:100%; height:90px;}
.top-right{ float:none; height:48px; line-height:48px; border-top:1px solid #eee;}
.sg-nav{ padding:0; width:100%;}
.sg-nav li{ margin:0; width:25%; text-align:center; font-size:16px;}
.sg-nav li:first-child{ display:none;}
#index-banner{ height:250px; position:inherit;}
.banner-list li{ height:250px;}
.banner-list li .big-banner{ height:100%; margin-left:-260px;}
.banner-list li .topinbox img{ width:100%;}
.index-content{ top:0px;}
#myfooter{ padding:20px 0;}
#myfooter .footer-left{ float:none; display:block; width:275px; margin:0 auto;}
.footer-left .tel{ font-size:32px;}
.footer-center{ display:none;}
#myfooter .footer-right{ float:none; display:block; text-align:center;}
.banner>a>img{ width:100%;}
.main_r{ display:none;}
.main_l{ float:none; width:100%;}
.banner{ width:100%; height:auto;}
.main{ width:100%;}
.content{ padding:15px;}
.content img{ width:100%; height:auto;}
.listconten{ padding:10px; overflow:hidden;}
.listconten p{ margin-right:0;}
.listconten h3{ margin-right:0;}
}

