@charset "utf-8";
img, object, embed, video{max-width: 100%;}
@font-face{font-family: 'impactregular'; font-weight: normal; font-style: normal;}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img{width:100%;}
@font-face {
    font-family: 'impactregular';
    src: url('../fonts/avantgardeitcbybt-book-webfont.eot');
    src: url('../fonts/avantgardeitcbybt-book-webfont.eot') format('embedded-opentype'),
    url('../fonts/avantgardeitcbybt-book-webfont.woff2') format('woff2'),
    url('../fonts/avantgardeitcbybt-book-webfont.woff') format('woff'),
    url('../fonts/avantgardeitcbybt-book-webfont.ttf') format('truetype'),
    url('../fonts/avantgardeitcbybt-book-webfont.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#container{width:100%;height:auto;}
#header{width:100%;height:160px;background:#333333 url(../images/bg_header.jpg) left top repeat-x;}
.warper{width: 100%;max-width: 1270px;margin:0 auto;position: relative;}
.warp{width:100%;max-width:1280px;margin:0 auto;background:#fff; overflow:hidden;}#main{width: 100%;max-width: 1280px;margin:0 auto;position: relative;background:#fff;}.warp04{width: 100%;max-width: 1280px;margin:0 auto;position: relative;padding-top:0px;}.warp04 ul li{width:12%; height:auto; float:left; border:1px solid #ccc; display:inline; margin-left:2%; margin-top:20px;}.warp04 ul li img{width:100%; height:auto; float:left;}.warp03{width: 100%;max-width: 1280px;margin:0 auto;position: relative;}
.lang{width:80px;height:40px;line-height:40px;overflow:hidden;padding-left:42px;float:right;background:#0b0b0b url(../images/bg_lang.png) 3px center no-repeat;}
.lang select{color:#fff;background:#0b0b0b;}
.top_left{width:300px;float:left;}
.top_mail{width:170px;float:left;font-size:14px;line-height:40px;padding-left:40px;background: url(../images/top_mail.png) left center no-repeat;}
.top_mail a{color:#fff;}
.top_tel{width:140px;float:left;font-size:14px;line-height:40px;padding-left:38px;background: url(../images/top_tel.png) left center no-repeat;}
.top_tel a{color:#fff;}
.top_mail a:hover{color:#e38c19}
.top_social{width: 180px;padding:5px 0 5px 5px;height:30px;float:left;}
.top_social li{float:left;width:25%;display: table-cell;text-align:center;}
.top_social img{width:60%;vertical-align:middle;}
.top_social a{display: table-cell; vertical-align:middle;width:30px;height:30px;font-size:100%;line-height:30px;-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;}
.top_social a:hover.s1{background:#274a89;}
.top_social a:hover.s2{background:#54ceff;}
.top_social a:hover.s3{background:#b74032;}
.top_social a:hover.s4{background:#1882bb;}
.top_social a:hover{background:#2e3c5d;}
.nav_right{width: 40px;float: right;margin-top: 30px;}
a.searchBt{margin-top:7px;display:block;float:right;width:30px;height:24px;background:url(../images/search.png) no-repeat 0px 0px;cursor:pointer;/* position:relative;*/}
a.searchOn,a.searchBt:hover{background:url(../images/searchon.png) no-repeat 0px 0px;cursor:pointer;}
.searchInput{display:none;width:213px;height:23px;padding:5px 7px 5px 10px;border:0px;background:url(../images/searchinput.gif) no-repeat 0px 0px;cursor:pointer;position:absolute;right:0px;top:188px;z-index:100;}
.searchInput input{width:180px;height:23px;background:none;border:0px;padding:0px;margin:0px;line-height:23px;color:#333;}
.searchInput a.searchSubmitBt{float:right;display:inline-block;width:23px;height:23px;z-index:199;background:url(../images/searchinput.gif) no-repeat -200px -6px;}
.app-bar{display: block; position: initial;box-sizing: border-box;background-color: transparent;-webkit-transform: translate(0,0);transform: translate(0,0);-webkit-transition: none;transition: none;}
.app-bar.open{-webkit-transform: translate(0,0);transform: translate(0,0);}
.app-bar .logo{width:203px;text-align:center;position:absolute;top:46px;z-index:1000;}
.app-bar .logo img{width:auto;}
.app-bar-actions{width:320px;float: right;}
.app-bar:after{content: ' ';display:block; height: 0; overflow: hidden;clear: both;}
button.menu{display: none;}
.bottom-bar{display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex;width: auto; height: auto; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;position: initial;float: left;margin-top: 16px;background-color: rgba(0,0,0,0.6);}
.navdrawer-container{position:relative;width: 74%; height: 120px; line-height:120px;z-index:800;float:right; -webkit-transform: translate(0,0); transform: translate(0,0); -webkit-transition: none; transition: none; pointer-events: auto;}
.navdrawer-container li{width: 16.6666%;text-align: center;font-size:18px;border: none;float:left;text-align:center;position:relative;}
.navdrawer-container li a{display:block;height:73px;color:#fff;}
.navdrawer-container li a:hover{color:#111;background:#ffd400;}
.navdrawer-container li a.cur{color:#fff;background:#ffd400;}
.navdrawer-container li ul{width:220px;position: absolute;visibility: hidden;z-index:900;background:#4a4a4a;}
.navdrawer-container li ul.w800{width:1100px;left:-600px;padding-top:15px;padding-bottom:15px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e2e3e7));background:-moz-linear-gradient(top, #ffffff,#e2e3e7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e2e3e7,grandientType=1);}
.navdrawer-container dl{width:264px;float:left;padding-left:10px;border-right:1px solid #ddd;}
.navdrawer-container dt{font-size:16px;text-align:left;}
.navdrawer-container dt a{width:90%;margin:0;padding:0;color:#222;display:block;padding-left:5%;line-height:36px;height:36px;}
.navdrawer-container dt a:hover{color:#fff;background:#da042a;}
.navdrawer-container dd{width:90%;margin:0;height:30px;line-height:30px;padding:0;color:#666;text-indent:15px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;text-align:left! important;font-size:13px;background:none;}
.navdrawer-container dd a:hover{margin:0;color:#de0124;background:none;}
.navdrawer-container li ul li{float: none;height:auto;display: inline;}
.navdrawer-container li ul li a{width: 95%;height:auto;padding:12px 0 12px 5%;color:#959595;margin:0;display:block;line-height:15px;font-size:14px;text-align:left !important;border-top:none;background:#4a4a4a;}
.navdrawer-container li ul li a:hover{color:#000;border-top:none;background:#ffd400;}
.navdrawer-bg, .navdrawer-bg.open{opacity: 0;pointer-events: none;}
/*轮播图 开始*/
#slides{display:none;position:relative;}
.slidesjs-container{}
.slidesjs-navigation{display:none;position:absolute;right:10px;bottom:10px;z-index:100;}
.slidesjs-navigation a{font:bold 20px/normal simsun;text-decoration:none;color:#333;}
.slidesjs-previous{}
.slidesjs-next{}
.slidesjs-navigation a:hover{color:#C00}
.slidesjs-pagination{position:absolute;right:30px;bottom:15px;z-index:100;}
.slidesjs-pagination li{float:left;padding:0 3px;}
.slidesjs-pagination li a{display:block;width: 13px;height:0;padding-top:13px;background:url(../images/pagination.png) 0 0;overflow:hidden;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active{background-position: 0 -13px}
.slidesjs-pagination li a:hover{background-position: 0 -26px}
/*轮播图 结束*/
/*模块 开始*/
.middle{width:100%;padding:15px 0 20px;}
.middle_left{width:64%;float:left;font-size:16px;line-height:24px;}
.middle_left h1{color:#000;font-size:3.2em;text-transform:uppercase;font-weight:normal;font-family: 'impactregular';padding:20px 0 30px;}
.middle_left p{color: #030000;font-size:18px;line-height:24px;}
.module_title01{color:#171717;max-width: 1270px;margin: 0 auto;text-align:center;font-weight:normal;padding:20px 0 10px;}
.module_title01 h2{font-size: 36px;font-family: 'impactregular';}
.module_title01 p{font-size: 16px;color: #6c6c6c;padding:10px 0; font-weight:normal;}
.middle02{width: 100%;padding:0 0 20px;background:url(../images/bg_middle02.jpg) left top repeat-x;}
/*产品列表 开始*/
.mcolor{background: #f0ecec;}
.pro_box{}
.pro_li{width:30%;display: inline;float:left;text-align:center;overflow:hidden;text-transform:uppercase;margin:10px 1.5% 20px;}
.pro_pic{width:auto; height:auto;overflow:hidden;position: relative;}
/*.pro_pic{width:368px; height:204px;overflow:hidden;position: relative;}*/
.pro_h3{font-size:20px;padding:6% 0 1%;display:block;}
.pro_li h3{font-size:17px;padding:12px 0 5px;}
.pro_li h3 a{color:#333;}
.pro_li h3 a:hover{color:#e38c19;}
.pro_li p{line-height:20px;padding:15px;}
.pro_more{font-size: 26px;}
.pro_li a{color: #fdfdfe;}
.mosaic-backdrop{display:none; position:absolute; top:0; height:100%; width:100%;}
.mosaic-overlay{display:none; z-index:5; position:absolute; width:100%; height:100%; background:#111;}
.circle .mosaic-overlay{background:rgba(22,22,22,0.9) none repeat scroll !important;background:#161615; filter:Alpha(opacity=90); opacity:0; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);*/ display:none;}
.mosaic-backdrop{display:block; position: static;}
.mosaic-overlay{display:block;}
.circle .mosaic-overlay{display:block;}
/*产品列表 结束*/
.middle01{width:100%;height:auto;background:#dfdfde;padding-bottom:40px;}
.lx_company h2{font-size:3.6em;color:#f8d08f;text-transform: uppercase; font-family: 'impactregular';padding:6% 0 15px;}
.lx_company h3{font-size:2.4em;color:#222;text-transform: uppercase;padding:3% 0 15px;}
.lx_company h4{font-size:2em;color:#fff;font-weight: normal;padding:1% 0 15px;}
/*首页上图下文模块 开始*/
.lx_company{width:97%;float:left;padding:0 1.5%;}
.vide{width: 34%;float: left;}
.company{width: 64%;float: right;color: #fff;font-size: 15px;line-height:30px;}
.com a{width: 110px;height: 60px;line-height: 60px;padding-left: 20px;padding-right: 40px;background:#191c20 url(../images/bg_more.jpg) 92% center no-repeat;color: #FFF;font-size: 18px;float: left;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.com01 a{width: 140px;height: 76px;line-height: 76px;padding-left: 30px;padding-right: 70px;background:#373737 url(../images/bg_more.jpg) right center no-repeat;color: #FFF;font-size: 16px;float: right;}
/*首页上图下文模块 结束*/
/*首页新闻模块 开始*/
.lx_news li{width:28%;float:left;display:inline;margin:1% 2.5%;}
.lx_news_left{width:18%;float:left;border-right:1px solid #ccc;}
.news_more{width:94%; height:40px; float:left; line-height:40px; font-size:18px; margin-top:15px; border-top:1px solid #ccc; background:url(../images/news-more.png) no-repeat 40% center; margin-left:auto; margin-right:auto;}
.news_more a{color:#414141;}
.lx_news_left h2{height:30px; line-height:30px; width:100%; font-size:32px; color:#010000;}
.lx_news_left p{height:30px; line-height:30px; width:100%; font-size:18px; color:#010000;}
.lx_news_left a{width:70px;height:70px;display:block;background-image:url(../images/bg_new_icon.png);}
.lx_news_left a.n1{background-position:0 0;}
.lx_news_left a.n2{background-position:-160px 0;}
.lx_news_left a.n3{background-position:0 -159px;}
.lx_news_left a.n4{background-position:-160px -159px;}
.lx_news_left a:hover.n1{background-position:0 -318px;}
.lx_news_left a:hover.n2{background-position:-160px -318px;}
.lx_news_left a:hover.n3{background-position:0px -477px;}
.lx_news_left a:hover.n4{background-position:-160px -477px;}
.number{color:#4c4c4c;}
.lx_news_right{width:77%;float:right;}
.lx_news_right h3{line-height: 23px;font-size:18px;font-weight:bold;padding-bottom:5px;}
.lx_news p{line-height:20px;}
.lx_news li a{color:#4c4c4c;}
.lx_news li a:hover{color:#e38c19 ;}
.middle1{width:100%;padding:0 0 40px;background:url(../images/m.png) 0 0 no-repeat;background-size:cover;}
.ptit{width:90%;color:#43434b;margin:0 auto;line-height:24px;}
.service{width: 100%;padding:2% 0;background:#ffffff url(../images/m.jpg) 90% center no-repeat;}
.service h2{font-size:3.2em;color:#000;text-transform: uppercase;font-family: 'impactregular';padding:0 0 10px;}
.service p{width: 65%;color: #111111;line-height: 30px;padding:10px 0 15px;font-size:20px;}
.recom{text-align: center;line-height: 24px;padding: 15px;}
.rec_li{width:21.5%;float:left;display:inline;overflow:hidden;text-align:center;padding:20px 0;margin:10px 1.7% 20px;}
.rec_li img{width:36%; padding:2%;}
.rli01{background:#c73b0b; background:url(../images/bg1.jpg) no-repeat left top;}
.rli01 h2{width:100%; height:44px; line-height:44px; font-size:20px; text-align:center; color:#231f20; margin-bottom:40px; overflow:hidden; font-weight:bold;}
.rli02 h2{width:100%; height:44px; line-height:44px; font-size:20px; text-align:center; color:#231f20; margin-bottom:40px; overflow:hidden;font-weight:bold;}
.rli03 h2{width:100%; height:44px; line-height:44px; font-size:20px; text-align:center; color:#231f20; margin-bottom:40px;overflow:hidden;font-weight:bold;}
.rli04 h2{width:100%; height:44px; line-height:44px; font-size:20px; text-align:center; color:#231f20; margin-bottom:40px;overflow:hidden;font-weight:bold;}
#more a{color:#edb23c;}
#more a:hover{text-decoration:underline;}
#more01 a{color:#1293b5;}
#more01 a:hover{text-decoration:underline;}
#more02 a{color:#55bbac;}
#more02 a:hover{text-decoration:underline;}
#more03 a{color:#d34335;}
#more03 a:hover{text-decoration:underline;}.rli02{background:url(../images/bg2.jpg) no-repeat left top;}
.rli03{background:url(../images/bg3.jpg) no-repeat left top;}
.rli04{background:url(../images/bg4.jpg) no-repeat left top;}
.rec_li h3 a{color:#fff;display:block;font-size:16px;text-transform: uppercase;padding:16px 0 10px;text-align:center;}
.rec_li h3 a:hover{color:#000;}
.rec_li p{color: #000;line-height: 20px;padding:0 3% 5%;margin-top:20px; font-weight:bold;}
.rec_li_a{text-align: center;padding:15px 0;}
.rec_li_a a{font-size: 24px;color: #c0c3a7;}
.rec_li_a a:hover{color: #d45635;}
.module{width:100%;background:#c6c4c4;}
.sns{width:100%;height:60px;background:#0036a3;}
.bt_nav{line-height: 60px;font-size: 17px;padding: 0 15px;color: #fff;text-transform: uppercase;text-align: center;}
.bt_nav a{width:12%;color:#fff;display: inline-block;}
.bt_nav a:hover{color:#fff;}
#menu{display:none;}
/*底部 开始*/
#footer{width:100%;padding-top:25px;background:#121212;}
.bottom{color:#d0cac5;overflow: hidden;max-width:1270px;margin:0 auto;}
.bottom dl{/* float: left; */height:auto;margin:0;}
.bottom .width01{width:27%;float: left;padding-right: 1.5%;}
.bottom .width02{width:19%;float: left;padding-right: 1.5%}
.bottom .width03{width:50%;float: left;}
.bottom dt{margin:0; color:#fff;font-size:24px; line-height: 40px;}
.bottom dd{margin:0; line-height:30px;}
.bottom dd a{color: #d0cac5;}
.bottom dd a:hover{color: #fff;}
.btitle{color:#e8c626;font-size:16px;}
.bg01{background:url(../images/bg_mail.png) left 10px no-repeat;}
.bg02{background:url(../images/bg_fax.png) left 8px no-repeat;}
.bg03{background:url(../images/bg_tel.png) left 8px no-repeat;}
.bg04{background:url(../images/bg_adr.png) left 10px no-repeat;}
.foot_tb table{width:90%;}
.contactt{padding: 10px;}
.contactt_half{width: 50%;float: left;padding-bottom: 25px;}
.contactt_all{padding-bottom: 20px;}
.contactt table{width:100%;}
.contactt input,.contactt textarea{width:98%;text-indent: 5px;background: #fbfbfd;border: 1px solid #fbfbfd;}
.contactt .sub_input{height: 34px;}
.contactt textarea{width:99%;}
.td01{width:100px;padding-right: 10px;text-align: right;font-size: 16px;}
input.contactt_btn{width:100px;padding: 7px 0;color:#030200;font-size: 18px;text-align:center;background:#1881c9;border: none;margin-left:15px;cursor:pointer;}
input.contactt_btn:hover{background:#3fa4e9;}
input.contactt_btn01{width:90px;padding: 8px 0;color:#fff;font-size: 18px;margin-top:15px;text-align:center;border: none;background: none;margin-left:15px;border: 1px solid #ffffff;cursor:pointer;}
input.contactt_btn01:hover{background:#1881c9; color:#000;}
.bt_social{width:270px;padding-top: 15px;}
.bt_social li{width:25px;height:27px;float:left;margin:0 0 0 10px;}
.clear{clear:both;height:20px;}
.copyright{width:100%;color:#a5998e;padding:14px 0;margin-top:15px;font-size:13px;text-align:center;background:#020000;}
.copyright a{ color:#a5998e; }
.copyright a:hover{color: #fff;}
.pro_box{width: 100%;height: auto;padding-bottom: 15px;}
/*底部 结束*/
.mbanner{width:100%;margin:0;text-align:center;padding-bottom:25px;}
.subbanner{width:100%;margin:0;text-align:center;}#banner_sub{width:100%;margin:0;text-align:center;}
#leftsidebar{width:24%;float:left;padding-top:30px;margin-bottom:20px;}#sidebar_left{width:24%;float:left;padding-top:30px;margin-bottom:20px;}
#sidebar_left h1{width:100%;color: #000;text-indent:15px;font-size:26px;padding:14px 0;text-transform: uppercase;background:#ffd401;}
#leftsidebar h1{width:100%;color: #000;text-indent:15px;font-size:26px;padding:14px 0;text-transform: uppercase;background:#ffd401;}
#leftsidebar h2{width:100%;text-indent:15px;font-size:26px;padding:14px 0;color:#fe7201;}
#firstpane{margin-bottom:20px;}
.menu_head{width:100%;padding-top:14px;padding-bottom:14px;color:#131827;text-indent:15px;cursor:pointer;position:relative;border-bottom:1px solid #fff;background:#b7b7b7 url(../images/pro_left.png) center right no-repeat;}
.menu_head a{ color:#023f88; font-weight:bold;}
.menu_head:hover{ background:#ffd400;}
.menu_list .current{background:#b7b7b7 url(../images/pro_down.png) center right no-repeat;}
.menu_body{width:100%;height:auto;overflow:hidden;}
.menu_body a{display:block;width:100%;text-indent:15px;padding:10px 0;background:#d7d7d7;color:#333;border-bottom:1px solid #fff;}
.menu_body a:hover{color:#e38c19;}
.list{background: #e5e1cd;margin-bottom:20px;}
.list li{width:100%;float:left;}
.list a{padding:12px 15px;display:block;color:#131827;background:#b7b7b7;border-bottom:1px solid #d7d7d7;}
.list a:hover{padding:12px 15px;display:block;color:#131827;background:#d7d7d7;border-bottom:1px solid #d7d7d7;}
.list0{background: #b7b7b7;margin-bottom:20px;}
.aside-parts-slide{overflow:hidden;width:90%;margin:0 auto;background:#b7b7b7;padding-top:15px;}
.aside-parts-slide span{display:block;}
#aside-parts-slide{overflow:hidden;position:relative;width:100%;height:240px;}
#aside-parts-slide li{overflow:hidden;width:100%;height:240px;position:absolute;top:0;left:0;display:none;}
#aside-parts-slide li img{width:100%;}
#aside-parts-slide li p{width: 100%;height: 34px;line-height:34px;overflow:hidden;text-align:center;margin:0;}
#aside-parts-nav{overflow:hidden;text-align:center;padding-bottom:20px;}
#aside-parts-nav li{display: inline-block;vertical-align:center;width: 11px;height: 11px;margin: 0 2px;zoom: 1; *display: inline;cursor:pointer;background-image: url(../images/btn04.png);background-repeat: no-repeat;}
#aside-parts-nav li.now{background-image: url(../images/btn03.png);background-repeat: no-repeat;cursor:default;}
.contact{color:#000;line-height:24px;padding:15px;background:#b7b7b7;}.contact01{color:#000;line-height:24px;padding:10px;}.contact01 a{width:51px; height:47px; float:left; display:inline; margin-left:4%;}.contact01 img{width:100%; height:auto; float:left;}
.sub_link{color:#cc0000;}
.sub_link li{float:left;width:16%;margin:0 1%;text-align:center;}
.sub_link img{width:60%;}
/*内页左侧 结束*/
#rightsidebar{width:74%;float:right;padding-top:30px;padding-bottom:20px;}
#sidebar_right{width:74%;float:right;padding-top:30px;padding-bottom:20px;}
/*当期位置 开始*/
.breadcrumbnav{color:#b71c17;height:30px;line-height:34px;margin:10px 0;overflow:hidden;}
.search{width:50%;color: #333;height: 34px;float: right;padding-right: 2%;overflow: hidden;}
.search_form{width: 80%; height: 32px;margin: 0;float: right;padding:0;border:1px solid #a0a0a0;}
.search_input{float: left;width: 82%;height:32px;border-right:0;background: none;line-height:34px;text-indent:10px;}
.search_btn{float: right;width: 17%;height: 32px;cursor: pointer;border: medium none;-webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;background:#e74a19 url(../images/btn_search.jpg) center center no-repeat;}
/*当期位置 结束*/
.rtitle{color: #fc0101;padding: 10px 15px;background: #bab8af;}
.rtitle a{color:#fc0101;}
.listyle02{width:46%;float:left;text-align: center;margin:15px 2%;line-height:24px;}
.listyle03{width:30%;float:left;text-align: center;margin:12px 1.5%;line-height:24px;}
.listyle02 img,.listyle03 img{margin-bottom: 2px;}
.listyle03 span{width:100%;display:block;}
.listyle03 span a{width:100%;display:block;padding:8px 0;}
.case{line-height: 30px;padding-bottom: 20px;}
/*分页 结束*/
.pages{padding:20px 0 30px;text-align:center; height:30px; clear:both;}
.pages a,.pages strong,.pages em{padding:3px 6px;margin:0 1px;display:-moz-inline-box;display:inline-block;}
.pages em{margin-right:20px;}
.pages input{vertical-align:bottom; height:18px; width:30px;}
.pages a{border:1px solid #999; color:#cc080a; background-color:#fff;}
.pages strong{background-color:#f33c03; color:#fff; font-weight:normal;}
.pages em{color:#0177a7; font-weight:bold;}
.pages a,.pages strong{padding:5px 10px;margin:0 2px;-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;}
.pages a{color:#000;}
.pages em{display:none;}
/*分页 结束*/
/*新闻列表 开始*/
.news_ul{padding:10px 0;}
.news_li{width:98%;float:left;display:inline;margin:0 0 20px;padding-right:2%;border-bottom:1px dashed #999;}
.news_li_pic{width:30%;float:left;padding-bottom:25px;}
.news_li_text{width:67%;float:right;padding-bottom: 15px;}
.news_li h4{color:#ec402c;font-size:18px;padding:10px 0;line-height:20px;font-weight:normal;}
.news_li h6{color:#ee8100;font-size:12px;line-height:14px;font-weight:normal;}
.news_li p{line-height:26px;}
.news_li p a{color:#1d2087;}
.news_li p a:hover{color:#b14c32;}
/*新闻列表 结束*/
.content{line-height:24px;}
.content h2{font-size:18px;padding: 10px 0;text-align: center;border-bottom:1px dashed #999;}
.content h3{font-size:18px;color:#ec402c;text-align: center;padding-bottom:10px;}
.content h4{color:#999;font-size:12px;font-weight:normal;text-align: right;padding:15px 0 10px;}
.content img{width: auto;}
.prenext{padding:15px;margin-top:30px;border-top: 1px dashed #d6d6d6;}
.pn_item{line-height: 30px;overflow:hidden;}
/*产品详情页 开始*/
#gallery{width:50%;height:auto;float:left;display:inline;padding:5px;border:1px solid #aeaeae;}
#gallery h1{color:#666666;line-height:30px;}
#gallery_nav{width: 100%;margin-top:4px;}
#gallery_nav img{width:22.5%;float:left;margin:0 1%;display:inline;}
#gallery_output{width: 100%;overflow: hidden;}
#gallery_output img{width:100%;}
.gallery_right{width:46%;float:right;}
.gallery_right .tit{color:#020100;font-size:18px;padding:0 0 10px;}
.gallery_right_txt{padding:5px 0 15px;line-height:24px;border-top:1px dashed #a4a4a3;border-bottom:1px dashed #a4a4a3;}
.gallery_tel{color:#020202;padding:8px 0;}
.gallery_share{padding:10px 0;}
.ct_s,.ct_m{width:160px;float:left;height:30px;line-height:30px;}
.ct_s{width: 230px;}
.ct_m a,.ct_s a{color:#ec402c;}
.ct_m a:hover,.ct_s a:hover{text-decoration:underline;}
.pdf{padding:10px 0 10px 25px;background:url(../images/bg_pdf.png) left center no-repeat;}
.video{padding:10px 0 10px 25px;background:url(../images/bg_video.png) left center no-repeat;}
.gallery_btn a{width:150px;height:35px;color:#000;font-size: 15px;line-height:35px;display:inline-block;text-align:center;background:#ffd400;margin-right: 15px;}
.gallery_btn a:hover{background: #e38c19;}
.maodian{width:100%;height:36px;line-height:36px;margin-top:20px;border-bottom:3px solid #000;}
.maodian li{text-align:center;width:24%;float:left;margin-right:0.5%;}
.maodian li a{display:block;color:#000;height:35px;font-size: 15px;background:#f8f8f8;border:1px solid #cccccc;border-bottom:3px solid #000;/*background:url(../images/line.gif) 0 bottom repeat-x;*/}
.maodian li a.selectTag{color:#000;border:1px solid #e38c19;border-bottom:none;background:#ffd400;}
.maodian li a:hover{background:#ffd400;color:#000;border:1px solid #e38c19;border-bottom:none;text-decoration:none;}
.cases{width:100%;height:36px;line-height:36px;margin-top:20px;border-bottom:1px solid #760801;}
.cases li{text-align:center;float:left;margin-right:0.2%;}
.cases li a{display:block;color:#000;height:35px;padding:0 14px;font-size: 12px;background:#f8f8f8;border:1px solid #cccccc;border-bottom:1px solid #760801;/*background:url(../images/line.gif) 0 bottom repeat-x;*/}
.cases li a.selectTag{color:#fff;border-bottom:none;background:#760801;}
.cases li a:hover{background:#760801;color:#fff;}
#tagContent{}
.tagContent{display: none;height: auto;}
#tagContent div.selectTag{display: block;}
.md_con{width:auto;border:1px solid #cccccc;border-top:none;padding:10px;margin:0 auto 20px; overflow:hidden;}
.md_hd{color:#000;line-height:30px;text-indent: 10px;background: #d1d0d0;}
.md_bd{width:auto;line-height:24px;padding:5px;}
.md_bd img{width:auto;max-width: 100%;}
.listyle01{width:30%;float:left;margin:2% 0% 0% 2.5%;}
.listyle01 h3{padding:15px 0;text-align:center;font-size:14px;}
.md_bd img{width:auto;}
.md_hd01{ color:#000;height:36px;text-align:center;line-height:36px;border-bottom:3px solid #000;}
.md_hd01 h3{width:185px;font-size: 15px;background:#ffd400; float:left;}
.md_title{width:160px;height:36px;color:#fff;background:#fb980a;text-align:center;}
.md_con form{color: #7d7c7c;margin:0 auto;width: 90%;padding-top:20px;}
.md_con form label{display: block;margin: 0 0 20px;overflow: hidden;padding: 0;}
.md_con form label .span{width:140px;height:31px;float: left;color: #000;display:block;text-align:left;padding:5px 0 0 0;}
.md_con form label input{width:68%;height:30px;float:left;text-indent:5px;display:block;border: 1px solid #d6d6d6;line-height:30px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.md_con form label textarea{width: 65%;height: 150px;float: left;display: block;overflow: auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid #d6d6d6;}
.md_con form label select{width:20%;height:30px;float:left;text-indent:5px;display:block;border: 1px solid #d6d6d6;line-height:30px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.md_con form #submit2{width: 140px;height: 37px;display: block;color:#000;margin-left:20%;margin-bottom:20px;cursor:pointer;font-size: 14px;background:#ffd400;border:1px solid transparent; border-radius: 5px 5px 5px 5px;}
.md_con form #submit2:hover{border: 0;background:#e38c19 ;display: block;color:#fff;}
.md_inquiry img{width:100%;padding-bottom:10px;}
.md_pro_cont{width: 100%;font-size: 16px;color: #121210;line-height: 40px;padding: 5px 0;}
.md_pro_tel{width: 40%;padding-left: 45px;height: 40px;float: left;background: url(../images/bg_protel.png) left center no-repeat;}
.md_pro_mail{width: 40%;padding-left: 45px;height: 40px;float: left;background: url(../images/bg_promail.png) left center no-repeat;}
.md_pro_cont a{color: #121210;}
.foot_fixed{display:none;}
#backtotop{position:fixed;bottom:20px;right:5px;z-index:999;width:60px;cursor:pointer;display:block;}
#backtotop a{display:block;outline:none;width:60px;height:60px;background:url(../images/zhu.png) no-repeat;_background:url(../images/zhu.gif) no-repeat;}
#backtotop a:hover{background-position:-59px 0;text-decoration:none;color:#3a9}
@media screen and (min-width:640px) and (max-width:1100px){.navdrawer-container{width: 70%;}
    .navdrawer-container li{font-size: 16px;}
    .pro_h3{font-size:18px;}
    .pro_li p{height: 60px;overflow: hidden;}
    .vide{width: 40%;}
    .company{width: 60%;}
    .lx_company h2{font-size: 2.8em;}
    .lx_company h3{font-size: 2.2em;padding:2% 0 10px;}
    .lx_company h4{font-size: 1.8em;}
    .company p{height: 120px;overflow: hidden;}
    .bt_nav{font-size: 16px;}
    #leftsidebar{width: 23%;}
    #aside-parts-slide{height:200px;}
    #aside-parts-slide li{height:200px;}
    .contact{padding:8px;}
}
@media screen and (min-width:960px) and (max-width:1100px){#leftsidebar h1{font-size:22px;padding:14px 0;}
    .cases li a{padding:0 7px;}}
@media screen and (min-width:769px) and (max-width:961px){}
@media screen and (max-width:900px){#gallery{width:95%;}
    .gallery_right{width:98%;margin: 0 1%}
    .gallery_right .tit{padding-top: 15px;}
    .maodian li{text-align:center;width:30%;float:left;margin-right:0.5%;}}
/* 平板电脑布局: 横向*/
@media screen and (max-width:768px){.app-bar{height:110px;}
    .app-bar .logo{width:110px;}
    .navdrawer-container{width:100%;float: left;height:50px;line-height:50px;}
    .navdrawer-container li a{height:73px;}
    .navdrawer-container li ul{display:none;}
    .middle_left h1{font-size:2.4em;}
    .middle_left p{font-size:16px;}
    .middle_right a{font-size:16px;}
    .module_title01 h2{font-size: 2.8em;}
    .module_title01 p{font-size: 16px;}
    .pro_li{width:46%;margin:10px 2% 15px;}
    .lx_company h2, .lx_news h2{font-size: 2.4em;}
    .lx_company h3{display: none;}
    .lx_company{width:98%;padding:0 1%;}
    .lx_news li{width:47%;margin:1% 1.5%}
    .lx_news_right{width:76%;}
    .lx_news_right h3{font-size:17px;line-height:22px;}
    .service h2{font-size: 3em;}
    .service p{width: 96%;line-height: 30px;padding:15px 2% 15px;font-size:16px;}
    .rec_li h3 a{font-size: 22px;}
    .bt_nav{font-size: 12px;}
    .bottom dt{font-size:18px;}
    .bottom dl.width01{width:48%;padding-left:1%;padding-right:1%;}
    .bottom dl.width02{width:48%;padding-left:1%;padding-right:1%;}
    .bottom dl.width03{width:98%;padding-left:1%;padding-right:1%;}
    .middle{margin-top:0%;}
    .module_con{width:98%;font-size:14px;float:none;clear: both;padding:1%;background: #63420c;margin-top:0%;}
    .module_con h1{color:#c3282d;font-size: 30px;font-family:Times New Roman;padding: 0;}
    .module_con p{color: #dddddd;line-height:22px;}
    .module_img{display: none;}
    #leftsidebar{width: 27%;}
    #leftsidebar h1{font-size: 20px;}
    .search_form{width: 68%;}
    #rightsidebar{width: 70%;}
    .navdrawer-container li{font-size: 14px;}
    .md_con form label input{width: 94%;}
    .md_con form label textarea{width: 94%;}
    #aside-parts-slide{height:180px;}
    #aside-parts-slide li{height:180px;}
    .listyle01{width:47%;margin:0 1.5% 10px;}
    .listyle03{width: 47%;margin: 15px 1.5%;}}
@media screen and (max-width:640px){.top_right{display: none;}
    .nav_right{display: none;}
    .top_left{display:none;}

    /*.navdrawer-container ul li{width:100%;padding:0;border: none;float:none;}*/

    /*.navdrawer-bg{-webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}*/
    /*.navdrawer-container li ul{display:none;}*/
    /*.navdrawer-container li a{display: block;width:100%; height: 50px; padding: 0;margin:0; line-height: 50px; text-decoration: none; color: white;border-radius:0;}
    .navdrawer-container li a:hover{color: white; background-color: rgba(255, 255, 255, 0.2);}
    .navdrawer-container li a:focus{color: white; background-color: rgba(255, 255, 255, 0.3); outline: 0;}
    .navdrawer-container li a:active{color: white; background-color: rgba(255, 255, 255, 0.4);}
    .navdrawer-container li a.current{color: #fff;}*/
    #header{width:100%;height:60px;}
    .app-bar{display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; height: 60px; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; position: fixed; top: 0; left: 0; z-index:400;background:url(../images/bg_head.jpg) 0 bottom repeat-x; -moz-box-shadow:0 5px 10px rgba(58, 58, 58, 0.25); -webkit-box-shadow:0 5px 10px rgba(58, 58, 58, 0.25);}
    .app-bar.open{-webkit-transform: translate(250px,0); transform: translate(250px,0);}
    .app-bar .logo{width: 100px;top: 2px;right:10px;}
    .app-bar .logo a{text-decoration: none; color: inherit; font-weight: normal;}
    .app-bar-actions{width:auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; position: absolute; right: 10px; top: 0px;}
    .app-bar button, .bottom-bar button{width: 44px; height: 44px;display:block; background-image: none; background-color: #e38c19; border-style: solid; border-radius: 100%; border-color: #e38c19; padding: 8px; margin: 8px;float:left; -webkit-transition: border 300ms ease-in,background 300ms ease-in; transition: border 300ms ease-in,background 300ms ease-in; -webkit-tap-highlight-color: transparent;}
    .app-bar button img{width: 28px; height: 28px;}
    .app-bar button.menu{position: relative;}
    .app-bar button.menu img{position: absolute; top: 7px; left: 7px;}
    .app-bar button.menu .menu-icon{opacity: 1.0;}
    .app-bar button.menu .close-icon{opacity: 0.0;}
    .app-bar.open button.menu .menu-icon{opacity: 0.0;}
    .app-bar.open button.menu .close-icon{opacity: 1.0;}
    .app-bar button:hover, .bottom-bar button:hover{border-color: transparent; background-color: rgba(227, 140, 25, 0.4);}
    .app-bar button:focus, .bottom-bar button:focus{border-color: transparent; outline: 0; background-color: rgba(227, 140, 25, 0.4);}
    .app-bar button:active, .bottom-bar button:active{border-color: transparent; background-color: rgba(227, 140, 25, 0.6);}
    .app-bar-actions{display:none;}
    .display{display: none;}
    .bottom-bar{display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; height: 60px; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: fixed; bottom: 0; left: 0; background-color: rgba(0,0,0,0.6);} .promote-layer{/* This may promote the layer to a composited layer. Replace with will-change when available #perfmatters */ -webkit-backface-visibility: hidden; backface-visibility: hidden;}
    .middle_left{width:98.5%;padding-left:1.5%;}
    .middle_right{width:98.5%;text-align:left;}
    .middle_right a{padding:2%;}
    .middle02{padding-top:20px;}
    .service{background-size:contain;}
    .service h2{padding-bottom:0;}
    .pro_li h3{font-size:15px;}
    .lx_news li{width:97%;}
    .lx_news_right{width:82%;}
    .vide{width: 100%;}
    .company{width: 100%; padding: 15px 0;}
    .sns{display: none;}
    .bottom dl.width01{width:98%;}
    .bottom dl.width02{width:98%;}
    .bottom dl.width03{width:98%;padding-left:1%;padding-right:1%;}
    #leftsidebar{display: none;}
    #rightsidebar{width:98%;float:right;padding:0 1% 20px 1%;}
    .content{padding:0 2%}
    #menu{width:100%;margin:0 auto 10px;display:block;position:relative;z-index:100;}
    #menu h1{color: #fff;width:98%;height:50px;line-height:50px;padding:0 1%;cursor: pointer;background:#e38c19 url(../images/menu.png) 96% center no-repeat;border:none;font-weight:normal;text-indent:10px;font-size:20px;margin:0 auto;}
    #menu h2{color:#000;padding:14px 0;display:block;font-size: 14px;text-indent:15px;border-bottom:1px solid #F2F2F2;background:#d7d7d7;}
    #menu ul{border-top:none;overflow:auto;}
    #menu ul li{padding:10px 0;text-indent:15px;background:#f7f5eb;}
    .no{display:none;}
    .md_con form{width: 100%;}
    #backtotop{display:none;}
    .copyright{text-align: center;margin-bottom:0px;}
    .foot_fixed{width:100%;display:block;height:70px;position:fixed;z-index:10000;bottom:0;}
    .foot_top{width: 100%; height: 20px; background: url(../images/btop.png) center top no-repeat;}
    .foot_color{width: 100%; height: 50px; background:#1a1a1a;}
    .foot_fixed li{width:19%;height:50px;float:left;text-align:center;}
    .foot_fixed img{width: auto;}
    .foot_fixed a{width:100%;height:35px;color: #fff;font-size: 0.75em;padding:10px 0 5px 0;display:block;}
    .foot_fixed a:hover{background:#e38c19;}}
@media all and (max-width: 480px){.display{display:none;}
    .module_title01 h2{font-size:2.4em;}
    .module_title01 p{font-size:15px;}
    .service h2{font-size:2.6em;}
    .service p{font-size:14px; line-height:22px;}
    .pro_h3{font-size:16px;padding:4% 0 1%;}
    .pro_li p{height: 60px;overflow: hidden; font-size: 12px; line-height: 20px; padding: 5px;}
    .pro_more{font-size: 17px;}
    .lx_news li{margin: 2% 1.5%;}
    .rec_li{width: 97%;}
    .maodian li{width:32%;}
    .module_con{font-size:13px;}
    .module_con p{line-height:20px;}
    .md_pro_tel{width: 80%;}
    .md_pro_mail{width: 80%;}
    .cases li a{padding: 0;}}
@media all and (max-width: 430px){.top_social{display: none;}
    .news_li{padding: 0 1%;}
    .news_li_pic{width: 100%;}
    .news_li_text{width: 100%;}}
@media all and (max-width: 320px){.middle_left h1{font-size:1.6em; padding: 10px 0 10px;}
    .module_left h1{font-size:20px;}
    .service h2{font-size:2em;}
    .module_title01 h2{font-size:2em;}
    .pro_li{width:97%;margin:15px 1.5% 15px;}
    .rec_li{width:97%;}
    .talk_top img{width:45%;margin-top:-50px;}
    .lx_news_right{width:70%;}
    .listyle02,.listyle03{width:96%;margin:6px 2%;}
    #gallery_nav img{width: 22%;}
    .gallery_btn a{width:150px;height:35px;margin-bottom: 15px;}
    .lx_news p{font-size:13px;}

    .listyle01 h3{font-size:13px;}
    .news_li p{font-size:13px;}
    .cases{width:100%;height:110px;}
    .cases li{width:49.5%;}
    .maodian li a{font-size: 12px;}
    #showArea img{width:22%; margin:0 0.4% 5px;}
    .md_con form label input{width: 98%;}
    .md_con form label textarea{width: 98%;}}
.mail{width:25%; height:43px; float:left; background:url(../images/mail.png) no-repeat 2% 4px; color:#fff; line-height:40px; font-size:14px; text-indent:3em; overflow:hidden;}
.mail a{ color:rgb(255, 255, 255);}
.topcontent{width:100%; height:43px; max-width:1280px; margin:0 auto;}
.topcontent01{width:100%; height:112px; max-width:1280px; margin:0 auto;}
.topcontent02{width:100%; height:73px; max-width:1280px; margin:0 auto;}
.phone{width:25%; height:43px; float:left; background:url(../images/tel.png) no-repeat 2% 4px; color:#fff; line-height:40px; font-size:14px; text-indent:3em; display:inline;}
.shareto{width:20%; height43px; float:right; display:inline;}
.shareto img{width:27px; height:43px; float:left; display:inline; margin-left:10px;}
.language{width:18%; height:43px; float:right; display:inline; background:url(../images/language.png) no-repeat 4px top; line-height:40px; overflow:hidden;}
.shareto span{color:#fff; line-height:43px; font-size:14px; float:left;}
.language a{color:#fff; text-decoration:none;}
.language a:hover{color:#F00;}
.nav{width:100%; height:82px; margin:0 auto;}
.logo{width:880px; height:112px; float:left; overflow:hidden;}
.logoback{width:100%; height:112px; margin:0 auto; background:url(../images/logoback.jpg) repeat-x;}
.navback{width:100%; height:73px; margin:0 auto; background:url(../images/navback.jpg) repeat-x;}
.top{
    width: 100%;
    height: 92px;
    display:none;

    overflow: hidden;
}
.navdrawer-container{position: relative; width: 72%; height: 73px; line-height: 73px; float: left; z-index: 700; transform: translate(0px, 0px); transition: none 0s ease 0s; pointer-events: auto;}
.navdrawer-container li{width: 13.2857%; font-size: 16px; border: medium none; float: left; text-align: center; position: relative;}
.navdrawer-container li a.cur{color:#111; background: url("../images/bg_navv.jpg") repeat-x scroll left bottom #ffd400;}
.navdrawer-container li ul{width: 200px; position: absolute; left: -15px; visibility: hidden; background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9) !important;}
.navdrawer-container li ul li{float: none; height: auto; display: inline; font-size: 13px;}
.navdrawer-container li ul li a{width: 100%; height: auto; padding: 10px 0px; color:#fff; margin: 0px; display: block; text-indent: 15px; line-height: 15px; text-align: left !important; border-top: medium none; border-bottom: 1px solid rgb(255, 255, 255);}
.banner01{width:100%; height:auto; margin:0 auto;}
.banner01 img{width:100%; height:auto; float:left;}
.banner_home{width:100%; height:auto; margin:0 auto;}
.banner_home img{width:100%; height:auto; float:left;}
.search_con{width: 18%; float: right; margin-right:3%;}
.search{width: 92%; float: right; height: 45px; padding: 10px 1%; overflow: hidden;}
.search_form{width: auto; height: 45px; margin: 0px; padding: 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255);}
.search_input{float: left; width: 82%; height: 45px; line-height: 45px; text-indent: 10px;}
.search_btn{float: right; width: 17%; height: 45px; cursor: pointer; border: medium none; background: url("../images/btn_search.png") no-repeat scroll center center;}
.middle{width: 100%; padding: 0px 0px 0px;background:url(../images/middle.jpg) no-repeat center center; -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.warper{width: 100%; max-width: 1280px; margin: 0px auto; position: relative;}
.middle_left{width: 50%; float: left;}

.middle_right h2{font-size: 32px; line-height: 30px; padding: 19px 4%; font-family: 'impactregular'; color:#fff;}
.middle_right_span{color: rgb(216, 0, 0);}
.middle_right p{line-height: 30px; padding-bottom: 30px;color:#fff; padding-left:4%;}
.lkx_more{width: 100%; padding: 0 0px 0px;margin-bottom:8px;padding-bottom:10px;}
.lkx_more a{width: 120px; height: 30px; color: rgb(255, 255, 255); float: right; margin-right: 25px; text-align: center; line-height: 30px; display: inline-block;font-size:16px;}
.lkx_more a.s{background: none repeat scroll 0% 0% #000; border: 1px solid #000);}
#container{width:100%; height:auto; margin:0 auto;}
.banner-02{width:100%; height:auto;overflow-x:hidden; margin:0 auto;}
.slideBox{width:100%; height:auto;padding:0; margin:0; overflow-x:hidden; position:relative;}
.slideBox .hd{height:19px; overflow:hidden; position:absolute; right:238px; bottom:31px; z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{float:left; width:21px; height:19px; line-height:19px; text-align:center; background:#666; cursor:pointer; color:#fff; border:1px #ccc solid; border-bottom:0px; border-top:0px; font-family:"微软雅黑";}
.slideBox .hd ul li.on{background:#309ee4; color:#fff;}
.slideBox .bd{position:relative; height:100%; z-index:0;padding:0; margin:0;}
.slideBox .bd img{width:100%; height:auto;vertical-align:bottom; overflow:hidden;padding:0; margin:0;}
.slideBox .hd{height:19px; overflow:hidden; position:absolute; right:17%; bottom:31px; z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{float:left; width:21px; height:19px; line-height:19px; text-align:center; background:#666; cursor:pointer; color:#fff; border:1px #ccc solid; border-bottom:0px; border-top:0px; font-family:"微软雅黑";}
.slideBox .hd ul li.on{background:#ffd400; color:#000;}
.index_icons{width: 100%; height: auto; padding-bottom: 45px; overflow: hidden; max-width:1280px; margin:0 auto;}
.advance{width:100%; height:auto; margin:0 auto; background: url("../images/advanbg.jpg") repeat-x;}
.index_icons{padding-bottom: 35px;}
.inbig_title01{width: 100%; height:auto; line-height: 50px; font-size: 34px; text-transform: uppercase; overflow: hidden; text-align: center; margin-top: 30px;}
.inbig_title01{font-size: 28px; margin-top: 20px;}
.quick_models{width: 100%; height: auto; overflow: hidden;}
.quick_models ul li{float: left; width: 18%; height: auto; overflow: hidden; margin: 20px 1% 0px;}
.quick_models ul li{margin: 10px 1% 0px;}
.models_pics{width: 107px; height: 139px; margin: 0px auto; overflow: hidden;}
.models_pics a{display: block; width: 107px; height: 139px;background:url(../images/pic06.png) no-repeat left top; overflow: hidden;}
.models_pics img{width: 32px; height: 48px;float:left; margin-top:26px;margin-left:34px;display:inline;}
.models_pics a:hover{background:url(../images/pic07.png) no-repeat left top;}
.models_title{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 18px; overflow: hidden; margin-top: 5px;}
.models_title a{color:#fff;}
.models_title a:hover{text-decoration:none; color:#F00;}
.models_texts{width: 100%; height: 66px; line-height: 22px; text-align: center; color:#fff; overflow: hidden;}
.models_links{width: 22px; height: 22px; margin: 25px auto 0px; overflow: hidden;}
.models_links{margin: 15px auto 0px;}
.fr a{color:#000;}
.fl a{color:#000;}
.gallery_share img{width:17px; height:16px; float:left; display:inline; margin-left:5px; margin-bottom:20px;}
.pro_li{width: 23%; display: inline; float: left; overflow: hidden; margin: 25px 1% 0px; position: relative;}
.pro_pic{width: 100%; height: auto; overflow: hidden;}
.pro_pic a{display: block; width: auto; height: auto; background-color: rgb(255, 255, 255); border-width: 1px 1px 1px; border-style: solid; border-color: rgb(219, 219, 219); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; overflow: hidden;}
.inpropics{width: 100%; height: auto;}
.inpropics img{width: 100%; height: auto;}
.pro_nrtit{width: 90%; margin: 7px auto 0px; font-size: 16px; text-align: center; height: 28px; line-height: 28px; overflow: hidden; color: rgb(33, 33, 33);}
.pro_nrtit:hover{color:#023f88;}
.pro_nrword{width: 100%; margin: 0px auto; line-height: 22px; height: 102px; overflow: hidden; text-align: center; color: rgb(102, 102, 102);background:#7f7f7f;color:#fff;}
.pro_nrword p{width:94%; height:54px; overflow:hidden;}
.pro_nrword:hover{background:#023f88;}
.pro_links{width: 100%; height: 30px; line-height: 25px; padding-top: 7px; margin-top: 0px;background:url(../images/round.png) center bottom no-repeat; text-align: center; text-transform: uppercase; font-size: 13px; overflow: hidden; color:#000;}
.pro_links:hover{color:#023f88;}
.digg4{padding:3px; margin:3px; text-align:center; font-family:Tahoma, Arial, Helvetica, Sans-serif; font-size: 12px;}.digg4 a,.digg4 span.miy{border:1px solid #ddd; padding:2px 5px 2px 5px; margin:2px; color:#aaa; text-decoration:none;}.digg4 a:hover{border:1px solid #a0a0a0;}.digg4 a:hover{border:1px solid #a0a0a0;}.digg4 span.current{border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}.digg4 span.disabled{border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}.digg4 .disabledfy{font-family: Tahoma, Verdana;}
.banner{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.scr_pic{width:50%;float:left;}
.scr_right{width:46%;padding:2%;float:left;text-align:left;}
.scr_txt01{color:#fff;background:#eb3c00;}
.scr_txt02{color:#171717;background:#5ca316;}
.scr_txt01 h3{color:#fdfffd; font-size:24px;overflow:hidden;padding-bottom:8px;}
.scr_txt01 a{color:#fdfffd;}
.scr_txt01 p,.scr_txt02 p{font-size:14px;line-height:20px;}
.scr_txt02 h3{color:#171717; font-size:24px;overflow:hidden;padding-bottom:8px;}
.scr_txt02 a{color:#fdfffd;}
@media (min-width:768px){.baner{width: 750px}}
@media (min-width:992px){.banner{width: 970px}}
@media (min-width:1200px){.banner{width: 1270px;}}
@media (max-width:1100px){.scr_txt01 h3,.scr_txt02 h3{font-size:17px;padding-bottom:4px;}
    .scr_txt01 p,.scr_txt02 p{font-size:14px;
        line-height:20px;
        max-height:100px;overflow:hidden;}}
.uppercase{text-transform:uppercase;}
.scroll{}
.scroll ul li dl{border:solid 1px #e0e1e3; border-top:none; padding:15px 0; background:#fff; text-align:center;}
.scroll ul li dl dt{font-size:16px; color:#2a2e31; font-weight:bold;}
.scroll ul li dl dd.more{width:120px; height:40px; background:#095085; line-height:40px; font-size:14px;color:#fff; font-weight:bold; margin:15px auto 0;}
.scroll ul li:hover dl dd.more{background:#ff3c00;}
.scroll{position:relative;}
.lx-flexisel-inner{overflow:hidden;}
.lx-flexisel-ul{position: relative;width:9999px;list-style-type: none;overflow:hidden; zoom:1;}
.lx-flexisel-item{float:left;cursor: pointer;position: relative; text-align:center;}
.lx-flexisel-item >a{display:inline-block;width:100%;transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;}
.lx-flexisel-item img{width:100%; height:auto;}
/*** Navigation ***/
@media(max-width: 767px){.scr_txt01 h3,.scr_txt02 h3{font-size:18px;padding-bottom:8px;}
    .scr_txt01 p,.scr_txt02 p{max-height:160px;}
    .lx-flexisel-item{margin:0;}
    .lx-flexisel-item > a{display:inline-block; width:100%;}
    .lx-flexisel-item > img{width:100%; height:auto;}}
@media(max-width: 480px){.scr_txt01 h3,.scr_txt02 h3{font-size:17px;padding-bottom:4px;}
    .scr_txt01 p,.scr_txt02 p{max-height:100px;}}
@media(max-width: 320px){.scr_txt01 h3,.scr_txt02 h3{font-size:18px;padding-bottom:4px;}
    .scr_txt01 p,.scr_txt02 p{display:none;}}
@media(min-width:768px) and (max-width:992px){.lx-flexisel-nav-left{left:0px;}
    .lx-flexisel-nav-right{right:0px;}}
@media(min-width:1300px){.lx-flexisel-nav-left,.lx-flexisel-nav-right{position:absolute; top:33%;}
    .lx-flexisel-nav-left{left:-80px;}
    .lx-flexisel-nav-right{right:-80px;}}
.lx-flexisel-nav-left,.lx-flexisel-nav-right{display:inline-block;width:50px; height:50px;transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;-moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out;background:url(../images/bg_icons.png) no-repeat; cursor:pointer;}
.lx-flexisel-nav-left{background-position:-34px -45px;}
.lx-flexisel-nav-right{background-position:-85px -45px;}
.lx-flexisel-nav-left:hover{background-position:-34px -95px;}
.lx-flexisel-nav-right:hover{background-position:-85px -95px;}
.scroll_btn{text-align:center; margin:5px 0 30px}
.scroll_btn span{display:inline-block; margin:0 5px;}
.mail a{ color:rgb(255, 255, 255);}








.slideBox .hd{height:19px; overflow:hidden; position:absolute; right:0px; bottom:31px; z-index:1;}
.rli01{ background-repeat:repeat-x;}
.rli02{ background-repeat:repeat-x;}
.rli03{ background-repeat:repeat-x;}
.rli04{ background-repeat:repeat-x;}
#more02 a:hover{ text-decoration:none;}
#more01 a:hover{ text-decoration:none;}
#more03 a:hover{ text-decoration:none;}
#more a:hover{ text-decoration:none;}
.rec_li a:hover{ color:rgb(51, 51, 51);}
.module_title01 p { font-size:14px; color:#000; font-size:14px;}
@media (min-width:768px) and (max-width:992px){}
@media all and (max-width:1024px){.middle_left { width:100%; padding-left:0; margin-top:5px;}.middle_right { width:100%; float:left;}.rec_li { width:46%; margin-left:3%; margin-right:0; float:left; overflow:hidden; height:auto;}.search { width:0; display:none;}.rec_li p { width:85%; margin:0 auto; height:auto;}.quick_models ul li { width:31%;}.warp04 ul li { width:30.5%;}.navdrawer-container li{ overflow:hidden; height:72px;}.navdrawer-container li a:hover {}.mail { width:0; display:none;}.phone { width:0; display:none;}.shareto {width:0; display:none;}.rli02 { clear:right;}.rli03 { clear:left;}.top{ display:block;}.logoback { background:none;}}
@media all and (max-width:480px){.rec_li{ width:90%; margin-left:5%; margin-right:0;}.quick_models ul li { width:46%;}.warp04 ul li { width:46.5%;} .mail{ width:0; display:none;} .phone{ width:97%;}}

.logo{width:65%; height:auto; margin:0 auto;  overflow:hidden; margin-top:10px;}

.module_title01 h2{font-size: 48px;font-family: 'impactregular'; text-transform:uppercase;}
.real_help{ width:100%; height:auto; position:relative;}
.help_real{ margin:0 auto; width:1280px;  height:210px; overflow:hidden; background:#252525; position:absolute; bottom:0; left:16.4%; filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;}
.banner_real{ width:100%; height:auto; margin:0 auto; position:relative;}
.middle_right1{width:97%;float:left;text-align:right;padding-top:2%;margin-left:1.5%;}
.phoney{width:40%; height:36px; float:left; background:url(../images/m1.png) no-repeat 2% 0px; color:#fff; line-height:36px; font-size:30px; display:inline; overflow:hidden; text-align:left; text-indent:3em; margin-left:11%;}
.maild{width:40%; height:36px; float:left; background:url(../images/c1.png) no-repeat 3% 5px; color:#fff; line-height:36px; font-size:30px;overflow:hidden;text-align:left; text-indent:3em;margin-bottom:28px;}
.maild a{ color:#fff;}
.maild a:hover{ color:#F00;}
.middle_right{width: 50%; float:left; font-size: 14px; line-height: 30px;margin-right:0;padding:0 0;padding-bottom:10px;}
.module_title11{color:#fdfcfa;max-width: 1270px;margin: 0 auto;text-align:center;font-weight:normal;padding:20px 0 10px;}
.module_title11 h2{font-size: 48px;font-family: 'impactregular';}
.language_right {
    float: right;
    margin-left:2%;
}
.language_right li {
    width: 96px;
    float: left;
    font-size: 13px;
    line-height: 40px;
    padding-left: 26px;
}
.language_right li.en {
    background: url("../images/en_flag.jpg") no-repeat scroll left center transparent;
}
.language_right a {
    color: rgb(255, 255, 255);
}
.language_right li.cn {
    background: url("../images/cn_flag.jpg") no-repeat scroll left center transparent;
    padding-left: 25px;
}
@charset "utf-8";
/* CSS Document */
img, object, embed, video {
    max-width: 100%;
}

.ie6 img {
    width:100%;}

.cl{
    clear: both;
}

.area{
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}



.top1{
    width: 100%;
    height: 43px;
    overflow: hidden;
    background:#000;
}

.app-bar {
    display: block;
    position: initial;
    height: 85px;
    box-sizing: border-box;
    background-color: transparent;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: none;
    transition: none;}
.app-bar.open {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);}
.app-bar .logo {
    float: left;
    width: 13%;
    height: 92px;
    position:absolute;
    top:0;
    z-index:1000;
}
.app-bar .logo img{
    max-width: 100%;
    height: auto;}
.app-bar-actions {
    width:87%;
    float: right;}
.app-bar:after {
    content: ' ';
    display:block;
    height: 0;
    overflow: hidden;
    clear: both;}
button.menu {display: none;}



.logo_name{
    float:left;
    width: 73%;
    height: 92px;
    line-height: 92px;
    font-size: 29px;
    overflow: hidden;
}
.app-bar-actions .logo_name a,.app-bar-actions .logo_name a:hover{
    color: #3d3d3d;
}

.tools{
    float:right;
    width: 27%;
    height: 92px;
    overflow: hidden;
}
.top_social{
    width: 100%;
    height: 37px;
    overflow: hidden;
    margin-top: 8px;
}
.socialpic ul li{
    float: left;
    margin-right: 8px;
    height: 37px;
    line-height: 37px;
}

.top_search{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 32px;
}

.search{
    width: 100%;
}
.search_form{
    width: auto;
    height: 22px;
    border:1px solid #f0f0f0;
    background-color:#bf1818;
    margin-top: 0;
    padding:0;
}
.search_input {
    width: 85%;
    float: left;
    height:22px;
    color: #ffffff;
    border: medium none;
    line-height:22px;
    text-indent:5px;
    background-color:#bf1818;
    font-family:Arial, Helvetica, sans-serif;
}
.search_btn {
    width: 15%;
    height: 22px;
    float: right;
    cursor: pointer;
    border: medium none;
    background: url(../images/bg_03.jpg) center center #ff5517 no-repeat;
}




.nav_size{
    width: 100%;
    height: 55px;
    background-color: #111111;
    overflow: hidden;
    display: none;
}
.navdrawer-container {
    position: initial;
    width: 100%;
    height: 55px;
    float:none;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: none;
    transition: none;
    pointer-events: auto;}
.navdrawer-container ul {}
.navdrawer-container ul li {
    float: left;
    font-size: 16px;
    padding-left: 23px;
    padding-right: 23px;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
}
.navdrawer-bg, .navdrawer-bg.open {
    opacity: 0;
    pointer-events: none;}
.promote-layer a{
    color:#e1dddd;}
.promote-layer a:hover{
    color: #da1a1a;}
.promote-layer a.incurrent{
    color: #da1a1a;}











.search_tips_ab{
    width: 100%;
    font-size: 18px;
    padding-top: 25px;
    line-height: 26px;
    padding-bottom: 10px;
}
.search_tips_ab span{
    color: #da1a1a;
    padding: 0 7px;
}
.search_tips_cd{
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    padding-top: 25px;
    text-align: center;
}
.search_tips_cd span{
    color: #da1a1a;
    padding: 0 7px;
}
.search_tips_ef{
    width: 100%;
    text-align: center;
    padding-top: 30px;
}
.search_tips_ef img{
    max-width: 100%;
    height: auto;
}









/*导航*/
.topmenu_area{
    width: 76%;
    height: auto;
    float:left;
}
.topmenu{position:relative;z-index:2000;width:100%;height: auto; max-width:1280px; margin:0 auto;}
.topmenu a{text-decoration:none;word-wrap:break-word;}

.menu_yhl{height:72px;_overflow:hidden;margin:0;}
.menu_yhl a{color: #ffffff;/*height:27px;line-height:27px;*/    display: block;position:relative;}
.menu_yhl li{font-size:16px;float:left; position:relative;padding:0px 23px;width: auto; height:72px; line-height:72px;}

.menu_yhl li:hover{background-color:#ffd400; color: #ffffff;color: rgb(17, 17, 17);}
.menu_yhl li:hover a{color: #ffffff;color: rgb(17, 17, 17);}
.menu_yhl li.no_sub:hover{padding:14px 23px;}

.menu_yhl ul.common_nav{width:222px;background-color:#e4e4e4;position:absolute;left:0px;top:-999em;z-index:99999;display:none;}
.menu_yhl li:hover ul.common_nav{top:72px;display:block;margin:0;padding:0;}
.menu_yhl li:hover ul.common_nav li{font-size:14px;border:none;width:190px;float:left;padding:0px 10px 0px 22px; background-image:none;background-color:#e4e4e4; height:40px; line-height:40px;}
.menu_yhl li:hover ul.common_nav li a{color:#212121;height:auto;line-height:22px;text-decoration:none;padding:0;font-size:14px;float:left;}
.menu_yhl li:hover ul.common_nav li a:hover{text-decoration:underline;color: #da1a1a;}


.menu_yhl li.hover{background-color:#da1a1a;color: #ffffff;}
.menu_yhl li.hover a{color: #ffffff;}
.menu_yhl li.hover ul.common_nav{top:55px;display:block;margin:0;padding:0;}
.menu_yhl li.hover ul.common_nav li{font-size:14px;border:none;width:190px;float:left;padding:3px 10px 3px 22px;background-image:none;background-color:#e4e4e4;}
.menu_yhl li.hover ul.common_nav li a{color:#212121;height:auto;line-height:22px;text-decoration:none;padding:0;font-size:14px;float:left;}
.menu_yhl li.hover ul.common_nav li a:hover{text-decoration:underline;color: #da1a1a;}
.menu_yhl li.no_sub.hover1{padding:14px 23px;}
/*导航*/







/*吸顶式导航*/
.title_scroll{
    width: 97%;
    margin-left: 1.5%;
    margin-top: 25px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cecece;
    overflow: hidden;
}
#pro_lefttit{
    width: 100%;
    max-width: 870px;
    height: auto;
    overflow: hidden;
}
#pro_lefttit ul{
    overflow:hidden;
    width:100%;
    background-color: #d7d7d7;
}
#pro_lefttit li{
    float:left;
    font-weight: 700;
    width: 25%;
    height: 34px;
    overflow: hidden;
}
#pro_lefttit li a{
    display:block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background:url(../images/bg_50.jpg) right no-repeat;
}

#pro_lefttit li a:hover{
    color:#FFF;
    background: url(../images/bg_50.jpg) right #df2004 no-repeat;
}
#pro_lefttit li a.nomol{
    background: url(../images/bg_50.jpg) right #df2004 no-repeat;
    color:#FFF;
}
/*吸顶式导航*/






@media screen and (max-width:1250px){
    .top{
        width: 95%;
        padding: 0 2.5%;
    }


    #pro_lefttit{
        max-width: 685px;
    }
    #pro_lefttit li{
        font-weight:normal;
    }


    .isStuck{
        width:70%;
        margin-top:0px;
    }

}

@media screen and (max-width:1150px){
    .app-bar .logo {
        width: 15%;
    }

    .app-bar-actions {
        width:85%;
    }


    .logo_name{
        font-size: 23px;
    }

    .navdrawer-container ul li {
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px;
    }








    .about_content{
        height: 575px;
        overflow: hidden;
    }

    .innews_date{
        width: 20%;
    }
    .innews_info{
        width: 76%;
    }

    .inabout_a{
        float: none;
    }
    .inabout_c{
        display: none;
    }


    /*footer end*/
    .footer_about{
        float: none;
        width: 96%;
        padding: 15px 2%;
    }
    .bottom_aboutlist ul li{
        float: left;
        width: auto;
        padding-right: 30px;
    }

    .footer_email{
        width: 46%;
        padding: 15px 2%;
    }
    .footer_contact{
        width: 46%;
        padding: 15px 2%;
    }

    .footer_c{
        width: 96%;
        padding: 6px 2%;
        text-align: left;
    }
    .addcl{
        display: block;
    }
    .bottom_submit{
        width: 92%;
    }
    .bosubmit_form table{
        width: 92%;
    }
    /*footer end*/


    /*return to top*/
    .sendinfo{
        display: none;
    }
    /*return to top*/


    .projects_left_phl{
        width: 32%;
    }
    .projects_right_phl{
        width: 65.5%;
    }



    .team_left_phl{
        width: 25%;
    }
    .team_right_phl{
        width: 72.5%;
    }
    .team_one_phl{
        padding-bottom: 0;
        padding-top: 0;
    }
    .team_three_phl{
        margin-top: 0;
    }



    /*products*/
    .pro_left_phl{
        width: 30%;
    }
    .pro_right_phl{
        width: 67.5%;
    }
    .pro_one_phl{
        padding-bottom: 0;
        padding-top: 0;
    }
    .pro_three_phl{
        margin-top: 0;
    }

    /*products*/


    #gallery_output {
        height: auto;
        max-height: 297px;
    }
    #gallery_output img {
        height: auto;
    }



    /*packaging*/
    .pack_left_phl{
        width: 30%;
    }
    .pack_right_phl{
        width: 67.5%;
    }
    .pack_one_phl{
        padding-bottom: 0;
        padding-top: 0;
    }
    .pack_three_phl{
        margin-top: 0;
    }

    /*packaging*/



    /*新闻*/
    .newslist_left_phl{
        width: 31%;
    }

    .newslist_right_phl{
        width: 66.5%;
    }
    .newslist_one_phl{
        padding-bottom: 0;
        padding-top: 0;
    }
    .newslist_two_phl{
        line-height: 24px;
        max-height: 48px;
    }
    .newslist_three_phl{
        margin-top: 0;
    }

    /*新闻*/


    .uniqueteam_tit{
        display: none;
    }





    /*导航*/
    .menu_yhl li{font-size:14px;padding:14px 20px;}

    .menu_yhl li.no_sub:hover{padding:14px 20px;}
    .menu_yhl li.no_sub.hover1{padding:14px 20px;}
    /*导航*/




}



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




    .index_area{
        width: 95%;
        padding:0 2.5% 0 2.5%;
    }
    .aboutus{
        width: 55%;
    }
    .hotnews_set{
        width: 40%;
    }


    .inteam_one{
        width: 15%;
    }
    .inteam_two{
        width: 70%;
    }
    .inteam_three{
        width: 15%;
    }



    .index_about{
        float: none;
        width: 98%;
        padding: 10px 1%;
    }
    .inabout_a{
        float: left;
    }
    .inabout_c{
        display: block;
    }


    .projects_left_phl{
        width: 35%;
    }
    .projects_right_phl{
        width: 62.5%;
    }
    .projects_one_phl{
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .projects_three_phl{
        margin-top: 0px;
    }


    /*product img words*/
    .prodetail_left{
        float: none;
        width: 68%;
    }
    #gallery_output {
        max-height: 350px;
    }
    .prodetail_right{
        float: none;
        width: 100%;
    }
    /*product img words*/

}







@media screen and (max-width:1024px){
    .top{
        width: auto;
        padding:0;
        float:left;
    }
    .nav_size{
        width: auto;
        padding:0;
        float:left;
        display:block;
    }

    .navdrawer-container {
        position: fixed;
        width: 250px;
        height: 100%;
        background-color: #2b2b2b;
        color: #fefefe;
        top:0;
        -webkit-transform: translate(-250px,0);
        transform: translate(-250px,0);
        z-index: 2000;}
    .navdrawer-container.open {
        -webkit-transform: translate(0,0);

        transform: translate(0,0);
        z-index:1000;}
    .navdrawer-container ul {
        display:block;
    }
    .navdrawer-container ul li {
        width:100%;
        padding:0;
        height: 38px;
        border: none;}
    .navdrawer-bg {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: black;
        /** Unfortunately this is the best way
        to get no paints in Chrome **/
        opacity: 0.0000001;
        z-index: 1;
        pointer-events: none;}
    .navdrawer-bg.open {
        opacity: 0.5;}
    .app-bar, .navdrawer-container {
        -webkit-transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;}
    .navdrawer-bg {
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;}
    .navdrawer-container ul li a {
        display: block;
        height: 38px;
        padding: 0 0px;
        line-height: 38px;
        height: 38px;
        text-decoration: none;
        color: white;
    }
    .navback { height:0px;}
    .navdrawer-container ul li a:hover {
        background-color: rgba(255, 255, 255, 0.2);}
    .navdrawer-container ul li a:focus {
        background-color: rgba(255, 255, 255, 0.3);
        outline: 0;}
    .navdrawer-container ul li a:active {
        background-color: rgba(255, 255, 255, 0.4);}

    .app-bar {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        height: 80px;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        position: fixed;
        top: 0;
        left: 0;
        z-index:2600;
        background: url(../images/bg_02.jpg) 0 top repeat-x;}
    .app-bar.open {
        -webkit-transform: translate(250px,0);
        transform: translate(250px,0);}
    .app-bar .logo {
        width:84px;
        height: 70px;
        position:absolute;
        top:0;
        left: 65px;
    }
    .app-bar .logo img{
        max-width: 100%;
        height: auto;}
    .app-bar .logo a {
        text-decoration: none;
        color: inherit;
        font-weight: normal;}


    .app-bar-actions  {
        width:auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        float:right;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        position: absolute;
        top: 30px;

        left: 160px;
    }



    .logo_name{
        float:right;
        width: auto;
        height: 75px;
        line-height: 75px;
        font-size: 25px;
        overflow: hidden;
    }
    .tools{
        display:none;
    }

    .app-bar button, .bottom-bar button {
        width: 44px;
        height: 44px;
        display:block;
        background-image: none;
        background-color: #1a1a1a;
        border-style: solid;
        border-radius: 100%;
        border-color: #1a1a1a;
        padding: 8px;
        margin: 8px;
        float:left;
        -webkit-transition: border 300ms ease-in,background 300ms ease-in;
        transition: border 300ms ease-in,background 300ms ease-in;
        -webkit-tap-highlight-color: transparent;}
    .app-bar button img {
        width: 28px;
        height: 28px;}
    .app-bar button.menu {
        position: relative; z-index:500; padding:0; margin:0;}
    .app-bar button.menu img {
        position: absolute;
        top: 7px;
        left: 7px;}
    .app-bar button.menu .menu-icon {
        opacity: 1.0;}
    .app-bar button.menu .close-icon {
        opacity: 0.0;}
    .app-bar.open button.menu .menu-icon {
        opacity: 0.0;}
    .app-bar.open button.menu .close-icon {
        opacity: 1.0;}
    .app-bar button:hover, .bottom-bar button:hover {
        border-color: transparent;
        background-color: rgba(50, 0, 10, 0.4);}
    .app-bar button:focus, .bottom-bar button:focus {
        border-color: transparent;
        outline: 0;
        background-color: rgba(50, 0, 10, 0.4);}
    .app-bar button:active, .bottom-bar button:active {
        border-color: transparent;
        background-color: rgba(50, 0, 10, 0.6);}

    .promote-layer {
        /*
        This may promote the layer to a composited
        layer.

        Replace with will-change when available

        #perfmatters
        */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .promote-layer a{
        color:#e1dddd;}
    .promote-layer a:hover{
        color:#ffffff;}
    .promote-layer a.incurrent{
        color:#ffffff;}


    .small_banner01{
        padding-top: 80px;
    }
    .small_banner02{
        padding-top: 80px;
    }
    .small_banner03{
        padding-top: 80px;
    }
    #slides {
        padding-top: 80px;}






    /*leftsidebar rightsidebar*/
    .leftsidebar{
        display: none;
    }

    .rightsidebar{
        float: none;
        width: 100%;
        padding: 25px 0 40px 0;
    }
    .crumbbread{
        width: 100%;
        padding: 0;
    }
    .certifi_content{
        width: 100%;
        margin: 25px 0 0 0;
    }

    .previous_next{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }


    /*rightsidebar rightsidebar*/

    /*small productlist*/
    .productlist{
        display:block;
        width: 100%;
        padding-bottom: 25px;
    }
    #toggle {
        color: white;
        width:98%;
        height:40px;
        line-height:40px;
        padding:0 1%;
        cursor: pointer;
        background:#fe7201 url(../images/menu.png) 96% center no-repeat;
        border:none;
        text-indent:10px;
        font-size:20px;
        margin:0 auto;}
    #toggle a{
        color:white;}
    #toggle.active{
        background:#fe7201 url(../images/menu.png) 96% center no-repeat}
    .nav-collapse ul{
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
        list-style-type: none;}
    .nav-collapse li{
        width: 100%;
        text-indent:12px;
        line-height:18px;
        padding: 10px 0;
        display: block;
        background:#e5e5e5;
        border-bottom: 1px dotted #b5b5b5;}
    .nav-collapse li a{
        color:#212121;}
    .nav-collapse li a:hover{
        text-decoration:underline;
        color:#212121;
    }

    .js .nav-collapse {
        clip: rect(0 0 0 0);
        max-height: 0;
        position: absolute;
        display: block;
        overflow: hidden;
        zoom: 1;}

    .nav-collapse.opened {
        max-height: 9999px;}

    .disable-pointer-events {
        pointer-events: none !important;}

    .nav-toggle {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;}
    .js .nav-collapse{
        position: relative;}
    .js .nav-collapse.closed{
        max-height: none;
    }
    .nav-toggle {
        display: none;}

    /*small productlist*/


    .paging{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .projects_content{
        width: 100%;
        padding: 0;
    }

    .projects_left_phl{
        width: 25%;
    }
    .projects_right_phl{
        width: 72.5%;
    }


    /*team*/
    .team_content{
        width: 100%;
        padding: 0;
    }
    /*team*/

    .team_left_phl{
        width: 22%;
    }
    .team_right_phl{
        width: 75.5%;
    }





    .pro_content{
        width: 100%;
        padding: 0;
    }

    .prodetail_twos{
        width: 100%;
        padding: 0;
    }



    /*product img words*/
    .prodetail_left{
        width: 50%;
    }
    #gallery_output {
        max-height: 343px;
    }
    /*product img words*/

    .prode_threes{
        width:100%;
        padding: 0;
    }

    .pack_content{
        width:100%;
        padding: 0;
    }


    .download_size{
        width: 100%;
        margin: 0;
    }


    /*导航*/
    .topmenu{
        display: none;
    }
    /*导航*/


    /*吸顶式导航*/
    .title_scroll{
        display: none;
    }
    /*吸顶式导航*/


    .isStuck{
        width:90%;
        margin-top:127px;
    }


}




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





    .index_area{
        width: 93%;
        padding:0 3.5% 0 3.5%;
    }
    .aboutus{
        float:none;
        width: 100%;
    }
    .hotnews_set{
        float:none;
        width: 100%;
    }
    .innews_title{
        line-height: 36px;
    }
    .newsbox_title{
        height: 36px;
    }

    .inteam_one{
        display: none;
    }
    .inteam_two{
        float: none;
        width: 100%;
        padding-top: 0px;
        height: auto;
    }
    .inteam_three{
        display: none;
    }



    /*footer end*/
    .footer_about{
        float: none;
        width: 92%;
        padding: 15px 4%;
    }

    .footer_email{
        float: none;
        width: 92%;
        padding: 15px 4%;
    }
    .footer_contact{
        float: none;
        width: 92%;
        padding: 15px 4%;
    }

    .footer_c{
        width: 92%;
        padding: 6px 4%;
    }
    .addcl{
        display: none;
    }
    /*footer end*/


    .projects_left_phl{
        width: 32%;
    }
    .projects_right_phl{
        width: 65.5%;
    }

    /*product img words*/
    .prodetail_left{
        width: 65%;
    }
    #gallery_output {
        max-height: 335px;
    }
    /*product img words*/



    .download_tit{
        height: auto;
    }
    .download_tit01{
        float: none;
        height: 26px;
        overflow: hidden;
    }
    .download_tit02{
        float: none;
        padding-bottom: 5px;
    }


    .about_tits{
        height: 25px;
        line-height: 25px;
        font-size: 20px;
        padding-top: 20px;
        color: #da1a1a;
    }





    .app-bar {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        height: 60px;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        position: fixed;
        top: 0;
        left: 0;
        z-index:2600;
        background: url(../images/bg_02.jpg) 0 top repeat-x;}
    .app-bar.open {
        -webkit-transform: translate(250px,0);
        transform: translate(250px,0);}


    .app-bar .logo {
        width:60px;
        height: 50px;
        position:absolute;
        top:0;
        left:55px;
    }

    .app-bar .logo img{
        width:60px;
        height: 50px;
    }



    .app-bar-actions  {
        width:auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        float:right;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        position: absolute;
        top: 0px;
        left: 122px;
    }



    .logo_name{
        height: 58px;
        line-height: 58px;
        font-size: 20px;
        padding-top: 0;
        overflow: hidden;
    }

    .rightsidebar{
        padding: 22px 0 40px 0;
    }

    #slides {
        padding-top: 60px;}


    .small_banner01{
        padding-top: 60px;
    }
    .small_banner02{
        padding-top: 60px;
    }
    .small_banner03{
        padding-top: 60px;
    }


}




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



    .projects_left_phl{
        width: 37%;
    }
    .projects_right_phl{
        width: 60%;
    }
    .projects_one_phl{
        max-height: 48px;
    }
    .projects_two_phl{
        height: 48px;
    }
    .projects_three_phl{
        display: none;
    }

    .team_left_phl{
        width: 35%;
    }
    .team_right_phl{
        width: 62.5%;
    }

    .team_three_phl{
        display: none;
    }


    /*products*/
    .pro_left_phl{
        width: 34%;
    }
    .pro_right_phl{
        width: 63.5%;
    }
    .pro_one_phl{
        padding-bottom: 0;
        padding-top: 0;
    }
    .pro_three_phl{
        display:none;
    }

    /*products*/



    /*product img words*/
    .prodetail_left{
        width: 75%;
    }
    #gallery_output {
        max-height: 323px;
    }
    /*product img words*/


    .message{ padding:25px 0 0 0;}
    .message li{ line-height:30px; height:60px; margin-bottom:18px;padding-left:2%;}
    .message li .msg{ float:none; color:#212121; width:100%; display:block; text-align: left;height: 30px;}
    .message li .msgbtn{ float:none; color:#f3f3f3; width:100%; display:block;height: 30px;}
    .message li input.text{ background:#ffffff; border:1px solid #e2e2e2; box-shadow: 0 2px 2px -2px #DDD inset; border-radius:4px; height:28px; line-height:28px;width:75%; padding: 0px 5px 0px 5px;font-family: Arial, Helvetica, sans-serif;}
    .message li input.text{color:#212121;}
    .commentText{background:#ffffff; border:1px solid #d2d2d2; border-radius:4px;width:75%; height:100px; padding:6px;color:#212121;font-family: Arial, Helvetica, sans-serif;overflow:auto;}
    .message li.comment{ height:125px; }
    .message .submit{color:#212121;}
    .message .submitBtn{padding-left: 15px;padding-right: 15px; height:34px; box-shadow: 0 2px 2px -2px #DDD inset; border-radius:4px; background-color:#bc1500;color: #FFF;font-size: 14px;font-family: Arial, Helvetica, sans-serif;}
    .star{
        color: #da1a1a;
        padding-right: 3px;
    }


    /*packaging*/
    .pack_left_phl{
        width: 34%;
    }
    .pack_right_phl{
        width: 63.5%;
    }
    .pack_one_phl{
        padding-bottom: 0;
        padding-top: 0;
    }
    .pack_three_phl{
        display:none;
    }
    /*packaging*/


    .products_box ul li{
        width: 45%;
        margin: 15px 2.5% 0 2.5%;
    }
    .nepro_name{
        line-height: 28px;
        height: 28px;
        font-size: 12px;
    }


    /*新闻*/
    .newslist_left_phl{
        width: 35%;
    }
    .newslist_right_phl{
        width: 62%;
    }
    .newslist_three_phl{
        display:none;
    }
    /*新闻*/





}



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

    .logo_name{
        height: 58px;
        line-height: 58px;
        font-size: 16px;
        padding-top: 0;
        overflow: hidden;
    }


    .maodian{
        height:70px;
        border-bottom:0;}
    .maodian li{
        text-align:center;
        width:50%;
        height:36px;
        float:left;}
    .maodian li a{
        font-size: 14px;}



}


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


}





@media screen and (max-width:480px){
    .rightsidebar{
        float: none;
        width: 100%;
        padding: 70px 0 40px 0;
    }








    .index_area{
        width: 91%;
        padding:0 4.5% 0 4.5%;
    }
    .innews_title{
        line-height: 18px;
    }

    .inabout_a{
        float: none;
    }
    .inabout_c{
        display: none;
    }


    /*footer end*/
    .footer_about{
        float: none;
        width: 90%;
        padding: 15px 5%;
    }

    .footer_email{
        float: none;
        width: 90%;
        padding: 15px 5%;
    }
    .footer_contact{
        float: none;
        width: 90%;
        padding: 15px 5%;
    }

    .footer_c{
        width: 90%;
        padding: 6px 5%;
        margin-bottom: 39px;
    }


    .foot_fixed{
        width:100%;
        height:40px;
        display:inline-block;
        position:fixed;
        background:#e36e04;
        bottom:0;
        z-index:150;
    }
    .foot_fixed li{
        width:20%;
        height:40px;
        float:left;
        text-align:center;
        background:url(../images/bt_06.jpg) right no-repeat;
    }
    .foot_fixed a{
        width:100%;
        height:40px;
        line-height:40px;
        display:block;
    }
    /*footer end*/



    .small_banner01{
        display: none;
    }
    .small_banner02{
        display: none;
    }
    .small_banner03{
        display: none;
    }

    .projects_left_phl{
        width: 40%;
    }
    .projects_right_phl{
        width: 56%;
    }
    .projects_one_phl{
        font-size: 12px;
        line-height: 20px;
        max-height: 40px;
    }
    .projects_two_phl{
        font-size: 12px;
        line-height: 20px;
        height: 40px;
    }

    .team_left_phl{
        float:none;
        width: 45%;
    }
    .team_right_phl{
        float:none;
        width: 100%;
        padding-top: 10px;
    }
    .team_one_phl{
        line-height: 24px;
        height: 24px;
    }
    .team_four_phl{
        line-height: 24px;
        height: 24px;
    }



    /*products*/
    .pro_left_phl{
        width: 34%;
    }
    .pro_right_phl{
        width: 62%;
    }
    .pro_one_phl{
        padding-bottom: 0;
        padding-top: 0;
        line-height: 20px;
        height: 20px;
        font-size: 12px;
    }
    .pro_three_phl{
        display:none;
    }
    .pro_two_phl{
        display:none;
    }
    .pro_four_phl{
        line-height: 20px;
        height: auto;
        max-height: 40px;
        font-size: 12px;
    }
    /*products*/


    /*product img words*/
    .prodetail_left{
        width: 98%;
    }
    #gallery_output {
        max-height: 307px;
    }
    /*product img words*/



    /*packaging*/
    .pack_left_phl{
        width: 34%;
    }
    .pack_right_phl{
        width: 62%;
    }
    .pack_one_phl{
        padding-bottom: 0;
        padding-top: 0;
        line-height: 20px;
        height: 20px;
        font-size: 12px;
    }
    .pack_three_phl{
        display:none;
    }
    .pack_two_phl{
        font-size: 12px;
        line-height: 20px;
        height: 40px;
    }
    /*packaging*/



    .download_size ul li{
        padding-top: 10px;
        padding-bottom: 9px;
    }
    .download_tit{
        height: auto;
    }
    .download_tit01{
        float: none;
        height: 26px;
        font-weight: normal;
        font-size: 12px;
        overflow: hidden;
    }
    .download_tit02{
        float: none;
        padding-bottom: 5px;
    }
    .download_word{
        display: none;
    }

    /*新闻*/
    .newslist_left_phl{
        width: 38%;
    }
    .newslist_right_phl{
        width: 58%;
    }
    .newslist_three_phl{
        display:none;
    }

    .newslist_one_phl{
        font-size: 12px;
        line-height: 20px;
        max-height: 40px;
    }
    .newslist_two_phl{
        display: none;
    }
    .newslist_four_phl{
        font-size: 12px;
        height: 20px;
        line-height: 20px;
    }

    /*新闻*/

    .author_time{
        text-align: center;
    }


    .products_teambox ul li{
        width: 44%;
        margin: 25px 3% 0 3%;
    }






}



@media screen and (max-width:475px){
    .logo_name{
        height: 40px;
        line-height: 20px;
        font-size: 14px;
        padding-top: 10px;
        overflow: hidden;
    }




    .isStuck{
        width:90%;
        margin-top:60px;
    }

    .maodian li a{
        font-size: 12px;}



}


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



    .index_area{
        width: 90%;
        padding:0 5% 0 5%;
    }




    /*product img words*/
    #gallery_output {
        max-height: 198px;
    }
    /*product img words*/

}






@media all and (max-width:1800px){.help_real{ width:100%; left:0;}}
@media all and (max-width:1024px){.help_real{ display:none;}.topcontent01{ height:80px;}.logoback { height:80px;}.logo{ margin-top:3px;} .navdrawer-container { width:250px;}.shareto { width:0; display:none;}
    .logo img{ width:100%; height:auto;}.search_con { width:0; display:none;}.logoback { background:#fff; background-image:none;}}
@media all and (max-width:768px){.topcontent01{height:65px;}.logoback{height:65px;}.navdrawer-container li a {height:73px; line-height:73px;}.navdrawer-container li{ height:73px; line-height:73px; overflow:hidden;}}
@media all and (max-width:1023px){.middle_right { width:98%; float:left;}#sidebar_left { width:0; display:none;}#sidebar_right { width:100%; float:left;}#rightsidebar {width:100%; float:left;}}
@media all and (max-width:640px){.topcontent01{ height:50px;}.logoback { height:50px;}}
@media all and (max-width:640px){.navdrawer-container li a{ font-size:12px;}}
@media all and (max-width:1024px){.pro_li { width:48%; font-size:20px;}}
@media all and (max-width:480px){.pro_li { width:98%; font-size:20px;}}
@media all and (max-width:479px){.logo{ margin-top:12px;}}
.pro_li p {
    line-height: 20px;
    padding: 5px 3%;
}
#aside-parts-slide li img { width:100%; height:auto;}
#aside-parts-slide { height:300px;}
#aside-parts-slide li{ height:300px;}

.foot_fixed{ display:none;}
.logo02{ display:none;}

@media all and (max-width: 1024px){.foot_fixed {
    width: 100%;
    height: 40px;
    display: inline-block;
    position: fixed;
    background: none repeat scroll 0% 0% rgb(175, 12, 15);
    bottom: 0px;
    z-index: 250;
}
    .foot_fixed li {
        width: 20%;
        height: 40px;
        float: left;
        text-align: center;
        background: url("../images/bt_07.png") no-repeat scroll right center transparent;
    }
    .foot_fixed a {
        width: 100%;
        height: 40px;
        line-height: 40px;
        display: block;
    }.middle{ background-image:none; background:#ffd400;}.middle_right { width:98%;}.logo02{ display:block;}.logoback { display:none;}
    .logo_name{ display:block;}
    .app-bar .logo02 {
        float: left;
        width: 11%;
        height: 72px;
        position:absolute;
        left:10%;
        top:10px;
        z-index:1000;
    }

    .app-bar .logo02 img{
        max-width: 100%;
        height: auto;

    }
    .language_right li { width:66px;}
    .top1 { position:relative;}
    .language_right { position:absolute; top:0px; right:0; z-index:9999;}

}
#header {
    width: 100%;
    height: auto;
    margin: 0px auto;
}
.logo_name{ display:none;}
.search_con {
    width: 18%;
    float: right;
}
.drawer {

    width: 100%;

    border-top: 1px solid rgb(224, 224, 224);

    border-radius: 3px 3px 3px 3px;

}

.accordion-item {

    border-bottom: 1px solid rgb(224, 224, 224);

}

.accordion-header {

    background: none repeat scroll 0% 0% rgb(183, 183, 183);

    padding: 12px;

    cursor: pointer;

    border-right: 1px solid rgb(224, 224, 224);

    border-left: 1px solid rgb(224, 224, 224);

    min-height: 20px;

    transition: all 0.25s ease 0s;

}

.accordion-header h2 {

    font-family:Arial, Helvetica, sans-serif;

    float: left;

    font-size: 18px;

    font-weight: normal;

    margin: 0px;

    line-height: 1.3em;

    color: rgb(33, 33, 33);

}

.accordion-header-icon {

    font-family:Arial, Helvetica, sans-serif;

    float: right;

    color: rgb(136, 136, 136);

    font-size: 15px;

    vertical-align: bottom;

    height: 15px;

    line-height: 15px;

}

.accordion-content {

    border-left: 1px solid rgb(224, 224, 224);

    border-right: 1px solid rgb(224, 224, 224);

    border-top: 1px solid rgb(224, 224, 224);

    display: none;

    padding: 0px;

    color:#fff;

    background: none repeat scroll 0% 0% rgb(255, 255, 255);

    font-size: 15px;

    line-height: 1.45em;

}

.product_menu p {

    height: 45px;

    line-height: 45px;

    background: none repeat scroll 0% 0% rgb(177, 176, 176);

    text-indent: 1em;

    color:#fff;

    border-bottom:1px solid #ccc;

}

.product_menu p a{ color:#fff;}

.product_menu p:hover{background: none repeat scroll 0% 0% rgb(0, 0, 0); color:#fff;}

.product_menu p a:hover{ color:#fff;}

.accordion-header-icon{ font-size:26px;}

.accordion-header-icon:hover{ color:#333;}
.search {
    width: 50%;
    color: rgb(51, 51, 51);
    height: 34px;
    float: right;
    padding-right: 2%;
    overflow: hidden;
}
.accordion{ width:100%; height:auto; margin:0 auto; margin-bottom:20px;}
.search {
    width: 92%;
    float: right;
    height: 45px;
    padding: 10px 1%;
    overflow: hidden;
}
.search_form {
    width: 80%;
    height: 32px;
    margin: 0px;
    float: right;
    padding: 0px;
    border: 1px solid rgb(160, 160, 160);
}
.search_form {
    width: auto;
    height: 45px;
    margin: 0px;
    padding: 0px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
}
.search_btn {
    float: right;
    width: 17%;
    height: 32px;
    cursor: pointer;
    border: medium none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: url("../images/btn_search.jpg") no-repeat scroll center center rgb(231, 74, 25);
}
.search_btn {
    float: right;
    width: 17%;
    height: 45px;
    cursor: pointer;
    border: medium none;
    background: url("../images/btn_search.png") no-repeat scroll center center transparent;
}
.menu_yhl li:hover ul.common_nav li:hover{ color: rgb(0, 0, 0);
    border-top: medium none;
    background: none repeat scroll 0% 0% rgb(255, 212, 0);}
@media(min-width:481px) and (max-width:768px){.app-bar .logo02 { width:10%;}}
@media(min-width:769px) and (max-width:1024px){.app-bar .logo02 { width:8%; left:5%; top:8px;}}
@media all and (max-width: 479px){.app-bar .logo02 { top:15px; left:15%;}}
.navdrawer-container li ul li a {
    width: 100%;
    height: auto;
    padding: 10px 0px;
    color: rgb(255, 255, 255);
    margin: 0px;
    display: block;
    text-indent: 15px;
    line-height: 15px;
    text-align: left !important;
    border-top: medium none;
    border-bottom: 1px solid rgb(255, 255, 255);
}
.navdrawer-container li ul {
    width: 200px;
    position: absolute;
    left: -15px;
    visibility: hidden;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9) !important;
}
.menu_yhl li:hover ul.common_nav { background:#4a4a4a;}
.menu_yhl li:hover ul.common_nav li {background:#4a4a4a;}
.menu_yhl li:hover ul.common_nav li a{ color:#fff; text-decoration:none;height:40px; line-height:40px;}
.menu_yhl li:hover ul.common_nav li a:hover {color: rgb(0, 0, 0);
    border-top: medium none;
    background: none repeat scroll 0% 0% rgb(255, 212, 0); text-decoration:none;}
.search_btn {
    float: right;
    width: 17%;
    height: 45px;
    cursor: pointer;
    border: medium none;
    background: url("../images/btn_search.png") no-repeat scroll center center transparent;
}
.help_real { display:none;}
.search_input {
    float: left;
    width: 82%;
    height: 45px;
    line-height: 45px;
    text-indent: 10px;
    background:#fff;
    color:#000;
}
.rli03 h3#more a{ color:#55bbac;}
.rli02 h3#more a{ color:#1293b5;}
.rli04 h3#more a{ color:#d34335;}
#services {
    width: 45px;
    height: 289px;
    z-index: 999;
    position: fixed !important;
    right: 0px;
    top: 350px;
}
#services .icon {
    width: 45px;
    height: 48px;
    float: left;
}

#services li .gzh_img{ position: absolute; top: 80px; visibility: hidden; opacity: 0; right: 46px; transition: all 0.3s; width: 130px; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 12%); }
#services li:hover .gzh_img{ top: 0; opacity: 1; visibility: visible; }
.orange {
    color: #1881c9;
}
.drawer {

    width: 100%;

    border-top: 1px solid rgb(224, 224, 224);

    border-radius: 3px 3px 3px 3px;

}

.accordion-item {

    border-bottom: 1px solid rgb(224, 224, 224);

}

.accordion-header {

    background: none repeat scroll 0% 0% rgb(183, 183, 183);

    padding: 12px;

    cursor: pointer;

    border-right: 1px solid rgb(224, 224, 224);

    border-left: 1px solid rgb(224, 224, 224);

    min-height: 20px;

    transition: all 0.25s ease 0s;

}

.accordion-header h2 {

    font-family:Arial, Helvetica, sans-serif;

    float: left;

    font-size: 18px;

    font-weight: normal;

    margin: 0px;

    line-height: 1.3em;

    color: rgb(33, 33, 33);

}

.accordion-header-icon {

    font-family:Arial, Helvetica, sans-serif;

    float: right;

    color: rgb(136, 136, 136);

    font-size: 15px;

    vertical-align: bottom;

    height: 15px;

    line-height: 15px;

}

.accordion-content {

    border-left: 1px solid rgb(224, 224, 224);

    border-right: 1px solid rgb(224, 224, 224);

    border-top: 1px solid rgb(224, 224, 224);

    display: none;

    padding: 0px;

    color:#fff;

    background: none repeat scroll 0% 0% rgb(255, 255, 255);

    font-size: 15px;

    line-height: 1.45em;

}

.product_menu p {

    height: 45px;

    line-height: 45px;

    background: none repeat scroll 0% 0% rgb(177, 176, 176);

    text-indent: 1em;

    color:#fff;

    border-bottom:1px solid #ccc;

}

.product_menu p a{ color:#fff;}

.product_menu p:hover{background: none repeat scroll 0% 0% rgb(0, 0, 0); color:#fff;}

.product_menu p a:hover{ color:#fff;}

.accordion-header-icon{ font-size:26px;}

.accordion-header-icon:hover{ color:#333;}
.drawer {
    width: 100%;
    border-top: 1px solid rgb(224, 224, 224);
    border-radius: 3px 3px 3px 3px;
}
.drawer .accordion-header-active{
    background: #ffd401;
}
.accordion-item {
    border-bottom: 1px solid rgb(224, 224, 224);
}
.accordion-header {
    background: none repeat scroll 0% 0% rgb(183, 183, 183);
    padding: 12px;
    cursor: pointer;
    border-right: 1px solid rgb(224, 224, 224);
    border-left: 1px solid rgb(224, 224, 224);
    min-height: 20px;
    transition: all 0.25s ease 0s;
}
.accordion-header h2 {
    float: left;
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
    line-height: 1.3em;
    color: rgb(33, 33, 33);
}
.accordion-header-icon {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    float: right;
    color: rgb(136, 136, 136);
    font-size: 20px;
    vertical-align: bottom;
    height: 15px;
    line-height: 15px;
}
.accordion-content {
    border-left: 1px solid rgb(224, 224, 224);
    border-right: 1px solid rgb(224, 224, 224);
    border-top: 1px solid rgb(224, 224, 224);
    display: none;
    padding: 0px;
    color: rgb(33, 33, 33);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    font-size: 15px;
    line-height: 1.45em;
}
.accordion-content p {
    margin: 0px 0px 1px;
}
.product_menu p {
    height: 45px;
    line-height: 45px;
    background: none repeat scroll 0% 0% rgb(177, 176, 176);
    text-indent: 1em;
}

/*404*/
.no_fun{ text-align: center;margin-bottom: 60px;}
.no_fun h5{ font-size: 36px; margin-bottom: 30px; }
.no_fun p{ color: #888; line-height:30px; }
.no_fun a{ display: inline-block; margin-top: 34px; font-size: 20px; border-radius: 40px; padding: 16px 64px; background: #c81f21; color: #fff; text-transform: uppercase; }
.no_fun a:hover{ transform: translateY(5px); }
.areatextClass::-webkit-input-placeholder { color: red!important;}
.aligncenter {
    display: block !important;
    margin: 0 auto!important;
}

@media all and (max-width:1280px){#services{ display:none;}}