.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:#f08200; 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 { background-color:#FFF; list-style:none; display:inline-block; width:100%; margin-top:30px;height: 216px;overflow: hidden;}

.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(../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; height:34px; overflow:hidden;}

.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(../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(../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;}



}



