/* CSS Document */
body{
    font: 13px/24px "微软雅黑","黑体", Arial,"宋体";
    color: #555;
    margin: 0;
    padding: 0;
    background:#fff;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span,a{ margin:0;padding:0;}
img{ border:0;}
ul,li,ol,ul {list-style:none;}
.clear{clear:both; height:0;}
a:hover{ text-decoration:underline; color:#e60012; }
a{ text-decoration:none; color:#555; }
.fr{ float:right}
.fl{ float:left}
.mid{ float:left}
.center{ width:1200px; margin:0 auto;}
.bg { background: #e60012;}


.icon{/* background: url(../images/icon.png) no-repeat left top transparent; */}


/* head css */
.head{ height:102px; padding-top: 30px; overflow: hidden;  position: relative; z-index: 4; background: #FFF;}
.head .center{ position:relative; height: 94px;}
.head .fl{ width: 754px; }
.head .fl a.logo{float: left;/* width: 279px; */height: 94px;/* margin-right: 6px; */}
.head .fl a.logo img{height: 94px;/* margin-right: 6px; */width: auto;margin-top: -15px;}
.dwy{ float: left; width: 469px; height: 94px; background-position: 0 0; background:url(../images/dwy.png) no-repeat left top transparent}

.head .fr{width: 136px; margin-right: 50px;}
.tel{ width: 136px; text-align: right; color: #e60012; font-size: 14px; line-height: 22px; }
.tel b{ display: block; font-size: 18px; font-family: arial; font-weight: normal;}
.tel em {width: 8px;height: 2px;display: block;/* background-color: #e60012; */margin: 11px 0 15px 128px;}
.mid{width: auto;height: 12px;/* margin-left: 26px; */float: right;margin-top: -10px;}
.mid a.icon {/* background: url(../images/icon.png) no-repeat left top transparent; */}
.mid a.bds_tsina , .mid a.bds_weixin { color: #fff; display: inline-block; padding: 0; margin: 0 0 0 20px; width: 14px; height: 12px;}
.mid a.bds_tsina { background-position: -16px -107px;}
.mid a.bds_weixin { background-position: -44px -106px;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { background-image: none;}
.hpic { width: 90px; height: 110px; position: absolute; top: 5px; left: 50%; margin-left: 510px; background-position: -395px -3px;}
/* head css end*/

/* menu css */
.menu {height: 55px; position: relative; z-index: 3; border-top: 1px solid #eee; background: #FFF;}
.menuname {position: absolute;top: -1px;left: 50%;margin-left: -600px;width: 118px;height: 40px;background: #e60012;z-index: 5;color: #fff3b2;font-size: 15px;letter-spacing: 3px;padding: 8px 35px;text-align: center;line-height: 20px;}
.menu .center{ position: relative; height: 55px;}
.menulihover{width: 78px; overflow: hidden; background:#e60012; height: 3px; position: absolute; left:75px; top:52px; -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s; display: none;}
.menu .center { width: 922px; margin-left: -322px;position: absolute; left: 50%; top: 0;}
.menu ul{ float: left;}
.menu ul li{width:131px; float:left; position:relative; z-index: 4;}
.menu ul li a{ display:block; -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s; line-height:55px; height: 55px;  font-size:16px;   color:#222; font-family: arial; font-weight: normal; text-align:center; position: relative; font-family: "微软雅黑";}
.menu ul li a:hover{
    color: #e60012;
    text-decoration: none;
    font-weight: bold;
}
.menu ul li a.over{
    color: #e60012; font-weight: bold;
}
.menu ul li a.hover{
    color: #e60012;
    font-weight: bold;
}
.menu ul ul{ position: absolute; z-index: 9999; width: 131px; padding-left: 0; left:0px; margin-left: 0; top:55px; height: auto; background-color:#FFF; display:none;  overflow: hidden;}
.menu ul ul li{ border-left:0; width:100%; padding: 0;}
.menu ul ul a{ font-size:14px; line-height:38px;-webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s; background:none; height:38px; border-left: 0; border-right: 0; overflow:hidden; text-align:center;  font-family:"微软雅黑"; padding-left:0; padding:0; font-weight:normal; display:block;}
.menu ul ul a:hover{  color: #fff; font-weight: normal; background-color:#e60012;}
.menu ul ul li{overflow: hidden; background:none; }
/* menu css end */


/* banner css */
.banner{ position:relative; z-index:1; height:640px;}
.banner .bannerpic{ position:absolute; left:0; top:0;  width:100%; display:block; height:640px; opacity: 0; filter: alpha(opacity=0);}
.banner_icon {position: absolute;overflow: hidden;left: 50%;bottom:16px;z-index: 3;height:20px; width:188px; margin-left:-94px; z-index: 6;}
.banner ul li {float: left;width: 35px; margin: 0px 6px;height:3px;overflow: hidden;cursor:pointer; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; background-color: #c4c7c4; font-weight: normal;border-radius:3px;  }
.banner ul .banner_icon_active {background-color: #e60012; -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg);  transform:rotateY(180deg);}
.nybanner{ height:400px; overflow:hidden;}
.nybanner .bannernav a{ height:400px;}


.banner span.prev , .banner span.next { cursor: pointer; z-index: 8; width: 17px; display: block; -webkit-transition: all .3s; transition: all .3s; position: absolute; top: 303px; left: 50%; height: 34px; background: url(../images/icon.png) no-repeat left top transparent;}
.banner span.prev { background-position: -131px -95px; margin-left: -698px; }
.banner span.next { background-position: -170px -95px; margin-left: 670px; }
.nybanner span.prev , .nybanner span.next { top: 180px;}
/* banner css END*/

/*main css*/

.screenhuiz { background: url(../images/huiz.jpg) no-repeat center center; height: 245px; width: 100%; margin-bottom: 42px;}
.screenhuiz .center { position: relative; height: 245px;}
.jijin { position: absolute; top: 130px; left: 242px; overflow: hidden;}
.jijin em { width: 0; height: 0; display: block; }
.jijin em.fl { border-top: 35px solid #333;border-right: 0px solid #333;border-bottom: 0px solid transparent;border-left: 35px solid transparent;}
.jijin em.fr { border-top: 35px solid #333;border-right: 35px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid #333;}
.jijin span { display: block; float: left; height: 35px; background: #333; font-size: 18px; color:  #fff3b2; line-height: 35px; letter-spacing: 5px; padding: 0 15px;}

/*search css*/
.searchbox{ position: absolute; right: 0; top: -32px; width: 180px; height: 30px; }
.searchbox input[type=text]{ width: 150px; height: 30px; color:#FFF; line-height: 30px; float: left; background: none;border: 0; font-family: arial; font-size: 12px; outline: none;}
.searchbox input[type=submit]{ width: 30px; outline: none; height: 30px; border: 0; background-position: -81px -97px; float: left; overflow: hidden; cursor: pointer; }
/*search css end*/

/*租车 css*/
.rental {text-align: center;/* color: #FFF; */line-height: 32px;margin-bottom: 40px;letter-spacing: 3px;padding-top:30px;}
.rental p span { font-size: 28px; font-weight: bold; display: inline-block; line-height: 42px;}
.carmenu { border-top: 2px solid #2f4864; height: 50px; margin-bottom: 20px; position: relative; }
.carnav { position: relative; width: 1080px; margin: 0 auto; }
.carmenu .carnav ul { overflow: hidden; }
.carmenu .carnav ul li { float: left;}
.carmenu .carnav ul li a { font-size: 16px; color: #FFF; width: 180px; height: 50px; line-height: 50px; display: block; text-align: center;-webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s;}
.carmenu .carnav ul li a:hover , .carmenu .carnav ul li a.hover , .carmenu .carnav ul li a.over { color: #fff3b2; text-decoration: none;}
.carlihover {width: 90px; overflow: hidden; background:#FFF; height: 2px; position: absolute; left:45px; top:-2px; -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s; z-index: 99;}
.carlist { width: 1200px; height: 740px; overflow: hidden; margin-bottom: 22px;}
.carlist ul { overflow: hidden; width: 1220px;}
.carlist ul li {float: left;margin: 0 20px 20px 0;/* border-radius: 10px; */}
.carlist ul li a {display: block;width: 285px;height: 360px;background: #f0f0f0;text-transform: uppercase;cursor: pointer;border-radius: 5px;}
.carlist ul li a h3 {height: 50px;overflow: hidden;background: #2f4864;text-align: center;color: #FFF;font-weight: bold;margin-bottom:30px;font-family:arial;line-height: 50px;font-size: 18px;-webkit-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.carlist ul li a p.carpic { width: 225px; height: 140px; margin: 0 auto; -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s; +display: inline; +margin: 0 30px;}
.carlist ul li a p.carpic img { width: 225px; height: 140px;}
.carlist ul li a div { width: 225px; padding: 0 30px 21px; border-bottom: 1px solid #ccc; margin-top: 14px; }
.carlist ul li a div p.cartitle {font-family: arial;font-size: 12px;line-height: 24px;margin: 0px 0 8px;height: 24px;width: 100%;overflow: hidden;}
.carlist ul li a div p.cartitle span { font-family: "微软雅黑"; font-size: 14px; display: inline-block;}
.carlist ul li a div p.carprice { color: #4f624b; font-size: 14px; line-height: 28px;}
.carlist ul li a div p.carprice em { font-size: 22px; font-style: normal;}
.carlist ul li a h4 { width: 285px; height: 40px; text-align: center; line-height: 40px; font-family: arial; color: #ccc; font-size: 24px;-webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s;}
.carlist ul li a:hover { text-decoration: none;}
.carlist ul li a:hover h3 { background: #333;}
.carlist ul li a:hover p.carpic { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.carlist ul li a:hover h4 { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); color: #e60012;}
/*租车 css end */

/*广告 css */
.guangg01 { background: url(../images/guangg01.jpg) no-repeat center center; height: 256px; position: relative; }
.carclick { position: absolute; top: 180px; left: 320px; overflow: hidden;}
.carclick a { display: block; cursor: pointer;}
.carclick a em { width: 0; height: 0; display: block; }
.carclick a em.fl { border-top: 35px solid transparent;border-right: 15px solid #e32d1c;border-bottom: 0px solid #e32d1c;border-left: 0px solid transparent;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.carclick a em.fr { border-top: 35px solid #e32d1c;border-right: 15px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid #e32d1c;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.carclick a span { display: block; float: left; height: 35px; background: #e32d1c; font-size: 15px; font-weight: bold; font-style:italic; color:  #fff; line-height: 35px; padding: 0 15px;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.carclick a:hover { text-decoration: none;}
.carnum { color: #030201; letter-spacing: 5px; text-align: center; line-height: 14px; line-height: 30px;}
.carphone { position: absolute; bottom: 0; left: 393px;}
.carphone em { width: 0; height: 0; display: block; }
.carphone em.fl { border-top: 34px solid transparent;border-right: 15px solid #030201;border-bottom: 0px solid #030201;border-left: 0px solid transparent;}
.carphone em.fr { border-top: 34px solid #030201;border-right: 15px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid #030201;}
.carphone span { display: block; float: left; height: 34px; background: #030201; font-size: 20px; font-weight: bold; font-style:italic; color:  #fff; line-height: 33px; padding: 0 15px;}

.guangg02 { background: url(../images/guangg02.jpg) no-repeat center center; height: 90px; padding: 30px 0 0 25px; width: 1175px; margin: 22px auto;}
.guangg02 h3 { font-size: 28px; font-weight: bold; color: #FFF; line-height: 34px; margin-bottom: 5px; letter-spacing: 2px;}
.guangg02 p { letter-spacing: 5px; color: #615129; font-size: 14px; line-height: 24px;}
.guangg02 span { display: inline-block; margin-right: 15px;}
/*广告  css end */

/*维修  css */
.repair { position: relative;}
.repair ul { height: 255px; overflow: hidden; margin-bottom: 58px;}
.repair ul li { width: 1200px; height: 260px; margin-bottom: 22px; }
.repair ul li.no1 {background: #222 url(../images/repairpic01.jpg) no-repeat left center; position: relative; }
.repair ul li.no2 {background: #222 url(../images/repairpic02.jpg) no-repeat right center; position: relative; }
.repair ul li.no3 {background: #222 url(../images/repairpic03.jpg) no-repeat left center; position: relative; }
.repairlist { width: 270px; position: absolute; left: 865px; top: 43px;}
.repairlist h3 { margin-bottom: 13px;}
.repairlist h3 a { font-size: 24px; font-family: "微软雅黑"; font-weight: bold; color: #FFF; line-height: 42px;}
.repairtext { font-size: 14px; line-height: 28px; color:  #FFF; height: 56px; overflow: hidden;}
.repairmore { margin-top: 36px;}
.repairmore a { display: block; height: 26px; width: 90px; cursor: pointer;}
.repairmore a span { width: 70px; height: 26px; background: #2f4864; display: inline-block; float: left; color: #5d624b;}
.repairmore a em {display: inline-block; float: left; width: 0; height: 0;border-top: 26px solid #2f4864;border-right: 20px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid #2f4864;}
.repairlist a:hover span { color: #FFF;}
.repair ul li.no2 .repairlist { left: 66px;}
.repairbox { width:66px; height: 26px; position: absolute; left: 0; top: 190px; background: #2f4864;}
/*维修  css end */

/*理由  css */
.screenreason { background: #2f4864; width: 100%; height: 845px; overflow: hidden; position: relative;}
.screentitle01 { font-family: "百度综艺简体","微软雅黑"; font-size: 24px; color: #00824f; font-weight: bold; position: absolute; left: 50%; margin-left: -460px; top: 208px; z-index: 2;}
.screentitle02 { position: absolute; left: 50%; margin-left: -460px; top: 342px; color: #FFF; letter-spacing: 16px; z-index: 2;}
.reasonpic {background: url(../images/reasonpic.jpg) no-repeat center center; width: 869px; height: 845px; position: absolute; left: 50%; top: 0; margin-left: -880px;}
.reason { position: absolute; left: 50%;  top: 30px; width: 100%; margin-left: -83px; }
.reason ul li { margin-bottom: 22px; width: 100%;}
.reason ul li h3 { height: 42px; background:#e60012 url(../images/icon.png) no-repeat -354px -154px; padding-left: 68px; color: #FFF; font-size: 18px; font-weight: bold; line-height: 42px; margin-bottom: 10px;}
.reason ul li .reasontext { color: #444; font-size: 12px; line-height: 20px; margin-left: 44px; width: 574px;  overflow:hidden; }
.reason ul li.no2 , .reason ul li.no4 { margin-left: 58px;}
.reason ul li.no3 { margin-left: 120px;}
/*理由  css end */

.guangg03 { background: url(../images/guangg03.jpg) no-repeat center center; margin: 0px auto 48px; }
.guangg03 a { height: 233px; padding: 47px 100px 0; width: 1000px; display: block; }
.guanggtitle { font-family: "Adobe 黑体 Std"; color: #e60012; font-size: 35px; line-height: 45px; }
.guanggtext { font-family:"微软雅黑"; font-size: 24px; color:  #FFF; background: #e60012; padding: 0 42px; height: 40px; line-height: 40px; display: inline-block; letter-spacing: 30px; +width: 432px; margin:10px 0 24px;}
.guanggphone { font-family: Brandon Text; font-size: 24px; color: #4f624b; background-position: -455px -163px; padding-left: 20px; margin-left: 168px;}
.guanggclick { margin: 16px 0 0 209px; width: 96px; height: 34px; color: #FFF; display: block; background: #ee3636; line-height: 34px; text-align: center; font-size: 15px;}
.guangg03 a:hover { text-decoration: none;}

/*优势  css */
.youshi { width: 1200px; overflow: hidden; margin-bottom: 63px;}
.youshi ul { width: 1237px; overflow: hidden;}
.youshi ul li {float: left;margin-right: 37px;/* border: 10px; */}
.youshi ul li a {width: 210px;height: 182px;background: #f0f0f0;display: block;text-align: center;padding-top: 28px;border-radius: 10px;}
.youshi ul li a p { width: 42px; height: 42px; margin: 0 auto; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
.youshi ul li a h3 { font-size: 18px; color: #e60012; font-weight: bold; line-height: 30px; margin: 20px 0 23px; }
.youshi ul li a h4 { width: 32px; height: 32px; margin: 0 auto; border-radius: 50%; background: #e60012; color: #FFF; line-height: 32px;transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
.youshi ul li a:hover { text-decoration: none; background: #2f4864; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
.youshi ul li a:hover h3 { color: #FFF;}
.youshi ul li a:hover h4 { color: #2f4864; background: #FFF;}


/*优势  css end */

/*合作伙伴  css */
.partner { float: left; width: 700px; overflow:hidden; }
.partner-title {font-size: 24px; font-weight: bold; color: #FFF; line-height: 34px; margin-bottom: 25px;}
.partner ul { width: 720px; height: 180px; overflow: hidden;}
.partner ul li { float: left; margin: 0 20px 20px 0;}
.partner ul li a { display: block; width: 160px; height: 80px; overflow: hidden;  }
.partner ul li a img { width: 160px; height: 80px; transition: all .3s;}
.partner ul li a:hover img { transform: scale(1.1);}
.partner-more { margin-top: 31px;}
.partner-more a { width: 700px; height: 38px; display: block; background: #2f4864; text-align: center; line-height: 38px; color: #FFF; font-size: 14px;}
/*合作伙伴  css end */

/*在线留言  css */
.online { float: right; width: 370px;}
.online .partner-title { margin-bottom: 13px;}
.online input[type=text]{ width: 370px; height: 35px; color:#ccc; line-height: 35px; background: none;border: 0; font-size: 12px;  border-bottom:1px solid #7d8e7a; outline: none; margin-bottom: 14px; }
.online textarea {background: none;border: 0;border-bottom:1px solid #7d8e7a;width: 370px;height: 82px;outline: none;margin-bottom: 30px;line-height: 20px;color:#999; *color:#ccc; +margin-bottom: 25px;}
.online input[type=submit]{width: 370px; height: 38px; display: block; background: #2f4864; text-align: center; line-height: 38px; color: #FFF; font-size: 14px; border: none; cursor: pointer; }
/*在线留言  css end */

/*关于  css end */
.screenabout {height: 321px;margin-top: 70px;padding-top: 70px;}
.about { overflow: hidden;}
.aboutpic { float: left; width: 400px;height: 300px}
.aboutpic a {width: 374px;height: 274px;border: 13px solid #efecec;display: block;overflow: hidden;}
.aboutpic a img { width: 374px; height: 274px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
.aboutpic a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.aboutbox { float: right; width: 756px;}
.aboutbox h3 {/* color: #f6f6f6; */font-size: 18px;line-height: 30px;margin: 13px 0 24px;}
.abouttext {font-size: 14px;line-height: 32px;/* color: #f6f6f6; */height: 128px;overflow: hidden;}
.aboutmore { margin-top: 56px;}
.aboutmore a {width: 130px;height: 38px;display: block;background: #2f4864;text-align: center;line-height: 38px;color: #fff;font-size: 14px;}
.aboutmore a:hover { color: #FFF;}
/*关于  css end */

.honortitle { margin: 44px auto; overflow: hidden;}
.honortitle em { float: left; width: 500px; height: 1px; background: #889687; margin-top: 20px;}
.honortitle span { float: left; width: 200px; height: 40px; display: block; color: #FFF; line-height: 40px;font-weight: bold; text-align: center; font-size: 28px;}
.honor { overflow: hidden;}
.honor ul { width: 1220px; overflow: hidden;}
.honor ul li { float: left; margin-right: 20px;}
.honor ul li a { width: 217px; height: 160px; padding: 25px 32px; background: #FFF; border: 1px solid #FFF; display: block; }
.honor ul li a img {width: 217px; height: 160px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
.honor ul li a:hover img {transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.honor ul li a:hover { border: 1px solid #2f4864; }

.news {background: #FFF;/* padding: 40px; */overflow: hidden;/* width: 1120px; */margin-bottom: 56px;}
.newsleft {float: left;width: 100%;}
.newstitle {width: 100%;overflow: hidden;}
.newstitle .name { line-height: 16px; color: #ccc; text-transform: uppercase; float: left; margin-right: 14px; }
.newstitle .name span { display: inline-block; line-height: 30px; font-size: 24px; color: #333; }
.newstitle .line {float: left;width: 100%;height: 1px;background: #e5e5e5;margin-top: 16px;}
.newstitle .more { width: 30px; height: 30px; float: right; margin-top: 2px;}
.newstitle .more a { display: block; width: 28px; height: 28px; border: 1px solid #CCC; color: #999; text-align: center; line-height: 28px;}
.newstitle .more a:hover { text-decoration: none; color: #e60012; border: 1px solid #e60012;}

.newssubtitle { margin: 28px 0 11px; }
.newssubtitle a { color: #999; font-size: 16px; line-height: 36px; margin-right: 75px; display: inline-block;}
.newssubtitle a:hover , .newssubtitle a.hover { text-decoration: none; color: #4f624b;  }
.newsbox { height: 225px; overflow: hidden;}
.newsbox ul {width: 100%;padding: 11px 0 0 325px;height: 214px;margin: 10px -30px 0;}
.newsbox ul li {position: relative;margin-bottom: 34px;height: 45px;float: left;margin-left: 30px;}
.newsbox ul li .newspic {width: 300px;height: 225px;position: absolute;left: -325px;top: 0;}
.newsbox ul li .newspic a { width: 300px; height: 225px; overflow: hidden; }
.newsbox ul li .newspic a img { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
.newsbox ul li .newspic a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.newsbox ul li a { display: block; cursor: pointer;}
.newsbox ul li a dl { overflow: hidden;}
.newsbox ul li a dl dt { width: 70px; text-align: right; padding-right: 13px; border-right: 1px solid #CCC; float: left;}
.newsbox ul li a dl dt span { font-family:arial; font-size: 26px; color: #ccc; }
.newsbox ul li a dl dt em { font-family:arial; font-size: 12px; color: #ccc; font-style: normal; }
.newsbox ul li a dl dd { float: left; margin-left: 14px; width: 305px;}
.newsbox ul li a dl dd .newsbiaoti {color: #666;line-height: 20px;font-size: 14px;height: 20px;overflow: hidden;}
.newsbox ul li a dl dd .newstext { color: #999; line-height: 25px; overflow: hidden; height: 25px;}
.newsbox ul li a:hover dl dd .newsbiaoti { color: #e60012; font-weight: bold;}
.newsbox ul li a:hover { text-decoration: none;}


.newsright { float: right; width: 340px; }
.newsright .newstitle { width: 340px;}
.newsright .newstitle .line { width: 200px;}
.faq { margin-top: 40px; height: 252px; overflow: hidden; +position: relative;}
.faq ul { height: 287px; overflow: hidden;}
.faq ul li { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px dashed #ccc; height: 90px;}
.faq ul li .faqtitle {position: relative;padding-left: 40px;margin-bottom: 10px;height: 30px;}
.faq ul li .faqtitle a {line-height: 28px;font-size: 14px;color: #666;display: block;height: 28px;overflow: hidden;}
.faq ul li .faqtext { font-size: 14px; line-height: 26px; position: relative; padding-left: 40px; height: 52px;  overflow: hidden;}
.faq ul li i { font-style: normal; width: 28px; height: 28px; display: block; position: absolute; left: 0; line-height: 28px; text-align: center; background: #2f4864; color: #FFF;}
.faq ul li .faqtext i { background: #e60012;}
.faq ul li .faqtitle a:hover { color: #e60012; text-decoration: none;}


.footnav { border-top: 1px solid #e60012; background: #e60012;}
.footnav .center { overflow: hidden; }
.footnav dl { float: left; padding: 46px 65px; height: 266px; border-left: 1px solid #e60012; border-right: 1px solid #002014;}
.footnav dl dt {}
.footnav dl dt a { font-size: 15px; color: #FFF; line-height: 32px; display: block;}
.footnav dl dd {}
.footnav dl dd a { line-height: 26px; color: #189a67; font-size: 13px; display: block;}
.footnav dl.no1 { padding-left: 0; border-left: 0;}
.footnav dl.no2 { padding-right: 0; border-right: 0;}

.footer {background: #232c22;height: 370px;/* padding-top: 60px; */}
.footer .center { position: relative; height: 370px; }
.footer .footnum { background: url(../images/footer.jpg) no-repeat center center; position: absolute; right: 470px; top: 21px; width: 1090px; height: 68px;}
.footphone  { position: absolute; left: 0; top: 35px;}
.footEmail { position: absolute; left: 297px; top: 35px;}
.footphone , .footEmail {color: #232c22; line-height: 40px; }
.footphone i {background-position: -236px -92px; }
.footphone i , .footEmail i {width: 26px; height: 40px; display:inline-block; float: left; margin-right: 14px; }
.footphone em , .footEmail em { display:inline-block; float: left; font-size: 14px; font-style: normal; }
.footphone span , .footEmail span { font-size: 24px; font-family: arial; display: inline-block; float: left; font-weight: bold;}
.footEmail i {background-position: -284px -92px; }

.foottext {position: absolute;left: 0;top: 56px;}
.footicon { width: 12px; height: 80px; float: left;}
.footicon em { width: 12px; height: 40px; display: block; }
.footicon em.icon01 { background-position: -331px -92px; }
.footicon em.icon02 { background-position: -354px -92px; }
.footadd { float: left; color: #ccc; line-height: 40px; margin-left: 10px;}

.footclick { position: absolute; left: 0; top: 186px;}
.footclick p , .footclick p a  { color: #595f58; line-height: 30px; font-family: "微软雅黑";}
.footclick p a:hover { color: #2f4864;}

.footpic { position: absolute; right: 0; top: 0;}
.footpic p.ewmname {line-height: 35px;/* color: #232c22; */font-size: 14px;text-align: center;margin-bottom: 20px;margin-top: 20px;}
.footpic p span { width: 150px; height: 150px; display: inline-block; margin-left: 25px;}

.link { overflow: hidden; border-top: 1px solid #394138; position: absolute; top: 305px; left: 0; width: 1200px;}
.link , .link a { line-height: 65px;  font-size: 14px; color: #889187; }
.link a {margin: 0 15px;display: inline-block;}
/*main css end*/


/* 内页 css */

.nyvideo{ width: 800px; height: 500px; margin: 0 auto;}
.nymain{ overflow: hidden; width: 1200px; margin: 0 auto; padding-bottom:50px; padding-top: 40px;}

/* main css */



/* left public css */
.prolist{ height: auto; background-color: #f7f7f7;  overflow: hidden;}
.prolist h3{ height:60px; line-height: 60px; padding: 0 20px; background-color: #e60012; color: #fff; font-size: 18px; font-weight: normal;}
.prolist ul{ padding:10px 20px 20px;}
.prolist ul li{  line-height: 46px; }
.prolist ul li a{ display: block; font-size: 16px; border-bottom: 2px solid #fff; padding-left: 30px; position: relative;}
.prolist ul li a em { position: absolute; width: 3px; height: 20px; left: 10px; top: 13px; background: #e60012; +top: 3px;}
.prolist ul li a:hover{ text-decoration: none;}
.prolist ul li a.on, .prolist ul li a.hover{ color: #e60012;}
.prolist ul ul{ background-color: #FFF; display: none; padding: 10px 20px; margin: 10px auto 0; width: 160px;}
.prolist ul ul li { line-height: 20px; padding: 10px 0; border-bottom: 1px solid #f7f7f7;}
.prolist ul ul li a{ line-height: 20px; font-size: 14px; color: #555; border-left: 3px solid #e60012; padding-left: 15px;}
.prolist ul ul li:last-child { border-bottom: 0;}
.prolist ul ul li a:hover{ color: #e60012;}



.left { width: 270px; float: left;}
.contact{ margin-top: 25px;}
.contacttitle{border-bottom: 8px solid #f7f7f7;
    height: 28px;
    line-height: 22px;
    position: relative; padding-bottom: 10px;}
.contacttitle h3 {
    color: #e60012;
    float: left;
    font-size: 18px;
    transition: all 0.3s ease 0s; font-weight: normal;
}
.contacttitle .more{ float: right;}
.contacttitle .more a{ color: #999;}
.contacttitle .more a:hover{ color: #e60012;}
.contactmain{ padding-top: 10px; line-height: 26px; background-color: #f7f7f7; padding: 20px;}

/* right public css */
.right{ float: right; width:895px;}
.site{ float: right;}
.site a:hover{ color: #e60012; text-decoration: none;}
.righttitle{ border-bottom: 8px solid #f7f7f7;
    height: 50px;
    line-height: 50px;}
.righttitle h3{border-left: 3px solid #e60012;
    color: #e60012;
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
    padding: 0 12px 0 15px;}
.nycenter{ overflow: hidden; padding: 30px 0;}



/*新闻列表 css */
.ArticleCategory li{height: 52px;line-height: 52px;border-bottom: 1px solid #f4f4f4;overflow: hidden;position: relative;}
.ArticleCategory li .ivu-badge-count{/* height: 52px; *//* line-height: 52px; *//* border-bottom: 1px solid #f4f4f4; *//* overflow: hidden; *//* position: relative; */top: 0px;right: 150px;font-size: 12px;}
.ArticleCategory li em{ float: right; font-style: normal; font-size: 12px; color: #999;}
.ArticleCategory li a{ display: block;}
.ArticleCategory li a:hover{ text-decoration: none; color: #e60012;}
.ArticleCategory li a:hover em{ color: #e60012;}
.page{ text-align: center; padding-top: 20px;}

/*新闻详细 css */
.nycenter h1{ font-size: 22px; text-align: center; padding-top: 10px; font-weight: normal; color: #000;}
.fbtime{ line-height: 32px; text-align: center; padding: 10px 0 0; border-bottom: 1px dashed #ccc; margin-bottom: 20px;}

/*产品列表 css */
.ProductCategory li{width:281px;float: left;padding-right: 26px;text-align: center;line-height: 32px;padding-bottom:20px;position: relative;}
.ProductCategory li p{width:281px;height: 30px;overflow: hidden;}
.ProductCategory { width: 950px;}
.ProductCategory li a{ display: block; -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s;}
.ProductCategory li a img{ display: block;  -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s; margin: 35px auto;}
.ProductCategory li a:hover{ text-decoration: none; color: #e60012;}
.ProductCategory li a:hover img{  -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.nrproimg{ width: 279px; height: 211px; position: relative; *z-index: -1; overflow: hidden; border: 1px solid #ddd; -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s;}
.ProductCategory li a:hover .nrproimg{ border-color: #e60012;}

.gbookbg input[type="text"]{ border: 1px solid #ccc; width: 350px; height: 32px; line-height: 32px; padding: 0 5px; margin-left: 10px; outline: none;}
.gbookbg td{ padding-bottom: 5px;}
.gbookbg td em{ color: red; font-style: normal;}
.gbookbg textarea{ padding: 5px; font-size: 13px; outline: none; font-family: "微软雅黑"; border: 1px solid #ccc; height: 88px; line-height: 22px; width: 350px; margin-left: 10px;}
.gbookbg td input[type="submit"], .gbookbg td input[type="reset"]{ height: 32px; font-family: "微软雅黑"; line-height: 32px; width: 100px; text-align: center; border: 0; background-color: #555; color: #fff; cursor: pointer; margin-top: 5px;}
.gbookbg td input[type="submit"]{ background-color: #e60012;}



.gbooklist { overflow: hidden; padding-top: 40px;}
.gbooklist ul li{ padding-bottom: 15px;}
.lytitle{ overflow: hidden;}
.lytitle .time{ float: right; color: #999;}
.lytitle  span{ padding: 0 20px;}
.lynr{ padding: 20px; margin: 10px 0 0; background-color: #f4f4f4;}
.lyhf{ padding-bottom: 10px; border: 1px solid #f4f4f4; padding: 20px; border-top: 0;}

.downlist{ overflow: hidden; position: relative; border-bottom: 1px dashed #ccc; padding: 20px 150px 20px 0;}
.downlist dt{ position: absolute; right: 0; height: 38px; width: 100px; text-align: center; color: #fff; line-height: 38px;   top:50%; margin-top: -19px;}
.downlist dt a{ display: block;  color: #fff; background-color: #e60012; border-radius:10px;}
.downlist dt a:hover{ background-color: #ff872c; text-decoration: none;}
.downlist dd a{ display: block; font-size: 16px; font-weight: bold; color: #333;}
.downlist dd a:hover{ text-decoration: none; color: #e60012;}
.downlist dd span{ display: block; color: #999; font-size: 12px;}
.downlist dd p{ height: 48px; overflow: hidden; padding-top: 5px; color: #666;}

.tabledown{ margin: 0 auto;}
.tabledown td{ line-height: 36px; border-bottom: 1px solid #ccc;}
.tabledown th{ border-left: 1px solid #f4f4f4; background-color: #f4f4f4; height: 46px; line-height: 46px;}
.tabledown td span{ color: #999; display: inline-block; width: 73px;}
#Count{ color: red; width:auto}
.tabledown td.last{ line-height:22px; padding: 20px 0;}


.khjzlist{ overflow: hidden; background-color:#f4f4f4; padding: 10px; margin-bottom: 15px; width: 420px; margin-right:15px; float: left;}
.khjzlist:hover{ background-color:#eee;}
.khjzlist dt{ float: left; width: 120px; height: 120px; overflow: hidden; border-radius: 50%;}
.khjzlist dt img{ display: block;  -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 50%;}
.khjzlist:hover dt img{-webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg);}
.khjzlist dd{ width:285px; float: right;}
.khjzlist dd a.khjzmore{ display: inline-block; line-height:24px; width: 92px; text-align: center; background-color: #999; color: #fff; position: relative; overflow: hidden;}
.khjzlist dd a.khjzmore span{ position: relative; z-index: 3;}
.khjzlist dd a.khjzmore:before{ position: absolute;-webkit-transition: all 0.3s; transition: all 0.3s; height:0; top:0; left:0; width: 0; border:0px solid transparent; border-top-color: #e60012;  content: ""; z-index: 2;}
.khjzlist:hover dd a.khjzmore:before{border-width: 120px 120px 0 0;}
.khjzlist dd p{ height: 44px; overflow: hidden; padding-top:5px; margin-bottom: 15px;}
.khjzlist dd h3{ line-height: 28px;}
.khjzlist dd h3 a{ display: block;}

/*放大镜效果*/
.magnifier{ width: 100%; overflow: hidden;}
.magnifier_rf{ text-align: left;}
.magnifier_rf h1{ text-align: left;}
.magnifier_rf .fbtime{ text-align: left;}
.magnifier_lf{ float: left; width: 452px; position: relative; -moz-user-select:none;-webkit-user-select:none;user-select:none;} /*去除选择效果*/
.magnifier_rf{ float: right; width: 46%;}
#jqzoom{ position: relative; width: 452px; height: 452px; cursor: move; margin-bottom: 10px;}
#jqzoom img{ display: block; border: 1px solid #ddd;}
.jqzoomlist{ overflow: hidden; position: relative; height: 74px;}
.jqzoomlist li{ width: 74px; float: left; margin-right: 8px; height: 74px;}
.jqzoomlist li img{ display: block; width:72px; height:72px; border: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s;}
.jqzoomlist li.on img{ border-color: #e60012; }
.jqzoomlist span{ display: block; z-index: 3; position:absolute; left:0; -webkit-transition: all .3s; transition: all .3s; top: 0; width: 18px; text-align: center; font-family:"宋体"; background-color:#eee; height:74px; line-height: 74px; margin-right: 10px; cursor: pointer;}
.jqzoomlist span:hover{ color: #fff; background-color: #ccc;}
.jqzoomlist span.next{right: 0; left: auto; margin-right: 0;}
.jqzoomlist ul{ left: 25px; width: 3000px; position: absolute; top: 0;}

#bigzoomimg{ position: absolute; right:-447px; top: 0; width: 430px; height: 430px; border: 1px solid #ddd; overflow: hidden; display: none;}
#bigzoomimg img{ position: absolute; left: 0; top: 0;}
#zoommark2{ background: url(../images/zoom.png) repeat left top transparent; display: none; position: absolute; left: 0; top: 0; z-index: 3; width: 200px; height: 200px;}


/*详细页切换标签*/
.ProductContent{ overflow: hidden; padding-top: 40px;}
.ProductContenttab{ overflow: hidden; background-color: #f6f6f6; padding-left: 1px; -moz-user-select:none;-webkit-user-select:none;user-select:none;}
.ProductContenttab span{ display: block; cursor: pointer; width:131px; float: left;  color: #333; font-size: 15px; text-align: center; line-height: 42px; border-top: 2px solid transparent;}
.ProductContenttab span.on{ background-color: #fff; color: #e60012; border-top-color: #e60012; font-weight: bold;}
.ProductContentlistnr{ padding-top: 20px; display: none;}

/* 内页 css END*/




.ProductCategory.nyryzz li{
    width: 281px;
    height: 222px;
    background-color: #f6f6f6;
    margin-bottom: 25px;
    margin-right: 25px;
    -webkit-transition: all .3s;  -ms-transition: all .3s;
    transition: all .3s; padding: 0;
}
.ProductCategory.nyryzz li a{
    display: block;
    width: 217px;
    overflow: hidden;
    margin: 15px auto;
}
.ProductCategory.nyryzz li:hover{
    background-color: #e60012;
}
.ProductCategory.nyryzz .nrproimg{ border: 0; }
.ProductCategory.nyryzz li a img , .ProductCategory.nyhzhb li a img{
    display: block; margin: 0;
}
.ProductCategory.nyryzz li:hover a{ color: #fff;}
.ProductCategory.nyryzz li a:hover img{ transform: scale(1); }

.nyhzhb li{
    width: 204px;
    margin-bottom: 15px;
    margin-right: 25px;
    -webkit-transition: all .3s;  -ms-transition: all .3s;
    transition: all .3s; padding: 0;
}
.nyhzhb li .nrproimg{ border:2px solid #F6F6F6; padding: 20px;}

.banner {
    width: 100%;
    height: 550px;
    overflow: hidden;
    position: relative;
    font-size: 0;
}

.b-img {
    height: 500px;
    position: absolute;
    left: 0;
    top: 0
}

.b-img a {
    display: block;
    height: 550px;
    float: left
}
.b-img a img {
    width: 100%;
    height: 550px;
    float: left;
}


.b-list {
    height: 50px;
    padding-top: 500px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}

.b-list span {
    display: block;
    cursor: pointer;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 3px solid #fff;
    float: left;
    margin: 0 5px;
    _margin: 0 3px
}

.b-list .spcss {
    border: 3px solid #e60012
}

.bar-left {
    position: absolute;
    z-index: 1;
    display: block;
    width: 100px;
    height: 100%;
    left: 0;
    background: 0 0;
    top: 0
}

.bar-right {
    position: absolute;
    z-index: 1;
    display: block;
    width: 100px;
    height: 100%;
    right: 0;
    background: 0 0;
    top: 0
}

.bar-left em {
    display: block;
    width: 50px;
    height: 100px;
    background: url(../images/arrow.png) 0 0 no-repeat;
    margin: 0 auto;
    margin-top: 225px
}

.bar-right em {
    display: block;
    width: 50px;
    height: 100px;
    background: url(../images/arrow.png) -50px 0 no-repeat;
    margin: 0 auto;
    margin-top: 225px;
}

.bar-left .emcss {
    background-position: 0 -100px
}

.bar-right .emcss {
    background-position: -50px -100px
}

.content img {
    max-width: 100%;
}

.page{
    list-style: none;
}

.page li{
    border: solid thin #DDDDDD;
    margin: 5px;
    float: left;
    /* padding: 5px 10px; */
    cursor: pointer;
}
.page li.active{
    border: solid thin #2f4864;
    margin: 5px;
    background-color: #2f4864;
    color:white;
}
.page li:hover{
    border: solid thin #2f4864;
    background-color: #2f4864;
    color:white;
}
.page li a, .page li span{

    /* color:white; */

    padding: 5px 10px;
}
.page li:hover a{

    color:white;

}
.page li.disable{
    border: solid thin #DDDDDD;
    margin: 5px;
    background-color: #DDDDDD;
}


.clearfix:after {
    content: "." ;
    display: block ;
    height: 0 ;
    clear: both ;
    visibility: hidden ;
}
.clearfix{ display: inline-block; }
/*  Hides from IE-mac  \*/
*html .clearfix{ height:1%; }
.clearfix{ display:block; }
/*  End hide from IE-mac   \*/


/* Styles for the currently selected thumbnail */

.sp-thumbs a:active, .sp-current {
    opacity: 1!important;
    position: relative;
}

/* Image currently being viewed */

.sp-large {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
}
.sp-large a img {
    max-width: 100%;
    height: auto;
}
.sp-large a {
    display: block;
}

.exzoom {
    box-sizing: border-box
}

.exzoom * {
    box-sizing: border-box
}

.exzoom .exzoom_img_box {
    background: #eee;
    position: relative
}

.exzoom .exzoom_img_box .exzoom_main_img {
    display: block;
    width: 100%
}

.exzoom .exzoom_preview {
    margin: 0;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 999;
    background-color: #fff;
    border: 1px solid #ddd;
    display: none
}

.exzoom .exzoom_preview .exzoom_preview_img {
    position: relative;
    max-width: initial!important;
    max-height: initial!important;
    left: 0;
    top: 0
}

.exzoom .exzoom_nav {
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    left: 15px
}

.exzoom .exzoom_nav .exzoom_nav_inner {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

.exzoom .exzoom_nav .exzoom_nav_inner span {
    border: 1px solid #ddd;
    overflow: hidden;
    position: relative;
    float: left
}

.exzoom .exzoom_nav .exzoom_nav_inner span.current {
    border: 1px solid #f60
}

.exzoom .exzoom_nav .exzoom_nav_inner span img {
    max-width: 100%;
    max-height: 100%;
    position: relative
}

.exzoom .exzoom_btn {
    position: relative;
    margin: 0
}

.exzoom .exzoom_btn a {
    display: block;
    width: 15px;
    border: 1px solid #ddd;
    height: 60px;
    line-height: 60px;
    background: #eee;
    text-align: center;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -62px;
    text-decoration: none;
    color: #999
}

.exzoom .exzoom_btn a:hover {
    background: #f60;
    color: #fff
}

.exzoom .exzoom_btn a.exzoom_next_btn {
    left: auto;
    right: 0
}

.exzoom .exzoom_zoom {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 5;
    cursor: pointer
}

@media screen and (max-width:768px) {
    .exzoom .exzoom_zoom_outer {
        display: none
    }
}

.exzoom .exzoom_img_ul_outer {
    border: 1px solid #ddd;
    position: absolute;
    overflow: hidden
}

.exzoom .exzoom_img_ul_outer .exzoom_img_ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: absolute
}

.exzoom .exzoom_img_ul_outer .exzoom_img_ul li {
    list-style: none;
    display: inline-block;
    text-align: center;
    float: left
}

.exzoom .exzoom_img_ul_outer .exzoom_img_ul li img {
    width: 100%
}
#exzoom {
    width: 400px;
    /*height: 400px;*/
    margin: 20px auto;
}

.detail{
    width: 100%;
    margin-top: -20px;
}
.detail .album{
    float: left;
}
.detail .meta{
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 475px;
}
.detail .meta h1 {
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 0;
    width: 100%;
    overflow: hidden;
}
.detail .meta .desc {
    height: 335px;
    overflow: hidden;
}

.panel {

    padding: 10px 0;
}
.panel.promo-price {
    background-color: #e9e9e9;
}

.panel dt {
    display: inline-block;
    margin-right: 5px;
}
.panel dt.label {
    color: #999;
    font-size: 12px;
    text-align: left;
    float: left;
    width: 80px;
    margin: 0 0 0 12px;
}
.panel dt.yen {
    vertical-align: bottom;
    color: #e60012;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
}

.panel dt.price{
    vertical-align: middle;
    font-size: 30px;
    color: #e60012;
    font-weight: bold;
}

.panel .btn {
    /* margin-right: 0; */
    /* float: left; */
    overflow: hidden;
    position: relative;
    width: 178px;
    5: 500;
    border: 1px solid #e60012;
    color: #e60012;
    display: inline-block;
    padding: 10px 20px;
    margin-right: 30px;
    text-align: center;
}
.panel .btn.buy{
    background-color: #e60012;
    border: 1px solid #e60012;
    color: #fff;
    margin-right: 0;
}

.tab{
    width: 100%;
    position: relative;
    /* height: 48px; */
    border: 1px solid #dfdfdf;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-bottom: none;
    border-left: none;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
}
@font-face {
    font-family: 'iconfont';  /* project id 1348747 */
    src: url('//at.alicdn.com/t/font_1348747_4qikdmlbik5.eot');
    src: url('../fonts/font_1348747_4qikdmlbik5.eot') format('embedded-opentype'),
    url('../fonts/font_1348747_4qikdmlbik5.woff2') format('woff2'),
    url('../fonts/font_1348747_4qikdmlbik5.woff') format('woff'),
    url('../fonts/font_1348747_4qikdmlbik5.ttf') format('truetype'),
    url('../fonts/font_1348747_4qikdmlbik5.svg#iconfont') format('svg');
}
.icon {
    width: 42px;
    height: 42px;
    font-size: 42px;
}
.mid span{
    color: #2f4864;
    width: 35px;
    height: 35px;
    font-size: 35px;
    margin-left: 5px;
}

.ivu-badge-count {
    font-family: Monospaced Number;
    line-height: 1;
    vertical-align: middle;
    position: absolute;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    top: -5px;
    right: 39px;
    height: 20px;
    border-radius: 10px;
    min-width: 20px;
    background: #ed4014;
    border: 1px solid transparent;
    color: #fff;
    line-height: 18px;
    text-align: center;
    padding: 0 6px;
    font-size: 12px;
    white-space: nowrap;
    -webkit-transform-origin: -10% center;
    transform-origin: -10% center;
    z-index: 10;
    box-shadow: 0 0 0 1px #fff;
}


.exzoom_img_ul img {
width: 100%;
    height: auto;}









@media screen and (max-width: 640px) {
 

.newsbox ul li,.center,.youshi ul li a,.youshi ul li,.youshi ul,.youshi,.carlist,.carlist ul,.carlist ul li,.carlist ul li a div,.carlist ul li a
{
    width: 100%;
    
}
.aboutbox,.aboutpic{
width: 50%;
}
.youshi ul li a{
    margin-bottom: 20px;
}
.aboutpic a {
    width: 80%;
    height: auto;
    border: 5px solid #efecec;

}
.aboutpic a img {
   width: 100%;
    height: auto;

}
.newsbox ul {
    width: 100%;
    padding: 0;
    height: auto;
    margin: 0;
}
.newsbox ul li .newspic {
        display: none;
}

.newsbox ul li a {
    padding: 10px 0;
    width: 100%;
    height: auto;
    float: right;
}
.newsbox ul li {
    position: relative;
    margin-bottom: 0;
    height: auto;
    float: left;
    margin-left: 0;
}
.newsbox ul li .newspic a img {
    width: 100%;
    height: auto;
}
.newsbox ul li a dl dt{
display: none;
}
.newsbox ul li a dl dd{
width: 100%;
}

.head .fl {
    width: auto;
}
.footer{
display: none;
}

.banner {
    
    height: 230px;
   
}
.menuname,.bar-left,.bar-right{
display: none;
}
.b-list {
    height: 50px;
    padding-top: 200px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}
.menu .center {
    width: 100%;
    margin-left: 0;
    position: relative;
    left: 0;
    top: 0;
}
.menu ul li {
    width: 33.33%;
   
}
.ivu-badge-count,.left {
    display: none;
}
.right {
    float: right;
    width: 100%;
}
.content img {
    width: 100%!important;
    height: auto!important;
}
.nymain
{
    width: 100%;
   
}
.ProductCategory,.ProductCategory li {
    width: 100%;
}
.ProductCategory li{
    padding-right: 0;
}
.nrproimg {
    width: 100%;
    height: auto;
}
.ProductCategory li a img {
    
    margin: 0;
    width: 100%;
    height: auto;
}
.menu ul {
   
    background: #f7f7f7;
}
#exzoom {
    width: 100%;
    
}
.detail .meta {
    float: left;
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
}
.panel .btn {
    width: 30%;
   
}
body {
    padding: 0 10px;
}
}