body{ padding:0px; margin:0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; background:#565656;}
*{ padding:0px; margin:0px;}
a{ text-decoration:none; color:#333; -moz-transition: all ease .5s; -webkit-moz-transition: all ease .5s; moz-transition: all ease .5s;}
a:hover{ color:#f8a91e; text-decoration:underline;}
a.linkscroll,a.linkleft{ position:relative; z-index:0; }
img{ border:none;}
ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.clearfix:before,.clearfix:after{ content: ''; display:block;}
.clearfix:after { clear: both; }
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.f16{ font-size:16px; color:#7f7f7f;line-height:30px;}
.p10{ padding-left:10px;}

.header{ width:100%; min-width:1170px; height:72px; background:#71071d;}
.main{ width:1170px; margin:0 auto; position:relative;}
/***********topmain***********/
.top_main{ width:1170px; margin:0 auto; position:relative;}
.top_main .logo{ width:180px; height:72px; background:url(../images/logo.jpg) no-repeat; margin:auto; position:absolute; left:0; top:0;}
.top_main .logo a{ width:180px; height:72px; display:block;}
.top_main .logo h1{ text-indent:-9999px;}
/*************************** search (start) ***************************/
.top_main .top_search{ float:left; width:418px; height:37px; border:none; background:url(../images/topsearch.jpg) no-repeat; position:absolute; top:16px; left:205px;}
.top_main .top_search .search-q{ float:left; width:352px; height:37px; border:none; background:transparent; line-height:37px; padding-left:15px; color:#bebebe; appearance:none;-moz-appearance:none;}
.top_main .top_search .search-go{ float:right; width:51px; height:37px; line-height:37px; display:block; border:none; background:transparent; cursor:pointer;}

.top_fav{ width:158px; height:20px; color:#fff; line-height:20px; padding-left:24px; background:url(../images/fa.jpg) no-repeat; position:absolute; top:24px; right:50px;}
.top_fav a{ color:#fff;}
.top_fav a:hover{ text-decoration:underline;}
.top_sitemap{ position:absolute; top:45px; right:4px;}
#dropdown{ color:#fff; width:80px; height:15px; line-height:15px; text-align:center; background:url(../images/arr.jpg) no-repeat top center; position:absolute; top:26px; right:4px;}
#dropdown p{ cursor:pointer; padding:0 0 0 5px;}
#dropdown ul{ position:absolute; display:none; z-index:100; padding-top:10px;}
#dropdown ul li{ height:25px; line-height:25px; text-indent:10px; cursor:pointer;}
#dropdown ul li{ font-size:15px; display:block; width:80px; height:25px; line-height:25px;  background:#ccc; color:#fff; text-align:left;}
#dropdown ul li a{ display:block;}
#dropdown ul li:hover{background:#000; color:#fff}
/*************************** nav (start) ***************************/
/*#navbg{ width:100%; min-width:1170px; height:44px; background:#f8a91e;}
#nav{ width:1170px; margin:0 auto; height:44px; position:relative; z-index:11; text-align:center;}
#nav span{ display:inline-block;}
#nav li{ height:44px; float:left; position:relative; z-index:11; margin-right:1px;}
#nav li>a{ line-height:44px; display:block; padding:0 28px; color:#71071d; text-transform:uppercase; font-weight:bold;}
#nav li:first-child{border:0;}
#nav li .list{ width:26px; height:44px; background:url(../images/nav.png) no-repeat right center;}
#nav li:hover,#nav li.now{ background:#e8a027 !important; cursor:pointer;}
#nav li .list:hover{ background:#e8a027 url(../images/nav.png) no-repeat right center !important; cursor:pointer;}
#nav li .sub{ position:absolute; left:0; top:44px; z-index:11; width:180px; filter:Alpha(opacity=93);-moz-opacity:0.93; -khtml-opacity: 0.93; opacity: 0.93; display:none;}
#nav li .w280{ width:280px; text-align:left;}
#nav li .sub .inner{ background:#f8a91e; border-top:1px solid #fff;}
#nav li .sub div{ background:url(../images/navr.png) no-repeat 11px center;}
#nav li .sub div a{ display:block; width:89%; margin:0 auto; border-bottom:1px solid #fac66b; color:#71071d; height:30px; line-height:30px; text-decoration:none; text-indent:14px; overflow:hidden;}
#nav li .sub div a:hover{ color:#fff;}
#nav li .sub .inner div:last-child a{ border-bottom:none;}
#nav li:hover div{display:block;}*/
/*************************** nav (end) ***************************/
/***********banner***********/
.device { width:100%; min-width:1170px;height:717px;position: relative; z-index:10;}
.device .swiper-container {height:717px;width: 100%; text-align:center; overflow:hidden}
.device .swiper-slide{ background-position:center center; background-repeat:no-repeat;}
.device .swiper-slide a{ display:block;}
.device .pagination0 {z-index:99;position: absolute;left: 0;text-align: center;bottom:198px;width: 100%;}
.device .swiper-pagination-switch {display: inline-block;width: 13px;height: 13px;border-radius: 12px;background: #fff;margin: 0 6px;cursor: pointer;}
.device .swiper-visible-switch { background: #fff;}
.device .swiper-active-switch { background: #f8a91e;}
/*************************** products (start) ***************************/
#content{ width:1170px; margin:0 auto; padding-bottom:85px; overflow:hidden;}
.hot_products .title{ text-align:center; padding:17px 0;}
.products_list{}
.products_list ul li{ float:left; background:#fff; margin:0 32px 32px 0; text-align:center; border-bottom:3px solid #f8a91e;}
.products_list ul li span{ text-align:center;}
.products_list ul li a{ width:268px; display:block; text-align:center;}
.products_list ul li p{ height:44px; line-height:44px; color:#333; font-size:18px; padding:0 10px;}
.products_list ul li i{ width:248px; color:#929292; font-size:12px; padding:12px 10px; height:36px; overflow:hidden; display:block; line-height:18px; background:#7b0016; color:#fff; font-style:normal;}
.products_list ul li.nomargin{ margin-right:0;}
.products_list ul li a:hover{ filter:Alpha(opacity=90);-moz-opacity:0.90; -khtml-opacity: 0.90; opacity: 0.90; text-decoration:none;}
.dna{ clear:left;}
.dna .title{ text-align:center; padding:20px 0 35px; color:#fff; line-height:22px;}
.dna ul li{ float:left; margin-right:51px;}
.dna ul li.nomargin{ margin-right:0;}
.dna ul li a:hover{ filter:Alpha(opacity=90);-moz-opacity:0.90; -khtml-opacity: 0.90; opacity: 0.90;}

.footer{ width:100%; min-width:1170px; height:70px; background:#f8a91e;}
.footer .share{ width:1170px; height:70px; line-height:70px; margin:0 auto; background:url(../images/foot.jpg) no-repeat; position:relative;}
.footer .share .title{ position:absolute; top:0; right:222px; font-weight:bold; text-transform:uppercase;}
.footer .share ul{ position:absolute; top:15px; right:0;}
.footer .share ul li{ float:left;}
.footer .share ul li a{ width:42px; height:43px; display:block; background:url(../images/share.jpg) no-repeat;}
.footer .share ul li a#share1{ margin-right:13px; background-position:0 0;}
.footer .share ul li a#share2{ margin-right:14px; background-position:-55px 0;}
.footer .share ul li a#share3{ margin-right:13px; background-position:-111px 0;}
.footer .share ul li a#share4{ margin-right:13px; background-position:-166px 0;}
.footer .share ul li a#share1:hover{ background-position:0 -43px;}
.footer .share ul li a#share2:hover{ background-position:-55px -43px;}
.footer .share ul li a#share3:hover{ background-position:-111px -43px;}
.footer .share ul li a#share4:hover{ background-position:-166px -43px;}

.copyright{ width:100%; min-width:1170px; padding:30px 0; background:#3c3c3c; overflow:hidden;}
.copyright .note{ width:1170px; margin:0 auto; color:#a4a4a4; line-height:22px; font-size:13px;}
.copyright .note a{ color:#fff;}

/*************************** display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; ***************************/
.white{ background:#fff;}
.quicknav{ height:56px; line-height:56px; padding:0 10px; color:#777;}
.quicknav a{ color:#f8a91e;}
.iabout{ width:1170px; height:300px;}
.icontact{ width:1170px; height:340px;}
.boxcontent{ width:1170px; margin:45px auto 0; overflow:hidden; border-top:1px solid #ccc;}
.mfl{ float:left; width:270px;}
.l-tit{ font-size:20px; font-weight:bold; color:#333; line-height:76px; height:76px; padding-left:17px;}
.lilist{ padding:0 0 10px; margin-bottom:42px;}
.lilist dl { font-weight:normal; line-height:18px; margin-bottom:1px;}
.lilist dl dt { }
.lilist dl dt a{ color:#6e6e6e; display:block; outline:none; padding:10px 20px 10px 17px; background:url(../images/icon4.png) no-repeat 240px 13px; text-transform:capitalize;}
.lilist dl dt a:hover{ color:#6e6e6e; background:#ededed url(../images/icon4.png) no-repeat 240px 13px; text-decoration:none; text-decoration:none;}
.lilist dl.show dt a{ color:#6e6e6e;} 
.lilist dl.show dt a:hover{ color:#fff; background:#ededed;} 
.lilist dl dd { padding-left:25px; font-size:14px; line-height:18px; margin:8px 0; display:none}
.lilist dl dd a{ color:#6e6e6e; outline:none; background:url(../images/icons12.png) no-repeat left 3px; background-size:8px; padding-left:16px; display:block;}
.lilist dl dd a:hover{ color:#f8a91e; background:url(../images/icons12-hover.png) no-repeat left 4px; background-size:8px;}
.lilist dl dd a.hoverd{ color:#f8a91e;}
.lilist dl dd a.currentd{ color:#f8a91e;}
.lilist .icon{ display:block; outline:none; color:#6e6e6e;}
.lilist .icone{ display:block; outline:none; color:#6e6e6e;}
.lilist dl.show dt a:hover{ color:#6e6e6e; background:#ededed url(../images/icon4.png) no-repeat 240px 13px; text-decoration:none; text-decoration:none;}
.lilist dl.show .icon a{ color:#fff; background:#f8a91e url(../images/icon5.png) no-repeat 238px 15px;} 
.lilist dl.show .icon a:hover{ color:#fff; background:#f8a91e url(../images/icon5.png) no-repeat 238px 15px;} 
.lilist dl dd ul{ display:none; padding:0 0px;}
.lilist dl dd ul li{ margin:8px 0;}
.lilist dl dd ul li a{ font-size:13px; padding-left:32px; background:url(../images/icon4.gif) no-repeat 20px 4px; line-height:18px;}
.lilist dl dd ul li a:hover{ background:url(../images/icon4.gif) no-repeat 20px 4px;}
.ulhover{ display:block;}
#uldisplay{display:block;}

.mfr{ float:left; width:898px;font-size:14px; line-height:30px; min-height:500px; overflow:hidden;}
.mfr img{ max-width:850px;}
.r-tit{ width:100%; height:70px; line-height:70px; padding-left:34px; border-left:1px solid #ccc;}
.r-tit h3{ font-size:20px; font-weight:bold;}
.product{ border-left:1px solid #ccc;}
.product ul li{ float:left; width:298px; padding:10px 0 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.product ul li a{ display:block; background:#fff url(../images/loading.gif) no-repeat center center;}
.product ul li p{ height:44px; line-height:44px; color:#333; font-size:18px; padding:0 24px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align:center;}
.product ul li span{ text-align:center;}
.product ul li i{width:248px; font-size:12px; padding:12px 24px 0; height:49px; overflow:hidden; display:block; line-height:18px; background:#7b0016; color:#fff; font-style:normal;}

.product ul li img{ width:268px; height:268px; display:block; margin:0 auto;}
.product ul li.nomargin{ border-right:none;}
.product ul li a:hover{ text-decoration:none; filter:Alpha(opacity=90);-moz-opacity:0.90; -khtml-opacity: 0.90; opacity: 0.90;}
/**page**/
.page{ clear:left; padding:50px 0 0; overflow:hidden}
.page ul{ float:left;width:100%;height:48px;text-align:center;}
.page ul span{display:inline-block;}
.page ul a{ float:left; margin-left:10px; display:block; padding:0 15px; text-align:center; line-height:36px; border:1px solid #bebebe;}
.page ul a:hover,.page ul a.now{ background:#f8a91e; color:#fff; border:1px solid #f8a91e;}

.param{ width:1150px; margin:0 auto; height:53px; line-height:53px; background:#ededed; margin-top:50px; padding:0 10px;}
.param .title{ float:left; color:#333; font-weight:bold; font-size:16px;}
.param .nextprev{ float:right; padding-right:20px;}
.param .nextprev a{ font-size:12px;}

.product_content{ width:1150px; margin:0 auto; color: #555;line-height: 28px; font-size:14px; padding:30px 10px 0;}

.contact{ padding:55px 50px 0 48px; line-height:26px; color:#777;}
.left_contact{ float:left; width:500px;}
.right_message{ float:left;}
.aboutmain-cbot label{ color:#333; padding-left:5px; line-height:28px; display:block;}
.aboutmain-cbot .form-select{height: 38px; line-height:30px; color:#333; padding:5px 10px; border:1px solid #bfbfbf; width:315px; margin: 5px;}
.aboutmain-cbot .input{ line-height: 25px; color:#333; padding:5px 10px; border:1px solid #bfbfbf; width:500px; margin: 5px;}
.aboutmain-cbot textarea{ height: 200px; font-family:Arial, Helvetica, sans-serif;}
.aboutmain-cyzm{ padding-right: 100px; position: relative;}
.aboutmain-cyzm img{ position: absolute; left:150px; top: 14px;}
.aboutmain-cyzm input{ line-height: 25px; color:#333; padding: 5px 10px; border:1px solid #bfbfbf; width: 120px; margin: 5px;}
.aboutmain-btnlist{ height: 60px; padding:10px 5px;}
.aboutmain-btnlist button{ width: 110px; height: 40px; border:none; color: #fff;}
.aboutmain-btnlist .submit{ background: #f99b1c; margin-right: 5px;}
.aboutmain-btnlist .submit:hover{ background: #f60; cursor:pointer}
.aboutmain-btnlist .reset{ background: #828282; margin-left: 5px;}
.aboutmain-btnlist .reset:hover{ background: #717171; cursor:pointer}

.support{ padding:45px 50px 0 48px; line-height:26px; color:#777;}
.nrnav { padding-left:20px;}
.sitemap li { border-bottom:1px dashed #ccc; line-height:32px;}
.sitemap li a{ text-decoration:none; font-weight:bold;}
.sitemap .nav { padding-left:12px;}
#nrnav1 li a{ font-weight:normal}

.ss-l{ width:675px; float:left;}
.ss-l h2{ font-size:16px; padding-top:10px;}
.ss-r{ width:328px; float:right;}
.ss-r li{ list-style:none; line-height:34px; padding:17px 0 17px 34px; background:url(../images/pdf.jpg) no-repeat left center; border-bottom:1px solid #c7c7c7;}
.ss-r li img{ float:right;}