/* main css cmsyou */
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Helvetica,"STHeiti STXihei","Microsoft JhengHei","Microsoft YaHei",Tohoma,Arial;}
body{font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; font-size:13px; color: #999;margin: 0px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-backface-visibility:hidden;zoom:1;backface-visibility:hidden}
ul,ol,li,dl,dt {list-style:none;margin:0;padding:0;border:0;background:none;outline:0;}
input,textarea,button,button[type=submit]:focus,input[type=button]:focus,input[type=submit]:focus,input[type=button]::-moz-focus-inner{ outline:none;}
input::-moz-focus-inner,button::-moz-focus-inner { border: 0; }
img{border:none;}
hr { width:100%; color:#CCCCCC; height:1px; size:1;}
a { color:#333; text-decoration: none;font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;outline:none;}
a:hover {color:#000; text-decoration: none;}
ul,li{ list-style-type:none;}
h1, h2, h3{font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;}
.fl{ float:left;}
.fr{ float:right;}
.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}
.mt0{ margin-top:0px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px!important;}
.mt20{ margin-top:20px;}
.mb0{ margin-bottom:0px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.ml0{ margin-left:0px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.mr5{ margin-right:10px;}
.mr10{ margin-right:10px;}
.pl0{ padding-left:0px;}
.pr0{ padding-right:0px;}
.pt0{ padding-top:0px;}
.pb0{ padding-bottom:0px;}
.p0{ padding:0px;}
.p5{ padding:5px;}
.pl0{ padding-left:0px!important;}
.pl5{ padding-left:5px;}
.pr5{ padding-right:5px;}
.p10{ padding:10px;}
.cl-orange{ color:#bf0008;}
.cl-white{ color:#fff;}
.bg-white{ background-color:#fff;}
.black_shadow{ text-shadow: 1px 1px 2px #333; }
.btn {font-size: 15px;padding: 10px 12px;}
.clear{ clear:both;}
.clear:before,.clear:after{content: ""; display: table; clear:both;}
.clearfix{zoom: 1; clear:both;}
.clearfix:before,.clearfix:after{content: ""; display: table; clear:both;}
.inner{width:1200px; margin:0 auto;}

body{background-color: #f8f9fd;}
*{margin:0;padding:0;}
.clear{clear:both;}
.header{width:100%;height:150px;}
.tophead{ height:36px; color:#999; line-height:26px; padding:0; border-top:3px solid #bf0008;background-color:#fff;}
.tophead .topleft{ padding-left:15px; padding-top:5px;}
.tophead .topright{ text-align:right; vertical-align:middle; padding-top:4px;}
.tophead .topright a{ position:relative; line-height:28px; vertical-align:middle; margin-left:15px; margin-right:15px; display:inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.tophead .topright a:hover{ color:#bf0008;}
.tophead .topright .cl-orange{ width:110px; height:28px; vertical-align:top; background:url(../images/icon-400-small.png) right center no-repeat; display:inline-block;}
.tophead .topright .cl-orange i{ display:none;}
.tophead .topright .topicon{ padding-left:26px; background-position:left center; background-repeat:no-repeat;}
.icon-fav{ background-image:url(../images/icon-fav.png);}
.icon-wx{ background-image:url(../images/icon-wx.png);}
.icon-tel{ background-image:url(../images/icon-tel.png);}
.icon-fav:hover{background-image:url(../images/icon-fav-hover.png);}
.icon-wx:hover{ background-image:url(../images/icon-wx-hover.png);}
.icon-tel:hover{ background-image:url(../images/icon-tel-hover.png);}
.icon-wx .ercode{ position:absolute; top:28px; left:-35px; z-index:999; display:none;}
.icon-wx:hover .ercode{ display:block;}
.icon-wx .ercode img{ width:168px; height:168px;}
.topcarte{ height:110px; background-color:#f8f9fd;}
.logo{float:left; width:350px; margin-top:18px; overflow:hidden;}
.logo a{width:350px;height:76px; text-indent:-9999em; background:url(../images/logo1.jpg) center center no-repeat;display:block;}
.topnav{ float:right; color:#333; margin-top:25px;}
.topnav .nav{ float:right; }
.topnav .nav .topli{position:relative;float:left; margin-left:16px;}
.topnav .nav .topli a.topmenu{font-size:17px;color:#333; line-height:60px; padding:0 15px; border-bottom:3px solid #f8f9fd; display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.topnav .nav .topli a.topmenu:hover,.topnav .nav .topli:hover a.topmenu{color:#bf0008; border-bottom:3px solid #bf0008;}
.topnav .nav .topli.hassub a.topmenu:hover,.topnav .nav .topli.hassub:hover a.topmenu{border-bottom:3px solid #f8f9fd;}
.topnav .nav .topli.cur a.topmenu{color:#bf0008; border-bottom:3px solid #bf0008;}
.topnav .nav .topli .topmenu span{width:16px;height:60px; vertical-align:middle; margin-left:8px;*margin-left:4px;background:url(../images/icon-arrow-down.png) center center no-repeat;display:inline-block;}
.topnav .nav .topli.cur .topmenu span,.topnav .nav .topli:hover .topmenu span,.topnav .nav .topli .topmenu:hover span{background:url(../images/icon-arrow-down-hover.png) center center no-repeat;}
.topnav .nav .topli .subnav { display: none; position: absolute; top:45px; left: 15px; z-index: 999; }
.topnav .nav .topli .subnav:before { content: ""; display: block; width:0; height:0; border-bottom: 5px solid #000; border-left: 5px solid transparent; border-right: 5px solid transparent; margin: 10px 0 0 20px; position: relative; top: 0px;  }
.topnav .nav .topli .subnav li { display: block; font-size: 1.2em; padding: 0; background:rgba(0,0,0,0.8); }
.topnav .nav .topli .subnav li:first-child { border-radius: 5px 5px 0 0; padding-top: 8px; }
.topnav .nav .topli .subnav li:last-child { border-radius: 0 0 5px 5px; padding-bottom: 10px; }
.topnav .nav .topli .subnav li a { color:#f7f7f7!important; display: block; padding: 10px 0 6px 0; margin: 0 16px; width: 120px;  line-height: 1.4; text-align: left; background: url('../images/line-horz.png') left bottom repeat-x; font-size:14px!important;}
.topnav .nav .topli .subnav li a:hover { color:#bf0008!important; }

/*index banner*/
.index_banner{position: relative; height: 700px; }
.index_banner .wrapper { position: relative; width: 1180px; margin: 0 auto;}
.index_banner .wrapper:after { content: ""; display: block; clear: both; }
.index_banner #content { float: left; width: 70%; position: relative; z-index: 3; }
.index_banner #sidebar { float: right; width: 23%; position: relative; z-index: 2; }
.index_banner #content, .full-width#content { width: 100%; } 
.left-sidebar#content { float: right; }
.left-sidebar#sidebar { float: left; }
#slider { position: absolute; left: 0; top: 0; z-index: 100; width: 100%; overflow: hidden; }
#slider ul { margin: 0 auto; list-style: none; width: 100%; height:700px; }
#slider ul li { display: block; position: relative; left: 0; width: 100% !important; height: 100%; opacity: 0; }
#slider ul li .wrapper { position: relative; height: 100%; }
#slider ul li .slide-text { width: 65%; position: relative; top:160px; left: 0; text-align: left; z-index: 4; font-size: 1.25em; background: none; }
#slider ul li .slide-text p{ position: relative; color: #fff; line-height: 1.6; }
#slider ul li .slide-text p.big, #slider ul li .slide-text p.extrabig { color: #fff; font-size: 1.8em; padding-bottom: 12px; line-height: 1.3; font-weight: bold; text-transform: uppercase; }
#slider ul li .slide-text p.sub-heading-upper { clear: both; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-size:2.25em; line-height:1.5em; padding-bottom:6px; padding-left:15px; margin-bottom: 25px; background:url(../images/icon-line.jpg) left 15px no-repeat;}
#slider ul li .slide-text p.text{font-size:2em; padding-left:15px;}
#slider ul li .slide-text p.btn{font-size:1.4em; margin-top:35px;}
#slider ul li .slide-text p.btn span{ padding:3px 60px 5px; background-color:#bf0008; border-radius:30px; display:inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#slider ul li .slide-text p.btn span:hover{background-color:#333;}
p > span.sub-heading-upper { margin-bottom: 0; }
#slider ul li .slide-back { width: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
#slider ul li .slide-back img { width: auto; min-width: 100%; min-height: 700px; }
#slider a.next, #slider a.prev { position: absolute; top: 320px; width:60px; height:60px; color: white; font-size: 5em; font-weight: 300; padding: 0; background-color: #000; background-position:center center; background-repeat:no-repeat; z-index: 15;  display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#slider a.next:hover, #slider a.prev:hover{ background-color:#bf0008;}
#slider a.next { right: -90px; background-image:url(../images/icon-arrow-right-white.png);}
#slider a.prev { left: -90px; background-image:url(../images/icon-arrow-left-white.png);}
#circle-pager{ position:absolute; bottom:60px; width:100%; text-align:center; z-index:9999;}
#circle-pager a{ _float:left; width:8px; height:8px; text-indent:-999em; border-radius: 50%; vertical-align:middle; _margin-top:0px; margin-left:5px; margin-right:5px; background-color:#bf0008; filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; display:inline-block; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#circle-pager a.activeSlide{width:14px; height:14px; _margin-top:4px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

/*inquiry*/
.inquiry-from{ position:absolute; top:125px; right:0px; width:340px; height:370px; background-color:#fff; z-index:101;}
.inquiry-title{ color:#bf0008; font-size:15px; font-weight:bold; line-height:30px; letter-spacing:2px; padding:10px 20px; border-top: 3px solid #bf0008; background-color: #f8f9fd;}
.inquiry-content{position:relative; padding:25px;}
.input-group{ position:relative; margin-bottom:25px; clear:both;}
.input-group .input-title{ color:#000; font-size:18px; line-height:1.5em; margin-bottom:5px; clear:both;}
.input-group .input-fill input{ width:258px; color:#999; font-size:16px; line-height:40px; padding:0 15px; border:1px solid #ededed; outline:none; display:block;}
.input-group .input-fill input:hover{border:1px solid #ddd;}
.input-group .input-select{border:1px solid #ededed;}
.input-group .input-select:hover{cursor:pointer; border:1px solid #ddd;}
.input-group .input-select .input-tips{width:260px;height:40px;font-size:16px;color:#999;line-height:40px;background-color:#fff;padding-left:15px;background-image:url(../images/icon-arrow-down.png);background-repeat:no-repeat;background-position:center right; display:block;}
.input-group .input-select:hover .input-tips{ color:#787878; background-image:url(../images/icon-arrow-down-hover.png);}
.input-group .pull_list_menu{display:none;position:absolute;top:73px;left:0;width:288px;height:180px; border:1px solid #ededed;background:#fff; z-index:999;overflow-y:scroll;}
.input-group .pull_list_menu li{ height:40px; font-size:14px;color:#999;padding-left:15px; line-height:40px; border-bottom:1px solid #f8f8f8;}
.input-group .pull_list_menu li a{word-break: keep-all;text-overflow: ellipsis;overflow: hidden;display:block;}
.input-group .pull_list_menu li:hover,.series .pull_list_menu li.cur{background:#f7f7f7;}
.input-submit{ position:relative; height: 40px; margin-top:35px; clear:both;}
.input-submit .btn-submit{ width:100%; color:#fff; font-size:18px; line-height:30px; letter-spacing:5px; padding:5px 35px; border:none; background-color:#000; /*border-radius:30px;*/ outline:none; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.input-submit .btn-submit:hover{ background-color:#bf0008;}
.input-submit .btn-tips{ float:right; color:#666; font-size:15px; line-height:40px; text-align:right; padding-right:15px; background:url(../images/icon-arrow-right.png) right center no-repeat;}
.input-submit .btn-tips:hover{ color:#bf0008; background:url(../images/icon-arrow-right-hover.png) right center no-repeat;}

/*row-process*/
.row-process{ padding-top:25px; padding-bottom:25px; background-color: #fff; clear:both;}
.row-title{clear:both;}
.row-title:after{ content:" "; display:block; clear:both;}
.row-title h3{ color:#000; font-size:36px; line-height:1.5em; text-align:center; margin:0 auto;}
.row-title p{ color:#666; font-size:24px; line-height:1.75em; text-align:center; margin:0 auto 20px;}
.row-content{clear:both;}
.row-content:after{ content:" "; display:block; clear:both;}
.process-ul{ text-align:center; clear:both;}
.process-ul ul li{ _float:left; color:#999; font-size:16px; margin:10px 20px; display:inline-block;}
.process-ul ul li:hover{ color:#bf0008;}
.process-ul ul li .process-arrow{ width:100px; height:70px; text-align:center; background:url(../images/icon-arrow-right-long.png) center center no-repeat; display:block;}
.process-ul ul li .process-icon{ text-align:center; padding-top:64px; background-position:center top; background-repeat:no-repeat; display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.icon-process-1{ background-image:url(../images/icon-process-1.png);}
.icon-process-1:hover{ background-image:url(../images/icon-process-1-hover.png);}
.icon-process-2{ background-image:url(../images/icon-process-2.png);}
.process-ul ul li:hover .icon-process-2{ background-image:url(../images/icon-process-2-hover.png);}
.icon-process-3{ background-image:url(../images/icon-process-3.png);}
.process-ul ul li:hover .icon-process-3{ background-image:url(../images/icon-process-3-hover.png);}
.icon-process-4{ background-image:url(../images/icon-process-4.png);}
.process-ul ul li:hover .icon-process-4{ background-image:url(../images/icon-process-4-hover.png);}
.icon-process-5{ background-image:url(../images/icon-process-5.png);}
.process-ul ul li:hover .icon-process-5{ background-image:url(../images/icon-process-5-hover.png);}

/*row-intro*/
.row-intro{ width:100%; padding-top:20px; padding-bottom:90px; background-color:#f8f9fd; clear:both;}
.intro-text{ width:600px; height:440px; overflow:hidden;background-color: #eeeeee;}
.intro-text h3,.intro-text h4,.intro-text p{ padding-left:30px; padding-right:30px;}
.intro-text h3{ color:#000; font-size:36px; line-height:1.5em;margin-top: 20px;}
.intro-text h4{ color:#999; font-size:24px; font-weight:normal; line-height:1.5em; padding-top:5px; padding-bottom:5px; margin-bottom:5px;margin-top: 21px;}
.intro-text p{ color:#000; font-size:16px; line-height:1.5em; margin-bottom:10px;margin-top: 35px}
.intro-text-list{ margin-top:10px; padding-left:15px; clear:both;}
.intro-text-list ul li{ float:left; width:110px; text-align:center; margin:10px 13px;}
.intro-text-list ul li span{ color:#666; font-size:18px; line-height:2em;}
.intro-text-list ul li p{ font-size:13px; line-height:1.5em; text-align:left; padding-left:5px; padding-right:0;}
.intro-text-list ul li .intro-icon{width:80px; height:80px; background-position:center center ; background-repeat:no-repeat; background-color:#bf0008; border-radius:40px; margin:0 15px 8px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.intro-text-list ul li:hover .intro-icon{background-color:#333;}
.icon-people-type-1{ background-image:url(../images/icon-people-type-1.png);}
.icon-people-type-2{ background-image:url(../images/icon-people-type-2.png);}
.icon-people-type-3{ background-image:url(../images/icon-people-type-3.png);}
.icon-people-type-4{ background-image:url(../images/icon-people-type-4.png);}
.intro-pic{ width:600px; height:440px; overflow:hidden;}
.intro-pic ul li{ float:left; margin: 10px 15px 20px;}
.intro-pic ul li img{border-radius:10px; border:none; transition: 1.2s;width: 270px;}
.intro-pic ul li:hover img{transform: scale(1.1);}

/*owl-carousel*/
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls{ z-index:9999;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-controls .owl-buttons div{ position: absolute; top: 50%; width:50px; height:50px; color: white; font-size: 0; line-height: 0; text-indent:-9999em; padding: 0; margin-top:-45px; background-color: #000; background-position:center center; background-repeat:no-repeat; z-index: 15;  display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.owl-controls .owl-buttons div:hover{ background-color:#bf0008;}
.owl-controls .owl-buttons .owl-next{ right: -65px; background-image:url(../images/icon-arrow-right-white.png);}
.owl-controls .owl-buttons .owl-prev{ left: -65px; text-indent: 9999em; background-image:url(../images/icon-arrow-left-white.png);}

/*row-recommend*/
.row-recommend{ width:100%; padding-top:55px; background-color: #fff; overflow:hidden; clear:both;}
/*.row-recommend .owl-carousel .owl-wrapper-outer{ overflow:visible;}*/
.recommend-list{ padding:10px 0; clear:both;}
.recommend-list ul li{ float:left; margin-left:15px; margin-right:15px; margin-bottom:40px;box-shadow:0px 2px 8px #ddd;}
.recommend-list-small ul li{ width:270px; overflow:hidden;}
.recommend-list-large ul li{ width:370px; overflow:hidden;}
.recommend-list ul li .pro-pic{ position:relative; display:block; clear:both; overflow:hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.recommend-list ul li .pro-pic img{ width:370px; height:230px; transition: 1.2s;}
.recommend-list-small ul li .pro-pic img{ width:270px; height:180px;}
.recommend-list ul li .pro-pic span{ position:absolute; left:0; bottom:0; color:#fff; font-size:16px; line-height:1.5em; padding:8px 20px; background-color:#bf0008; display:inline-block; z-index:999;}
.recommend-list-small ul li .pro-pic span{font-size:14px; padding:5px 15px;}
.recommend-list ul li .pro-pic:hover span{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.recommend-list ul li .pro-pic:hover img{transform: scale(1.1);}
.recommend-list ul li .pro-title{ position:relative; background-color:#fff; display:block; clear:both; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.recommend-list ul li .pro-title span{ color:#333; font-size:24px; line-height:2em; padding-left:20px; background:url(../images/icon-line.jpg) left 8px no-repeat; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.recommend-list-small ul li .pro-title span{font-size:20px;}
.recommend-list ul li .pro-title:hover span{ color:#bf0008;}
.recommend-list ul li .pro-title p{ color:#999; font-size:14px; line-height:2em; padding-left:20px;  display:block; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.recommend-list-small .pro-title p{ font-size:15px;}
.recommend-list ul li .pro-title:hover p{ color:#666;}
.recommend-list ul li .pro-para{ clear:both;}
.recommend-list ul li .pro-para{ clear:both;}
.recommend-list ul li .pro-para ul li{ float:left; width:101px; color:#666; font-size:14px; line-height:1.5em; text-align:center; padding:8px 10px; margin:0; background-color:#f1f1f1; border-left:1px solid #fff;box-shadow:none; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.recommend-list-small ul li .pro-para ul li{ width:88px; font-size:12px; padding:5px 0px;}
.recommend-list ul li .pro-para ul li .icon-para{ padding-left:26px; background-position:left center; background-repeat:no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.recommend-list-small ul li .pro-para ul li .icon-para{ padding-left:24px;}
.recommend-list ul li .pro-para ul li .icon-para:hover{ color:#bf0008;}
.icon-deploy-1{ background-image:url(../images/icon-deploy-1.png);}
.icon-deploy-1:hover{ background-image:url(../images/icon-deploy-1-hover.png);}
.icon-deploy-2{ background-image:url(../images/icon-deploy-2.png);}
.icon-deploy-2:hover{ background-image:url(../images/icon-deploy-2-hover.png);}
.icon-deploy-3{ background-image:url(../images/icon-deploy-3.png);}
.icon-deploy-3:hover{ background-image:url(../images/icon-deploy-3-hover.png);}

/*row-qa*/
.row-qa{ position:relative; width:100%; height:300px; background-color: #fff; clear:both;}
.row-qa .qa-left{ position:relative; width:50%; height:300px; background:#bf0008 url(../images/bg-qa-1.png) left center no-repeat;}
.row-qa .qa-right{ position:relative; width:50%; height:300px; background:#4e4e4e url(../images/bg-qa-2.png) right center no-repeat;}
.row-qa .qa-text{ position:absolute; top:50%; width:360px; height:130px; margin-top:-60px;}
.row-qa .qa-text h4{ color:#fff; font-size:22px; font-weight:normal; line-height:1.5em; margin-bottom:25px;}
.row-qa .qa-text p{  color:#fff; font-size:18px; line-height:1.5em;}
.row-qa .qa-left .qa-text{ right:85px;}
.row-qa .qa-right .qa-text{ left:85px;}
.row-qa .icon-qa{ position:absolute; left:50%;top:50%; margin-top:-55px; margin-left:-55px; width:110px; height:110px; background:#797979 url(../images/icon-qa.png) center center no-repeat; border-radius:55px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.row-qa .icon-qa:hover{background:#ff7631 url(../images/icon-qa.png) center center no-repeat;}

/*row-promotion*/
.row-promotion{ width:100%; padding-top:55px; padding-bottom:55px; background-color:#f8f9fd; overflow:hidden; clear:both;}
.row-promotion .recommend-list ul li{margin-left:14px; margin-right:14px;}
.brand-list{ margin-top:20px; margin-bottom:20px; clear:both;}
.brand-list ul li{ float:left; width:105px; border-left:1px solid #eee; margin-bottom:20px;}
.brand-list ul li.first{border-left:none;}
.brand-list ul li a{color:#666; font-size:18px; line-height:1.5em; text-align:center; border-bottom:2px solid #f8f9fd; display:block;}
.brand-list ul li a:hover,.brand-list ul li.cur a{ color:#bf0008; filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.brand-list ul li a span{ padding:5px 10px; border-bottom:2px solid #f8f9fd;}
.brand-list ul li a:hover span,.brand-list ul li.cur a span{border-bottom:2px solid #bf0008;}
.brand-list ul li .icon-logo{ padding-top:72px; background-position:center top; background-repeat:no-repeat; display:block;}
.logo-car-1{ background-image:url(../images/logo-car-1.png);}
.logo-car-2{ background-image:url(../images/logo-car-2.png);}
.logo-car-3{ background-image:url(../images/logo-car-3.png);}
.logo-car-4{ background-image:url(../images/logo-car-4.png);}
.logo-car-5{ background-image:url(../images/logo-car-5.png);}
.logo-car-6{ background-image:url(../images/logo-car-6.png);}
.logo-car-7{ background-image:url(../images/logo-car-7.png);}
.logo-car-8{ background-image:url(../images/logo-car-8.png);}
.logo-car-9{ background-image:url(../images/logo-car-9.png);}
.logo-car-10{ background-image:url(../images/logo-car-10.png);}
.logo-car-more{ background-image:url(../images/icon-more.png); background-position:center 20px!important;}

/*row-advantage*/
.row-advantage{ width:100%; height:520px; padding-top:55px; padding-bottom:55px; background:#fff url(../images/bg-map.png) center center no-repeat; clear:both;}
.advantage-list{ position:relative; height:370px; clear:both;}
.advantage-list ul li{ float:left; width:20%;}
.advantage-list ul li a{color:#999; font-size:18px; line-height:1.5em; text-align:center;display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.advantage-list ul li.cur a,.advantage-list ul li a:hover{ color:#bf0008; font-size:24px;}
.advantage-list ul li a span{ padding-left:2px;}
.advantage-list ul li .icon-advantage{ padding-top:180px; background-position:center top; background-repeat:no-repeat; display:block;}
.advantage-list ul li p{ position:absolute; bottom:50px; left:0; width:1200px; color:#999; font-size:16px; text-align:center; display:none;}
.advantage-list ul li.cur p,.advantage-list ul li a:hover p{ font-size:18px; display:block;}
.icon-advantage-1{background-image:url(../images/icon-advantage-1.png);}
.icon-advantage-2{background-image:url(../images/icon-advantage-2.png);}
.icon-advantage-3{background-image:url(../images/icon-advantage-3.png);}
.icon-advantage-4{background-image:url(../images/icon-advantage-4.png);}
.icon-advantage-5{background-image:url(../images/icon-advantage-5.png);}
.advantage-list ul li.cur .icon-advantage,.advantage-list ul li .icon-advantage:hover{ padding-top:230px; background-position:center 15px;}
.advantage-list ul li.cur .icon-advantage-1,.advantage-list ul li .icon-advantage-1:hover{background-image:url(../images/icon-advantage-1-hover.png);}
.advantage-list ul li.cur .icon-advantage-2,.advantage-list ul li .icon-advantage-2:hover{background-image:url(../images/icon-advantage-2-hover.png);}
.advantage-list ul li.cur .icon-advantage-3,.advantage-list ul li .icon-advantage-3:hover{background-image:url(../images/icon-advantage-3-hover.png);}
.advantage-list ul li.cur .icon-advantage-4,.advantage-list ul li .icon-advantage-4:hover{background-image:url(../images/icon-advantage-4-hover.png);}
.advantage-list ul li.cur .icon-advantage-5,.advantage-list ul li .icon-advantage-5:hover{background-image:url(../images/icon-advantage-5-hover.png);}
.advantage-list-dot{ width:100%; text-align:center; clear:both;}
.advantage-list-dot ul li{ _float:left; width:8px; height:8px; border-radius: 50%; vertical-align:middle; _margin-top:0px; margin-left:5px; margin-right:5px; background-color:#bf0008; display:inline-block; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.advantage-list-dot ul li.cur{width:14px; height:14px; _margin-top:4px;}

/*row-banner*/
.row-banner{ width:100%; height:320px; background-color: #fff; clear:both;}
.row-banner a{ width:100%; height:320px; background-position: center center; background-repeat:no-repeat; display:block;}

/*row-sales*/
.row-sales{ width:100%; height:680px; padding-top:55px; padding-bottom:55px; background-color:#f8f9fd; overflow:hidden; clear:both;}
.sales-list{ margin-top:20px; clear:both;}
.sales-list ul li{ position:relative; float:left; width:370px; height:440px; border:1px solid #eee; margin:14px; margin-bottom:85px; box-shadow:0px 2px 8px #ddd; overflow:hidden;}
.sales-list ul li .sales-pic{ position:relative; display:block; clear:both; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sales-list ul li .sales-pic img{ width:370px; height:270px; transition: 1.2s;}
.sales-list ul li .sales-pic span{ position:absolute; top:0; right:0; height:30px; color:#fff; font-size:14px; line-height:30px; padding:0 12px 0 0; background-color:#bf0008; display:inline-block; z-index:999;}
.sales-list ul li .sales-pic span i{ float:left; width:30px; height:30px; font-style:normal; margin-right:12px; background:#fff url(../images/icon-time-hover.png) center center no-repeat; }
.sales-list ul li .sales-pic:hover span{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.sales-list ul li .sales-pic:hover img{transform: scale(1.1);}
.sales-list ul li .sales-text{ position:absolute; bottom:0; right:0; width:300px; height:190px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sales-list ul li:hover .sales-text{ height:215px;}
.sales-list ul li .sales-title{ position:relative; padding-top:40px; padding-bottom:15px; border-left:1px solid #eee; background-color:#fff; display:block; clear:both; z-index:9; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sales-list ul li .sales-title .sales-avr{ position:absolute; top:-26px; left:20px; z-index:10;}
.sales-list ul li .sales-title .sales-avr img{ width:52px; height:52px; border:0; border-radius:50%;}
.sales-list ul li .sales-title .sales-rel{ color:#000; font-size:17px; line-height:32px; padding-left:20px; background:url(../images/icon-line.jpg) left 6px no-repeat; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.sales-list ul li .sales-title:hover .sales-rel{ color:#bf0008;}
.sales-list ul li .sales-title .sales-rel i{ color:#999; font-style:normal; margin-left:5px; margin-right:5px;}
.sales-list ul li .sales-title p{ height:90px; color:#666; font-size:13px; line-height:1.75em; padding-left:20px; padding-right:20px; margin-top:10px; margin-bottom:5px; overflow:hidden;}
.sales-list ul li .sales-title:hover p{ color:#666;}
.sales-list ul li .sales-title .view-more{ color:#fff; font-size:14px; line-height:2em; padding-left:20px; clear:both; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sales-list ul li:hover .sales-text .view-more{ color:#bf0008;}
.sales-list ul li .pro-para{ position:absolute; left:0; bottom:0; width:70px; height:170px; background-color:#fff; overflow:hidden; z-index:8;}
.sales-list ul li .pro-para ul li{width:70px; height:56px; text-align:center; border:none; border-bottom:1px solid #eee; padding:0; margin:0;box-shadow:none;}
.sales-list ul li .pro-para ul li .icon-para{ width:100%; padding-top:30px; background-position:center 8px; background-repeat:no-repeat; display:block;}
.sales-list ul li .pro-para ul li .icon-time{ background-image:url(../images/icon-time.png);}
.sales-list ul li .pro-para ul li .icon-corp{ background-image:url(../images/icon-corp.png);}
.sales-list ul li .pro-para ul li .icon-more{ background-image:url(../images/icon-more.png);}
.sales-list .owl-controls .owl-buttons .owl-prev{ left:15px; top:auto; bottom:0;}
.sales-list .owl-controls .owl-buttons .owl-next{ right:15px; top:auto; bottom:0;}
.sales-list .owl-controls .owl-pagination{ position:absolute; bottom:15px; left:auto; right:auto; width:100%; text-align:center;}
.sales-list .owl-controls .owl-pagination .owl-page{ _float:left; width:8px; height:8px; border-radius: 50%; vertical-align:middle; _margin-top:0px; margin-left:5px; margin-right:5px; background-color:#bf0008; display:inline-block; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sales-list .owl-controls .owl-pagination .owl-page.active{width:14px; height:14px; _margin-top:4px;}

/*row-news*/
.row-news{ width:100%; height:540px; padding-bottom:55px; background-color: #fff; overflow:hidden; clear:both;padding-top: 20px;}
.news-list{ margin-top:20px; clear:both;}
.news-list ul li{ position:relative; float:left; width:370px; height:440px; border:1px solid #eee; margin:14px; margin-bottom:35px; box-shadow:0px 2px 8px #ddd; overflow:hidden;}
.news-list ul li .news-pic{ position:relative; display:block; clear:both; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.news-list ul li .news-pic img{ width:370px; height:270px;}
.news-list ul li .news-pic span{ position:absolute; top:0; right:0; height:30px; color:#fff; font-size:14px; line-height:30px; padding:0 12px 0 0; background-color:#bf0008; display:inline-block; z-index:999;}
.news-list ul li .news-pic span i{ float:left; width:30px; height:30px; font-style:normal; margin-right:12px; background:#fff url(../images/icon-time-hover.png) center center no-repeat; }
.news-list ul li .news-pic:hover span{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.news-list ul li .news-pic:hover img{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.news-list ul li .news-title{ position:relative; padding-top:23px; padding-bottom:15px; border-left:1px solid #eee; background-color:#fff; display:block; clear:both; z-index:9; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.news-list ul li .news-title .news-rel{ max-height:52px; color:#000; font-size:18px; line-height:26px; padding-left:20px; background:url(../images/icon-line.jpg) left 6px no-repeat; display:block; overflow:hidden;}
.news-list ul li .news-title:hover .news-rel{ color:#bf0008;}
.news-list ul li .news-title p{ height:90px; color:#333; font-size:15px; line-height:1.75em; padding-left:20px; padding-right:20px; margin-top:10px; margin-bottom:5px; overflow:hidden;}
.news-list ul li .news-title:hover p{ color:#666;}
.news-list ul li .news-title .view-more{ color:#fff; font-size:14px; line-height:2em; padding-left:20px; clear:both; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.news-list ul li:hover .news-text .view-more{ color:#bf0008;}
.btn-more{ color:#bf0008; font-size:18px; line-height:1.5em; padding:5px 50px; border:1px solid #bf0008; border-radius:30px; background-color:#fff; display:inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-more:hover{ color:#fff; background-color:#bf0008;}
.news_title{position: relative;line-height: 36px;}
.news_title h4{position: relative;width: 150px;color: #333;font-size: 18px; line-height:26px; margin-bottom:5px; padding-left: 18px;background: url(../images/icon-line.jpg) left center no-repeat;overflow: hidden;}
.news_title .view{position: absolute;right: 0;top: 0;color: #888;background: url(../images/icon-arrow-right.png) right center no-repeat;width: 44px;display: inline-block;}
.news_title .view:hover{color:#bf0008;background: url(../images/icon-arrow-right-hover.png) right center no-repeat;}
.news_content{float: left;width: 562px;padding: 0px 18px 0 20px;margin-top: 30px;}
.news_content:nth-child(1){padding: 0px 38px 0 0px;}
.news_content ul{ padding:0; clear:both;}
.news_content li{width: 100%;height: 30px;line-height: 30px;margin-top: 15px;clear: both;}
.news_content .top{line-height: 19px;height: 118px;background-color: #f8f8f8;overflow: hidden;margin-top:0}
.news_content .top:hover{ background-color:#fefefe;}
.news_content .top:hover{ background-color:#fafafa;}
.news_content .top .pic{width: 180px;height: 117px;float: left;margin-right: 12px;}
.news_content .top .pic img{width: 100%;height: 100%;transform: scale(1);-webkit-transition: 0.4s;transition: 0.4s;}
.news_content .top .pic:hover img{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.news_content .top .con{float: left;width: 360px;}
.news_content .top h5{ height:36px; font-size:16px;line-height: 36px; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.news_content .top h5 a:hover{ color:#bf0008;}
.news_content .top .intro{color:#666;margin-bottom: 15px;height: 38px;overflow: hidden;}
.news_content .top .date{color:#999;float: none;font-size:14px;line-height: 30px;padding-left:24px;background: url(../images/icon-calendar.png) left center no-repeat;}
.news_content .title{float: left;width: 460px; height:30px; color:#333; font-size:16px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden; -webkit-transition: 0.4s;transition: 0.4s;}
.news_content .title:hover{color:#bf0008;padding-left: 4px;-webkit-transition: 0.4s;transition: 0.4s;}
.news_content .date{float: right;color:#999;font-size:13px;}

/*row-corp*/
.row-corp{ width:100%; height:525px; padding-top:55px; padding-bottom:55px; background:#f8f9fd url(../images/bg-corp.jpg) center center no-repeat; overflow:hidden; clear:both;}
.corp-list{ margin-top:30px; clear:both;}
.corp-list ul li{ float:left; width:33.33%; text-align:center; margin-bottom:15px; margin-top:15px;}
.corp-list ul li img{ transition: 1.2s;}
.corp-list ul li:hover img{transform: scale(1.1);}

/*row-page-banner*/
.row-page-banner{ width:100%; height:125px; background-color:#fff; background-position:center center; background-repeat:no-repeat; clear:both;}
.row-page-banner .catname{ color:#fff; padding: 42px 0;background-color: rgba(0, 0, 0, 0.6);}
.row-page-banner .catname h3{ color:#fff; font-size:24px; line-height:1.5em; font-weight:normal; letter-spacing:3px;}

/*row-container*/
.row-container{clear:both;}
.breadcrumb{ color:#999; font-size:14px; line-height:2em; padding: 20px 0; background-color:#fff;}
.breadcrumb a{ color:#666; margin-left:5px; margin-right:5px;}
.breadcrumb a:hover{ color:#bf0008;}
.page-content{ position:relative; width:1200px; margin:50px auto; clear:both;}
.page-main{ float:left; width:860px; margin-bottom:40px;}
.post-list{ clear:both;}
.post-list ul li{margin-bottom:30px; padding:20px 30px 25px; background-color:#fff; clear:both; box-shadow: 0px 2px 8px #ddd;}
.post-list ul li .item-title{ position:relative; color:#000; font-size:28px; font-weight:normal; line-height:2em;}
.post-list ul li .item-title i{ position:absolute; left:-30px; top:14px; width:4px; height:30px; background:url(../images/icon-line.jpg) center center no-repeat;}
.post-list ul li .item-title a{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.post-list ul li .item-title a:hover{ color:#bf0008;}
.post-list ul li .item-meta{ color:#666; font-size:13px; line-height:1.5em; margin-bottom:20px;}
.post-list ul li .item-meta i{ color:#eee; font-style:normal; margin-left:10px; margin-right:10px;}
.post-list ul li .item-meta span{ color:#999;}
.post-list ul li .item-meta .icon-meta{padding-left:25px; margin-right:5px; background-position:left center; background-repeat:no-repeat;}
.post-list ul li .item-meta a:hover{color:#bf0008;}
.icon-calendar{ background-image:url(../images/icon-calendar.png);}
.icon-menu{ background-image:url(../images/icon-menu.png);}
.icon-view{ background-image:url(../images/icon-view.png);}
.post-list ul li .item-desc{ clear:both;}
.post-list ul li .item-thumb{ clear:both;}
.post-list ul li .item-thumb img{ width:100%; height:auto; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.post-list ul li .item-thumb img:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.post-list ul li .item-desctxt{ color:#666; font-size:14px; line-height:1.75em; margin-top:15px; clear:both;}
.post-list ul li .item-view{ text-align:right; margin-top:20px; clear:both;}
.post-list ul li .btn-view{ color:#666; font-size:18px; line-height:1.5em; padding:3px 20px; border:1px solid #666; border-radius:30px; background-color:#fff; display:inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.post-list ul li .btn-view:hover{ color:#fff; border:1px solid #bf0008; background-color:#bf0008;}
.page-side{ float:right; width:300px; margin-bottom:40px;}
.side-box{ padding:20px; background-color:#fff; margin-bottom:20px; clear:both; box-shadow: 0px 2px 8px #ddd;}
.side-title{position:relative; color:#000; font-size:20px; font-weight:normal; line-height:2em; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.side-title i{ position:absolute; left:-20px; top:9px; width:4px; height:26px; background:url(../images/icon-line.jpg) center center no-repeat;}
.side-title h3{ font-weight:normal;}

.side-nav{ clear:both;}
.side-nav ul li{ clear:both;}
.side-nav ul li a{ position:relative; color:#333; font-size:16px; line-height:40px; border-bottom:1px dashed #eee; padding-left:20px; padding-right:60px; background:url(../images/icon-arrow-right.png) left center no-repeat; display:block;}
.side-nav ul li a:hover,.side-nav ul li.cur a{ color:#bf0008; background:url(../images/icon-arrow-right-hover.png) left center no-repeat;}
.side-nav ul li a span{ position:absolute; right:0; top:0; color:#ccc; font-size:16px; line-height:40px;}
.side-nav ul li a:hover span,.side-nav ul li.cur a span{ color:#999;}
.side-news{ clear:both;}
.side-news ul li a{ position:relative; color:#333; font-size:16px; line-height:22px; padding-top:10px; padding-bottom:10px; border-bottom:1px dashed #eee; display:block;}
.side-news ul li a:hover,.side-news ul li.cur a{ color:#bf0008;}
.side-products{ padding-top:10px; clear:both;}
.side-products ul li{ border-bottom:1px dashed #eee; padding-bottom:15px; margin-bottom:15px; clear:both;}
.side-products ul li a{ position:relative; height:60px; color:#333; font-size:16px; line-height:22px; display:block; overflow:hidden;}
.side-products ul li a:hover,.side-news ul li.cur a{ color:#bf0008;}
.side-products ul li .side-pro-pic{ float:left; width:100px; height:60px;}
.side-products ul li .side-pro-pic img{width:100px; height:60px;}
.side-products ul li .side-pro-title{ float:right; width:150px;}

/*post-content*/
.post-content{margin-bottom:20px; padding:20px 30px 30px; background-color:#fff; clear:both; box-shadow: 0px 2px 8px #ddd;}
.post-content .item-title{ position:relative; color:#000; font-size:28px; font-weight:normal; line-height:2em;}
.post-content .item-title i{ position:absolute; left:-30px; top:14px; width:4px; height:30px; background:url(../images/icon-line.jpg) center center no-repeat;}
.post-content .item-title a{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.post-content .item-title a:hover{ color:#bf0008;}
.post-content .item-meta{ color:#666; font-size:13px; line-height:1.5em; margin-bottom:20px;}
.post-content .item-meta i{ color:#eee; font-style:normal; margin-left:10px; margin-right:10px;}
.post-content .item-meta span{ color:#999;}
.post-content .item-meta .icon-meta{padding-left:25px; margin-right:5px; background-position:left center; background-repeat:no-repeat;}
.post-content .item-meta a:hover{color:#bf0008;}
.post-content .item-desc{ clear:both;}
.post-content .post-text{ color:#666; font-size:16px; line-height:1.75em; margin-top:15px; clear:both;}
.post-content .post-text p{ margin-bottom:0.75em;}
.post-content .post-text img{max-width:100%; height:auto!important; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.post-content .post-text img:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.post-content .post-text hr{ height:1px; border:none; border-bottom:1px solid #eee; margin-top:50px; margin-bottom:50px; padding:0; background:none; outline:none;}
.post-wide{ width:100%;}
.post-gallery{ clear:both;}
.post-gallery .gallery-pic{ margin-bottom:10px; clear:both;}
.post-gallery .gallery-pic .gallery-pic-box{ width:800px; height:530px; overflow:hidden; }
.post-gallery .gallery-pic .gallery-pic-box ul li{ width:800px; height:530px; background-position:center center; background-repeat:no-repeat; background-size:cover; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.post-gallery .gallery-thumb{ height:110px; margin-right:-5px; margin-left:-5px; overflow:hidden; clear:both;}
.post-gallery .gallery-thumb ul li{ float:left; width:152px; height:110px; margin-right:5px; margin-left:5px;}
.post-gallery .gallery-thumb ul li a{ display:block;}
.post-gallery .gallery-thumb ul li a img{width:100%; height:110px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.post-gallery .gallery-thumb ul li a:hover img,.post-gallery .gallery-thumb ul li.cur a img{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.post-gallery .owl-carousel.owl-loaded{display:block;}
.post-gallery .owl-dots,.post-gallery .owl-nav{display:none;}
.related-recommend{ position:relative; width: 100%; padding-top: 0px; padding-bottom: 45px; clear: both;}
.related-recommend .row-content{ width:1200px; margin:0 auto;}
.related-recommend .row-content .recommend-list{ margin-left:-15px; margin-right:-15px;}
.related-recommend .row-content .item-title{ position:relative; color:#000; font-size:28px; font-weight:normal; line-height:2em; padding-left:30px; margin-bottom:5px; clear:both;}
.related-recommend .row-content .item-title i{ position:absolute; left:0; top:14px; width:4px; height:30px; background:url(../images/icon-line.jpg) center center no-repeat;}
.related-recommend .row-content .item-title a{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.related-recommend .row-content .item-title a:hover{ color:#bf0008;}
.pro-content{ padding-left:0; padding-right:0; padding-top:0;}
.pro-content .post-tab-content{ padding-left:30px; padding-right:30px;}
.post-tab-nav{ width:100%; height:57px; margin-bottom:30px;  background-color: #565656; clear:both;}
.post-tab-nav ul li{ float:left; width:180px; height:54px; font-size:22px; line-height:54px; text-align:center; border-top:3px solid #565656; background-color: #565656; margin-right:5px;}
.post-tab-nav ul li a{ color:#fff; display:block;}
.post-tab-nav ul li.active{ border-top:3px solid #bf0008; background-color: #f8f9fd;}
.post-tab-nav ul li.active a{ color:#bf0008;}
.post-tab-content{ display:none;}
.post-tab-content.active{ display:block!important;}
.calculator-box{width:450px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.calculator-box .input-group .input-select .input-tips{ width:420px;}
.calculator-box .input-group .input-fill input{ width:418px;}
.calculator-box .input-group .pull_list_menu{ width:448px;}
.input-group .input-title .small{ font-size:12px;}
.calculator-box .input-submit{ margin-bottom:30px;}
.calculator-box .input-submit .btn-submit{ float:left; width:180px;}
#calculator-result{ margin-top:10px; padding-top:20px; border-top:1px dashed #ddd; clear:both;}
#calculator-result .money-num{ color:#bf0008; font-size:28px;}

/*page*/
.list-page{text-align:center; margin-top:10px; margin-bottom:60px; display:block; clear:both;}
.pagenavi{margin:0;border-radius:0}
.pagenavi a,.pagenavi span{color:#777; line-height:1.75em; margin-top:10px;padding:4px 14px;margin-left:5px; margin-right:5px; background-color:#fff;border:1px solid #ddd;display: inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.pagenavi a:hover{color:#bf0008}
.pagenavi span,.pagenavi a:focus,.pagenavi a:hover{z-index:2;color:#fff;background-color:#bf0008;border-color:#bf0008}

/*product-list*/
.product-list{ width:100%; clear:both;}
.product-list ul li{ position:relative; height:230px; padding-left:385px; padding-right:15px; margin-bottom:30px; background-color:#fff; box-shadow: 0px 2px 8px #ddd;}
.product-list ul li .pro-pic{ position:absolute; left:0; top:0; display:block; clear:both; overflow:hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.product-list ul li .pro-pic{ font:0; line-height:0; display:block;}
.product-list ul li .pro-pic img{ width:370px; height:230px; transition: 1.2s;}
.product-list ul li .pro-pic span{ position:absolute; left:0; bottom:0; color:#fff; font-size:16px; line-height:1.5em; padding:8px 20px; background-color:#bf0008; display:inline-block; z-index:999;}
.product-list ul li .pro-pic:hover span{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.product-list ul li .pro-pic:hover img{transform: scale(1.1);}
.product-list ul li .pro-title{ position:relative; padding-top:12px; padding-bottom:10px; display:block; clear:both; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.product-list ul li .pro-title span{ color:#333; font-size:24px; line-height:2em; padding-left:20px; background:url(../images/icon-line.jpg) left 8px no-repeat; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.product-list ul li .pro-title:hover span{ color:#bf0008;}
.product-list ul li .pro-title p{ color:#999; font-size:17px; line-height:2em; padding-left:20px; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.product-list ul li .pro-title:hover p{ color:#666;}
.product-list ul li .pro-para{ width:475px; height:45px; clear:both;}
.product-list ul li .pro-para ul{ width:100%; clear:both;}
.product-list ul li .pro-para ul li{ float:left; width:132px; height:auto; color:#666; font-size:14px; line-height:1.5em; text-align:center; padding:8px 10px; margin:0; background-color:#f1f1f1; border-left:1px solid #fff;box-shadow:none; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.product-list ul li .pro-para ul li .icon-para{ padding-left:26px; background-position:left center; background-repeat:no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.product-list ul li .pro-para ul li .icon-para:hover{ color:#bf0008;}
.product-list ul li .item-desc{ clear:both;}
.product-list ul li .item-desctxt{ font-size:15px; line-height:26px; overflow:hidden; clear:both;    height: 100px;}
.product-list ul li .item-view{ text-align:left; margin-top:12px; clear:both;}
.product-list ul li .btn-view{ color:#bf0008; font-size:18px; line-height:1.5em; padding:3px 20px; border:1px solid #bf0008;/* border-radius:30px;*/ display:inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.product-list ul li .btn-view:hover{ color:#fff; border:1px solid #bf0008; background-color:#bf0008;}

/*search*/
.search_bar{width: 100%; height:32px; border: 1px solid #eee; margin-top:20px; margin-bottom:10px; background-color:#fff; clear:both;}
.search_bar:hover{ border:1px solid #ddd;}
.search_bar.active{ display:block;}
.search_bar .top-input{ float:left; width:190px; color: #333; font-size: 16px; line-height:2em; border: none; _border:0; padding:0 10px; margin: 0; outline: 0; display:block;}
.search_bar .top-input input::-webkit-input-placeholder{color: #ccc;}
.search_bar .top-input input:-moz-placeholder{color: #ccc;}
.search_bar .top-input input::-moz-placeholder{color: #ccc;}
.search_bar .top-input input:-ms-input-placeholder{color: #ccc;}
.search_bar .btn-search{ float:right; width:50px; height:32px; background:url(../images/icon-search.png) center center no-repeat; border: none; margin-right:0px; cursor: pointer; outline:none;}
.search_bar .btn-search:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}

/*sidebar*/
.inquiry-from-side{ position:relative; height:350px; background-color:#fff; margin-bottom:20px; clear:both; box-shadow: 0px 2px 8px #ddd;}
.inquiry-from-side .inquiry-from{ top:0; left:0; width:300px; height:350px;}
.inquiry-from-side .inquiry-content{ padding:20px;}
.inquiry-from-side .input-group{ margin-bottom:15px;}
.inquiry-from-side .input-group .input-select .input-tips{ width:230px;}
.inquiry-from-side .input-group .input-fill input{ width:228px;}
.inquiry-from-side .input-submit .btn-tips{ font-size:14px;}
.inquiry-from-side .input-group .pull_list_menu{ width:258px;}
.inquiry-from-side .input-submit{ margin-top:25px;}
.side-info{ clear:both;}
.side-info ul li{ clear:both;}
.side-info ul li p{ position:relative; color:#999; font-size:15px; line-height:36px; border-bottom:1px dashed #eee; padding-right:60px; display:block;}
.side-info ul li p:hover,.side-info ul li.cur p{ color:#666;}
.side-info ul li p span{ position:absolute; left:100px; top:0; width:160px; height:36px; color:#333; font-size:15px; line-height:36px; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.side-info ul li p:hover span,.side-info ul li.cur a span{ color:#bf0008;}

/*footer*/
.footer{position: relative; color:#fff; clear:both;}
.footer:after{ content:" "; display:block; clear:both;}
.footnav{position: relative; padding-top:75px; padding-bottom:30px; background-color:#222126; clear:both;}
.foot-title{ font-size:18px; line-height:2em; letter-spacing:2px; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #333;}
.foot-content p a{
    color:#fff;
}
.foot-content{position: relative; clear:both;}
.foot-content p{ font-size:15px; line-height:1.75em; letter-spacing:1px;}
.foot-about{ width:270px;}
.foot-brand{ width: 85px;    margin-left: 70px;}
.foot-contact{ width:240px; margin-left:120px;}
.foot-contact .foot-content .icon-400{ display:block;font-size:30px;font-weight:600;border-bottom: 1px solid #333;}
.foot-contact .foot-content p{ margin-bottom:20px;}
.foot-ercode{ width:170px; }
.foot-ercode .ercode-img{ clear:both;}
.foot-ercode .ercode-img img{ width:170px; height:170px;}
.foot-ercode .ercode-text{ color:#fff; text-align:center; margin-top:10px;}
.copyright{ position:relative; width:100%; font-size:16px; padding-top: 15px;
    padding-bottom: 15px;background-color:#2c2b2b; clear:both;text-align: center;color: #8b8b8b}
.btlogo{ width:780px; color:#787878; font-size:15px;}
.btlogo .logo-bt{ width:276px; height:50px; text-indent:-9999em; margin-bottom:5px; background:url(../images/logo-bt.png) left center no-repeat; display:block;}
.btnav{ width:420px; text-align:right; margin-top:25px;}
.btnav ul li{ _float:right; color:#ddd; display:inline-block;}
.btnav ul li a{color:#ddd; line-height:2em; margin-left:15px; margin-right:15px; border-bottom:2px solid #151515; display:block;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btnav ul li a:hover{ color:#fff; border-bottom:2px solid #bf0008;}
.btsocial{ position:absolute; top:-20px; left:50%; margin-left:-135px; width:270px; height:38px; font-size:0; text-align:center; border-radius:20px; background-color:#bf0008;}
.btsocial ul{ _margin-left:20px;}
.btsocial ul li{ _float:left; text-align:center; display:inline-block;}
.btsocial ul li .icon-social{ width:40px; height:38px; text-indent:-9999em; background-position:center center; background-repeat:no-repeat; display:block;}
.btsocial ul li .icon-social:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.icon-contact-1{ background-image:url(../images/icon-contact-1.png);}
.icon-contact-2{ background-image:url(../images/icon-contact-2.png);}
.icon-contact-3{ background-image:url(../images/icon-contact-3.png);}
.icon-contact-4{ background-image:url(../images/icon-contact-4.png);}
.icon-contact-5{ background-image:url(../images/icon-contact-5.png);}

/*floatbar*/
.floatbar{position:fixed; right:1px; bottom:0; z-index:99999;}
.floatbar ul li{position:relative; margin-bottom:2px; clear:both;}
.floatbar ul li#totop{ display:none;}
.floatbar ul li a{ width:64px; height:64px; font-size: 0; line-height: 0; text-indent:-999em; background-color:#333; display:block;}
.floatbar ul li .icon-bar{background-position:center center; background-repeat:no-repeat;}
.icon-float-1{ background-image:url(../images/icon-float-1.png);}
.icon-float-2{ background-image:url(../images/icon-float-2.png);}
.icon-float-3{ background-image:url(../images/icon-float-3.png);}
.icon-float-4{ background-image:url(../images/icon-float-4.png);}
.floatbar ul li .bar-content{position:absolute; top:-8px; right:64px; padding-right:10px; display:none;}
.floatbar ul li:hover .bar-content{ display:block;}
.floatbar ul li .bar-content p{ color:#444; font-size:16px; line-height:1.5em; margin-bottom:5px;}
.floatbar ul li .bar-content a{text-indent:0;}
.online-content{ width:180px; height:90px; background:url(../images/icon-float-left.png) center center no-repeat; display:block;}
.online-content p{ line-height:20px;}
.online-content .online-list{ padding-left:40px; padding-top:5px;}
.online-content .icon-online{ width:auto; height:36px; color:#999; font-size:15px; line-height:36px; padding-left:38px; background:url(../images/icon-online.gif) no-repeat left 3px;display:inline-block;}
.online-content .icon-online:hover{ color:#bf0008;}
.tel-content{ width:180px; height:90px; background:url(../images/icon-float-left.png) center center no-repeat;}
.tel-content .contact-tel{ padding-left:16px; padding-top:18px;}
.tel-content .contact-tel p{ margin-bottom:0!important;}
.tel-content .contact-tel p.tel-number{color: #bf0008; font-size:20px; font-weight:bold;}
.ercode-content{ top:-125px!important; width:180px; height:180px; background:url(../images/icon-float-left-ercode.png) center center no-repeat;}
.ercode-content .contact-ercode{ padding-left:8px; padding-top:10px; padding-right:10px;}
.ercode-content .contact-ercode img{ width:100%;}

/*responsive diy */
@media (max-width:1200px){
body{ width:1200px;}
.footer .inner{ width:1180px; padding-left:10px; padding-right:10px;}
}

.db-btn{
    width: 80px;
    height: 20px;
    background: #999999;
    border-radius: 3px;
    color:#fff;
    text-align: center;
    line-height: 20px;
    margin-left:20px;
    margin-top: 20px;
    margin-bottom:10px;
}
.db-btn:hover{
color:#fff
}

.row-nav{
    width: 300px;
    margin:0 auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.nav-btn.active{
    background-color: #bf0008;
    color: #fff;
}
.nav-btn{
    width: 133px;
	height: 39px;
	border-radius: 10px;
    border: solid 1px #bfbfbf;
    font-size: 18px;
    color: #0f0f0f;
    line-height:39px;
    text-align-last: center;
    cursor: pointer;
}
.nav-btn1{
    float: left;
}
.nav-btn2{
    float: right;
}
.page-logo{
    float: right
}
.sort-pic{
    width: 300px;
    margin-bottom:20px;
}
.row-page-banner .catname h3{
    background: url(../images/page_logo.jpg) right center no-repeat;
    background-size:400px auto;
}