#header{ width:100%; position:relative;}
.hd_top{ width:100%; height:32px; background:#f5f5f5; line-height:32px; border-bottom:1px solid #eee;}
.hd_top .fl{ width:50%;}
.hd_top .fl span{ margin:0 12px 0 0; padding:0 0 0 25px;}
.hd_top .fr{ width:50%; text-align:right;}
.hd_top span, .hd_top a.lang{ padding:0 0 0 30px; margin:0 0 0 20px; display:inline-block;}
.hd_top span.call{ background:url(../images/icon_call.png) left center no-repeat;}
.hd_top span.email{ background:url(../images/icon_email.png) left center no-repeat;}
.hd_top a.lang{ background:url(../images/icon-cn.jpg) left center no-repeat;}
.logo{ width:150px; height:54px; margin:23px 360px 23px 0; float:left;}
.logo a{ display: block;}
.logo img{ width:100%;}
.hd_search{ width:496px; height:40px; border:2px solid #ebebeb; border-radius:3px; margin:28px 0 0; float:left;}
.hd_search .s_input{ width:426px; height:40px; line-height:40px; padding:0 10px; float:left;}
.hd_search .s_button{ width:50px; height:40px; line-height:40px; background:url(../images/icon_search.jpg) center no-repeat; border-left:1px solid #DBE0E2; cursor:pointer; outline:0; float:right;}
.hd_quote{ float:right; margin:28px 0 0; width:140px; height:54px;}
.hd_phone a{ display:block;}

.navbox{ width:100%; height:45px;}
.hd-nav{ padding:0 0 0 210px;}
.hd-nav ul li{ float:left;}
.hd-nav ul li .nav-item a{ display:inline-block; padding:0 0 0 55px; line-height:45px; transition: 0.4s; font-size:16px;}
.hd-nav ul li .nav-item a:hover, .hd-nav ul li.on .nav-item a{ color:#FF8500;transition: 0.4s;}

.navbox .w1200{ position:relative; cursor:pointer;}
.category_con{ position:absolute; left:0px; top:0; z-index:100; width:210px;}
.category_con .category-type { width:210px;height:45px;color:#fff;background-color:#FF8600;line-height:45px; text-align:center;}
.category_con .category-type .glyphicon { display:inline-block; width:18px; height:18px; background:url(../images/icon_menu.png) no-repeat; vertical-align:top; margin:14px 10px 0 0;}
.category_con .category-type .text { display: inline-block; font-size: 16px;}
.category-tab-content { width:100%; background-color:rgba(0,0,0,0.9); display:none;}
.category-tab-content li { width: 100%;}
.category-tab-content .navbar-nav li a { display:block; color:#999; line-height:30px; padding:15px; border-bottom:1px solid #333;}
.category-tab-content .navbar-nav li a:hover{ color:#fff;}
.category-tab-content .navbar-nav li a span{ float:right;}
.category_con:hover .category-tab-content{ display:block;}

#banner{ width:100%;}
#banner .img a{ width:100%; height:600px; display:block;}
.swiper-pagination-bullet{ background-color:#fff; opacity:1;}
.swiper-pagination-bullet-active{ background-color:#FF8600;}

.index_title{ text-align:center; margin:0 0 50px;}
.index_title p{ font-size:32px;}
.index_title span{ display:block; font-size:20px; color:#999; margin:10px 0 0;}
.index_box01{ padding:60px 0;}
.index_brand{ text-align:center;}
.index_brand ul{ margin:0 0 50px;}
.index_brand ul li{ width:230px; float:left; padding:0 4px; border:1px solid #f9f9f9;}
.index_brand ul li a{ display:block;}
.index_brand ul li a img{ width:100%; transition: all 0.6s;}
.index_brand ul li a:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);/* transform: rotate(360deg);transition:all ease 0.3s;*/}
.index_brand .b_more{ display:inline-block; padding:0 50px; background:#FF8600; color:#fff; font-size:16px; height:50px; line-height:50px; border-radius:3px;}
.index_brand .b_more:hover{ opacity:.8;}

.index_box02{ padding:120px 0 60px; background:url(../images/news_bj.jpg) top center no-repeat;}
.index_box02 .index_title p{ color:#fff;}
.index_news{}
.index_news .tit{ text-align:center; margin:0 0 50px;}
.index_news .tit li.item{ display:inline-block;}
.index_news .tit li a{ display:block; height:46px; line-height:46px; border:2px solid rgba(255,255,255,0.8); border-radius:3px; padding:0 25px; margin:0 15px; font-size:16px; color:#fff;}
.index_news .tit li.item.on a{ background:rgba(255,255,255,0.8); color:#222;}
.index_news .desc{}
.index_news .desc .item{display:none}
.index_news .desc .item.on{display:block}
.list-h1{}
.list-h1 li{float:left; width:400px;}
.list-h1 .n_img{ width:100%; overflow:hidden;}
.list-h1 .n_img a{ display:block;}
.list-h1 .n_img a img{ width:100%;}
.list-h1 .n_img a:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.list-h1 .n_text{ padding:20px 20px 0; border-right:1px solid #e5e5e5;}
.list-h1 li:first-child .n_text{ border-left:1px solid #e5e5e5;}
.list-h1 .n_text h2 a{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.list-h1 .n_text span{ font-size:12px; color:#999; display:block; margin:10px 0;}
.list-h1 .n_text p{ line-height:25px; color:#666; margin:0 0 20px;}
.list-h1 .n_text .more{ width:60px; height:50px; display:block; border:2px solid #ededed; border-radius:3px; background:url(../images/icon_more.png) center no-repeat;}
.list-h1 .n_text:hover .more{ border:2px solid #FF8600; background:#FF8600 url(../images/icon_more_h.png) center no-repeat;}

.index_box03{ padding:110px 0 60px; background:url(../images/hz_bj.jpg) top center no-repeat;}
.index_box03 h2{ text-align:center; font-size:30px; margin:0 0 20px; text-transform:uppercase;}
.index_cooperation{ background-color:rgba(255,255,255,0.8); width:420px; padding:30px 40px; margin:0 0 90px;}
.index_cooperation h3{ font-size:32px; margin:0 0 20px;}
.index_cooperation span{ width:55px; height:3px; background:#FF8600; display:block;}
.index_cooperation ul{}
.index_cooperation ul li{ width:120px; text-align:center; margin:30px 0 0;}
.index_cooperation ul li b{ display:block; width:120px; height:70px; margin:0 0 10px;}
.index_cooperation ul li:hover img{ transform: rotate(360deg);transition:all ease 0.3s;}
.index_cooperation ul li p{ font-size:18px;}
.index_cooperation ul li.fl{ margin-right:180px;}
.index_advantage{ width:100%;}
.index_advantage li{ width:124px; height:100px; background-color:rgba(255,134,0,0.9); border:3px solid #fff; border-radius:100%; box-shadow:0 1px 5px #bbb; float:left; margin:0 55px; display:inline; text-align:center; font-size:18px; color:#fff; padding:24px 0 0;}
.index_advantage li b{ display:block; width:100%; height:32px; margin:0 0 12px;}
.index_advantage li:hover{ transform: rotate(360deg);transition:all ease 0.3s;}

.index_box04{ background:#333; padding:20px 0 10px;}
.index_box04 dl{ line-height:38px;}
.index_box04 dl dt{ display:inline-block; font-size:18px; color:#fff; background:#FF8600; margin:0 0 10px; width:70px; text-align:center; height:38px; border-radius:3px;}
.index_box04 dl dd{ display:inline-block; margin:0 0 10px 18px;}
.index_box04 dl dd a{ color:#fff;}

.f_disclaimer{ padding:20px 0; background:#2A2A2A; text-align:center; color:#aaa;}
.f_disclaimer .d_tit{ font-size:18px; text-transform:uppercase; margin:0 0 5px; color:#eee;}
.f_disclaimer a{ color:#fff;}
.footerbox{ background:#222; color:#999;}
.foot{ padding:60px 0 35px;}
.foot li{ float:left; width:210px; margin:0 50px 0 0;}
.foot li.f_company{ width:350px;}
.foot li.f_contact{ width:280px; margin:0;}
.foot li .f_tit{ border-bottom:1px solid #444; height:42px; margin:0 0 30px;}
.foot li strong{ font-size:18px; font-weight:normal; border-bottom:3px solid #FF8600; color:#fff; padding:0 0 17px;}
.foot li p{ line-height:30px; margin:0 0 15px;}
.foot li p a{ color:#999; line-height:24px; display:block;}
.foot li p b{ display:block; width:24px; height:25px; margin:0 20px 0 0; vertical-align:middle; float:left;}
.foot li.f_contact p{ line-height:24px;}
.foot li.f_company a{ display:inline-block; color:#FF8500;}
.foot li p a:hover{ color:#fff;}
.copyright{ line-height:20px; padding:20px 0; background:#121212; text-align:center;}

.aside-bar{position:fixed;right:10px;bottom:1%;background-color:#FF8600;border-radius:30px;width:60px;z-index:99;}
.aside-bar a{display:block;height:60px;background-repeat:no-repeat;background-image:url(../images/icon-aside.png);position: relative;}
.aside-bar a:hover{background-color:#FF9826;}
.aside-bar a.s1{background-position:0 0}
.aside-bar a.s2{background-position:0 -60px}
.aside-bar a.s3{background-position:0 -120px}
.aside-bar a.s4{background-position:0 -180px}
.aside-bar a.s5{background-position:0 -240px}
.aside-bar span{position: absolute;height: 60px;right: 62px;background-color:#FF9826;color: #fff;width: 200px;text-align: center;line-height: 60px;font-size: 14px;display: none;}
.aside-bar a:hover span,.aside-bar a:hover .qr{display: block;}

.center-container{ padding:110px 0 0; height:490px; text-align:center;}
.center_title{ font-size:40px; margin:0 0 20px; color:#fff;}
.breadcrumb{ height:20px; line-height:20px; color:#999; font-size:12px;}
.breadcrumb span{ padding:0 10px;}
.breadcrumb a{ color:#999;}
.main-container{ width:100%;}

.menu_news{ position:relative; width:1200px; margin:0 auto;}
.menu_news ul{ position:absolute; left:0px; top:0px; z-index:3; margin:-80px 0 0; width:100%;}
.menu_news ul li{ width:33.33%; font-size:16px; float:left; text-align:center;}
.menu_news ul li a{ display:block; height:80px; line-height:80px; background-color:rgba(255,255,255,0.8);}
.menu_news ul li.hover a, .menu_news ul li:hover a{ color:#fff; background:#046EB8; font-weight:bold;}

.newsbox{ width:100%; padding:50px 0;}
.newsbox .listbox{}
.newsbox .listbox li{ padding:0 0 30px; border-bottom:1px solid #DBE0E2; min-height:180px; margin:0 0 30px;}
.newsbox .listbox li .n_img{ width:240px; float:left; margin:0 20px 0 0;}
.newsbox .listbox li .n_img a{ display:block;}
.newsbox .listbox li .n_img a img{ width:100%;}
.newsbox .listbox li .n_title{}
.newsbox .listbox li .n_title a{ line-height:26px; font-size:18px; overflow:hidden; display:block; padding:20px 0 0;}
.newsbox .listbox li b{ display:block; font-weight:normal; color:#999; margin:15px 0;}
.newsbox .listbox li p{ line-height:24px; color:#555;}

.main-container1{ width:100%; background:#F3F4F9;}
.details_box{ background:#fff; padding:50px 30px;}
.news_title{ margin:0 0 20px; font-size:24px; line-height:30px; text-align:center;}
.news_date{ height:16px; line-height:16px; overflow:hidden; display:block; font-weight:normal; color:#999; padding:0 0 30px; border-bottom:1px solid #DBE0E2; text-align:center;}
.details_text{ margin:30px 0; line-height:26px;}
.details_text img{ max-width:100%;}

.page_list{ border-top:1px solid #DBE0E2; padding:20px 0 0; color:#666; margin:0 0 40px;}
.page_list li{ line-height:22px; margin:10px 0;}
.Latest_news{}
.Latest_news h3{ font-size:18px;}
.Latest_news ul li{ width:540px; float:left; padding:30px 30px 30px 0; border-bottom:1px solid #DBE0E2;}
.Latest_news ul li .n_img{ width:160px; float:left; margin:0 20px 0 0;}
.Latest_news ul li .n_img a{ display:block;}
.Latest_news ul li .n_img a img{ width:100%;}
.Latest_news ul li .n_title{ margin:0 0 10px;}
.Latest_news ul li .n_title a{ line-height:26px; height:26px; font-size:18px; overflow:hidden; display:block;}
.Latest_news ul li p{ height:72px; line-height:24px; color:#555; overflow:hidden;}

.con_title{ text-align:center; font-size:36px; padding:60px 0 50px;}
.cooper_text01{ font-size:16px; line-height:36px; text-align:center; margin:0 0 60px;}
.cooper_text02 img{ width:100%;}
.cooper_text03{ background:url(../images/cooper_img01.jpg) top center no-repeat; padding:0 0 60px;}
.advantage_list{ width:100%; overflow:hidden;}
.advantage_list ul{ width:1260px;}
.advantage_list ul li{ width:360px; float:left; margin:0 60px 0 0; text-align:center;}
.advantage_list ul li span{ width:100%; height:64px; display:block;}
.advantage_list ul li h2{ font-size:28px; margin:30px 0;}
.advantage_list ul li p{ line-height:30px;}
.cooper_text04 img{ width:100%;}

.contact_box{ padding:60px 0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.address_text{ border-top:1px solid #ddd; border-left:1px solid #ddd;}
.address_text li{ width:558px; font-size:16px; line-height:24px; float:left; padding:18px 20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.message_text{ padding:60px 200px 0;}
.message_text form{ display:block; margin:20px 0 0;}
.message_text form p{ color:#666;}
.message_text .input{ width:100%; height:40px; line-height:40px; padding:0 10px; border:1px solid #ccc; box-sizing:border-box; margin:10px 0 20px; background:#fff;}
.message_text .vcode{ width:100px;}
.message_text .hand{ display:inline-block; padding:15px 0 0 10px;}
.message_text .textarea{ width:100%; height:100px; line-height:25px; padding:10px; border:1px solid #ccc; box-sizing:border-box; margin:10px 0 20px; outline:0;}
.message_text .btn{ width:50%; height:45px; line-height:45px; cursor:pointer; display:inline-block; font-size:16px; outline:0; background:#0087CC; color:#fff;}


.aboutbox01{ padding:60px 0 70px; /*background:url(../images/bj_ab01.png) top center no-repeat;*/}
.about_text{ margin:0 0 80px;}
.about_text p{ font-size:18px; line-height:36px;}
.about_text a{ color:#1073B9;}
.about_text span{ color:#777;}
.about_menu{}
.about_menu li{ float:left; width:128px; margin:0 86px; display:inline;}
.about_menu li a{ display:block; height:48px; line-height:22px; position:relative; text-align:center; font-size:20px; color:#046DB8; padding:100px 0 0;}
.about_menu li a span{ display:block; position:absolute; left:0px; top:0px; z-index:3;}
.about_menu li a:hover span{-webkit-transition: all ease 0.7s;
  -moz-transition: all ease 0.7s;
  -ms-transition: all ease 0.7s;
  transition: all ease 0.7s;-webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);}
.aboutbox02{ padding:60px 0 150px; background:url(../images/bj_ab02.png) top center no-repeat;}
.aboutbox02 .index_title{ color:#fff;}
.aboutbox02 .index_title span{ color:#fff;}
.aboutbox02 li{ float:left; width:300px; text-align:center; color:#fff;}
.aboutbox02 li span{ display:block; width:100%; height:135px; margin:0 0 20px;}
.aboutbox02 li h2{ font-size:20px; margin:0 0 20px; font-weight:bold;}
.aboutbox02 li p{ font-size:16px;}
.aboutbox02 li span:hover{-webkit-transition: all ease 0.7s;
  -moz-transition: all ease 0.7s;
  -ms-transition: all ease 0.7s;
  transition: all ease 0.7s;-webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);}
.aboutbox03{ padding:60px 0;}
.market_list{ width:100%; overflow:hidden;}
.market_list ul{ width:1224px;}
.market_list ul li{ width:280px; height:450px; float:left; position:relative; margin:0 26px 0 0;}
.market_list ul li span{ position:absolute; z-index:4; left:0px; top:45%; width:100%; display:block; font-size:32px; text-align:center; color:#fff;}

.menu_about{ position:relative; width:1200px; margin:0 auto;}
.menu_about ul{ position:absolute; left:0px; top:0px; z-index:3; margin:-80px 0 0; width:100%;}
.menu_about ul li{ width:20%; font-size:16px; float:left; text-align:center;}
.menu_about ul li a{ display:block; height:80px; line-height:80px; background-color:rgba(255,255,255,0.8);}
.menu_about ul li a.am-active{ color:#fff; background:#046EB8; font-weight:bold;}

.company_text{ padding:60px 0 300px; background:url(../images/bj_ab03.jpg) bottom center no-repeat;}
.company_text .company{ font-size:16px; line-height:40px;}
.company_text .company p{ text-indent:2em;}
.history_text{ padding:60px 0; background:url(../images/bj_ab04.jpg) bottom center no-repeat;}
.history_text .history{ background:url(../images/history.png) top center no-repeat; padding:265px 0 0;}
.history_text .history .p{ height:60px; margin:50px 0 0; background:#fff; padding:19px 10px; line-height:30px; font-size:16px; border:1px dashed #046EB8; border-radius:8px; width:500px; clear:both;}
.team_text{ padding:60px 0 300px; background:url(../images/bj_ab05.jpg) bottom center no-repeat; text-align:center;}
.team_p{ padding:0 100px; line-height:40px; font-size:18px;}
.team_list{}
.team_list li{ float:left; width:33.33%; margin:50px 0 0; line-height:30px;}
.team_list li span{ display:block; width:100%; height:104px; margin:0 0 10px;}
.team_list li span.man{ background:url(../images/team-man.png) center no-repeat;}
.team_list li span.woman{ background:url(../images/team-woman.png) center no-repeat;}
.team_list li h2{ font-size:16px; font-weight:bold;}
.honor_text{ padding:60px 0 300px; background:url(../images/bj_ab06.jpg) bottom center no-repeat;}
.honor_list{ width:100%; overflow:hidden;}
.honor_list ul{ width:100%;}
.honor_list ul li{ width:18%; float:left; padding:0 1%; margin:0 0 30px;}
.honor_list ul li img{ width:100%;}
.work_text{ padding:60px 0; background:url(../images/bj_ab07.jpg) bottom center no-repeat;}
.work_list{ margin:0 0 20px;}
.work_list li{ width:400px; height:460px; float:left; position:relative;}
.work_list li strong{ position:absolute; z-index:4; left:0px; top:45%; width:100%; display:block; font-size:32px; text-align:center; color:#fff; font-weight:normal;}
.work_p{ font-size:18px; line-height:40px;}

.product-container{ padding:110px 0 0; height:190px; text-align:center;}
.product_brand{ width:1196px; padding:60px 0;}
.product_brand ul{ border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.product_brand ul li{ width:230px; float:left; padding:15px 4px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center;}
.product_brand ul li img{ width:100%; transition:opacity .3s ease;}

.product_con{ padding:30px 0 0;}
.product_box{ margin:0 0 30px; text-align:center;}
.floor-title{ margin:0 0 10px; line-height:30px; text-align:left;}
.leftsize{ font-size:20px; padding:0 20px 0 0;}
.rightsize{ color:#666; font-weight:bold;}
.rightsize span{ padding:0 5px; font-weight:normal;}
.floor-title a{ float:right; color:#888;}
.floor-title a:hover{ color:#FF8500;}
.floor-content-images{}
.images-bgd{ width:260px; float:left;}
.images-bgd img{ width:100%;}
.product-list-content{ width:940px; float:left; border-top:1px solid #e5e5e5;}
.product-list-content li{ border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; width:194px; padding:20px; float:left;}
.product-list-content li a{ display:block;}
.product-list-content li .pro_img{ width:100%; height:146px; margin:0 0 10px;}
.product-list-content li .pro_img img{ max-width:100%; height:146px;}
.product-list-content li h2{ line-height:18px; height:36px; text-align:left; overflow:hidden; margin:0 0 10px;}
.product-list-content li span{ display:inline-block; padding:5px 10px; border:1px solid #FF8600; border-radius:3px; color:#FF8600;}
.product-list-content li a:hover span{ background:#FF8600; color:#fff;}

.slideBox{ overflow:hidden; position:relative; background:#fff; box-shadow:0px 0px 10px #ddd; padding:5px 0;}
.sPrev,.sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:94px; border:1px solid #ddd; background:url(images/icoLeft.gif) center center no-repeat #f4f4f4; }
.sNext{ left:auto; right:5px; background:url(images/icoRight.gif) center center no-repeat #f4f4f4;  }
.sPrev:hover,.sNext:hover{ border-color:#f60;}
.slideBox ul{ overflow:hidden; zoom:1; width:1200px;}
.slideBox ul li{ width:230px; height:70px; padding:0 5px; float:left; overflow:hidden;}
.slideBox ul li a{ display:block;}
.slideBox ul li .pic{ text-align:center; }
.slideBox ul li .pic img{ width:100%;}
.dominant_brand{ background:#f7f7f7; padding:30px 0;}
.dominant_brand h3{ font-size:20px; margin:0 0 15px;}
.dominant_brand h3 span{ font-size:12px; padding:0 0 0 20px; color:#777;}

.pro_line{ height:2px; background:#FF8600; margin:0 0 20px;}
.menu_product{ width:1200px; margin:20px auto 0; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-size:12px; background:#f1f1f1;}
/*.menu_product li{ border-bottom:1px solid #e5e5e5;}
.menu_product li h3{ float:left; width:120px; text-align:center; line-height:38px; color:#666;}
.menu_product li .list{ float:right; width:1079px; padding:10px 0; background:#fff; border-left:1px solid #e5e5e5;}
.menu_product li .list a{ display:inline-block; padding:0 10px; line-height:18px;}
.menu_product li .list a.hover{ color:#FF8500;}*/

ul.demo{ border-bottom:1px solid #e5e5e5; position:relative; padding:5px 0 5px 120px;}
ul.demo:after{ clear:both;height:0;line-height:0;content:'.';display: block;visibility: hidden;}
ul.demo li{ float:left; padding:0px 10px; line-height:28px;}
ul.demo li:first-child{ float:none; width:120px; text-align:center; line-height:38px; color:#666; padding:0; position:absolute; left:0px; top:0px; color:#888;}
ul.demo li.on{ color:#FF8500;}
ul.demo li.on a{ color:#FF8500;}

.title-bar{ padding:0 0 10px; line-height:25px; font-size:14px; border-bottom:1px solid #ddd; margin:20px 0;}
.product-view{ margin:0 0 20px;}
.product_list{ width:100%;}
.product_list li{ width:194px; padding:20px; float:left; text-align:center; font-size:12px; margin:0 4px 20px 0; border:1px solid #fff;}
.product_list li a{ display:block; width:100%;}
.product_list li .pro_img{ width:100%; height:146px; margin:0 0 10px;}
.product_list li .pro_img img{ max-width:100%; height:146px;}
.product_list li h2{ line-height:18px; height:36px; text-align:left; overflow:hidden; margin:0 0 10px; word-break:break-all;}
.product_list li span{ display:inline-block; padding:5px 10px; border:1px solid #FF8600; border-radius:3px; color:#FF8600;}
.product_list li a:hover span{ background:#FF8600; color:#fff;}
.product_list li:hover{ border:1px solid #e5e5e5;}

.product_center{ margin:20px 0;}
.product_images{ width:360px; text-align:center; border:1px solid #e5e5e5; float:left; margin:0 20px 0 0; padding:4px; border-radius:3px;}
.product_images img{ width:100%;}
.p_information{ float:left; width:500px;}
.product_title{ font-size:22px; font-weight:bold; line-height:28px; padding:15px 0; word-break:break-all;}
.p_information p{ color:#666; line-height:36px;}
.p_information .model{ color:#333;}
.p_information .cate{ color:#333;}
.p_brand{ width:290px; float:right;}
.p_brand .b_img{ border:1px solid #e5e5e5; padding:12px 18px; margin:0 0 10px; border-radius:3px;}
.p_brand .b_img img{ width:100%;}
.p_brand p{ text-align:center; line-height:18px;}
.quotation{ background:#222; color:#fff; padding:15px 10px; text-align:center; margin:20px 0 0; font-size:14px; border-radius:3px;}
.quotation a{ display:inline-block; width:150px; height:42px; line-height:42px; font-size:16px; background:#0065AB; margin:10px 0 0; color:#fff; border-radius:3px;}
.product_cont{}
.product_cont_right{ width:290px; float:right;}
.product_cont_right h5{ font-size:15px; color:#666; margin:0 0 20px;}
.brand-feature{ margin:0 0 20px;}
.brand-feature li{ padding:12px 10px; border:1px solid #e5e5e5; background:#f1f1f1; border-radius:3px; line-height:24px; margin:0 0 10px; color:#666;}
.brand-feature li b{ display:inline-block; width:24px; line-height:24px; margin:0 10px 0 0;}
.product_details{ margin:0 0 30px; width:880px; float:left;}
.details-bar{ height:50px; line-height:50px; background:#f1f1f1; border:1px solid #e5e5e5; border-radius:3px; margin:0 0 20px;}
.details-bar span{ display:inline-block; padding:0 10px; font-weight:bold; font-size:20px;}
.main-container .text{ padding:0 5px; line-height:25px;}
.main-container .text img{ max-width:100%;}
.main-container .text table{ width:100%; border-collapse:separate; border-spacing:0;}
.main-container .text table tr td{ border:1px solid #ddd;}
.main-container .text .p_configuration{ border-top:2px solid #007caa;}
.main-container .text .p_configuration tr td{ border:none; border-bottom:1px solid #95a7b0;}

.product_bottom{ margin:0 0 20px;}
.class-bar{ margin:0 0 10px; font-size:20px; font-weight:bold;}
.product_bottom .product_list li{ border:1px solid #e5e5e5;}

.am-pagination{padding-left:0;list-style:none;color:#999;text-align:left}
.am-pagination:after,.am-pagination:before{content:" ";display:table}
.am-pagination:after{clear:both}
.am-pagination>li{display:inline-block}
.am-pagination>li>a,.am-pagination>li>span{position:relative;display:block;padding:.5em .8em;text-decoration:none;line-height:1.2;background-color:#fff;border:1px solid #ddd;border-radius:0;margin-bottom:5px;margin-right:0px; font-size: 12px;}
.am-pagination>li:last-child>a,.am-pagination>li:last-child>span{margin-right:0}
.am-pagination>li>a:focus,.am-pagination>li>a:hover,.am-pagination>li>span:focus,.am-pagination>li>span:hover{background-color:#eee}
.am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover{z-index:2;color:#fff;background-color:#0e90d2;border-color:#0e90d2;cursor:default}
.am-pagination>.am-disabled>a,.am-pagination>.am-disabled>a:focus,.am-pagination>.am-disabled>a:hover,.am-pagination>.am-disabled>span,.am-pagination>.am-disabled>span:focus,.am-pagination>.am-disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed;pointer-events:none}
.am-pagination .am-pagination-prev{ }
.am-pagination .am-pagination-prev a{border-radius:0}
.am-pagination .am-pagination-next{ }
.am-pagination .am-pagination-next a{border-radius:0}
.am-pagination-centered{text-align:center}
.am-pagination-right{text-align:right}

.quote_main{ width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; z-index:100; left:0px; top:0px;}
.quote_box{ position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-290px; z-index:101; width:600px; height:580px; background-color:#fff; border-radius:5px;}
.quote_box .q_tit{ height:35px; line-height:35px; padding:10px 20px; position:relative; border-bottom:1px solid #ddd; font-size:18px; color:#ff771c; background:#f1f1f1; border-radius:3px 3px 0 0}
.quote_box .q_tit .close{ position:absolute; right:20px; top:20px; z-index:102; width:16px; height:16px; display:block; background:url(../images/icon_close.png) no-repeat; cursor:pointer;}
.quote_box .q_list{ padding:20px;}
.quote_box .q_list p{ width:100%; display:block; color:#666;}
.quote_box .q_list form{ display:block; margin:20px 0 0;}
.quote_box .q_list .input{ width:100%; height:40px; line-height:40px; padding:0 10px; border:1px solid #ccc; box-sizing:border-box; margin:10px 0 20px;}
.quote_box .q_list .vcode{ width:100px;}
.quote_box .q_list .hand{ display:inline-block; padding:15px 0 0 10px;}
.quote_box .q_list .textarea{ width:100%; height:70px; line-height:25px; padding:10px; border:1px solid #ccc; box-sizing:border-box; margin:10px 0 20px; outline:0;}
.quote_box .q_list .btn{ width:100%; height:45px; line-height:45px; cursor:pointer; display:inline-block; font-size:16px; outline:0; background:#ff771c; color:#fff;}

@media screen and (max-width: 1220px) {
.w1200{ padding:0 10px; width:100%; box-sizing:border-box;}
.logo{ margin:23px 180px 23px 0;}
.hd-nav ul li .nav-item a{ padding:0 0 0 46px;}
.index_box01{ padding:60px 10px;}
.index_brand ul li{ width:20%; box-sizing:border-box;}
.list-h1 li{ width:33.33%;}
.index_advantage li{ margin:0 50px 0 0;}
.foot li{ width:17%; margin:0 3% 0 0;}
.foot li.f_company{ width:32%;}
.foot li.f_contact{ width:25%;}
.product_con{ padding:20px 10px 0;}
.images-bgd{ width:22%;}
.product-list-content{ width:78%;}
.product-list-content li{ width:25%; padding:10px; box-sizing:border-box;}
.product-list-content li .pro_img{ height:auto;}
.product-list-content li .pro_img img{ height:auto;}
.center-container{ padding:80px 0 0; height:400px;}
.menu_news{ width:auto;}
.advantage_list ul{ width:100%;}
.advantage_list ul li{ width:31.33%; margin:0; padding:0 1%;}
.aboutbox01{ padding:60px 10px 70px;}
.about_text{ margin:0 0 50px;}
.about_menu li{ margin:0; width:25%; text-align:center;}
.about_menu li a span{ position:absolute; left:50%; margin-left:-64px;}
.aboutbox02 li{ width:21%; padding:0 2%;}
.aboutbox03{ padding:60px 0;}
.market_list ul{ width:auto; padding:0 10px;}
.market_list ul li{ width:23%; height:auto; padding:0 1%; margin:0;}
.market_list ul li img{ width:100%;}
.history_text .history .p{ width:420px;}
.address_text li{ width:50%; box-sizing:border-box;}
.menu_product{ width:auto; margin:20px 10px 0;}
.product_list li{ width:20%; box-sizing:border-box; margin:0 0 20px; padding:15px;}
.product_list li .pro_img{ height:auto;}
.product_list li .pro_img img{ height:auto;}
.p_brand{ display:none;}
.menu_about{ width:100%;}
.work_list li{ width:33.33%; height:auto;}
.work_list li strong{ font-size:20px;}
.work_list li img{ width:100%;}
.product_brand{ width:100%;}
.product_brand ul li{ width:20%; box-sizing:border-box;}
  
}

@media screen and (max-width: 1024px) {
.hd_top{ display:none;}
#header .w1200{ padding:0 20px;}
.logo{ margin:20px 0;}
.hd_search{ width:100%; height:44px; box-sizing:border-box; margin:0 0 20px; position:relative; padding:0 50px 0 0;}
.hd_search .s_input{ width:100%; box-sizing:border-box;}
.hd_search .s_button{ position:absolute; right:0px; top:0px;}
.hd_quote{ display:none;}

#header .navbox{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1001;background:#0088CC;padding:20px;transform: translateX(100%);transition: 0.4s; box-sizing:border-box;}
#header .navbox.nav-show{transition: 0.4s;transform: translateX(0);}
#header .hd-bar{display: none;}
#header .hd-nav{height:100%;position:relative; padding:30px 0 0;}
#header .hd-nav .nav-close{display:block;width:30px;height:30px;background:url(../images/close.png);background-size:100% 100%;top:0;right:0;position:absolute;}
#header .hd-nav ul{height: 100%;overflow-y:auto;}
#header .hd-nav ul li{float:none;border-bottom: 1px solid #fff;}
#header .hd-nav ul li .nav-item{ position: relative;}
#header .hd-nav ul li .nav-item a{ padding:0;height:60px;line-height:60px; display: block; color:#fff;}
#header .hd-nav ul li.on .nav-item a,
#header .hd-nav ul li .nav-item a:hover{background: none;}
#header .hd-nav ul li .dropdown{position: static;background: none;box-shadow: none;margin: 0;width: 100%;padding: 0 0 0 20px;}
#header .hd-nav ul li .dropdown::before{display: none;}
#header .hd-nav ul li .dropdown a{padding: 0;border: none;text-align: left;line-height: 30px;color: #fff;}
#header .nav-btn{ position:absolute; right:20px; top:25px; display: block;width:30px;height:30px;background: url(../images/menu.png);background-size: 100% 100%;}

.category_con{ display:none;}
#banner .img a{ height:300px; background-size:cover !important;}
.index_box03{ padding:60px 0;}
.index_advantage li{ margin:0 15px 0 0;}
.index_cooperation{ width:100%; padding:30px 0; text-align:center; margin:0 0 50px;}
.index_cooperation span{ display:inline-block;}
.index_cooperation ul li{ width:25%; margin:0;}
.index_cooperation ul li.fl{ margin:0;}
.index_cooperation ul li b{ display:inline-block;}
.index_advantage li{ width:18%; height:auto; border-radius:10px; margin:0 1%; padding:24px 0 20px; box-sizing:border-box;}
.foot li{ width:16%;}
.foot li.f_contact{ width:27%;}

ul.demo{ padding:5px 0 5px 60px;}
ul.demo li:first-child{ width:60px;}
.product_list li{ width:25%;}
.images-bgd{ display:none;}
.product-list-content{ width:100%; border-left:1px solid #e5e5e5;}
.product_images{ width:100%; margin:0 0 10px;}
.product_images img{ width:auto; height:300px; text-align:center;}
.p_information{ width:100%;}
.product_details{ width:100%;}
.product_cont_right{ width:100%;}
.center-container{ padding:40px 0 0; height:260px;}
.center_title{ font-size:32px;}
.Latest_news ul li{ width:100%; padding:20px 0;}
.details_box{ padding:30px 20px;}
.con_title{ font-size:28px; padding:50px 0 40px;}
.cooper_text01{ padding:0;}
.contact_box{ padding:15px 0 20px;}
.address_text li{ width:100%;}
.message_text{ padding:40px 20px 0;}
.about_text p{ display:block; width:100%;}
.about_text p img{ max-width:100%;}
.market_list ul li span{ font-size:20px;}
.history_text .history .p{ width:320px;}
.index_brand ul li{ width:25%;}
    
}
@media screen and (max-width: 767px) {
#banner .img a{ height:220px;}
.index_box01{ padding:20px 10px;}
.index_title p{ font-size:24px;}
.index_title{ margin:0 0 20px;}
.index_brand ul{ margin:0 0 20px;}
.index_brand ul li{ width:50%;}
.index_brand .b_more{ width:100%; padding:0; height:40px; line-height:40px;}
.index_box02{ padding:20px 10px 0;}
.index_news .tit{ margin:0 0 20px;}
.index_news .tit li.item{ width:33.33%;}
.index_news .tit li a{ border:0 none; width:100%; padding:0; margin:0; height:40px; line-height:40px;}
.list-h1 li{ width:100%; background:#fff; margin:0 0 20px;}
.list-h1 .n_text{ border:0 none; padding:10px 10px 0;}
.list-h1 li:first-child .n_text{ border:0 none;}
.index_box03{ padding:20px 0;}
.index_cooperation h3{ font-size:24px; margin:0;}
.index_cooperation{ padding:20px 0; margin:0 0 20px;}
.index_cooperation ul li{ width:50%; margin:10px 0 0;}
.index_cooperation ul li.fl{ margin:10px 0 0;}
.index_advantage li{ width:46%; margin:10px 2% 0;}
.foot li{ width:47%;}
.foot li.f_company{ display:none;}
.foot li.f_contact{ display:none;}
.footerbox{ padding:20px 0 0;}
.foot li .f_tit{ margin:0 0 10px;}
.foot{ padding:0;}
.copyright{ padding:20px 10px;}
.center-container{ height:200px;}
.center_title{ font-size:28px;}
.aboutbox01{ padding:20px 10px;}
.about_text p{ font-size:14px; line-height:30px; margin:0 0 10px;}
.about_text{ margin:0;}
.about_menu li{ width:50%; margin:20px 0 0;}
.aboutbox02{ padding:20px 0;}
.aboutbox02 li{ width:46%; padding:0 2% 2%;}
.aboutbox02 li span{ margin:0;}
.aboutbox02 li h2{ font-size:16px; margin:0;}
.aboutbox03{ padding:20px 10px;}
.market_list ul{ width:100%; padding:0;}
.market_list ul li{ width:48%; padding:1%;}
.menu_about ul li{ width:33.33%;}
.menu_about ul li a{ height:40px; line-height:40px;}
.company_text{ padding:20px 10px;}
.history_text{ padding:20px 10px;}
.history_text .history .p{ width:90%; padding:2% 5%; margin:0 0 20px; height:auto;}
.history_text .history{ background:none; padding:0;}
.team_text{ padding:20px 10px;}
.team_p{ padding:0; font-size:16px; line-height:30px;}
.team_list li{ width:100%; margin:20px 0 0;}
.honor_text{ padding:20px 0;}
.honor_list ul li{ width:48%; margin:0 0 20px;}
.work_text{ padding:20px 10px;}
.work_list li strong{ font-size:14px; top:40%;}
.work_p{ font-size:16px; line-height:30px;}
.product-container{ padding:50px 0 0;}

.leftsize{ font-size:16px; padding:0 15px 0 0;}
.product-list-content li{ width:50%;}
.product_box{ margin:0 0 20px;}
.dominant_brand{ padding:20px 0;}
.dominant_brand h3{ font-size:16px;}
.breadcrumb{ height:auto;}
.product_images img{ width:100%; height:auto;}
.product_title{ font-size:16px;}
.product_bottom{ margin:0;}
.product_list li{ width:50%; padding:0 5px;}
.product_list li:hover{ border:0 none;}
.menu_news ul{ margin:-40px 0 0;}
.menu_news ul li a{ height:40px; line-height:40px;}
.newsbox{ padding:20px 0;}
.newsbox .listbox li .n_img{ width:100%; margin:0; float:none;}
.newsbox .listbox li{ padding:0 0 20px; margin:0 0 20px;}
.details_box{ padding:20px 10px;}
.news_title{ font-size:20px;}
.news_date{ padding:0 0 20px;}
.details_text{ margin:20px 0;}
.page_list{ margin:0 0 30px;}
.Latest_news ul li .n_img{ width:100%; float:none; margin:0 0 10px;}
.con_title{ font-size:22px; padding:20px 0;}
.cooper_text01{ margin:0 0 20px;}
.advantage_list ul li{ width:98%; padding:0 1% 3%;}
.advantage_list ul li h2{ font-size:20px; margin:10px 0;}
.advantage_list ul li p{ line-height:25px;}
.cooper_text03{ padding:0 0 20px;}
.message_text{ padding:20px 10px;}
.contact_box{ padding:20px 0 0;}
.product_brand ul li{ width:50%;}
.product_brand ul li img{ max-width:100%; width:auto;}
}