/*
Theme Name：OBACHINA PC版
Theme URI: http://www.caijiayou.com
Description: 美化修改：<a href="http://www.caijiayou.com/" target="_blank">OBACHINA</a>
Version: 1.1
Author: Jarry
Author URI: http://www.caijiayou.com
*/
@charset "utf-8";

/*html5*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{padding: 0px; margin: 0px; display:block}
*{margin: 0px; padding: 0px;}
html{margin: 0px; padding: 0px;}
body{position: relative; margin:0px; padding:0px; font-family: "Arial", Helvetica, Arial, Verdana, sans-serif; word-spacing: normal; font-size:12px;color:#444; background: #FFFFFF;  line-height: 1.5em;}
ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, img, div, dd, dt, dl{margin:0px; padding:0px; border:0;}
ul,li,ol{list-style:none;}
select, input, img, select{vertical-align:middle;}
a:link,a:visited{font-size:12px; color:#333333; text-decoration:none;}
a:hover{font-size:12px; color: #BEBEBE; text-decoration:none;}

/*----------table----------*/ 
table{ 
border-spacing:1px; 
border-collapse:separate; 
background-color:#FFF; 
border-color:gray; 
border-style:outset; 
border-width:1px; 
} 
table th { 
background-color:#FFF; 
-moz-border-radius:0; 
border-color:gray; 
border-style:inset; 
border-width:1px; 
padding:1px; 
} 
table td { 
-moz-border-radius:0; 
border-color:gray; 
border-style:inset; 
border-width:1px; 
padding:1px; 
} 

