@charset "utf-8";

@font-face {
  font-family: 'RussoOne';
  src: url('../fonts/RussoOne-Regular.eot');
  src: url('../fonts/RussoOne-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/RussoOne-Regular.woff2') format('woff2'),
  url('../fonts/RussoOne-Regular.woff') format('woff'),
  url('../fonts/RussoOne-Regular.ttf') format('truetype'),
  url('../fonts/RussoOne-Regular.svg#RussoOne') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* CSS Document */
html, body {font-size: 12px;margin: 0px;padding: 0px;text-decoration: none;font-family: "微软雅黑";background: #fff;text-align: center;-webkit-text-size-adjust: none;}
a {	color: #666666;text-decoration: none;outline: 0px none; star:expression(this.onFocus=this.blur()); transition:all .35s;}
a:hover, a:active { color: #bf0219;}
* { margin: 0px;padding: 0px;list-style: none;}
table {	border-collapse: collapse;}
ul, li {list-style: none;border: 0 none;padding: 0px;}
form {margin: 0px;}
img {border: 0px none;text-align-last: center;vertical-align: middle;_azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true);}
center {text-align: left;	color: #999;height: 50px;}
#dhtmltooltip {z-index: 100;visibility: hidden;	position: absolute;text-align: left;border: 1px solid #ccc;}
#clear, .clear {clear: both;float: none!important;background: none;width: 0 !important;	height: 0 !important;}
#noData, .noData {color: #ccc;font-size: 14px;text-align: left;padding: 50px 0px;}
.fl-left{ float:left;}
.fl-right{ float:right;}
.w100per{ width:100%;}


/*head TOP*/
#head{ position:relative; z-index:999; width:100%; height:100px; background:#fff; border-bottom:5px solid #bf0219; margin:0 auto; transition:all .35s;}
#head>.wrap{ width:1260px; margin:0 auto;}
#head .logo{ width:200px; line-height:100px; text-align:left;}
#head .logo>a{display:block;}
#head .logo>a>img{height:56px; width:auto;}
#head .menu{ padding-left:20px; width:60%; text-align:left;}
#head .menu>ul{ display:block; margin:0 auto;}
#head .menu>ul>li{ position:relative; display:inline-block; line-height:100px;}
#head .menu>ul>li>a{display:block; padding:0 28px; text-align:center; font-size:16px; color:#666;}
#head .menu>ul>li>a:hover, #head .menu>ul>li.A>a{background:#bf0219; color:#fff;}
#head .menu>ul>li>div{ display:none; position:absolute; z-index:99; left:0; top:100px; width:100%; line-height:40px; background:rgba(255,255,255,.9); box-shadow:0 2px 5px rgba(0,0,0,.1);}
#head .menu>ul>li>div>a{display:block; text-align:center; font-size:14px; padding:10px 0; border-bottom:1px solid rgba(0,0,0,.1);}
#head .menu>ul>li>div>a:hover{background:#fff;}
#head .search{ width:180px; height:26px; line-height:120px; padding:0 20px;}
#head .search>form{display:inline-block; width:100%; padding:0; margin:0; height:26px; border:1px solid #ddd;border-radius:50px;}
#head .search>form>input[type="text"]{outline: medium;float:left;height:26px;line-height:26px;width:70%; padding:0 5%;border:none; font-size:12px; background:none;color:#666;box-sizing:border-box;overflow:hidden;}
#head .search>form>input::-webkit-input-placeholder{ color:#ccc;}
#head .search>form>button{outline: medium; float:right;width:20%;height:26px;border:none;background:url(../images/icon-go.png) no-repeat center center;background-size:auto 16px;cursor:pointer;box-sizing:border-box;overflow:hidden;}
#head .language{ width:60px; line-height:100px; text-align:right; font-size:14px;}
#head .language>a{ display:block; color:#999;}
#head .language>a>img{height:24px; width:auto; margin-right:3px; opacity:.6;}
#head .language>a:hover{color:#bf0219;}



/*END*/


/*banner TOP*/
#banner{position:relative;background:#eee; height:auto; overflow:hidden; transition:all .35s;}
#banner .swiper-container{width:100%; height:100%;}
#banner .swiper-slide{ width:100%; height:100%; overflow:hidden; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#banner .swiper-slide img{max-width:none;}
#banner .mc-box{ position:absolute; z-index:999; width:1200px; height:380px; top:220px; text-align:left;}
#banner .swiper-pagination{ z-index:999; bottom:20px; left:50%; width:800px; margin-left:-400px;}
#banner .swiper-pagination-bullet{ display:inline-block; margin:0 3px; width:10px; height:10px; background:#000; border:2px solid #000; opacity:.2; transition:all .2s;}
#banner .swiper-pagination-bullet:hover{opacity:.5;}
#banner .swiper-pagination-bullet-active{background:none; border:2px solid #fff;opacity:1 !important;}

#banner>.slogan{ position:absolute; z-index:9; left:50%; margin-left:-600px; width:1200px; text-align:left; animation:sloganAnimate .6s 1s both; transition:all .35s;}
#banner>.slogan>img{ height:50px; width:auto;}
#banner>.wave{ position:absolute; z-index:1; left:0; bottom:0; width:100%; height:80px; background:url("../images/banner-wave.png") no-repeat; background-position:0 0; background-size:100% 100%;}
#banner>.inner{ margin:0 auto;}
#banner>.inner>img{width:100%;height:auto;}

@keyframes sloganAnimate{
  from{filter:alpha(opacity=0); opacity:0;bottom:60px;}
  to{filter:alpha(opacity=100); opacity:1;bottom:200px;}
}
/*END*/



/*main TOP*/
#main{ width:100%; margin:0px auto; padding:50px 0;}
#main .title{ margin:0px auto; text-align:center;}
#main .title h2{ position:relative; display:block; font-size:30px; font-family:Arial; font-weight:normal; padding:5px 0px;}
#main .title h2:after{ position:absolute; z-index:2; left:50%; bottom:-10px; width:50px; height:2px; margin-left:-25px; background:#bf0219; overflow:hidden; content:''; transition:all .35s; }
#main .title h3{ display:block;font-size:16px; font-weight:normal; color:#999;}
#main .more{ text-align:center; margin:0px auto; padding:20px 0px;}
#main .more a{border:2px solid #ddd; text-align:center; color:#999; display:inline-block; font-size:14px; width:150px; height:42px; line-height:42px;transition: all .35s;}
#main .more a:hover{border:2px solid #999; text-align:center; background:#999; color:#fff;}
#main .more a.style-red:hover{border:2px solid #bf0219; background:#bf0219;}


#main .product{ width:1260px; margin:0 auto;}
#main .product>.tab-nav{ margin:0 auto; padding:50px 0 10px 0;}
#main .product>.tab-nav>li{display:inline-block; margin:0 10px; padding:10px 30px; border:1px solid #ddd; background:#fff;}
#main .product>.tab-nav>li>a{ display:block; font-size:16px; color:#444;}
#main .product>.tab-nav>li.actived{ background:#bf0219; border:1px solid #bf0219;}
#main .product>.tab-nav>li.actived>a{color:#fff;}
#main .product>.tab-con{ padding:30px 0; margin:0 auto;}
#main .product>.tab-con>.tab-item{display:none;}
#main .product>.tab-con>.current{display:block;}
#main .product>.tab-con>.tab-item>a{ position:relative; display:block; float:left; width:19.8%; border:1px solid #ddd; margin-left:-1px; margin-top:-1px;}
#main .product>.tab-con>.tab-item>a:after{ position:absolute; z-index:9; left:0; top:0; width:0; height:100%; background:rgba(0,0,0,.8) url("../images/icon-arrow-magnifier.png") no-repeat; background-position:50% 50%; background-size:50px auto; content:''; transition:all .35s;}
#main .product>.tab-con>.tab-item>a>.img{ width:70%; padding:40px 0; text-align:center; margin:0 auto;}
#main .product>.tab-con>.tab-item>a>.img>img{width:100%;height:auto;}
#main .product>.tab-con>.tab-item>a>.name{ position:absolute; z-index:3; left:50%; bottom:10px; text-align:center; margin-left:-40%; width:80%; line-height:30px;transition:all .35s;}
#main .product>.tab-con>.tab-item>a:hover:after{ width:100%;}
#main .product>.tab-con>.tab-item>a:hover .name{z-index:10; bottom:20px; font-size:16px; color:#fff;}
#main .product>.more{ padding-bottom:80px;}
#main .product>.more>a{ color:#ccc; height:auto; font-size:70px; border:0 !important;}
#main .product>.more>a:hover{background:none; color:#bf0219;}



#main .case{ width:100%; padding:70px 0px; height:500px; background:url(../images/case-bg.jpg) no-repeat; background-attachment:fixed; background-position:top center; background-size:100% 100%;}
#main .case .swiper-container{ max-width:1260px; padding-top:70px;}
#main .case .swiper-button-prev, #main .case .swiper-button-next{display:none;}
#main .case .swiper-slide{ position:relative;}
#main .case .swiper-slide .name{ background:rgba(0,0,0,.4); position:absolute; z-index:3; left:0px; bottom:0px; width:100%; height:40px; line-height:40px; text-align:center; font-size:15px; color:#fff;}
#main .case .swiper-slide img{ width:100%; height:auto;}
#main .case .swiper-pagination{ bottom:10px;}
#main .case .swiper-pagination-bullet{width:10px !important;height:10px !important; background:#fff !important;}

#main>.news{ width:100%; margin:0px auto;padding:70px 0px; background:#fff;}
#main>.news>.wrap{ width:100%; max-width:1260px; margin:0px auto; padding:70px 0px;}
#main>.news .img{ width:600px; text-align:left;}
#main>.news .img img{ width:100%;height:auto;}
#main>.news .container{ width:600px; text-align:left;}
#main>.news .container>a{ display:block; padding:26px 0px; border-bottom:1px dotted #ccc; font-size:14px;}
#main>.news .container>a:first-child{ padding-top:10px !important;}
#main>.news .container>a>.time{ width:80px; height:70px; text-align:center; border:1px solid #ddd; transition:all .35s;}
#main>.news .container>a>.time>.day{ padding-top:12px; font-size:24px; font-weight:bold;}
#main>.news .container>a>.time>.ym{ font-size:12px; color:#999;}
#main>.news .container>a>.con{ width:80%; padding:0 5px; text-align:left;}
#main>.news .container>a>.con>.tit{ padding-bottom:5px; font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#main>.news .container>a>.con>.txt{font-size:14px; color:#999; line-height:20px;}
#main>.news .container>a:hover .time{border:1px solid #bf0219;}
#main>.news .container>a:hover .time>.ym{color:#bf0219;}


/*END*/







/*other TOP*/
#navpart{ position:relative; z-index:99; top:-30px; width:1260px; margin:0 auto; text-align:right;}
#navpart>.column{ width:100%; margin:0 auto;}
#navpart>.column>a{ display:inline-block; padding:8px 30px; color:#fff; background:#666; border-radius:3px; font-size:16px; box-shadow:0 1px 2px rgba(0,0,0,.1);}
#navpart>.column>a:hover{background:#888;transform:translateY(-3px);}
#navpart>.column>a.A{background:#bf0219; color:#fff;transform:translateY(0);}
#title{ position:relative; width:1200px; padding-left:60px; margin:0 auto; text-align:left;}
#title:after{ position:absolute; z-index:3; left:10px; top:4px; width:40px; height:40px; background:url("../images/icon-title.png") no-repeat; background-position:50% 50%; background-size:100% auto; content:'';}
#title>h2{ display:block; font-size:20px; padding:0; margin:0; color:#444;}
#title>h3{display:block; padding:2px 0; font-size:14px; font-weight:normal; text-transform:uppercase; color:#ccc;}
#path{width:1260px; margin:0 auto; padding-bottom:20px; border-bottom:2px solid #eee; color:#999; text-align:right;}
#path>a{ display:inline-block; color:#999;font-size:14px;}
#path>a:hover{color:#bf0219; text-decoration:underline;}

/*END*/


/*about TOP*/

#about{ width:1260px; margin:0 auto; padding:80px 0;}
#about>.content{ width:64%; text-align:left; font-size:16px; line-height:28px; color:#666;}
#about>.content>p{ margin-bottom:20px;}
#about>.img{ width:30%; text-align:right;}
#about>.img>img{width:100%;height:auto;}
/*END*/



/*organization TOP*/

#organization{ width:1260px; margin:0 auto; padding:80px 0; text-align:center;}
#organization img{max-width:100%; height:auto;}
/*END*/


/*news TOP*/

#news{ width:1260px; margin:0 auto; padding:80px 0;}
#news>.list{ display:block; margin:0 auto;}
#news>.list>.item{ position:relative; display:block; padding:20px 0; text-align:left;}
#news>.list>.item:after{ position:absolute; z-index:1; left:0; top:0; width:0; height:0; background:#bf0219;border-radius:3px; opacity:0; overflow:hidden; content:''; transition:all .35s;}
#news>.list>.item>a{ display:block;}
#news>.list>.item>a .time{ position:relative; z-index:9; width:10%; padding-left:2%; color:#bf0219; text-align:left;}
#news>.list>.item>a .time>.dd{ font-size:36px;}
#news>.list>.item>a .time>.yy{ font-size:14px;}
#news>.list>.item>a .con{ width:88%;}
#news>.list>.item>a .con>.tit{ font-size:18px; color:#666; transition:all .35s;}
#news>.list>.item>a .con>.txt{ padding:10px 0; font-size:14px; color:#999; line-height:24px;}
#news>.list>.item>a:hover .tit{color:#bf0219;}
#news>.list>.item:hover .time{color:#fff;}
#news>.list>.item:hover:after{ opacity:1; width:8%; height:100%;}

#news>.view{ margin:0 auto;}
#news>.view>.title{ text-align:center;font-size:25px; color:#333; padding:0 50px;}
#news>.view>.time{ border-bottom:1px solid #eee; font-size:12px; color:#999; text-align:center; padding:15px 0;}
#news>.view>.content{ padding:50px 0; text-align:left; font-size:14px; line-height:24px; color:#666; margin:0 auto;}
#news>.view>.content img{max-width:100%; height:auto; margin-bottom:5%;}
#news>.view>.pageurl{ margin:0 auto; padding:50px 0 100px 0; border-top:1px solid #eee;}
#news>.view>.pageurl>.url{ width:90%; text-align:left;}
#news>.view>.pageurl>.url a{ display:block; padding:3px 0; font-size:14px; color:#999; transition:all .35s;}
#news>.view>.pageurl>.url a:hover>span{ color:#bf0219; text-decoration:underline;}
#news>.view>.pageurl>.back{ width:10%; padding:5px 0; text-align:center;}
#news>.view>.pageurl>.back>a{ display:block; font-size:14px; border:2px solid #ccc; color:#999; border-radius:3px; padding:8px 30px; transition:all .35s;}
#news>.view>.pageurl>.back>a:hover{ background:#bf0219; border:2px solid #bf0219; color:#fff;}



/*END*/



/*product TOP*/

#product{ width:1260px; margin:0 auto; padding:80px 0;}
#product>.catalog{ margin:0 auto;}
#product>.catalog>.item{ margin:0 auto 40px auto;}
#product>.catalog>.item>.type{ position:relative; text-align:left; height:100px; background:url("../images/catalogo-type-bg.jpg") no-repeat; background-position:0 0; background-size:100% 100%;}
#product>.catalog>.item>.type>.img{ position:absolute; z-index:9; left:20px; top:-20px; border:2px solid rgba(255,255,255,.8); border-radius:5px; width:140px; overflow:hidden; box-shadow:2px 2px 7px rgba(0,0,0,.2);}
#product>.catalog>.item>.type>.img>img{ width:100%;height:auto;}
#product>.catalog>.item>.type>.name{ font-size:30px; font-weight:400; color:#444; padding-left:200px; line-height:100px;}
#product>.catalog>.item>.container{ padding:50px 30px; border:1px solid #ddd; border-top:0 !important;}
#product>.catalog>.item>.container>a{ display:block; float:left; width:30%; margin-bottom:20px; text-align:left;}
#product>.catalog>.item>.container>a>.img{ width:40px; height:40px; padding:5px; float:left; border:1px solid #ddd;}
#product>.catalog>.item>.container>a>.img>img{width:100%; height:auto;}
#product>.catalog>.item>.container>a>.tit{ float:left; width:70%; padding:5px 20px 0 20px; line-height:20px; font-size:14px;}

#product>.product{ margin:0 auto;}
#product>.product>.type{ position:relative; text-align:left; width:300px;}
#product>.product>.type>.img{ margin:0 auto;}
#product>.product>.type>.img>img{ width:100%;height:auto;}
#product>.product>.type>.name{ display:block; margin:0 auto; text-align:center;}
#product>.product>.type>.name>a{display:inline-block;font-size:14px; color:#fff; background:#bf0219; border:1px solid #bf0219; border-radius:5px; padding:5px 20px;}
#product>.product>.type>.name>a:hover{ background:#fff; color:#bf0219;}
#product>.product>.container{ width:65%; min-height:500px; padding-left:6%; text-align:left; border-left:1px solid #ddd;}
#product>.product>.container>.tit{ font-size:16px; font-weight:bold; color:#bf0219; padding:20px 0; text-align:left; border-bottom:1px solid #ddd;}
#product>.product>.container>.list{padding:20px 0}
#product>.product>.container>.list>a{ display:block; float:left; width:50%; margin-bottom:20px; text-align:left;}
#product>.product>.container>.list>a>.img{ width:40px; height:40px; padding:5px; float:left; border:1px solid #ddd;}
#product>.product>.container>.list>a>.img>img{width:100%; height:auto;}
#product>.product>.container>.list>a>.tit{ float:left; width:70%; padding:5px 20px 0 20px; line-height:20px; font-size:14px;}

#product>.view{ margin:0 auto;}
#product>.view>.tit{border-bottom:1px solid #ddd; padding:20px; text-align:center; font-size:20px; font-weight:bold; color:#444;}
#product>.view>.bimg{text-align:center; margin:0 auto; padding:20px 0;}
#product>.view>.bimg>img{max-width:100%;height:auto;}
#product>.view>.content{ padding:50px 0; text-align:left; font-size:14px; line-height:24px; color:#666; margin:0 auto;}
#product>.view>.content>.tit{ position:relative; padding-left:12px; font-size:16px; font-weight:bold; color:#bf0219;}
#product>.view>.content>.tit:after{position:absolute; z-index:1; left:0; top:0; width:3px; height:100%; background:#bf0219; content:'';}
#product>.view>.content>.con{ padding:50px 0; text-align:left;}
#product>.view>.content>.con img{max-width:100%; height:auto; margin-bottom:5%;}

#product>.view>.bigfile{ text-align:left; font-size:14px; line-height:24px; color:#666; margin:0 auto;}
#product>.view>.bigfile>.tit{ position:relative; padding-left:12px; font-size:16px; font-weight:bold; color:#bf0219;}
#product>.view>.bigfile>.tit:after{position:absolute; z-index:1; left:0; top:0; width:3px; height:100%; background:#bf0219; content:'';}
#product>.view>.bigfile>.con{ padding:30px 0; text-align:left;}
#product>.view>.bigfile>.con img{height:34px; width:auto; margin-right:6px;}
#product>.view>.bigfile>.con a{display:block;float:left;width:25%; text-align:left;}
#product>.view>.bigfile>.con a:hover{text-decoration:underline;}

#product>.view>.pageurl{ margin:0 auto; padding:50px 0 100px 0; border-top:1px solid #eee;}
#product>.view>.pageurl>a{ display:inline-block; font-size:14px; border:2px solid #bf0219; color:#bf0219; border-radius:3px; padding:8px 30px; margin:0 5px; transition:all .35s;}
#product>.view>.pageurl>a:hover{ background:#bf0219; border:2px solid #bf0219; color:#fff;}
#product>.view>.pageurl>a.back{ display:inline-block; font-size:14px; border:2px solid #ccc; color:#999; border-radius:3px; padding:8px 30px; margin:0 5px; transition:all .35s;}
#product>.view>.pageurl>a.back:hover{ background:#bf0219; border:2px solid #bf0219; color:#fff;}
/*END*/

/*search TOP*/

#search{ width:1260px; margin:0 auto; padding:80px 0;}
#search>.keys{ padding-bottom:30px; font-size:14px; color:#666; text-align:center; margin:0 auto;}
#search>.keys>strong{ color:#ff0000;}
#search>.noData{ padding:20px 50px;}
#search>.container{ margin:0px auto;}
#search>.container>a{position:relative;display:block; float:left; width:24.9%; height:350px; overflow:hidden;border:1px solid #eee; margin-top:-1px; margin-left:-1px; text-align:center; overflow:hidden; transition:all .35s;}
#search>.container>a>.img{ display:block; width:94%; height:auto; margin:0 auto;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#search>.container>a>.img img{ width:100%; height:auto;}
#search>.container>a>.name{ padding:0 10px 30px 10px; text-align:center; font-size:14px; color:#666; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#search>.container>a:hover .name{ color:#bf0219;}


/*END*/




/*certificate TOP*/

#certificate{ width:1260px; margin:0 auto; padding:80px 0;}
#certificate>.list{ width:100%; margin:0px auto;}
#certificate>.list>.item{position:relative;display:block; float:left; width:22.8%; height:400px; overflow:hidden;border:1px solid #eee; margin-right:34px; margin-bottom:34px; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#certificate>.list>.item:nth-child(4n){ margin-right:0 !important;}
#certificate>.list>.item>a{ position:relative; display:block; height:100%; margin:0 auto;}
#certificate>.list>.item>a:after{ position:absolute; z-index:2; left:0; top:0; width:100%; height:60%; font-size:14px; opacity:0; background:rgba(0,0,0,.5) url("../images/icon-zoom-magnifier.png") no-repeat 50% 40%; content:attr(data-name); text-align:center;padding-top:80%; color:#fff; transition:all .35s;}
#certificate>.list>.item>a>img{ display:block; width:80%; height:auto; margin:0 auto;}
#certificate>.list>.item>a>.name{ position:absolute; z-index:2; left:50%; bottom:0; opacity:1; width:90%; margin-left:-45%; height:60px; line-height:60px; font-size:14px; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#certificate>.list>.item:hover>a:after{ opacity:1; width:90%; padding-left:5%; padding-right:5%;}
#certificate>.list>.item:hover .name{ opacity:0;}




/*END*/

/*marketing TOP*/

#marketing{ width:1260px; margin:0 auto; padding:80px 0;}
#marketing>.content{ text-align:center; font-size:16px; line-height:28px; color:#666;}
#marketing>.content>p{ margin-bottom:20px;}
#marketing>.img{ text-align:center; margin:0 auto;}
#marketing>.img>img{max-width:100%;height:auto;}
/*END*/





/*local offices TOP*/

#local_offices{ width:1260px; margin:0 auto; padding:80px 0;}
#local_offices>.list{ width:100%; margin:0px auto;}
#local_offices>.list>.item{ position:relative; width:49%; padding:20px 0; margin-bottom:20px; text-align:left; border:1px solid #eee; transition:all .35s;}
#local_offices>.list>.item:after{position:absolute; z-index:1; left:-1px; top:-2px; opacity:0; width:0; height:4px; background:#bf0219; content:''; transition:all .35s;}
#local_offices>.list>.item:nth-child(odd){float:left;}
#local_offices>.list>.item:nth-child(even){float:right;}
#local_offices>.list>.item>.tit{ width:90%; margin:0 auto; padding-bottom:10px; font-size:16px; color:#bf0219;}
#local_offices>.list>.item>.content{ width:90%; margin:0 auto; font-size:14px; text-align:left; color:#999; line-height:20px;}
#local_offices>.list>.item:hover{ border:1px solid #ddd; box-shadow:2px 1px 6px rgba(0,0,0,.1);transform:translateY(-5px);}
#local_offices>.list>.item:hover:after{ width:24%; opacity:1;}
/*END*/


/*customer TOP*/

#customer{ width:1260px; margin:0 auto; padding:80px 0;}
#customer>.content{ width:64%; text-align:left;}
#customer>.content>.txt{font-size:14px; line-height:22px; color:#999;}
#customer>.content>.form{ text-align:left; padding:10px 0;}
#customer>.content>.form .input_tit{display:block; padding:10px 0; font-size:14px; color:#666;}
#customer>.content>.form .input_tit>span.red{ color:#ff0000;}
#customer>.content>.form .input_con{ position:relative; display:block; padding:0;}
#customer>.content>.form .input_con>input{display:inline-block; width:97.6%; height:32px; line-height:32px; border:1px solid #ddd; border-radius:3px; font-size:14px; color:#666; padding:0 1%;}
#customer>.content>.form .input_con>textarea{display:block; width:97.6%; line-height:24px; border:1px solid #ddd; border-radius:3px; font-size:14px; color:#666; padding:1%;}
#customer>.content>.form .input_con>img{ margin-left:20px;}
#customer>.content>.form .input_tips{ height:20px; line-height:20px; color:#dc1227;}
#customer>.content>.form #btn-submit {outline: medium; width: auto; height: 45px; line-height: 45px; border: none; color: #fff; padding: 0px 50px; cursor: pointer; font-weight: bold; background:#666; border-radius:3px; font-size: 16px; margin: 15px auto; transition:all .35s;}
#customer>.content>.form #btn-submit:hover{ background:#bf0219;}
#customer>.img{ width:30%; text-align:left;}
#customer>.img>img{width:100%;height:auto;}



/*END*/


/*dealer TOP*/

#dealer{ width:1260px; margin:0 auto; padding:80px 0;}
#dealer>.content{ width:100%; float:none; padding:10px 0; text-align:left;}
#dealer>.content>.txt{font-size:14px; line-height:22px; color:#999;}
#dealer>.content>.form{ text-align:left; padding:10px 0;}
#dealer>.content>.form .input_tit{display:block; padding:10px 0; font-size:14px; color:#666;}
#dealer>.content>.form .input_tit>span.red{ color:#ff0000;}
#dealer>.content>.form .input_con{ position:relative; display:block; padding:0;}
#dealer>.content>.form .input_con>input{display:inline-block; width:97.6%; height:32px; line-height:32px; border:1px solid #ddd; border-radius:3px; font-size:14px; color:#666; padding:0 1%;}
#dealer>.content>.form .input_con>textarea{display:block; width:97.6%; line-height:24px; border:1px solid #ddd; border-radius:3px; font-size:14px; color:#666; padding:1%;}
#dealer>.content>.form .input_con>img{ margin-left:20px;}
#dealer>.content>.form .input_tips{ height:20px; line-height:20px; color:#dc1227;}
#dealer>.content>.form #btn-submit {outline: medium; width: auto; height: 45px; line-height: 45px; border: none; color: #fff; padding: 0px 50px; cursor: pointer; font-weight: bold; background:#666; border-radius:3px; font-size: 16px; margin: 15px auto; transition:all .35s;}
#dealer>.content>.form #btn-submit:hover{ background:#bf0219;}
#dealer>.img{ width:100%; float:none; text-align:left;}
#dealer>.img>img{width:100%;height:auto;}



/*END*/



/*contact TOP*/

#contact{ width:100%; margin:0 auto;}
#contact>.content{width:1260px; margin:0 auto; padding:80px 0;}
#contact>.content>.img{ text-align:left;}
#contact>.content>.img>img{ width:100%; height:auto;}
#contact>.content>.txt{ padding:0 50px; text-align:left;}
#contact>.content>.txt>h1{ display:block; margin-bottom:20px; font-weight:normal; font-size:36px;}
#contact>.content>.txt>p{ padding:3px 0; text-align:left; font-size:16px; line-height:28px; color:#666;}
#contact>.content>.txt a:hover{text-decoration:underline;}
#contact>.content>.other{ width:200px;}
#contact>.content>.other>.qq{ text-align:center; margin-bottom:5px;}
#contact>.content>.other>.qq>a{display:block; padding:10px; background:#3ab7ff; font-size:14px; color:#fff;}
#contact>.content>.other>.qq>a>img{height:26px; width:auto; margin-right:6px;}
#contact>.content>.other>.qq>a:hover{ background:#59c2ff;}
#contact>.content>.other>.qrcode{ text-align:center; border:1px solid #ddd;}
#contact>.content>.other>.qrcode>img{ width:100%;height:auto;}
#contact>.map{width:100%; margin:0 auto;}
/*END*/


/*page TOP*/

#page{ margin:0 auto; padding:30px 0;text-align:center;}
#page>a{display:inline-block; width:30px; height:30px; line-height:30px; margin:0 5px; font-size:14px; text-align:center; background:#f7f7f7; border:1px solid #eee; transition:all .35s;}
#page>a:hover{ background:#fff;}
#page>a.A{ background:#666; border:1px solid #666; color:#fff;}

.page{ margin:0 auto; padding:30px 0;text-align:center;}
.page>a{display:inline-block; width:30px; height:30px; line-height:30px; margin:0 5px; font-size:14px; text-align:center; background:#f7f7f7; border:1px solid #eee;transition:all .35s;}
.page>a:hover{ background:#fff;}
.page>a.A{ background:#666; border:1px solid #666; color:#fff;}
/*END*/



#kefu{position:fixed; z-index:101; right:0; top:50%; width:150px; background:#fff; border:1px solid #ddd; box-shadow:-3px 3px 5px rgba(0,0,0,.1); border-right:0 !important;}
#kefu>.qq{display:block; height:100px;}
#kefu>.qq>a{display:block; padding:10px; background:#3ab7ff; font-size:14px; color:#fff;}
#kefu>.qq>a>img{height:40px; width:auto;display:block; margin:0 auto 5px auto;}
#kefu>.qq>a:hover{ background:#59c2ff;}
#kefu>.qrcode{ text-align:center; padding:10px;}
#kefu>.qrcode>img{ width:80%;height:auto;}





/*foot TOP*/
#foot{ position:relative; width:100%; background:#bf0219; background-position:right top; margin:0px auto;}
#foot:after{position:absolute; z-index:1; right:0; top:0; width:0; height:100%; background:#179e3c; content:'';}
#foot .container{ width:1200px; margin:0px auto; padding:50px 0px;}
#foot .container .tel{ float:left; text-align:left; padding:20px 60px 20px 0px;}
#foot .container .tel img{ float:left;}
#foot .container .tel .text{ float:left; padding:0px 10px; line-height:16px; }
#foot .container .tel .text h4{ padding-top:10px;font-size:14px; font-weight:normal; color:rgba(255,255,255,.8);}
#foot .container .tel .text h3{ padding:10px 0px; font-size:25px; font-family:Arial; color:rgba(255,255,255,1);}
#foot .container .contact{ float:left; padding:20px 0px; text-align:left;}
#foot .container .contact p{ display:block; padding:3px 0px; font-size:14px; color:rgba(255,255,255,.8);}
#foot .container .contact a{ color:rgba(255,255,255,.8);}
#foot .container .contact a:hover{text-decoration:underline;}
#foot .container .qrcode{ position:relative; z-index:99; float:right;}
#foot .container .qrcode .text{ display:inline-block; padding-right:10px; text-align:right; color:rgba(255,255,255,.6); font-size:12px; line-height:18px;}
#foot .container .qrcode .text span{ display:block;}
#foot .container .qrcode img{ width:120px; height:auto;}
#foot .copyright{ position:relative; width:1200px; margin:0px auto; border-top:1px solid rgba(255,255,255,.2); padding:15px 0px; font-size:12px; text-align:left; color:rgba(255,255,255,.8);}
#foot .copyright a{ color:rgba(255,255,255,.8);}




/*END*/