@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; }
li{ text-decoration:none; list-style:none;}
a{ text-decoration:none; color:#ccc;cursor:pointer; }
a:hover{color:#e52330 !important;}
img{border:none;}
body{color:#333; font-size:14px;font-family:"微软雅黑"; background:#fff; overflow-x:hidden;}
.clear {clear:both;height:0; font-size:0; line-height:0;  }
/*********************************  通用  ***************************************/
.Universal{ max-width:750px; height:auto; margin:0 auto;}
/*********************************  头部  ***************************************/
.header_top{ height:36px;font-size:15px; line-height:36px; border-bottom:1px solid #fc4d3f; background:#e62617; text-align:right;color:#ffada7;}
.header_top span{height:36px;  padding:0 8px 0 0}
.header{ position:relative}
.logo{ width:100%;height:auto; padding:15px 0 15px 0; background:#e52330}
.logo img{ display:block; width:240px; height:81px; margin:0 auto 0 auto;}
/*********************************  导航  ***************************************/
.nav{ width:50px; height:111px; position:absolute; top:36px; right:0;}
.nav font{ display:block; line-height:111px;height:111px;font-size:16px; font-weight:bold; background:url(/PageCodeFile/M/Images/navbg.png) no-repeat left center;cursor:pointer; color:#057fc4;text-align:right;}
.nav p{ background:url(/PageCodeFile/M/images/clore.png) no-repeat center center; height:71px; width:100%; background-size:60% auto}
.nav_down{ position:absolute; top:147px; right:0; width:100%; height:auto; background:#f3f3f3; z-index:999;display:none;color: #fff;}

.sui-nav {font-size: 14px;position: relative;color: #222;z-index: 10; display:none}
.sui-nav .sui-nav-wrapper > ul,.sui-nav .sui-nav-wrapper-fluid > ul {padding-left: 0;margin-bottom: 20px; }
.sui-nav ul {list-style: none;padding-left: 20px;cursor: pointer; }
.sui-nav ul > li {line-height: 36px;min-width: 140px; }
.sui-nav ul > li > a {padding: 0 20px; }
.sui-nav ul > li span.indicator {position: absolute;color:#bababa;top: 0;right: 0;font-size: 14px;
-webkit-transition: color 0.2s linear;-moz-transition: color 0.2s linear;-o-transition: color 0.2s linear;
transition: color 0.2s linear;padding-right: 6px; }
.sui-nav li > ul {display: none;border-top: 1px solid #eee; }
.sui-nav li > ul > li {float: none;position: relative;min-width: 140px; }
.sui-nav li > ul > li:hover {background-color: #FFFFFF; }
.sui-nav .nav-border > ul {border: 1px solid #eee;border-radius: 4px; }
.sui-nav .nav-border.nav-line li {border-bottom: 1px solid #eee; }
.sui-nav .nav-border.nav-line li:last-child {border-bottom: none; }
.sui-nav li.active > ul {display: block; }
@media (max-width: 750px) {.sui-nav .hide-in-mobile {display: none; } }
.sui-nav .show-in-mobile {display: none; }
@media (max-width: 750px) {.sui-nav .show-in-mobile {display: block; } }

.sui-nav.slide-nav {position: fixed;top: 0;left: 0;z-index: 9999; background-color: #fff; width: 100%;height: 100%;overflow-y: auto;box-shadow: none;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: -webkit-transform 0.4s,box-shadow 0.4s;transition: transform 0.4s,box-shadow 0.4s;max-width: 260px;display: block; }@media (max-width: 768px) {.sui-nav.slide-nav {display: block; } }
.sui-nav.slide-nav.active {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0); }
.sui-nav.nav-mask {display: block;position: fixed;top: -50%;left: -50%;z-index: 9090;width: 200%;height: 200%;
background-color: rgba(0, 0, 0, 0.8);visibility: hidden;opacity: 0;
  -webkit-transition: opacity 0.4s,visibility 0.4s;transition: opacity 0.4s,visibility 0.4s; }
.sui-nav.nav-mask.active {visibility: visible; opacity: 0.6; }


.menu_list{width:232px; height:auto; padding:5px 0 0 0}
.menu_head{display:block;height:30px;line-height:30px;padding-left:20px;font-size:16px;color:#fff;cursor:pointer;position:relative;margin:0px;font-weight:bold;background:#222222 url(/PageCodeFile/M/Images/nav1.png) no-repeat 212px center; margin:2px -1px 0 -1px;}
.menu_list .current{background:url(/PageCodeFile/M/Images/nav2.png) no-repeat 212px center, url(/PageCodeFile/M/Images/footera.jpg) repeat;}
.menu_body{line-height:25px;backguound:#fff; display:none;}
.menu_body a{display:block;height:25px;line-height:25px;padding:0 23px;color:#333;background:#fff;}
.menu_body a:hover{ color:#e10110}
/*********************************  底部  ***************************************/
.footer_div{ width:100%; height:auto; background:url(/PageCodeFile/M/Images/footer.jpg) repeat; border-top:2px solid #dddddd;}
.footer_left{width:100%; height:auto;}
.footer_left .img1{ display:block; width:90%; height:auto; margin:0 auto; padding:15px 0 0 0}
.footer_right{ width:100%; height:auto;}
.footer_right .txt{ color:#666666; line-height:28px; border-top:1px solid #666666; text-align:center; padding:10px 8px}
.footer_right .txt a{ color:#666}
.footer_contacts{ width:280px; height:auto; line-height:26px; color:#fff; float:left; padding:0 0 6px 35px;}
.footer_contacts.p1{ background:url(/PageCodeFile/M/Images/contact1.png) no-repeat 8px 6px}
.footer_contacts.p2{ background:url(/PageCodeFile/M/Images/contact3.png) no-repeat 14px 5px}
.footer_contacts.p3{ background:url(/PageCodeFile/M/Images/contact2.png) no-repeat 8px 6px}
.footer_contacts.p4{ background:url(/PageCodeFile/M/Images/contact4.png) no-repeat 6px 4px; margin:0!important; float:left !important}
.footer_contacts.p5{ background:url(/PageCodeFile/M/Images/contact5.png) no-repeat 7px 6px}
/*********************************  首页  广告  ***************************************/
#wrapper { max-width:760px; overflow: hidden; background:#FFF; margin:0 auto; }
.swipe ul, .swipe li { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.swipe img { width:100%; min-height:auto; display: block;}
.swipe { overflow: hidden; position: relative; }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe #pagenavi {position: absolute;left: 3px;bottom: 7px;text-align: center;width: 100%;}
.swipe #pagenavi a { width:9px; height:9px; line-height: 9px; font-size:0; background:#fff;margin:0 3px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline;*zoom:1; border-radius:50%;}
.swipe #pagenavi a.active { background:#e62617;  }
/********************************* 搜索  ***************************************/
.search_div{ background:#fff; height:auto; padding:10px 8px;}
.search_form{ width:100%; height:25px; box-shadow:0 0 2px 1px #999}
.search_form input{ width:85%; height:25px; line-height:25px; color:#333; border:none; background:#fff;}
.search_form .btn{ width:15% !important; height:25px; color:#e52330 !important; float:right; background:none; text-align:center; cursor:pointer;}
/********************************* 新闻栏目  ***************************************/
.index_news_l{ width:auto; height:auto;margin:0 0 20px 0; border:1px solid #dddddd; padding:0 8px 10px 8px;}
.index_news_dh{ height:40px; line-height:40px; background:#f5f5f5 url(/PageCodeFile/M/Images/nav.png) no-repeat 8px center; padding:0 0 0 38px; font-size:16px;}
.index_news_dh a{ color:#333333}
.index_news_list{ width:100%; height:auto; padding:14px 0 12px 0;}
.index_news_list img{ float:left; display:block;width:136px; height:85px; padding:4px;border:1px solid #e10110; margin:0 10px 0 8px}
.index_news_list .dh{ height:30px; line-height:30px; overflow:hidden; font-weight:bold; }
.index_news_list .txt{ color:#999; line-height:26px; height:52px; overflow:hidden; text-indent:30px;}
.index_news_list a{ color:#333333}
.index_news_p1{width:auto; height:32px; line-height:32px; overflow:hidden;}
.index_news_p1 a{ color:#333333}
/********************************* 常见问题  ***************************************/
.index_zjwt_r{ width:100%; height:auto;background:#ddd; position:relative}
.index_zjwt_dh{ height:49px; line-height:49px; font-size:16px; color:#fff; padding:0 8px 0 40px; background: url(/PageCodeFile/M/Images/nav.png) no-repeat 8px center,url(/PageCodeFile/M/Images/zjwtdh.jpg) repeat-x;}
.index_zjwt_dh span{ float:right; font-size:14px;}
.index_zjwt_dl{ width:auto; height:auto; padding:12px 8px 0 8px;}
.index_zjwt_dl dt{ height:40px; line-height:40px; overflow:hidden; font-size:16px; padding:0 0 0 28px; background:url(/PageCodeFile/M/Images/w.jpg) no-repeat 0 center; font-size:16px;}
.index_zjwt_dl dt a{ color:#333;}
.index_zjwt_dl dd{ color:#333; line-height:25px; height:75px; overflow:hidden;padding:0 0 0 28px; background:url(/PageCodeFile/M/Images/d.jpg) no-repeat 0 3px;}
/********************************* 公司简介  ***************************************/
.Profile_dh{ color:#fff;height:44px; line-height:44px; background:url(/PageCodeFile/M/Images/nav.png) no-repeat 10px center, url(/PageCodeFile/M/Images/nav.jpg) repeat-x; padding:0 0 0 38px; font-size:16px; margin:0 -1px 0 -1px}
.Profile_dh a{ color:#fff;}
.Profile_index{width:100%; height:auto; border:1px solid #dddddd; margin:0 0 20px 0;border-top:none;}
.Profile_index img{ display:block; width:95%; height:auto; margin:15px auto 10px auto;}
.Profile_index .dh{ height:38px; line-height:38px; overflow:hidden; background:url(/PageCodeFile/M/Images/line.jpg) repeat-x 0 bottom; font-size:16px; font-weight:bold; padding:20px 0 0 0;}
.Profile_index .dh a{ color:#000000}
.Profile_index .txt{ line-height:27px; height:auto; overflow:hidden; color:#000; margin:5px 8px 8px 8px}
.Profile_index .more{ text-align:center;display:block; color:#fff;width:108px; height:24px; line-height:24px; background:url(/PageCodeFile/M/Images/footer.jpg) repeat; margin:0 auto 15px auto;}
.Profile_zs{ float:right;width:320px; height:auto; border:1px solid #dddddd; border-top:none; margin:0 0 11px 0;}

.zs_list{width:96%;height:auto;overflow:hidden; text-align:center; margin:15px 2% 0 2%;text-align:center;}
.zs_list p{border:1px solid #dddddd; height:auto; padding:5px;}
.zs_list img{width:100%;height:auto; display:block; margin:0 auto}
.zs_list span{ display:block;height:35px; line-height:35px; text-align:center; color:#333333; overflow:hidden;}

.Profile_details{ color:#333333; line-height:27px; padding:10px 8px 20px 8px;}
.Profile_details img{ max-width:100% !important; height:auto !important}
.Profile_nav2{ height:auto; line-height:25px;background:#e10110 url(/PageCodeFile/M/Images/aboutnav.jpg) no-repeat; padding:0 0 0 39px;color:#ffd9d9;}
.Profile_nav2 a{ color:#ffd9d9; padding:0 0 0 14px; display:inline-block;}
.Profile_nav2 a:hover,.Profile_nav2 a.on{ color:#fff !important;}
.Profile_nav2 a:first-child{ background:none;}

.Profile_nav1{ height:auto;line-height:41px;background:#e10110 url(/PageCodeFile/M/Images/aboutnav.jpg) no-repeat; padding:0 0 0 39px;color:#ffd9d9;}
.Profile_nav1 a{ color:#ffd9d9; padding:0 8px; display:inline-block; background:url(/PageCodeFile/M/Images/aboutline.jpg) no-repeat left center;}
.Profile_nav1 a:hover,.Profile_nav2 a.on{ color:#fff !important;}
.Profile_nav1 a:first-child{ background:none;}

.about_fzlc_list{ width:775px; min-height:100px; margin:0 0 0 70px; background:url(/PageCodeFile/M/Images/linea.jpg) repeat-y 8px 0;}
.about_fzlc_list span{ width:42px; height:18px; float:left; display:block; background:#fff url(/PageCodeFile/M/Images/nav.png) no-repeat; margin:20px 0 0 0;}
.about_fzlc_list .txt{ float:left;width:640px; height:auto; font-size:16px; color:#333; line-height:28px;}
.about_fzlc_list .dh{ font-size:18px; color:#333; font-weight:bold; height:30px; line-height:30px; overflow:hidden}
.about_ys_dh{  height:auto; color:#818181; font-size:17px; line-height:28px;text-align:center;border-bottom:2px solid #7f7f7f; padding:0 0 8px 0; margin-bottom:15px;}
.about_ys_dh span{ display:block; color:#333; font-size:34px; height:56px; line-height:56px; font-weight:bold;  margin:0 auto;}
.about_ys_dh font{ color:#e62617;}
.about_ys_dha{ height:auto; padding:15px 0 10px 0; line-height:26px; color:#333; text-align:center; font-size:19px; text-transform:uppercase;}
.about_ys_dha span{ font-weight:bold; display:block;}
.about_ys_txt{ height:auto; text-align:center;color:#333333; line-height:26px; padding:10px 8px 10px 8px; border-bottom:1px dashed #999}
.about_ys_txt span{ color:#e62617;}
.about_ys_img{  width:100px; height:100px; margin:0 auto 0 auto; border-radius:50%;}
.about_ys_img img{ width:100%; height:auto; border-radius:50%;}

.about_xc{ width:47%; height:auto; float:left; margin:15px 0 0 2%; overflow:hidden} 
.about_xc img{ display:block; width:auto; height:160px; margin:0 auto}
.about_xc span{ display:block; height:38px; line-height:38px; overflow:hidden; text-align:center;}
.about_xc a{ color:#333}
/********************************* 客户感言  ***************************************/
.comments_dh{ height:40px; line-height:40px; background:url(/PageCodeFile/M/Images/nav.png) no-repeat 10px center; padding:0 0 0 38px; font-size:16px; border:1px solid #dddddd;}
.comments_dh a{ color:#333333;}
.comments_list{ width:auto; height:auto; padding:8px 8px;}
.comments_list img{ float:left;display:block; width:90px; height:90px; padding:2px; border:1px solid #ddd; margin:0 10px 0 0;} 
.comments_list .dh{ height:32px; line-height:32px; overflow:hidden; font-weight:bold;}
.comments_list .txt{ line-height:25px; height:50px; overflow:hidden}
.comments_list  a{ color:#000}
.comments_lista{margin:20px 8px 0 8px;}

.comments_detail{ padding:20px 8px 20px 8px; line-height:28px; height:auto;}
.comments_detail img{ max-width:100% !important; height:auto !important;}
.comments_title{ font-size:24px; font-weight:bold; text-align:center; color:#333333; line-height:30px; padding:35px 15px 0 15px;}


/********************************* 产品中心  ***************************************/
.products_dh1{ font-size:30px; text-align:center; line-height:50px; text-transform:uppercase; color:#e52330; padding:10px 0 18px 0;}
.products_dh1 a{color:#e52330}
.products_dh1 img{ display:block; width:100%; height:auto; margin:0 auto}
.products_list1{ width:47%; height:auto; float:left; margin:0 0 15px 2%; overflow:hidden;}
.products_list1 img{ width:98.45%; height:auto; padding:2px; display:block; border:1px solid #dddddd;}
.products_list1 span{ display:block; height:28px; line-height:28px;border:1px solid #dddddd; border-top:none; text-align:center;}
.products_list1 a{ color:#333;}
.products_l{ width:232px; height:auto;border:1px solid #dddddd;border-top:none;}
.products_r{height:auto;border:1px solid #dddddd;border-top:none;}
.products_r_list{ float:left;width:47%; height:auto; margin:12px 0 0 2%; text-align:center}
.products_r_list img{ display:block; width:auto; height:160px; margin:0 auto}
.products_r_list span{ height:36px; line-height:36px; overflow:hidden; text-align:center;}
.products_r_list a{ color:#333333}
.products_r_line{ height:8px; line-height:8px; background:url(/PageCodeFile/M/Images/line.jpg) repeat-x; font-size:0;}
.products_r_more{ float:right; display:block; width:45px; height:48px; background:url(/PageCodeFile/M/Images/more.jpg) no-repeat;}
.products_r_tc{ height:auto; max-width:750px; margin:20px auto}
.products_r_tc img{ width:100%; height:auto; display:block}

.products_dl{ border:1px solid #dddddd; border-top:none; padding:10px 0 0 0;}
.products_dl dt{ height:30px; line-height:30px; overflow:hidden; background:url(/PageCodeFile/M/Images/footera.jpg) repeat; margin:0 -1px 0 -1px; padding:0 0 0 16px; font-size:16px;}
.products_dl dt a{ color:#fefefe;}
.products_dl dd{ padding:6px 26px 6px 26px;}
.products_dl dd a{ display:block; height:25px; line-height:25px; overflow:hidden; color:#333;}
.products_list3{ width:47%; height:auto; float:left; text-align:center; margin:15px 0 0 2%;}
.products_list3 img{ display:block; width:auto; height:150px; margin:0 auto;}
.products_list3 span{ display:block; height:35px; line-height:35px; overflow:hidden}
.products_list3 a{ color:#333}

.products_right{ height:auto; padding:20px 8px 0 8px;}
.products_right .dh{ font-size:18px; line-height:25px;font-weight:bold; color:#e10110; padding:15px 0 10px 0;}
.products_right .dh a{ color:#333; font-size:14px; font-weight:normal; float:right; display:inline-block; padding:0 0 0 12px;}
.products_right .txt{ line-height:27px; color:#333333; height:auto; padding:10px 0; border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.products_right .txt1{line-height:27px; color:#333333; height:auto;padding:10px 0}
.products_right .txt1 span{ color:#e10110; display:block; height:27px;}

.products_tab{  position:relative; width:100%; height:auto; margin:20px auto 20px auto}
.products_tab_title{width:100%;height:50px; text-align:center;color:#e10110; }
.products_tab_title span{border:1px solid #e10110;display:inline-block; height:22px; line-height:22px; color:#e10110;padding:0 18px;}
.products_tab_dl{ height:auto;padding:0 8px;line-height:26px; color:#333;}
/********************************* 应用领域  ***************************************/
.application_div{ padding:25px 0 0 0;height:auto; background:url(/PageCodeFile/M/Images/index2.jpg) no-repeat center top;}
.application_dh{ height:41px; line-height:41px; background:url(/PageCodeFile/M/Images/yy.png) no-repeat center top; font-size:16px; color:#333333; font-weight:600; text-align:center; margin:0 0 22px 0; background-size:330px auto;}
.application_dh span{ color:#e10110; padding-left:13px;}
.application_list{ float:left;width:32%; height:auto; line-height:35px; text-align:center; overflow:hidden; margin-left:1%; overflow:hidden}
.application_list img{ display:block; width:100%; height:auto; border:1px solid #dddddd; margin:0 auto}
.application_list a{ color:#999}
.application_list:nth-child(2),.application_list:nth-child(9){ margin-left:0 !important}
.application_detail{ padding:60px 30px 30px 30px; line-height:28px; color:#333;}
.application_detail img{ max-width:100% !important; height:auto !important;}
/********************************* 优势  ***************************************/
.advantage_div{ width:100%; height:auto; background:url(/PageCodeFile/M/Images/index3.jpg) no-repeat center top}
.advantage_dh{ width:100%; height:auto; padding:20px 0 14px 0; text-align:center}
.advantage_dh img{ width:80%; height:auto0; margin:0 auto}
.advantage_img{ float:left;display:block; width:100px; height:100px; margin:0 8px 0 0; border-radius:50%;}
.advantage_list{height:auto; background:url(/PageCodeFile/M/Images/line.png) no-repeat 8px 40px; padding:0 8px 10px 8px;}
.advantage_list .dh{ height:40px; line-height:40px; overflow:hidden; font-size:19px; color:#eee; font-weight:bold; text-transform:uppercase;}
.advantage_list .dh span{ padding:0 0 0 30px;}
.advantage_list .txt{ color:#eeeeee; line-height:25px; height:auto;overflow:hidden; padding:12px 0 0 0;}
.advantage_list .txt span{ color:#e62617}
.advantage_ad{ max-width:750px;height:auto; margin:0 auto; margin-bottom:20px}
.advantage_ad img{ width:100%; height:auto; display:block}
/********************************* 内容页面右边  ***************************************/
.index_right{width:100%; height:auto; margin:0 0 20px 0}
.index_righta{ border:none;}
.index_right_dh{ height:45px; text-align:center; font-size:18px; color:#222; line-height:45px; padding:10px 0 0 0}
/********************************* 翻页栏  ***************************************/
.Page{ height:26px;  padding:15px 0 0 0;text-align:center;}
.Page a{ display:inline-block; height:22px; color:#333;line-height:22px;padding:0 7px; margin:0 4px; border:1px solid #222222;}
.Page a:hover,.Page a.on{color:#e10110 !important;border:1px solid #e10110;}
.Page ul li{display:inline;}
/********************************* 新闻中心  ***************************************/
.news_list1{width:auto; height:auto; margin:15px 8px 0 8px; position:relative}
.news_list1 img{ display:block; float:left; width:120px; height:75px; padding:4px; border:1px solid #999; margin:0 12px 0 0;}
.news_list1 .dh{ display:block; height:30px; line-height:30px; font-weight:bold; margin:5px 0;}
.news_list1 .time{ color:#999; height:20px; line-height:20px; overflow:hidden;}
.news_list1 .txt{ color:#999; line-height:26px; overflow:hidden; height:26px;}
.news_list1 a{color:#333333}
.news_list1 span{ position:absolute; top:0; left:87px; width:43px; height:43px; background:url(/PageCodeFile/M/Images/r.png) no-repeat; background-size:43px 43px}

.news_list2{ width:auto; height:auto; padding:10px 8px 0 23px; background:url(/PageCodeFile/M/Images/list.png) no-repeat 8px 14px;}
.news_list2 .dh{  height:20px; line-height:20px; overflow:hidden}
.news_list2 .txt{ color:#999; font-size:12px; line-height:20px; height:20px; overflow:hidden;}
.news_list2 span{ color:#999; float:right;}
.news_list2 a{color:#333;}
.news_list2:hover{ background:url(/PageCodeFile/M/Images/lista.png) no-repeat 8px 14px; }
.news_title{ text-align:center; font-size:24px; line-height:32px; padding:18px 0 0 0;}
.news_time{  height:auto; margin:0 8px; color:#999; background:url(/PageCodeFile/M/Images/line.jpg) repeat-x 0 bottom; text-align:center; line-height:40px;}
.news_time span{ padding:0 10px;}
.news_details{ color:#222; line-height:27px; padding:20px 8px 20px 8px;}
.news_details a{ color:#f36f20}
.news_details img{ max-width:100% !important; height:auto !important }
.news_page{ color:#999; line-height:30px; padding:0 0 0 8px}
.news_page a{display:block;color:#999; }
.news_p1{ padding:0 20px; height:25px; line-height:25px; overflow:hidden; margin:15px 0 0 0;}
.news_p1 a{ color:#333;}
/********************************* 联系我们  ***************************************/
.contacts_details{ padding:0 8px 20px 8px; line-height:27px; color:#000;}
.contacts_details a{ color:#f36f20;}
.contacts_details img{ max-width:100% !important; height:auto !important}