@charset "utf-8";
body{ margin:0; padding:0; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#ffffff }
*{ margin:0; padding:0;}
a{ text-decoration:none; color:#333; }
a:hover{color:#d27d3c; }
ul{ margin:0; padding:0;}
li{ list-style:none;}
img{ border:0;}
td{ line-height:20px;}
.clear{ width:1px; height:0; overflow:hidden; clear:both;}
form{ margin:0; padding:0;}
.page{ float:left; width:100%; text-align:center; margin-top:50px;}
.page a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #e0e0e0; border-radius:3px; margin:0 3px;}
.page a.on,.page a:hover{ color:#fff; border:1px solid #d27d3c; background:#d27d3c;}
input,select,textarea{ font-family:Arial, Helvetica, sans-serif;  outline:none}
.fl{ float:left;}
.fr{ float:right}
.wrap{ width:1400px; margin:0 auto;min-width:1200px; }
.wrapbox{ width:1200px; margin:0 auto;min-width:1200px; }
.overflow{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}

/*头部*/
.top{ width:100%; float:left; background:#000000; min-width:1200px;  position: fixed; left: 0; top:0; z-index: 11; }
.logo{ height:60px; float:left; margin:20px 0}
.rtop{ float:right; margin-top:40px; margin-left:60px;}
.rtop li{ float:left; margin-left:20px; display:block; line-height:17px; position:relative;}
.rtop li img{ float:right; cursor:pointer; margin:5px 0 0 0;}
.rtop li span{ float:left; margin-right:5px;  font-family:Arial, Helvetica, sans-serif}
.rtop li ul{ position:absolute;  display:none; border:1px solid #ddd; box-sizing:border-box;transition: all 0.3s ease 0s; line-height:28px; right:0; top:-3px; background:#fff; width:160px; border-radius:20px; z-index:10}
.rtop li:hover ul{ display:block}
.txt_search{ float:left; width:110px; font-size:12px; height:28px; margin-left:10px; background:none; line-height:28px; border:0;}
.btn_search{ width:30px; float:right; background:url(u2.png) center center; background-repeat:no-repeat; height:28px; text-indent:100px; cursor:pointer; border:0;}

.lang{float:right;height:24px;background:url(lang.png) no-repeat left center; margin:0 0 0 15px}
.lang a{color:#1c1c1c;line-height:24px;font-size:12px;padding-left:30px;}

#nav { float:right; margin-right: 200px; text-transform:uppercase; font-weight:bold; }
#nav .jquery_out {float:left;line-height:40px;display:block; }

#nav .mainlevel { float:left;/*IE6 only*/ background-repeat:no-repeat; position:relative;margin-right:40px; }
#nav .mainlevel img{  margin-top:45px; float:right; margin-left:5px;}
#nav .mainlevel span{ float:left; display:block;}
#nav .mainlevel a { text-decoration:none; line-height:38px; margin:33px 0 10px;  display:block; float:left;  margin-left:30px;font-size:16px; border-bottom: 2px solid #000;  color:#fff;transition: all 0.3s ease 0s;}
#nav .mainlevel a.hov{ color:#fff; border-bottom:2px solid #fff}
#nav .mainlevel a:hover {color:#fff; border-bottom:2px solid #fff}

#nav .mainlevel ul {display:none; position:absolute; list-style-type:none; padding:0; margin:0; z-index:1020; width:1200px; margin-left:-410px;   background:#fff;box-shadow: 0 0 8px #ddd; }
#nav .mainlevel ul li { width:100%; height:auto; overflow:hidden; line-height:22px; margin:0; padding:10px 20px; box-sizing: border-box; border-bottom:1px solid #ddd; list-style-type:none;/*IE6 only*/}
#nav .mainlevel ul li a{font-weight:normal; width:100%; height:auto;line-height:22px; padding:0;  margin:0; border:0; color:#000; font-size:13px; padding:0 10px; box-sizing:border-box}
#nav .mainlevel ul li:hover{ background: #fff;}
#nav .mainlevel ul li dt{ width: 260px; float: left;}
#nav .mainlevel ul li dt a{ width: 100%; float: left; color: #000;height: 30px; margin: 0; font-weight: bold; line-height: 30px;}
#nav .mainlevel ul li dt a:hover{ border: 0; color: #D27D3C;}
#nav .mainlevel ul li dd{ width: 900px; float: left;}
#nav .mainlevel ul li dd a{ display: block; float: left; height: 30px; width: auto; line-height: 30px; color: #000;}
#nav .mainlevel ul li dd a:hover{ color: #D27D3C;border: 0;}

.bodyBox{ padding: 100px 0 0 0;position:relative}

.tag-line{background: #D27D3C;color: #fff;position: absolute;z-index: 2;top: 70%;width:100%;height:120px;opacity:0.9;}
.text-center{text-align:center;text-transform:capitalize;padding-top:20px;font-size:50px;}

.banner{ min-width:1200px; overflow:hidden;}
.banner-box{ width:100%;height:500px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:500px;}
.banner-box .bd li a{display:block;background-size:auto;height:500px; width:100%;}

.banner-btn{width:100%;position:absolute;top:390px; margin:0 auto}
.banner-btn a{display:block;width:30px;height:57px;position:absolute;top:0; outline:none}
.banner-btn a.prev{left:40px;background:url(le.png) no-repeat;} 
.banner-btn a.prev:hover{background:url(le2.png) no-repeat;}
.banner-btn a.next{right:40px;background:url(ri.png) no-repeat;}
.banner-btn a.next:hover{background:url(ri2.png) no-repeat;}

.banner-box .hd {position:absolute;top:200px;left:50%; margin-left:-24px; }
.banner-box .hd ul li{width:15px;height:15px;border-radius :50%;text-indent:-9999px;margin:0px 6px;background:#none; border:1px solid #fff;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#d27d3c;border:1px solid #d27d3c;}

.pic_effect{  position: relative; overflow: hidden; }
.pic_effect img{display: block; width:100%; vertical-align: bottom;opacity: 1;filter:alpha(opacity=100);transform: scale(1, 1);transition: all 0.3s ease 0s; }
.pic_effect{ display: block; background: #fff;transition: background 0.3s ease 0s;}
.pic_effect:hover img{ transform: scale(1.08, 1.08);}
.title1{ width:100%; float:left; line-height:30px; background:url(xian.jpg) left bottom; background-repeat:no-repeat; text-align: center; padding-bottom:10px;  color:#333; font-size:30px; font-weight:bold; position:relative }
.spana{ position:absolute; top:10px; line-height:25px; right:0; font-size:14px; font-weight:normal}


.wxfg_more{ float:right; height:50px; line-height:50px; border: 1px solid #d27d3c; background:#d27d3c;transition: all 0.3s ease 0s; color:#fff; display:block;border-radius:10px; padding:0 25px; font-size:18px}
.wxfg_more:hover{ background:#fff; color:#d27d3c; border: 1px solid #d27d3c; box-sizing: border-box;}


.indexaboutinfo{ width:100%; float:left; margin-bottom: 80px;}
.aboutinfo_img{ float:left; width:437px;}
.aboutinfo_main{ width:710px; float:right;}
.aboutinfo_main_t{ width:100%; float:left; font-size:24px; color:#5c5c5c; margin-top: 60px;}
.aboutinfo_main_big_t{ width:100%; float:left; font-size:24px; margin:20px 0 40px; font-size:30px; font-weight:bold; color:#173660}
.aboutinfo_main_txt{width:100%; float:left; margin-bottom: 30px; font-size: 16px; line-height: 30px;}


.index_bzdsm{ width:100%; float:left; background:url(bg2.jpg) repeat-x; padding-top: 104px; margin-bottom: 100px;}
.bzdsm_left{ float:left; width:330px; float:left; }
.bzdsm_left_t{ float:left; width:330px; float:left; font-size:24px; line-height:30px; color:#0a1739; font-weight:bold}
.bzdsm_left_page{ float:left; width:330px; float:left; margin-top:60px;}
.bzdsm_left_page a{ display:block; width:31px; height:31px; float:left; margin-right:10px; text-indent:50px; overflow:hidden; cursor:pointer;transition: all 0.3s ease 0s;}
.bzdsm_left_page a.bzdsm_prev{ background:url(bprev.png);}
.bzdsm_left_page a.bzdsm_prev:hover{background:url(hprev.png);}
.bzdsm_left_page a.bzdsm_next{ background:url(bnext.png);}
.bzdsm_left_page a.bzdsm_next:hover{ background:url(hnext.png);}


.d_rollBox{width:798px; float:right;margin:0 auto; position:relative}
.d_rollBox .d_Cont{width:100%;overflow:hidden; float:left;}
.d_rollBox .d_Scrd_Cont{width:10000000px;}
.d_rollBox .d_Cont .picx{width:380px;float:left; height:380px; margin-right:30px; overflow:hidden; position:relative}
.d_rollBox .d_Cont .picx img{ width:380px; height:380px; float:left;}
.d_rollBox #d_List1,.d_rollBox #d_List2{float:left;}
.mxjs_t{ width:330px; font-size:16px;  line-height:50px; height:50px; text-align:center; border-radius:8px; overflow:hidden; background:url(bai.png); position:absolute; left:25px; bottom:30px; color:#000; font-weight:bold}
.mxjs_t:hover{ background:url(jiantou.png) no-repeat right 20px center #D27D3C; color:#fff; text-align: left; text-indent: 20px;}


.index_contact{ width:100%; float:left; margin-bottom:40px;}
.index_contact .wrapbox{ box-shadow: 0 0 10px #ddd; overflow: hidden; padding: 60px 30px; box-sizing: border-box;}
.contactbox{ width:320px; height:480px; float:right; background:url(contactbg.jpg); padding:50px 25px 0 25px; box-sizing:border-box; color:#fff;}
.contactbox_t{ width:100%; float:left; font-size:20px; text-transform:uppercase; color:#fff; font-weight:bold; line-height:30px;}
.contactinfo{ width:100%; float:left; margin-top:60px;}
.contactinfo dl{ width:100%; float:left; line-height:25px; padding-left:38px; box-sizing:border-box; margin-bottom:50px;}
.contactinfo dl.c_tel{ background:url(c1.png) left top no-repeat}
.contactinfo dl.c_email{ background:url(c2.png) left top 15px no-repeat}
.contactinfo dl.c_address{ background:url(c3.png) left top 15px no-repeat}
.get_in_touch{ width:750px; float:left;}
.get_in_touch_t{ width:100%; float:left; font-size:20px; font-weight:bold}
.get_in_touch_form{ width:775px; float:left; margin-top:20px;}
.get_in_touch_form dl{ width:360px; float:left; margin-right:25px;}
.input1{ width:360px; height:43px; border:1px solid #ddd; border-radius:5px; font-size:16px; text-indent:10px; margin-bottom:25px;}
.textarea1{ width:745px; padding:10px; box-sizing:border-box; height:100px; line-height:25px;border:1px solid #ddd; border-radius:5px; font-size:16px; margin-bottom:25px;  }
.submit1{ width:160px; height:50px; cursor:pointer; background:#d27d3c; color:#fff; font-size:16px; border:0; border-radius:8px;}
.input1.nameico{ background:url(i1.png) right 5px center no-repeat}
.input1.emailico{ background:url(i3.png) right 5px center no-repeat}
.input1.companyico{ }
.textarea1.contentico{ background:url(i5.png) right 5px top 5px no-repeat}
.input1.phoneico{ background:url(i2.png) right 5px center no-repeat}
.input1.websiteico{ background:url(i4.png) right 5px center no-repeat}
.lala{ display:none}
.nochecked{ background:url(i6.png) left -5px center no-repeat;}
.checked{ background:url(i7.png) left -5px center no-repeat; }
.sjyrlx label{ width:100%; float:left; height:30px; line-height:30px; text-indent:25px; cursor: pointer;}


.footbg{ width:100%; float:left; height: 300px; background:url(footbg.jpg); padding:50px 0; color:#ffffff; box-sizing:border-box;min-width:1200px; }
.footbg a{ color:#fff}
.flogobox{ float: left; width: 310px; }
.footlogo{ float: left;}
.foot_address{ width: 100%; float: left;line-height:25px; margin-top:25px}

.fnav{ float:left; margin: 0 0 0 130px;}
.fnav_t{  height:30px; padding-bottom:20px;font-size:18px; line-height:30px; }
.fnav p{ height:25px; line-height:25px;}
.gzwm{ float:right; line-height:35px; padding:45px 0 0 0 ;}
.gzwm img{ width: 40px; height: 40px; margin:20px 18px 0 0}
.copyright{ width:100%; float:left;background:#fff; line-height:30px; padding: 10px 0; text-align:center; color:#999999; font-size:16px}

.nbanner{ width:100%; float:left; height:420px;}
.lanmu{ float:left; width:100%; font-size: 16px; color: #fff; padding-top: 30px;}
.lanmu a{ color: #fff;}

.moduleinfo{ width: 100%; float: left; margin-top: 100px;}
.moduleinfo_t{ font-size: 54px; font-weight: bold; width: 100%; float: left; margin-bottom: 20px;}
.moduleinfo_txt{ font-size: 20px;  width: 100%; float: left;}


.about_content{ width: 100%; float: left; padding: 40px 0; font-size: 16px; line-height: 150%}
.about_title{ font-size: 35px; font-weight: bold; color: #173660; margin-bottom: 40px;}
.about_content img{ max-width: 100%;}
.about_youshi{width: 100%; float: left; background: url(bg3.jpg) top center no-repeat; height: 300px; margin-bottom: 80px;}
.about_youshi .youshibox{ background: none; margin-top: 10px;}

.pro_saixuan{ width: 100%; float: left; margin-top: 60px;}
.pro_saixuan dl{ width: 100%; float: left;}
.pro_saixuan dl dt{ float: left; background: #e5ecf7; height: 60px; width: 200px; text-align: center; font-size: 18px; line-height: 60px; color: #292929; height: 60px;}
.pro_saixuan dl dd{ width: 1000px; float: left; line-height: 60px; background: url(bg4.jpg) top repeat-x;}
.pro_saixuan dl dd a{ font-size: 16px; color: #7a7a7a; display: inline-block; margin-left: 20px;}
.pro_saixuan dl dd a:hover,.pro_saixuan dl dd a.on{ text-decoration: underline; color: #d27d3c;}

.productslist{ width:100%; float:left;margin-top: 30px; margin-bottom: 60px;}
.productslist dl{ float:left; width:380px; margin-right:30px; padding:15px;  box-sizing:border-box; padding-bottom:20px;}
.productslist dl:nth-of-type(3n){ margin-right:0;}
.productslist dl dd{ width:350px; height:350px; float:left}
.productslist dl dd img{ width:350px; height:350px; float:left; border: 1px solid #eee; box-sizing: border-box;}
.productslist dl:hover{box-shadow: 0 0 10px #ddd;}
.products_t{ width: 100%; float: left; font-size: 24px; line-height: 30px; text-align: center; height: 30px; margin-top: 15px;}
.products_txt{ width: 100%; float: left; font-size: 18px;line-height: 30px; height: 30px; color: #333; margin-bottom: 15px;}
.productslist dl dt{ width: 115px; float: left; height: 35px;font-size: 18px; border: 1px solid #ddd; border-radius: 5px; text-align: center; line-height: 35px;}
.productslist dl:hover dt{border:1px solid #d27d3c; color: #d27d3c;}


.productsshow{width:100%; float:left;margin-top: 30px; margin-bottom: 60px;}
#preview{ float:left;  width:460px;}
.jqzoom{ width:460px; position:relative;}
.zoomdiv{ left:859px; height:400px; width:400px;}

.list-h li{ float:left;}

#spec-n5{width:460px; height:105px; padding-top:26px; overflow:hidden;}

#spec-left{ background:url(images/left.gif) no-repeat; width:20px; height:45px; float:left; margin-left: 5PX; cursor:pointer; margin-top:35px;}

#spec-right{background:url(images/right.gif) no-repeat; width:20px; height:45px; float:left;cursor:pointer; margin-top:35px;}

#spec-list{ width:415px; float:left; overflow:hidden; margin-left:2px; display:inline;}

#spec-list ul li{ float:left; margin-right:0px; display:inline; width:104px;}

#spec-list ul li img{  border:1px solid #ccc; width:85px; height:85px; margin: 5PX;}


/*jqzoom*/

.jqzoom{position:relative;padding:0;}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}

.bigimg{width:800px;height:800px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-list{ position:relative; width:412px; margin-right:0;}

#spec-list div{ margin-top:0;}


.cpss_main{ width:680px; float:right;  overflow:hidden}

.cpss_t{ width:100%; float:left; line-height:50px; font-size:32px; margin: 10px 0 20px 0; font-weight:bold; margin-bottom:10px;}

.cpss_txt{ line-height:25px; font-size:16px; width:100%; float:left; margin-bottom:20px;}



.cpshow{ width:100%; float:left;  }

#d_tabs0 {width: 100%; float:left;  }

.d_menu0{width:100%; height:50px; line-height:50px; background-repeat:repeat-x;margin-top:0; }

.d_menu0 a{ cursor:pointer; display:inline-block;line-height:50px; width:33.333%; font-size: 18px; box-sizing: border-box; border-right: 1px solid #fff; text-align:center;background:#dcdedd; float:left}

.d_menu0 a.d_hover{ color:#fff; background:#d27d3c; background-repeat:repeat-x;}


#d_main0 ol{display: none; padding-top:20px; line-height:30px; font-size: 16px;}

#d_main0 ol.d_block{display: block;}

#d_main0 ol img{ max-width:100%; height:auto}



.sitemcx{ width: 100%; float: left; height: 50px; line-height: 50px; color: #fff; background: #ccc;}
.sitemcx a{ color: #fff;}
.sitemcx span{ float: left; padding: 0 40px; display: block;  background: #d27d3c; font-size:16px;}
.sitemcx .spansk{ float: right;}

.solutions_page{ display:block; width:31px; height:31px;  position: absolute; top: 50%; margin-top-15px; text-indent:50px; overflow:hidden; cursor:pointer;transition: all 0.3s ease 0s;}
.solutions_page.solutions_prev{ background:url(bprev.png);  left: -50px;}
.solutions_page.solutions_prev:hover{background:url(hprev.png);}
.solutions_page.solutions_next{ background:url(bnext.png); right: -50px;}
.solutions_page.solutions_next:hover{ background:url(hnext.png);}

.solutionsprolist {width: 100%; float: left; margin-bottom: 50px;}
.fg_rollBox{width:100%; float:right;margin:0 auto; position:relative}
.fg_rollBox .fg_Cont{width:100%;overflow:hidden; float:left;}
.fg_rollBox .fg_Scrfg_Cont{width:10000000px;}

.fg_rollBox #fg_List1,.fg_rollBox #fg_List2{float:left;}

.fg_rollBox .fg_Cont .picmmcsc{ float:left; width:372px; margin: 5px 30px 5px 5px; padding:10px 25px; box-sizing:border-box; padding-bottom:20px;}

.fg_rollBox .fg_Cont .picmmcsc dd{ width:330px; height:330px; float:left}
.fg_rollBox .fg_Cont .picmmcsc dd img{ width:330px; height:330px; float:left}
.fg_rollBox .fg_Cont .picmmcsc:hover{box-shadow: 0 0 10px #ddd;}
.fg_rollBox .fg_Cont .picmmcsc dt{ width: 115px; float: left; height: 35px;font-size: 18px; border: 1px solid #ddd; border-radius: 5px; text-align: center; line-height: 35px;}
.fg_rollBox .fg_Cont .picmmcsc:hover dt{border:1px solid #e60013; color: #e60013;}

.fg_rollBox .solutions_page{ top: 200px;}