.index_title{ text-align:center; padding:0 15px;}
.index_title_nr{ display:inline-block;}
.index_title_nr h1{  margin-top:7px; text-align: center;}
.index_title_nr h1 a{ font-size:40px; color:#000; text-transform:uppercase; font-weight:bold; font-family: 'opensans';text-align:left; text-decoration:none; text-align:center;}
.index_title_nr p{ font-size:14px; color:#999; text-align:center;font-family: 'opensans';}
.title_tu{ margin-top:5px;}

.banner{ position:relative;}
.tabSlider-transition{transition: transform 0ms ease;-ms-transition: -ms-transform 0ms ease;-moz-transition: -moz-transform 0ms ease;-webkit-transition: -webkit-transform 0ms ease;-o-transition: -o-transform 0ms ease;}
.tabSlider-animate{transition: transform 400ms ease;-ms-transition: -ms-transform 400ms ease;-moz-transition: -moz-transform 400ms ease;-webkit-transition: -webkit-transform 400ms ease;-o-transition: -o-transform 400ms ease;}
.tabSlider .tabSlider-hd{background-color: transparent;border: 3px solid #00a3ad;border-radius: 3px;display: table;font-size: 15px;font-weight: 400;overflow: hidden;position: relative;table-layout: fixed;width: 100%;}
.tabSlider .tabSlider-hd li{padding: 10px 0;cursor:pointer;display: table-cell;line-height: 1;overflow: hidden;padding-bottom: 7px;padding-top: 6px;text-align: center;text-overflow: ellipsis;transition: background-color 0.1s linear 0s;white-space: nowrap;width: 1%;}
.tabSlider .tabSlider-hd li.curr{background-color: #018dd1;color: #fff;}
.tabSlider .tabSlider-hd.line{border: 0 none;border-radius:100%;width: 100%;}
.tabSlider .tabSlider-hd.line li{border: 0 none;color: inherit;}
.tabSlider .tabSlider-hd.line li.curr{background: none;border: 3px solid #018dd1;color: #018dd1;}
.tabSlider .tabSlider-hd.slide{border-radius:0;display:block;table-layout:auto;border:none;padding:0;text-align:center; position:absolute; bottom:20px; left:0px; width:100%;}
.tabSlider .tabSlider-hd.slide li{ background-color:#FFF; display:inline-block;text-indent:20px;height:11px;width:11px; overflow:hidden;margin:5px;padding:0; border-radius:50px;}
.tabSlider .tabSlider-hd.slide li.curr{ background-color:#e50101;}
.tabSlider .tabSlider-bd{position:relative; min-height:100px;background:#f0f0f0;width: 100%;overflow: hidden;transition: height 200ms ease-in-out;-webkit-transition: height 200ms ease-in-out;}
.tabSlider .tabSlider-bd .tabSlider-wrap{position:absolute;top:0;left:0;width: 100%;min-height: 100%;}
.tabSlider .tabSlider-bd .tabSlider-wrap .tabSlider-box{position:absolute;top:0;left:0;width: 100%;min-height: 100px;}
.tabSlider .tabSlider-bd .tabSlider-wrap .tabSlider-box{padding:.5em}
.tabSlider .tabSlider-bd.slide{background:none;}
.tabSlider .tabSlider-bd.slide .tabSlider-wrap .tabSlider-box{text-align:center;padding:0}
.tabSlider .tabSlider-bd.slide .tabSlider-wrap .tabSlider-box a{ width:100%;}
.tabSlider .tabSlider-bd.slide .tabSlider-wrap .tabSlider-box a img{ width:100%;}

.company_index{ margin-top:45px;}
.company_index_content{ max-width:1200px; margin:25px auto 0; text-align:center;font-family: 'opensans'; font-size:16px; color:#656565; line-height:25px;}
.company_index_content_more{ max-width:1200px; margin:30px auto 0; text-align:center;}
.company_index_content_more a{ font-size:16px; color:#aaa; line-height:28px; border:solid 2px #aaa;font-family: 'opensans'; text-decoration:none; border-left:none; border-right:none; padding:0 15px; margin:0 15px;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.company_index_content_more a:hover{ color:#e50101; border:solid 2px #e50101;border-left:none; border-right:none}




.product_index{ padding-top:40px; padding-bottom:50px; max-width:1920px; margin:0 auto; }
.product_index_content{ max-width:1230px; margin:0 auto;padding-top:35px;}
.product_index_content .tabs{text-align:center;}
.tabs-list { list-style:none; display:inline-block; width:100%; margin-top:30px;}
.tabs-list li { float:left; margin:0; width:100%;}
.tabs-list li a{ padding:0 15px; float:left;font-family: 'opensans'; width:100%; color:#555; text-decoration:none; font-size:16px; transition:all 0.4s ease 0s; text-align:left; background-repeat:no-repeat; background-position:center top; min-width:150px; line-height:37px;}
.tabs-list li:hover a{ background-color:#e50101; color:#FFF;}
.tabs-list li.active a{ background-color:#e50101; color:#FFF;}
.tab-content { margin:20px 0;}
.tabs .accordion-handle { display:none; }
.tabs-vertical-left, .tabs-vertical-right { *zoom:1; }
.tabs-vertical-left:before, .tabs-vertical-left:after, .tabs-vertical-right:before, .tabs-vertical-right:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.tabs-vertical-left .tabs-list, .tabs-vertical-right .tabs-list { width:25%; }
.tabs-vertical-left .tabs-list li, .tabs-vertical-right .tabs-list li { display:block; width:100%; }
.tabs-vertical-left .tabs-list li a, .tabs-vertical-right .tabs-list li a { height:auto; padding:8px 20px; line-height:1.5; }
.tabs-vertical-left .tabs-container, .tabs-vertical-right .tabs-container { width:75%; }
.tabs-vertical-left .tabs-list { float:left; }
.tabs-vertical-left .tabs-container { float:right; }
.tabs-vertical-left .tabs-container .tab-content { margin:0 0 0 15px; }
.tabs-vertical-right .tabs-list { float:right; }
.tabs-vertical-right .tabs-container { float:left; }
.tabs-vertical-right .tabs-container .tab-content { margin:0 15px 0 0; }
.accordion-handle { position:relative; margin-bottom:10px; background-color:#666; color:#fff; text-decoration:none; cursor:pointer; transition:all 0.4s ease 0s; }
.accordion-handle:hover { background-color:#e50101; color:#fff;}
.accordion-handle.active { background-color:#e50101; color:#fff; }
.accordion-handle h4 { height:38px; line-height:38px; padding:0 15px; font-size:14px; font-weight:normal; text-align:left;}
.accordion-handle i { display:block; width:38px; height:38px; overflow:hidden; position:absolute; right:0; top:0; background:url(../sitemap_images/icon-accordion.gif) no-repeat top center; }
.accordion-handle.active i { background-position:bottom center; }
.accordion-content { margin-bottom:15px; display:none;}
.product_index_content_left{}
.product_index_content_right{}
.product_index_content_right li{ padding:0 6.5px;}
.product_index_content_right li>a{ border:solid 1px #ccc;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; text-decoration:none; overflow:hidden; position:relative;}
.product_index_content_right li>a img{ width:100%;}
.product_index_content_right li>a span{ display:inline-block; width:100%; height:100%; background-color:#000; opacity:0.4; position:absolute; top:100%; left:0;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.product_index_content_right li:hover>a span{ top:0;}
.product_index_content_right li h3{ text-align:center; margin-top:10px;}
.product_index_content_right li h3 a{ font-size:16px; color:#555;font-family: 'opensans'; text-decoration:none;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; text-decoration:none;}
.product_index_content_right li:hover h3 a{ color:#e50101;}
.product_index_content_right li p{ font-size:18px; color:#e50101; text-align:center; margin-top:5px;}
.product_index_content_more{}
.product_index_content_more a{ font-size:18px; color:#e50101;font-family: 'opensans'; text-decoration:none; text-transform:uppercase; width:100%;background-color:#FFF; padding:14px 15px; border:solid 1px #e50101;text-decoration:none;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.product_index_content_more a:hover{ background-color:#e50101; color:#FFF;}


.choose_index{ padding:55px 15px 84px; margin-top:50px; background-image:url(../sitemap_images/choosebj.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; background-attachment:fixed;}
.choose_index .index_title_nr h1 a{ color:#FFF;}

.choose_index_content{ max-width:1200px; margin:40px auto 0;}
.choose_index_content .item{}
.choose_index_content_title{ position:relative; overflow:hidden; padding:30px 8px;}
.choose_index_content_icon{ text-align:center;}
.choose_index_content_icon span{ display:inline-block; width:56px; height:75px; border:solid 1px #FFF;}
.choose_index_content_icon span img{ width:100%;}
.choose_index_content_go{ float:left; width:85%;}
.choose_index_content_go h3{}
.choose_index_content_go h3 a{ font-size:20px; color:#e50101; text-transform:uppercase; font-weight:bold;font-family: 'opensans';}
.choose_index_content_txt{ font-size:16px; color:#FFF;font-family: 'opensans';}
.choose_index_content_context{ background-color:#000; opacity:0.25; top:0; left:-100%; position:absolute; width:100%; height:100%; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; z-index:-1;}
.choose_index_content .item:hover .choose_index_content_title .choose_index_content_context{ left:0;}
.choose_index_content .owl-controls{ margin-top:25px;}
.choose_index_content .owl-controls .owl-nav{ display:none;}
.choose_index_content .owl-dots .owl-dot span{ background-color:#FFF; width: 11px;height: 11px;}
.choose_index_content .owl-dots .owl-dot.active span, .choose_index_content .owl-dots .owl-dot:hover span{ background-color:#e50101;}

.new_faq_index{ margin-top:60px;}
.new_faq_index_content{ max-width:1230px; margin:0 auto;}
.new_faq_title{}
.new_faq_title .index_title{ float:left; padding:0;}
.new_faq_title .index_title_nr h1{text-align:left;}
.new_faq_title .index_title_nr h1 a{text-align:left;}
.new_faq_title .index_title_nr p{text-align:left;}
.new_faq_index_more{ float:right; margin-top:25px;}
.new_faq_index_more a{ color:#aaa; font-size:16px;line-height:28px; border:solid 2px #aaa;font-family: 'opensans'; text-decoration:none; border-left:none; border-right:none; padding:0 15px; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.new_faq_index_more a:hover{ color:#e50101; border:solid 2px #e50101;border-left:none; border-right:none}

.new_index{}
.new_index_content{}
.new_index_content li{ float:left; width:100%; margin-top:27px;}
.new_index_content_chart{text-align:center;}
.new_index_content_chart a{ width:234px;}
.new_index_content_chart a img{ width:100%;}
.new_index_content_go{}
.new_index_content_go h3{}
.new_index_content_go h3 a{ font-size:18px; color:#000; font-family: 'opensans'; text-decoration:none;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.new_index_content_go h3 a:hover{ color:#e50101;}
.new_index_content_txt{ font-size:16px; color:#656565; font-family: 'opensans'; margin-top:15px;}


.scrollbox{ margin-top:17px;}
#scrollDiv{height:270px; overflow:hidden;}
#scrollDiv li{ width:100%; padding:13px 15px; overflow:hidden; vertical-align:bottom; zoom:1; float:left; border:solid 1px #ccc; margin-top:10px;}
#scrollDiv li h3{}
#scrollDiv li h3 a{ font-size:18px; color:#e50101;font-family: 'opensans';}
.faq_index_content_txt{ font-size:16px; color:#656565; margin-top:5px;}
.scroltit{ margin-top:15px;}
#but_up{ float:left; width:50%; padding-right:14px;}
#but_up p{font-size:34px; color:#000; background-color:#e2e2e2; text-align:center; line-height:33px; font-family:"宋体";transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
#but_up p:hover{color:#FFF; background-color:#e50101;}
#but_up p span{display:inline-block; transform:rotate(90deg); -webkit-ransform:rotate(90deg); -o-ransform:rotate(90deg); -ms-ransform:rotate(90deg); -khtml-ransform:rotate(90deg);}
#but_down{ float:left; width:50%;  padding-left:14px;}
#but_down p{font-size:34px; color:#000; background-color:#e2e2e2; text-align:center; line-height:33px; font-family:"宋体";transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
#but_down p:hover{color:#FFF; background-color:#e50101;}
#but_down p span{display:inline-block; transform:rotate(90deg); -webkit-ransform:rotate(90deg); -o-ransform:rotate(90deg); -ms-ransform:rotate(90deg); -khtml-ransform:rotate(90deg);}

.customer_index{padding-top:50px;}
.customer_index_content{max-width:1200px; margin:30px auto 0;}
.customer_index_content li{}
.customer_index_content li a{ width:100%; overflow:hidden; border:solid 1px #ccc;}
.customer_index_content li a img{ width:100%;}
.customer_index_content li h3{ font-size:16px; color:#333; text-align:center;font-family: 'opensans'; margin-top:10px;}
.customer_index_content .owl-controls{ margin-top:25px;}
.customer_index_content .owl-controls .owl-nav{ display:none;}
.customer_index_content .owl-dots .owl-dot span{ background-color:#ccc; width: 11px;height: 11px;}
.customer_index_content .owl-dots .owl-dot.active span, .customer_index_content .owl-dots .owl-dot:hover span{ background-color:#e50101;}
.customer_index_content .owl-stage-outer{ padding:0 1px;}

@media (min-width: 768px){
.product_index{background:url(../sitemap_images/pbj.jpg) 45% 0 no-repeat;}
.product_index_content_left .index_title{ text-align:left;}
.product_index_content_left .index_title_nr{ display:inline-block;}
.product_index_content_left .index_title_nr h1{  margin-top:7px; text-align: left;}
.product_index_content_left .index_title_nr h1 a{ text-align:left;}
.product_index_content_left .index_title_nr p{text-align:left;}

.choose_index_content_icon{ float:left;}
.choose_index_content_go{ padding-left:15px;margin-top: -4px;}
	
.new_index_content_chart{ float:left;}
.new_index_content_go{ float:left; width:65%; padding-left:28px;}
#scrollDiv li{ padding:13px 80px 13px 15px;}

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

}

@media screen and (max-width: 768px){
.index_title_nr h1 a{ font-size:30px;}
.company_index_content{ padding:0 15px;}

.swiper-wrapper{ height:230px;}
.swiper-slide{ height:230px;}
.responsive-tabs .tabs-list { display:none;}
.responsive-tabs .accordion-handle { display:block;}	
.responsive-tabs.tabs-vertical-left .tabs-container, .responsive-tabs.tabs-vertical-right .tabs-container { width:100%; float:none; }
.responsive-tabs.tabs-vertical-left .tabs-container .tab-content, .responsive-tabs.tabs-vertical-right .tabs-container .tab-content { margin:10px 0 15px; }

.product_index_content_left{ margin-bottom:40px;}
.product_index_content_right{ margin-top:20px;}	

.choose_index_content_go{ width:100%; text-align:center; margin-top:10px;}

.new_index_content_go{ margin-top:20px;}
.new_faq_title .index_title{ width: 58%;}
.new_faq_index_more{margin-top: 51px;}
}


@media screen and (max-width: 320px){
#scrollDiv{height: 170px;}

}