.clearfix{zoom:1;clear:both;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.blank{clear: both;height: 0px;overflow: hidden;}
.blank5{clear: both;height: 5px;overflow: hidden;}
.blank10{height:10px;overflow:hidden;clear:both;}
.blank20{clear: both;height: 20px;overflow: hidden;}
.blank30{clear: both;height: 30px;overflow: hidden;}
.blank40{clear: both;height: 40px;overflow: hidden;}
.blank50{clear: both;height: 50px;overflow: hidden;}
.blank60{clear: both;height: 60px;overflow: hidden;}
.blank75{clear: both;height: 75px;overflow: hidden;}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.input_textarea{background:#f9f9f9;border:1px solid #c4c4c4;padding:2px 4px;}
button.button{border:0;padding:0;font-size:12px;color:#1a2f70;width:auto;_width:0;}
img{ border:none; vertical-align:top;}
a,img{ border:0; text-decoration:none}
.back-bg{background: #171717}
.black-bg{background: #000000}
#wrapper{width: 100%; margin:0 auto; overflow: hidden;}
#main{width: 1200px; margin:0 auto; overflow: hidden; }
#left{width: 290px; float: left; overflow: hidden; }
#right{width: 870px; float: right; overflow: hidden;}
.right-content{width:980px;overflow: hidden; padding: 120px 0px 100px;}
.right-title{border-bottom: 1px solid #f1f1f1; color: #999999; text-align: right; height: 60px; margin-left: 13px; font-weight: normal; line-height: 60px; font-size: 16px; }
.right-title a{font-weight: normal; font-size: 16px; color: #999999; }
.right-title a i{font-size: 18px; color: #999999; }
.logo{width: 123px; height: ; margin: 0px; }

/*position*/
.position{width: 100%; text-align: right; height: 40px; line-height: 40px; }
.position a{}

/*head*/
#header{width: 100%;  background: #FFFFFF;}
#topbar{width: 100%; height: 35px; line-height: 35px; background-color:  #252525/*#417cd6*/; color: #FFFFFF; } 
.topbar-content{width: 1200px; margin: 0 auto; }
.topbar-l{width: 40%; float: left;}
.topbar-r{width: 50%; float: right; text-align: right;}
.topbar-r span{letter-spacing: 1px;}
#top a{color: #FFFFFF;}
.top-content{width: 1200px; height: 35px; margin: 0 auto;}
.top-title{width: 400px; float: left; height: 35px; line-height: 35px;}
#head{width: 1200px; height: 70px; margin: 0 auto; padding: 10px 0px;}
.logo{float: left; width: 300px; height: 70px; position: relative; z-index: 20; }
.logo a{ cursor:pointer}
.logo img{max-width: 100%; display: block; position: absolute; top: 0px;  }
.search { margin: 5px 0px 0px; width: 357px; float: right;}
.search .hunt{ width:173px; height:22px; border:1px solid #d0d0d0; border-radius:5px; float:left;}
.search .hunt .hunt_txt{ width:130px; padding-left:10px; float:left; border:none; background:none; line-height:22px;}
.hunt .hunt_btn{ background:url(images/ico.png) left top no-repeat; width:14px; height:14px; display:block; cursor:pointer; border:none; float:right; margin:4px 12px 0 0;}
.search .language{ float:left; margin:0 15px; height:24px; line-height:24px; color:#666666;}
.search .language a{color:#666666;}
.search .language a:hover,.search .tender:hover{color:#0476bf; transition:all 0.4s ease 0s;}
.search .tender{ color:#666666; float:left; display:block; height:24px; line-height:24px;}
.search .tender span{background:url(images/ico.png) left top no-repeat; width:15px; height:13px;background-position:-19px 0; display:inline-block; margin:5px 6px 0 0;}
.head-banner{width: 950px; float: right; padding-top: 15px; }
.head-apply{float: right; width: 180px; padding-top: 30px;}
.head-apply .apply-btn{display: block; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #FFFFFF; background-color: #da251a; border-radius: 3px;}

#nav{float: right; width: 850px; height: 70px; }
#nav ul{}
#nav ul li{display: inline-block; margin-right: 2rem; text-align: center; height: 70px; line-height: 70px; position:relative;}
#nav ul li a{display: block; text-decoration: none; font-size: 16px;}
#nav ul li a:hover{ color: #417cd6; }
#nav ul li.hover a{ color: #417cd6; }
.header-cat .subcat{ display:none; width: 250px; padding:0px;  border-top: 1px solid #DEDEDE; position:absolute; z-index: 999; left:-40px; top: 70px;  background: #417cd6;}
#nav ul li ul{width: 250px; padding: 0px 0px 10px; overflow: hidden;}
#nav ul li ul li{display: block; width: 250px; height: 40px; margin-right: 0; line-height: 40px; text-align: left;  }
#nav ul li ul li a{display:block; padding: 0px 5px; zoom:1; color: #FFFFFF; }
#nav ul li ul li a:hover{height: 40px; line-height: 40px; background: #2A2A2A; color: #FFFFFF;  border-bottom: none;}
#nav ul li.hover li a{height: 40px; line-height: 40px; background: #417cd6; color: #FFFFFF;}
#nav ul li.hover a li {height: 40px; line-height: 40px;}
#nav ul li.hover li a{border-bottom: none;}

/*index*/

/*首页图片焦点图*/
/* banner */
.banner{ width: 100%;  position:relative;  height:600px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width: 100% !important; }
.banner .bd li{ width: 100% !important;  height: 600px; }
.banner .bd li .siteWidth{ width:100%; position:relative;  margin: 0 auto;  height: 299px;  }
.banner .bd li a{ height: 600px; display:block;  }
.banner .bd .txt{ position:absolute; width: 415px; top: 290px; left: 22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top: 8px;  width: 72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(images/banner-btn.png) 0 0 no-repeat;
_background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

#indextop{width: 100%; height: 440px; padding-top: 35px; background-color: #00ACFF;}
#indexoba-des{background-color: #ffffff; padding: 50px 0px; height: 30px; border-bottom: 1px solid #eeeeee; width: 100%; }
.indexoba-des-content{width: 98%; max-width: 1100px; height: 30px; line-height: 30px; margin:0 auto; position: relative;}
.indexoba-des-l{width: 78%; float: left; letter-spacing: 1px;  font-size: 18px; font-weight: 500; }
.indexoba-des-more{float: right; width: 15%; height: 30px; line-height: 30px; text-align: center;}
.indexoba-des-more .qbutton{display: block; background: #0476bf; height: 30px; line-height: 30px; font-size: 14px; padding: 0 15px; color: #FFFFFF;-moz-border-radius: 15px;  -webkit-border-radius: 15px;  border-radius: 15px;  }
.indexoba-des-more .qbutton:hover{background: #333333; color: #FFF;}

#obaabout{padding: 60px 0px; width: 96%; margin:0 auto; max-width: 1200px; }
.obaabout-t{}
.obaabout-t .title{text-align: center; font-size: 30px; height: 50px; line-height: 50px; color: #00ACFF;}
.obaabout-t .line{background-color: #818181; width: 201px; height: 2px; position: relative;  display: block;margin: 10px auto 20px;}
.obaabout-t-des{padding: 10px 20px;  font-family: Raleway,sans-serif;  font-size: 16px; line-height: 35px;  color: #818181; font-weight: 400;}

.obawhy{}

.obawhy h1{text-align: center; font-size: 30px; height: 80px; line-height: 80px; color: #00ACFF; padding: 30px 0px;}
.obawhydes{padding: 10px 20px;  font-family: Raleway,sans-serif;  font-size: 16px; line-height: 35px;  color: #818181; font-weight: 400;}
.obawhyli{overflow: hidden;}
.obawhyli li{width: 388px; float: left; }
.obawhyli li .img{width: 100%; height: 60px; max-width:100%; text-align: center;}
.obawhyli li img {max-width: 60px; width: 100%;}
.obawhyli li .title{height: 40px; line-height: 40px; font-size : 16px; font-weight: 400 ; color: #00ACFF; text-align: center; font-weight: bold; }
.obawhyli li .des{padding: 10px 80px; text-align: center; font-size: 15px; color: #9ea5a1; line-height: 30px; }


.obaabout-more{width: 100%;  display:-moz-box;  display:-webkit-box; display:box;}
.obaabout-more-l{ padding: 10px; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;}
.obaabout-more-m{ padding: 10px; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;}
.obaabout-more-r{ padding: 10px; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;}
.obaabout-more .title{height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: #00ACFF; }
.obaabout-more .img img{display: block; max-width: 100%;}
.obaabout-more-text{font-size :14px; line-height: 30px; }
.obaabout-more-read{width: 50%; margin-top: 20px; height: 35px; line-height:  35px; text-align: center; }
.obaabout-more-read .button{display: block; background: #CC0099; height:  35px; line-height:  35px; font-size: 16px; color: #FFFFFF;-moz-border-radius: 20px;  -webkit-border-radius: 20px;  border-radius: 20px; font-weight: 700;}


#obamarket{width: 1200px; margin: 0 auto; overflow: hidden;}
#obamarket h1{text-align: center; font-size: 30px; height: 50px; line-height: 50px; color: #00ACFF;}
#obamarket h3{text-align: center; font-weight: 400; font-size: 16px; line-height: 40px; }
.obamarket-content{padding: 40px 0px; overflow: hidden;}
.obamarket-content ul{width: 1300px;}
.obamarket-content li{width: 22%; float: left; margin: 0px 4% 20px 0px; background: #F1F1F1; }
.obamarket-content li img{max-width: 100%; }
.obamarket-content li .title{text-align: center;  height: 50px; line-height: 25px; font-size: 15px;  }

.index-activity {width: 200px; height: 360px; background: #ffffff; overflow: hidden;padding: 15px; float: left;}

.index-activity li {
    font-size: 16px;
    border-bottom: #cfcfcf solid 1px;
    overflow: hidden;
    padding: 11px 0px 11px 40px;
}

.index-activity li.new {
    background: url(images/new.jpg) no-repeat left 11px;
}

.index-activity li.hot {
    background: url(images/hot.jpg) no-repeat left 11px;
}

.index-activity li.ing {background: url(images/ing.jpg) no-repeat left 11px;}
.index-activity-title {overflow: hidden; margin-bottom: 5px;}
.index-activity-title em {font-style: normal; font-size: 18px; float: left;}
.index-activity-title a {font-size: 14px; color: #999999; float: right;}
.index-hot {width: 725px; margin-left: 7px; float: left;}
.index-banner { height: 284px;  overflow: hidden; position: relative;  margin-bottom: 6px;}
.home-banner dt{width: 730px; height: 284px; overflow: hidden; position: absolute; top: 0px; left: 0px;}
.home-banner dt a {float: left;}
.home-banner dd {
    height: 10px;
    position: absolute;
    bottom: 10px;
    left: 46%;
}

.home-banner dd i {
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 90px;
    margin-right: 12px;
    float: left;
}

.home-banner dd i.on {
    background: #ffff00;
}

.home-advert {
    height: 100px;
    width: 740px;
    overflow: hidden;
    position: relative;
}

.home-advert>div {
    width: 730px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}

.home-advert a {
    width: 156px;
    height: 80px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    background: #ffffff;
    overflow: hidden;
    padding: 10px;
    margin-right: 8px;
    float: left;
}

.home-advert img {margin-bottom: 6px;}
.home-advert em {color: #ec1b23;}
.index-blend {width: 200px; background: #ffffff; overflow: hidden; padding: 15px; float: right;}
.index-login {
    height: 168px;
    border-bottom: #cfcfcf solid 1px;
    overflow: hidden;
    padding: 10px 0px 15px 0px;
    margin-bottom: 15px;
}

.index-login dt {
    border: #cfcfcf solid 1px;
    overflow: hidden;
    padding-left: 30px;
    margin-bottom: 15px;
}

.index-login dt.d1 {
    background: url(images/icon6.jpg) no-repeat 3px center;
}
.index-login dt.d1 input{border: none;}
.index-login dt.d2 {background: url(images/icon7.jpg) no-repeat 3px center;}
.index-login dt.d2 input{border: none;}

.index-login dd { overflow: hidden;}
.index-login dd a {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    background: #da251a;
    border-radius: 3px;
    display: block;
}

.index-login input {  width: 140px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999999;
    border: none;
    border-left: #cfcfcf solid 1px;
    padding: 0px 10px;
    margin: 5px;
}

.index-notice {color: #999999;  overflow: hidden; padding-top: 10px;}
.index-notice a {font-size: 14px; color: #525252; display: block; margin-bottom: 10px;}
.index-notice a:hover {  color: #da251a;}


/* 本例子css */
.index-banner{ width:725px; height:284px; border:1px solid #D8D8D8; position:relative;  overflow:hidden; }
.index-banner .hd { position:absolute; right:9px; bottom:10px; z-index:1; padding-left:2px; }
.index-banner .hd li { color:#f60; cursor:pointer; margin-left:3px; width:18px; height:18px; background:#fff; float:left; font-size:13px; line-height:18px; overflow:visible; text-align:center; opacity:.7; filter:alpha(opacity=70); border:1px solid #d8d8d8; margin-left:-1px; }
.index-banner .hd li.on { background:#f60; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }

.indexad{width: 100%; margin: 20px auto; }
.indexad img{max-width: 100%; }
.inbanner{width: 100%; text-align: center;}
.inbanner img{max-width: 100%;}

.indexproduct{width: 100%; margin:0 auto;  padding: 20px 0px 50px; overflow: hidden;}
.indexproduct h1{height: 25px; line-height: 30px; padding: 30px 0px 60px; font-size: 30px; text-align: center; font-weight: normal; background: url(images/t_line.png) no-repeat center;}
.indexproduct-list{width: 100%; }
.indexproduct-list ul{width: 100%;}
.indexproduct-list li{width:22%; margin-right: 4%; margin-top: 20px;  float: left; }
.indexproduct-list-img{}
.indexproduct-list-img img{max-width: 100%; 
    border-radius: 50%;
    transition: all 0.2s ease-out;}
.indexproduct-list li h3{line-height: 60px; }
.indexproduct-list li h3 a{font-size: 16px; font-weight: 400; }
.indexproduct-list li p{line-height: 30px; font-size: 14px;}

.indexyewu{}
.indexyewu h1{font-weight: normal; text-align: center; font-size: 24px; line-height: 80px; color: #555555;}


/*首页返佣汇商*/
#indexhuishang{width: 100%; overflow: hidden; background-color: #f1f1f1; padding: 20px 0px;}
.index-fyhs{width: 1200px; margin:0 auto; overflow: hidden;}
.index-fyhs h1{font-weight: normal; width: 168px; margin:0 auto; height: 50px; text-align: center; line-height: 50px; font-size: 24px; color: #333333; border-bottom: 2px solid #009fd9;}
.index-fyhs-title{line-height: 40px; font-size: 18px; color: #999999; text-align: center;}
.index-fyhs-content{width: 1200px; margin:0 auto; padding: 30px 0px; overflow: hidden;}
.index-fyhs-content ul{width: 1225px;}
.index-fyhs-content li{width: 378px; height: 378px; padding: 5px;  float: left; margin: 20px 15px 0px 0px; background-color: #FFFFFF; border: 1px solid #EEEEEE; -webkit-box-shadow: 1px 1px 3px rgba(180, 180, 180, 0.7);
    -moz-box-shadow: 1px 1px 3px rgba(180, 180, 180, 0.7);
    -ms-box-shadow: 1px 1px 3px rgba(180, 180, 180, 0.7);
    -o-box-shadow: 1px 1px 3px rgba(180, 180, 180, 0.7);
    box-shadow: 1px 1px 3px rgba(180, 180, 180, 0.7);}
.index-fyhs-img{width: 100%; float: left;}
.index-fyhs-img img{max-width: 100%; transition: all 0.6s;  -webkit-transition: all 0.6s;}
.index-fyhs-img img:hover{-webkit-transform: scale(0.95);  transform: scale(0.95);}
.index-fyhs-btn{width: 100%; height: 40px; line-height: 40px; text-align: center; }
.index-fyhs-btn a:hover{color: #FF5555;}
a.index-fyhs-more{margin: 30px auto 10px; width: 250px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; display: block; background-color: #00B7E7;  color: #FFFFFF; }
a.index-fyhs-more:hover{background-color: #da251a;}

/*首页外汇行情*/

.index-whhq{width: 1200px; margin:0 auto; padding: 20px 0px; overflow: hidden;}

/*首页新闻资讯*/
#index-news-wrapper{width: 100%; overflow: hidden; background-color: #FFFFFF; padding: 20px 0px;}
#index-news{width: 1200px; margin:0 auto; padding: 20px 0px; overflow: hidden;}
#index-news h1{font-weight: normal; width: 168px; margin:0 auto; height: 50px; text-align: center; line-height: 50px; font-size: 26px; color: #333333; border-bottom: 2px solid #009fd9;}
.index-news-title{line-height: 60px; font-size: 16px; color: #999999; text-align: center;}
.index-news-content{padding-top: 15px;}
.index-news-l{width: 575px; float: left; margin-top: 15px; }
.index-news-content ul{padding: 10px 10px 10px 15px; }
.index-news-content ul li{width: 100%; height: 40px; line-height: 40px; border-bottom: 1px dotted #FFFFFF; }
.index-news-content ul li a{padding: 0px; float: left; font-size: 16px; }
.index-news-content ul li span{padding: 0px 5px; float: right; color: #999999;}

/*首页引导快速注册*/
.index-reg{width: 100%; height: 130px; background: #02a2fa url(images/home_register_banner.jpg) no-repeat center; line-height: 130px;}
.index-reg-content{width: 1200px; margin:0 auto;}
.index-reg-content span{font-size: 24px; color: #fff;}
.index-reg-content a.index-reg-btn{float: right; display: block; width: 160px;  height: 44px; border-radius: 3px; margin-top: 43px; line-height: 44px; color: #009FD9;  background: #fff; text-align: center; text-decoration: none; font-size: 24px;}

/*首页合作媒体*/

#flink{width: 100%; height: 120px; background-color: #F2F2F2; padding: 20px 0px;}
.flink-content{width: 1200px; margin:0 auto;}
.flink-content h1{font-weight: normal; width: 168px; margin:0 auto; height: 50px; text-align: center; line-height: 50px; font-size: 24px; color: #333333; border-bottom: 2px solid #009fd9;}
.flink-title{line-height: 40px; font-size: 18px; color: #999999; text-align: center;}

/*index-news*/
.indexzx{width: 100%; background-color: #FFF;}
.indexzx .title{text-align: center; font-size: 32px; font-size: 32px; color: #474747; line-height: 50px; font-weight: normal; }
.indexzx .en{text-align: center; color: #474747; font-size: 32px; line-height: 50px;  font-weight: normal; }
.indexzx .line{margin: 0 auto; width: 92px; height: 5px; border-bottom: 2px solid #0093dd; }

/*首页数据分析*/
#shujufenxi{width: 100%;}
.index-whhq{width: 1200px; margin:0 auto;}
.index-whhq h1{font-weight: normal; width: 168px; margin:0 auto; height: 50px; text-align: center; line-height: 50px; font-size: 24px; color: #333333; border-bottom: 2px solid #009fd9;}
.index-whhq-title{line-height: 40px; font-size: 18px; color: #999999; text-align: center;}
.index-whhq{width: 1200px; margin: 0 auto;}
.index-whhq-l{width: 590px; float: left;}
.index-whhq-r{width: 590px; float: right;}

/*合作伙伴*/
#index-hz{ background: #fFF; padding: 80px 0 00px; height:300px;}
#index-hz h1{  font-size: 24px; line-height: 40px; text-align: center;}
.index-hz-list{}
/*about*/

#about{width: 100%; }
.about-banner{width: 100%; height:100px; padding: 100px 0px;background: url(images/about_banner.jpg) no-repeat top center; text-align: center;}
.about-banner h2{font-size: 30px; color: #FFFFFF; line-height: 50px;}
.about-banner p{font-size: 18px; color: #FFFFFF; line-height: 30px;}
.about{width: 98%; max-width: 1100px; margin:0 auto; padding: 50px 0px 30px; overflow: hidden;}
.about h1{line-height: 50px; color: #060000; font-size: 30px; text-align: center;}
.about h2{line-height: 40px; color: #aaa; font-size: 20px; text-align: center;}
.about-content{padding: 15px 0px; font-size: 18px;  line-height: 50px;}
.about-content p{}
.about-content img{display: block; max-width: 100%; margin: 5px 0px;}

.about-team{padding: 20px 0px;}
.about-team-l{width: 45%; float: left;}
.about-team-l img{max-width: 90%; }
.about-team-r{padding: 15px 0px; font-size: 18px;  line-height: 50px;}
.about-fz{padding: 15px 0px; font-size: 18px;  line-height: 50px;}

/*indexproduct*/

.indexproduct-img{}
.indexproduct-img img{max-width: 100%; margin:0px;}
.indexproduct-img .left{display: block; float: left; width: 49%;}
.indexproduct-img .right{display: block; float: right; width: 49%;}
.indexproduct-ad{}
.indexproduct-ad img{max-width: 100%;}

.indexproduct-content{padding: 0px 0px 20px; overflow: hidden;}
.indexproduct-content ul{ }
.indexproduct-content li{float: left; width: 22%; margin: 0px 4% 20px 0px;  text-align: center; background-color: #F1F1F1; }   
.indexproduct-content li h3{height: 60px ;line-height: 30px; }
.indexproduct-content li h3 a{font-size: 14px; font-weight: 400}
.indexproduct-content li p{font-size: 16px; line-height: 50px; }

/*listproduct*/

#listproduct-banner{width: 100%; }
#listproduct-banner img{width: 100%;}
#listproduct{width: 1028px; margin:0 auto;   padding: 20px 0px;}
#listproduct h2{border-bottom: 1px solid #EBEBEB;  font-size: 18px; color: #000000; height: 40px; line-height: 40px;  }
#listproduct h2 a{font-size: 18px; color: #000000; font-weight: normal}
.listproduct-content{background: url(images/listproduct_list_bg.jpg) repeat-y ; }
.listproduct-content ul{overflow: hidden; padding: 20px 0px;}
.listproduct-content li{ text-align: center; width: 320px; float: left; margin: 10px; }
.listproduct-img{width: 160px; margin:0 auto; }
.listproduct-img img{max-width: 100%}
.listproduct-content li h3{font-size: 14px; height: 25px; line-height: 25px;  color: #000000;}
.listproduct-content li p{font-size: 12px; line-height: 20px;  color: #8D8D8D}
.listproduct-category{margin: 15px 0px; padding: 20px 0px;}
.listproduct-category a{padding: 6px 15px; background-color: #417cd6; color: #FFFFFF; font-size: 16px; margin-right: 15px;}
.listproduct-category a:hover,.listproduct-category a.hover{background-color: #222222;}

/*product*/

#productmain{width: 98%; margin:0 auto 50px; max-width: 1000px; overflow: hidden;}
#productmain h1{padding: 50px 0px; height: 50px; line-height: 40px;font-size: 20px; border-bottom: 1px solid #CCCCCC; text-align: center;}
#product-top{width: 98%; margin:0 auto; max-width: 1000px; overflow: hidden;}
.product-top-content{width: 100%; padding: 65px 0px 35px; }
.product-info{width: 80%; margin:0 auto; padding: 30px 0px 10px; text-align: center;}
.product-info h3 {height:40px; line-height: 40px; font-size: 14px; }
.product-info p{font-size: 14px; text-align: left; line-height: 25px; color: 999999;}
.product-rongliang{width: 80%; margin:15px auto; height: 38px; text-align: center; line-height: 38px; font-size: 16px; }
.product-buy{margin-top: 30px; }
.product-btn{width: 138px; height: 33px; margin:0 auto; line-height: 33px; text-align: center; border: 1px solid #999999; }
.product-btn a{display: block;font-size: 14px;}
.product-buy-link{height: 28px; margin: 20px auto 10px; text-align: center; width: 220px;}
.product-buy-link .tmall{display: block; width: 101px; height: 28px; float: left; line-height:28px; text-align: center; font-size: 14px; color:#FFFFFF; background: #231815; }
.product-buy-link .jd{display: block; float: right;  width: 101px; height: 28px; line-height:28px; text-align: center; font-size: 14px; color:#FFFFFF; background: #231815; }
.product-info li a{display: block;}
.product-content{padding: 25px 50px; font-size: 14px; line-height: 35px; text-align: center; color: #858585}
.product-content strong{font-size: 26px; font-weight: normal; color: #434343}
.product-content img{max-width: 100%; }
#productmain h2{text-align: center; font-size: 18px; font-weight: bold; height: 45px; line-height: 45px; color: #000000; border-bottom: 1px solid #EBEBEB; font-weight: normal}
.product-jianyi,.product-use{padding: 25px 50px; font-size: 14px; line-height: 35px; }
.product-bottom{}
.product-bottom-img img{max-width: 100%; max-height:100%; }

/*listnews*/
.left-title{height: 60px;background: #417cd6; font-weight: normal; line-height: 60px;}
.left-title span{font-size: 26px; color: #fff; margin: 0 10px 0 12px;}
.left-title em {color: #F2F2F2; font-size: 18px;}
.left-content{}
.left-content ul{}
.left-content ul li{margin-top: 5px; background-color: #F1F1F1; width: 100%; height: 46px; line-height: 46px;}
.left-content ul li a{padding-left: 20px; display: block; font-size: 16px;}

#listnewsbanner{width: 100%; text-align: center;}
#listnewsbanner img{max-width: 100%; }
#listnews{width: 100%; padding: 0px 0px 15px; }
.listnews-content{width: 100%;  }
.listnews-content ul{}
.listnews-content li{height: 50px; line-height: 50px;    border-bottom: 1px solid #e8e8e8; }
.listnews-content li a{font-size: 16px; font-weight: normal; color: #191c1c; padding-left: 2px; float: left;}
.listnews-content li a:hover{color: #0093dd;}
.listnews-content li span{padding: 0px; float: right;}

/*news*/

#newsbanner{width: 100%; overflow: hidden; background: #0B0B0B; }
.newsbanner-content{width: 100%; margin:0 auto; text-align: center}
.newsbanner-content img{max-width: 100%;}
#news{padding: 10px 0px 50px; }
.news-post{padding: 30px 0px; width: 98%; margin:0 auto;}
.news-post h1{height: 50px; line-height: 50px; font-size: 28px; text-align: center; }
.news-info{height: 40px; line-height: 40px; border-bottom: 1px dotted #CCC;  text-align: center; font-size: 15px; }
.news-info .date{padding-right: 15px;}
.news-content{padding: 20px 0px; font-size: 17px; line-height: 40px;}
.news-content p{margin-top: 15px;}
.news-content img{display: block;max-width: 100%;}
.news-page{padding: 10px 20px; }
.news-page ul{border-top: 1px solid #CCC; padding: 5px 0px; overflow: hidden;}
.news-page ul li{height: 28px; line-height: 28px;}
.news-page ul li a{}
.newsother{}
.newsother h2{border-bottom: 1px solid #0B0B0B; font-size: 22px; height: 50px; line-height: 50px; font-weight: normal;}
.newsother ul{padding: 10px 0px; overflow: hidden;}
.newsother li{width: 320px; height: 360px; padding: 10px 0px; float: left; overflow: hidden;}
.newsother li:hover{border-top: 3px solid #0B0B0B;    -webkit-box-shadow: 0 0 9px #999999;-moz-box-shadow: 0 0 9px #999999; box-shadow: 0 0 9px #999999;}

.newsother-top{height: 30px; line-height: 30px;}
.newsother-top span{font-weight: bold; padding: 0px 2px; float: left; }
.newsother-top em{font-style:normal; padding: 0px 4px; float: left; }
.newsother-img{height: 154px;}
.newsother-img img{width: 320px; height: 154px;}
.newsother li h3{padding:10px 5px; line-height: 25px;}
.newsother li h3 a{font-size: 20px; color: #0B0B0B; font-weight: normal}
.newsother-des{padding: 10px; font-size: 12px; line-height: 23px;}

/*list*/
#list{}
.list-content{padding: 20px 0px 30px 260px; }
.list-content ul{overflow: hidden;}
.list-content li{border-bottom: 1px dotted #DEDEDE; height: 35px; line-height: 35px; }
.list-content li a{padding: 0px; float: left; font-size: 14px; font-weight: normal}
.list-content li span{color: #c6c6c5; padding: 0px; float: right; font-weight: normal; font-size: 12px; }

/*article*/
#article{padding: 10px 0px 50px; }
.article-post{padding: 30px 50px 50px 260px; }
.article-post h1{height: 50px; line-height: 50px; font-size: 20px; }
.article-info{height: 40px; line-height: 40px; border-bottom: 1px dotted #CCC;}
.article-content{padding: 20px 0px; font-size: 14px; line-height: 30px;}
.article-page{padding: 10px 50px 10px 260px; }
.article-page ul{border-top: 1px solid #CCC; padding: 5px 0px; overflow: hidden;}
.article-page ul li{height: 28px; line-height: 28px;}
.article-page ul li a{}

/* 返佣汇商 */
#fyhs{margin: 20px 0px; overflow: hidden;}
.fyhs-top{background-color: #FFFFFF; padding: 20px; overflow: hidden;}  
.fyhs-bg{background-color: #F2F2F2}
.fyhs-img{width: 200px; float: left; }
.fyhs-img img{max-width: 135px; margin-top: 50px; border-radius: 5px;}
.fyhs-title{width: 640px; float: left; }
.fyhs-title h1{margin-bottom: 10px; height: 50px; line-height: 50px; font-size: 24px; color: #555;}
.fyhs-title p{height: 40px; line-height: 40px; font-size: 16px;}
.fyhs-title p span{color: #ababab;}
.fyhs-top-right{width: 320px; float: right; }
.fyhs-content{background-color: #FFFFFF;}

#fanyonghuishangtab{ width: 100%; }
.tabPanel ul{width: 100%; height: 40px; line-height: 40px; background-color: #FFFFFF; border-bottom:2px solid #00b7e7;}
.tabPanel ul li{float:left; border-right: 1px solid #FFFFFF; font-size: 14px; height: 40px; line-height: 40px; width:130px; text-align:center; cursor:pointer;}
.tabPanel .hit{cursor: pointer; color: #FFFFFF; background-color: #00b7e7;}
.pane{min-height:100px; background-color:#fff; display:none; padding: 20px 35px; font-size: 16px; line-height: 38px;}
.pane p{text-indent: 2em;}
.pane img{display: block; max-width: 100%; margin: 10px 0px;}
/* Tiny Scrollbar */
#scrollbar1 { width: 100%; }
#scrollbar1 .viewport { width:100%; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/*contact*/

.contact{padding: 50px 0px; }
.contact .tit {  font-size: 24px;   position: relative;   height: 40px;  line-height: 40px; margin-bottom: 10px; text-align: center;}
.contact .tit b { width: 30%; height: 1px; margin:0 auto; border-bottom: 1px solid #ddd;  position: absolute;  top: 20px; left: 35%; text-align: center;}
.contact .tit s {text-decoration: none; position: absolute; top: 0px; z-index: 2;   background-color: #FFFFFF;   display: inline-block;   padding: 0 10px; }
.contact .txt {}

.contact-wx {text-align: center;margin-top: 40px;}
.contact-wx .ewm {overflow: hidden;}
.contact-wx .ewm .wx { float: left; width: 50%; text-align: center;}
.contact-wx .ewm .wx .imgs img {border: 1px solid #cdcdcd;}
.contact-wx .ewm .wx .detail {margin: 15px 0;font-size: 16px;}
.contact-wx .ewm .wx .txt { margin: 5px 0; color: #A0A0A0;}

.contact-hz { text-align: center;  position: relative; margin-top: 50px;}
.contact-hz-content{line-height: 35px; font-size: 14px; }

.contact-map {margin-top: 50px;}
.contact-map .map-img {
    padding: 20px 0;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    position: relative;
}

.contact-map .map-img .det {
    position: absolute;
    right: 35px;
    top: 30px;
    background-color: #DA5D4C;
    border-radius: 10px;
    width: 415px;
    height: 130px;
    text-align: center;
    padding-top: 25px;
    opacity: .8;
}

.contact-map .map-img .det p { color: #FFFFFF; font-size: 16px;}
.contact-body{width: 640px; margin:0 auto;}
.contact-logo{width: 370px; height: 38px; padding: 40px 0px 50px; margin:0 auto; }
.contact-logo img{max-width: 255px;}
.contact-logo span{font-size: 24px; padding-top: 12px; }
.contact-body h2{border-bottom: 1px solid #9F9F9F; font-size: 14px; line-height: 30px; color:#9F9F9F }
.contact-content{padding: 20px 0px 10px; overflow: hidden;}
.contact-content ul{}
.contact-content ul li{width: 317px; height: 25px; float: left; margin: 5px 0px;}
.contact-content ul li span{width: 15px; float: left; line-height: 25px; text-align: center;}
.contact-content ul li select{width: 298px; float: left; height: 25px; line-height: 25px; border: 1px solid #9F9F9F;}
.contact-content ul li input{width: 298px; float: left; height: 23px; line-height: 23px; border: 1px solid #9F9F9F; }
.contact-subject{}
.contact-subject input{width: 296px; height: 23px; line-height: 23px; border: none; border: 1px solid #9F9F9F; }
.screen-reader-response{padding: 10px 0px; color: #FF0000}
.contact-message{ height: 210px; }
.contact-message span{width: 15px; float: left; line-height: 25px; text-align: center;}
.contact-message .textarea{width: 615px; height: 200px; border: 1px solid #9F9F9F; }
.contact-content p{padding: 15px 15px 25px; color: #555555; font-size: 14px; line-height: 25px;}
.contact-form-bottom{ border-top: 1px solid #9F9F9F; color: #9A9A9A; text-align: right;
height: 50px; line-height: 50px; font-size: 12px;}
.contact-submit{margin-top: 40px; height: 25px; width: 100%; }
.contact-form-btn{width: 100px; height: 25px; line-height: 25px; text-align: center; background: #000000; color: #FFFFFF; font-size: 12px; border: none;}

/*防伪查询*/

.fangwei-bg{width: 100%; height: 502px; background: url(images/fangwei_bg.jpg) no-repeat top center;}
#fangwei{width: 96%; margin:0 auto;max-width: 500px; padding: 130px 0px 10px; overflow: hidden;}
#fangwei h1{height: 40px; line-height: 40px; font-size: 26px; font-weight: normal; color: #FFFFFF; text-align: center;}
.fangwei-content{padding: 15px 0px 10px; }
.fangwei-shuru{width: 100%; height: 40px; background: #FFFFFF; border:none;  -webkit-box-shadow: 0 0 9px #999999;-moz-box-shadow: 0 0 9px #999999; box-shadow: 0 0 9px #999999; }
.fangwei-anniu{width: 180px; margin:0 auto; height: 25px; padding: 23px 0px; }
.fangwei-btn{float: left; margin-right: 30px; width: 74px; height: 25px; border: none; text-align: center; line-height: 25px; color: #FFFFFF; font-size: 12px; background: #342724; }
.fangwei-reset{float: right; width: 74px; height: 25px; border: none; text-align: center; line-height: 25px; color: #FFFFFF; font-size: 12px; background: #342724;}
.fangwei-result{ padding: 30px 0px 0px; text-align: center; line-height: 40px; font-size: 14px;}
.fangwei-result strong{font-weight: bold; line-height: 25px;}

/* -----------page nav-------*/
.page_navi{width:100%;height:36px;line-height:36px;text-align:center;overflow:hidden;}
.page_navi a{ padding:3px 8px; margin: 2px; text-decoration:none; color:#888; border:1px solid #DDDDDD;}
.page_navi a:hover,.page_navi a.current{ border: 1px solid #999999; color: #c6c6c5;font-weight: bold;}

/** footer **/

#foot{width:100%; margin-top: 0px; position: relative; padding: 90px 0px 0px 0px; height: 400px; overflow: hidden; background-color: #262626;}
.footer{width: 1200px; height: 400px; margin: 0 auto; overflow: hidden; padding: 10px 0px;}
.footer-about{width: 260px; float: left; }
.footer-about-img{width: 250px; padding-bottom: 20px; }
.footer-about-img img{max-width: 250px; }
.footer-about-content{line-height: 26px;  font-weight: 400; font-style: normal; color: #8f8f8f; font-size: 15px; opacity: 1;  visibility: visible;  -webkit-transition: opacity 0.24s ease-in-out; -moz-transition: opacity 0.24s ease-in-out;  transition: opacity 0.24s ease-in-out;}
.foot-menu{width: 570px; float: left; padding-left: 40px;  }
.foot-menu li{float: left; width: 280px; height: 248px; margin-right: 0px;}
.foot-menu li a{font-size: 18px; color: #FFFFFF; height: 45px; line-height: 45px; font-weight: 400;}
.foot-menu li ul li{width: 100%; padding: 0px; border-right: none; height: 30px; line-height: 30px; margin-right: 0px;}
.foot-menu li ul li a{font-size: 14px; color: #8f8f8f; font-weight: 400;}
.foot-menu li ul li a:hover{color: #417cd6;}
.footer-contact{width: 300px; float: right; padding: 0px 0px 20px;}
.footer-contact h2{font-size: 18px; color: #FFFFFF; height: 45px; line-height: 45px; font-weight: 400; }
.footer-contact .time{height: 35px; line-height: 35px; font-size: 16px;}
.footer-contact .time i{padding-right: 10px; font-size: 20px; color: #474747}
.footer-contact .tel{font-size: 26px; line-height: 50px; font-weight: bold;}
.footer-tel{padding-bottom: 40px; position: relative; height: 50px; line-height: 50px; }
.footer-tel .tel-icon{position: absolute; font-size: 45px; left: 0px; }
.footer-tel .tel-icon i{color: #417cd6; font-size: 45px; }
.footer-tel  .num{padding-left: 55px; font-size: 30px; line-height: 50px; color: #FFFFFF; font-weight: 400;}
.footer-contact p{color: #417cd6; font-size: 14px; line-height: 40px; }
.social-wrap {padding-top: 20px; }
.social-wrap i {padding: 0px 5px;font-size: 30px; color: #FFFFFF; font-weight: 400; }


.footer-copy{width: 100%; position: absolute; bottom: 0px; background-color: #1b1b1b; height: 60px; line-height: 60px;  text-align: center; font-size: 14px; color: #555555;}
.footer-copy p a{padding-left: 10px; color: #FFFFFF ;}
.footer-copy p a:hover{color: #000000}

/*return_top*/
.return_top{ width:48px; height:48px; position:fixed; bottom:20px; right:20px;}
.return_top a{display:block; width:48px; height:48px; background:url(images/zy_img28.png) no-repeat;}

/** 测边固定 **/
.fixedBox{width:60px; height:197px; position:fixed; right:0; bottom:50%; margin-bottom:-60px; display:none;
 _position:absolute;  _top:expression(eval(document.documentElement.scrollTop || document.body.scrollTop) +eval(document.documentElement.clientHeight || document.body.clientHeight) -405+'px')
}
.fixedBox a{width:60px; height:60px; display:block; position:relative; z-index:9;}
.fixed_baojia{width: 60px; height: 60px; line-height: 60px; text-align: center; background:#dd7997;}
.fixed_baojia:hover{background-color:#dd6597;}
.fixed_baojia i{font-size: 30px; color: #FFFFFF;}
.fixed_weixin{border-top:1px solid #fff; border-bottom:1px solid #fff; background:#9081a0 url(images/icon_weixin2.png) no-repeat 50% 50%;}
.fixed_weixin:hover{background-color:#9677b7;}
.fixed_ewm{position:absolute; bottom:3px; left:100%;}
.fixed_qq_item{width:60px; position:relative;}
.fixed_qq_item ul{width:183px; position:absolute; top:0; left:0; z-index:1;}
.fixed_qq_item ul li{float:left; border-right:1px solid #fff;}
.fixed_qq_item span{display:block; text-align:center; padding-top:38px; color:#fff;}
.fixed_qq{background:#aac8ce url(images/icon_qq.png) no-repeat 50% 8px;}
.fixed_qq:hover{background-color:#95d0dc;}
.fixed_yuyue{width: 60px; height: 60px; line-height: 60px; text-align: center; border-top:1px solid #fff; background:#49B344}
.fixed_yuyue:hover{background-color:#333333;}
.fixed_yuyue span{display:block; text-align:center; padding-top:38px; color:#fff;}
.fixed_yuyue i{font-size: 30px; color: #FFFFFF;}
.fixed_top{width:60px; height:60px; border-top:1px solid #fff; background:#bfbfbf url(images/top.png) no-repeat 50% 18px; cursor:pointer;}
.fixed_top:hover{background-color:#999;}

/** 预约设计师 **/
.popupMakeBox{width:600px; background-color:#fff; display:none;}
.popupTitle{padding:10px 15px; border-bottom:1px solid #ccc; font-weight:normal; font-size:18px; color:#49B344;}
.popupMake{padding:20px;}
.popupMake_table td{padding:5px 0;}
.popupMake_radio{float:left; margin-right:10px; border:0;}
.popupMake_title{margin-top:5px;font-weight:normal; font-size:14px; color:#49B344;}
.popupMake_submit{height:24px; line-height:24px; margin-top:20px; padding:0 20px; border:0; color:#fff; background-color:#49B344; cursor:pointer;}
.popupMake .popupMake_housing{border:0;}
.popupMake .popupMake_radio{border:0;}

/*brand*/

/*法律声明 legal*/

#legal{padding: 20px 0px 10px; }
#legal h1{height: 60px; line-height: 60px; font-size: 22px; font-weight: normal; text-align: center;}
/* always visible */
#outer .holder {border-bottom:1px solid #ddd;  line-height: 58px; position: relative; overflow: hidden;}
#outer .holder .more{width: 100%; height: 58px; cursor:pointer; padding: 0px; position: absolute; top: 0px; overflow: hidden; z-index: 100;}
#outer .holder p {padding:20px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0; font-size: 14px; font-weight: bold; text-align: center;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-top: -44px; cursor:pointer; color:#999999; }
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
.click i.show {display:none;}
.click i.hide {display:block;}
#outer div.moreclick p {display:block; font-size: 14px; line-height: 40px; cursor:pointer;}
#outer div.moreclick img {display:block; float:left; padding-right:10px;}

/*kefu*/

.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(images/kefu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(images/kefu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(images/kefu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #0093dd; border-right:7px solid #0093dd; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(images/kefu.png); background-position:0 -149px; }

/*经销商*/
#jxs{width: 1068px; margin:0 auto; padding: 40px 0px 120px; overflow: hidden;}
.jxs-title{color: #D5D5D5; height: 65px; padding: 0px 0px 20px; }
.jxs-title h1{font-size: 30px; height: 40px; line-height: 40px; font-weight: normal; }
.jxs-title p{font-size: 14px; height: 25px; line-height: 25px; }

#jxsleft{float: left; width: 333px; height: 592px; background: url(images/jxsleft_bg.png) no-repeat; }
.jxsleft-content{padding: 44px 28px; }
.jxsleft-title{color: #716D6D;}
.jxsleft-title h2{font-size: 28px; height: 50px; line-height: 50px; font-weight: normal;}
.jxsleft-title p{font-size: 14px; height: 25px; line-height: 25px;}
.jxsleft-search{padding: 50px 0px 10px;}
.jxsleft-select{font-size: 14px; height: 21px; }
.jxsleft-select span{font-weight: 400; line-height: 21px;}
.jxsleft-select select{width: 100px; height: 21px; line-height: 21px; border: 1px solid #999999;}

.jxs-contact{padding: 50px 0px 10px; line-height: 25px; font-size: 14px;}


.no-data{text-align: center; font-size: 14px; }

.jxssubmit{margin-top: 50px; width: 66px; height: 23px; line-height: 23px; text-align: center; color: #FFFFFF; background: #716D6D; border: none}

#jxsright{float: right; width: 722px; padding: 16px 0px 0px; height: 576px; background: url(images/jxsright_bg.png) no-repeat; }
.listdealer-map{ width:722px; height:552px; position:relative; background:url(images/map_bg.jpg) no-repeat left top; z-index:100;}
.hot_{}
.beijing{ left:480px; top:226px; position:absolute; z-index:905;}
.shanghai{left:530px; top:355px;  position:absolute;  z-index:800; }
.tianjin{left:537px; top:229px;   position:absolute;  z-index:800;}
.guangzhou{left:523px; top:514px;   position:absolute;  z-index:800;}
.henan{left:445px; top:330px;   position:absolute;  z-index:901;}
.jiangsu,.nanjing{left:526px; top:339px;   position:absolute;  z-index:900;}
.hunan{left:430px; top:404px;   position:absolute;  z-index:800;}

.gansu{left:341px; top:269px;   position:absolute;  z-index:903;}
.heilongjiang{left:610px; top:125px;   position:absolute;  z-index:800;}
.jilin{left:600px; top:176px;   position:absolute;  z-index:800;}
.liaoning{left:551px; top:222px;   position:absolute;  z-index:907;}

.map2{ left:541px; top:235px; position:absolute; z-index:1009}
.map3{ left:612px; top:345px; position:absolute; z-index:902;}
.map4{left:612px; top:360px;  position:absolute;  z-index:820;}
.map5{left:631px; top:384px;  position:absolute;  z-index:819;}
.map6{left:618px; top:412px;  position:absolute;  z-index:818;}
.map7{left:610px; top:456px;  position:absolute;  z-index:815;}
.flash_hot{ width:35px; height:16px; position:absolute; left:-1px; top:0; cursor:pointer;  z-index:11;}
.hot_ .cc{ width:35px; height:16px; display:block; position:absolute; left:-1px; top:0; cursor:pointer;  z-index:12;}
.map_con{ width:189px; height:280px; padding:10px 16px; border:1px solid #b5b5b5; display:none; position:absolute; left:-100px; top:14px; background: #5B5B5B;  line-height:18px; color:#58595b; z-index:1900;   filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9; }
.map_con a{color:#58595b;}
.map_con h2{height: 30px; line-height: 30px;  color:#C1BAB0; font-size:16px; font-weight: normal; text-align: center; }
.map_con h2 a{color:#C1BAB0; font-size:18px; font-weight: normal;}
.map_con_pic{ height: 120px;  padding:4px 0px ; color: #FFFFFF;}
.map_con_pic img{max-width: 100%;}
.map_con_des p{line-height: 20px; color: #FFFFFF}
.map_con_des p a{color: #FFFFFF}


/*backtotop*/

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #417cd6 url(images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #417cd6;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/*法律声明结束*/

@media (max-width: 1441px){ 
	
 }

@media (max-width: 1199px){ 

	
 }
@media (max-width: 991px){ 

	
 }
@media (max-width: 767px){ 


 }



@font-face {font-family: "iconfont";
  src: url('fonts/iconfont.eot?t=1574185437324'); /* IE9 */
  src: url('fonts/iconfont.eot?t=1574185437324#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('fonts/iconfont.woff?t=1574185437324') format('woff'),
  url('fonts/iconfont.ttf?t=1574185437324') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('fonts/iconfont.svg?t=1574185437324#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-iconset0359:before {
  content: "\e702";
}

.icon-tel01:before {
  content: "\e6ed";
}

.icon-facebookfacebook51:before {
  content: "\e600";
}

.icon-shijian:before {
  content: "\e67b";
}

.icon-dianhua:before {
  content: "\e6a9";
}

.icon-social-whatsapp:before {
  content: "\e619";
}

.icon-in:before {
  content: "\e60d";
}

.icon-2lianxikefu:before {
  content: "\e603";
}

.icon-home:before {
  content: "\e632";
}

.icon-liulan:before {
  content: "\e693";
}

.icon-contact:before {
  content: "\e712";
}

.icon-instagram:before {
  content: "\e815";
}