@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:#e60013; }

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.current,.page a:hover{ color:#fff; border:1px solid #e60013; background:#e60013;}

input,select,textarea{ font-family:Arial, Helvetica, sans-serif;  outline:none}

.fl{ float:left;}

.fr{ float:right}

.wrap{ width:1400px; margin:0 auto;}

.wrapbox{ width:1200px; margin:0 auto;}

.overflow{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}

.mobox{ display: none;}



/*头部*/

.top{ width:100%; float:left; background:#fff; box-shadow: 0 0 8px #ddd; position: fixed; left: 0; top:0; z-index: 11; }

.logo{ height:44px; float:left; margin:28px 0}

.rtop{ float:right; margin-top:40px; margin-left:60px; margin-right:80px}

.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; left:-60px; 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; }

#nav .jquery_out {float:left;line-height:40px;display:block; }



#nav .mainlevel { float:left;/*IE6 only*/ background-repeat:no-repeat; position:relative;margin-right:20px; }

#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:58px; margin:23px 0 20px; font-weight:bold; display:block; float:left; border-bottom:2px solid #fff; margin-left:30px;font-size:16px;  color:#292929;transition: all 0.3s ease 0s;}

#nav .mainlevel a.hov{ color:#e60013; border-bottom:2px solid #e60013}

#nav .mainlevel a:hover {color:#e60013; border-bottom:2px solid #e60013}



#nav .mainlevel ul {display:none; position:absolute; list-style-type:none; padding:0; margin:0; z-index:1020; width:1400px; 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 0; 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:16px; padding:0 10px; box-sizing:border-box}

#nav .mainlevel ul li:hover{   background:#e60013;border-bottom:1px solid #e60013; }

#nav .mainlevel ul li:hover a{ color:#fff; border:0;}



.pmbox{  float:left; width:16.66%; padding:0 10px 0 10px; box-sizing:border-box; margin:40px 0; border-left:1px solid #eee}

.pmbox_t{ width:100%; float:left;  font-size:20px;  margin-bottom:20px; }

.pmbox_t img{ width: 100%; float: left; height: auto;}

.pmbox_t p{ width: 100%; float: left; font-weight:normal; line-height:20px; background:#e60013; padding:5px; box-sizing:border-box; color: #fff; margin-top:15px}

#nav .mainlevel ul .pmbox_t a{ height: auto; font-weight:normal; font-size:16px; width: auto;}

#nav .mainlevel .pmbox_t a{ width:100%; float:left; color:#000; border:0; background-repeat:no-repeat;  margin:0; padding:0;}

.pmli{ width:100%; float:left; font-size:14px; line-height:25px; overflow:hidden; height:auto; margin-bottom:10px}



#nav .mainlevel .pmli a{ color:#666; text-align:left; margin:0; padding:0; width:100%; border:0; font-size:14px; font-weight:normal; line-height:20px;}

#nav .mainlevel .pmli a:hover{ color:#e60013}

.pmboxd{ width:335px; float:right; margin-right:75px;}

.pmboxd img{ width:335px; float:left}

.pmboxd p{ width:100%; float:left; line-height:30px; overflow:hidden; font-size:15px; margin:10px 0 10px}



#nav .mainlevel .pmboxd a{ color:#fff; background:#e60013; text-align:center; margin:0; padding:0; width:120px; height:40px; line-height:40px; border:0; line-height:40px; margin-bottom:50px;}

#nav .mainlevel .pmboxd a:hover{ color:#fff}

.pmbox2{ width:700px; float:left; margin:50px 0 }

#nav .mainlevel .pmli2{ width:350px; float:left; height:40px; line-height:40px; margin-bottom:10px;}

#nav .mainlevel .pmli2 a{ display:block; width:100%; margin:0; border:0; padding:0;height:40px; line-height:40px;}

#nav .mainlevel .pmli2 a img{ float:left; height:30px;  margin:5px 10px 0 30px; color:#333}

#nav .mainlevel .pmli2 a span{ float:left; color:#333}

#nav .mainlevel .pmli2 a:hover{ background:#e60013;}

#nav .mainlevel .pmli2 a:hover span{ color:#fff;}



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



.banner{ min-width:1400px; overflow:hidden;}

.banner-box{ width:100%;height:640px;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:640px;}

.banner-box .bd li a{display:block;background-size:auto;height:640px; 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:#e60013;border:1px solid #e60013;}



.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; padding-bottom:10px; color:#333; font-size:24px; 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 #e60013; background:#e60013;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:#e60013; border: 1px solid #e60013; box-sizing: border-box;}



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

.wzxxboxgg{background:#173660; padding:30px 0;  border-radius:8px; width: 100%; float: left; margin:30px 0}

.wzxxbox{width:100%; float:left;padding:0px 100px;box-sizing:border-box;  }

.wzxxbox dl{ width:180px;float:left; margin-right:24px; border-radius:8px;background:#f2f2f2; padding:20px 10px; box-sizing:border-box;transition: all 0.3s ease 0s;}

.wzxxbox dl img{width:139px;float:left; height:75px; margin:20px 10px 20px 10px}

.wzxxbox dl dt{width:100%; float:left; font-size:16px; line-height:25px; height:50px; overflow:hidden; text-align:center}

.wzxxbox dl:nth-of-type(6n){ margin-right:0;}

.wzxxbox dl:hover{ margin-top:-10px; margin-bottom:10px;}

.wzxxbox_info{width:100%; float:left; margin:50px 0 ;padding:0px 100px; box-sizing: border-box; }

.wzxxbox_info_t{float:left; line-height:35px; color:#fff; font-size:30px; width:560px}





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

.oemodm_img{ float:left; width:437px;}

.oemodm_main{ width:710px; float:right;}

.oemodm_main_t{ width:100%; float:left; font-size:24px; color:#5c5c5c}

.oemodm_main_big_t{ width:100%; float:left; font-size:24px; margin:20px 0 40px; font-size:30px; font-weight:bold; color:#173660}

.oemodm_main_txt{width:100%; float:left; margin-bottom: 30px;}

.oemodm_main_txt dl{ width: 100%; float: left; position: relative; padding-left: 100px; box-sizing: border-box; margin-bottom: 25px;}

.oemodm_main_txt dl img{ width: 76px; height: 75px; position: absolute; left: 0; top: 10px;}

.oemodm_main_txt dl dt{ width: 100%; float: left; font-size: 20px; line-height: 30px; margin-bottom: 10px;}

.oemodm_main_txt dl dd{ width: 100%; float: left; font-size: 16px; line-height: 22px; margin-bottom: 10px; max-height: 66px; overflow: hidden;}



.youshibox{ width: 100%; background: url(bg1.jpg); width: 100%; height: 300px; color: #fff; margin-top: 30px;}

.youshibox dl{ width: 25%; float: left; margin-top: 80px; text-align: center; padding: 0 18px; box-sizing: border-box;}

.youshibox dl dt{ width: 100%; float: left; font-weight: bold; font-size: 56px; line-height: 40px; margin-bottom: 30px;}

.youshibox dl dd{ width: 100%; float: left;  font-size: 18px; line-height: 25px;}





.index_bzdsm{ width:100%; float:left; background:url(bg2.jpg) repeat-x; padding-top: 40px;}

.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:300px; margin-right:30px; overflow:hidden; position:relative}

.d_rollBox .d_Cont .picx img{ width:380px; height:300px; 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-color: rgba(255, 255, 255, 0.9); position:absolute; left:25px; bottom:30px; color:#000; font-weight:bold}

.mxjs_t:hover{ background:url(jiantou.png) no-repeat right 20px center #cd0213; color:#fff; }





.index_news{ width:100%; float:left; margin:40px 0 10px 0px}

.title1{ width:100%; float:left; text-align:center; font-size:36px; line-height:30px; margin-bottom:25px;}

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

.newbox dl{ float:left; width:380px; margin-right:30px; padding:10px; box-sizing:border-box; padding-bottom:20px; cursor: pointer;}

.newbox dl:nth-of-type(3n){ margin-right:0;}

.newbox dl dd{ width:360px; height:200px; float:left; position:relative;}

.newbox dl dd img{ width:360px; height:200px; float:left}

.newbox dl:hover{box-shadow: 0 0 10px #ddd;}

.inews_t{ width:360px; float:left; margin:20px 0 10px 0; line-height:22px; height:66px; color:#000; font-size:18px; overflow:hidden; }

.inews_txt{ width:360px; float:left; line-height:25px; font-size:14px; max-height:125px; overflow:hidden; color:#999;}

.newbox dl:hover .inews_t{ color:#e60013}

.newbox dl dd span{ position: absolute; left: 0; top:-400px; display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 10; transition: all 0.3s ease 0s;}

.newbox dl:hover span{ top: 0;}

.newbox dl dd span img{ width: 60px; height: 60px; float: left; margin: 70px 150px;}



.index_contact{ width:100%; float:left; margin-bottom:30px;}

.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:15px;}

.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_whats{ background:url(whatapp.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:360px; 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:#e60013; 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: 360px; background:url(footbg.jpg); padding:85px 0; color:#ffffff; box-sizing:border-box;}

.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 80px;}

.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; display:none}

.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: 60px 0; font-size: 16px; line-height: 30px}

.about_title{ font-size: 30px; font-weight: bold; color: #173660; margin-bottom: 20px;}

.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: #e60013;}

.pro_saixuan dl.youmar{ margin-bottom:30px}

.productslist{ width:100%; float:left;margin-top: 30px; margin-bottom: 60px;}

.productslist dl{ float:left; width:380px; margin-right:30px; padding:10px 25px; box-sizing:border-box; padding-bottom:20px;}

.productslist dl:nth-of-type(3n){ margin-right:0;}

.productslist dl dd{ width:330px; height:206px; float:left}

.productslist dl dd img{ width:330px; height:206px; float:left}

.productslist dl:hover{box-shadow: 0 0 10px #ddd;}

.products_t{ width: 100%; float: left; font-size: 24px; line-height: 30px; height: 30px; margin-bottom: 7px;}

.products_txt{ width: 100%; float: left; font-size: 18px;line-height: 25px; height: 50px; color: #333; margin-bottom: 15px;}

.productslist dl dt{ width: 115px; float: left; height: 35px;font-size: 18px; border: 1px solid #e60013; background:#e60013; color:#fff; border-radius: 5px; text-align: center; line-height: 35px;}

/*.productslist dl:hover dt{border:1px solid #e60013; color: #e60013; background:#fff}*/





.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:20px;}



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



#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:55px; 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:auto;}



.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:35px; font-size:16px; width:100%; float:left; margin-bottom:20px;}



.proshow_contact{ width: 160px; height: 50px; color: #fff; background: #e60013; text-align: center; line-height: 50px; font-size: 18px; border-radius: 8px; float: left; margin-top: 20px;}







.cpshow{ width:100%; float:left; margin-top:30px; }



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



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



.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:#e60013; background-repeat:repeat-x;}





#d_main0 ol dl{ width:100%; line-height:48px; height: 48px; overflow: hidden; float:left; margin-bottom: 2px;}



#d_main0 ol dl dt{ width:220px; float:left; text-indent:30px; height:40px; background: #cccccc; line-height:40px;}



#d_main0 ol dl dd{ width:978px; float:right; line-height:40px; background: #e6e6e6; text-indent: 50px;}



#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}



.cpguige{ width:100%; float:left; border-top:1px solid #ddd; font-size:22px; line-height:80px; margin-top:35px;}



.guhhhh td{ padding:10px 0; line-height:25px}

.guhhhh td.classdt{ background:#ccc; padding-left:30px; width:190px}

.guhhhh td.classdd{ background:#e6e6e6; padding:10px 50px}





.solutionslist{ width: 100%; float: left; background: #f2f6fb; padding: 50px 0 ;}

.solutionslist .title1{ color: #173660;}



.c_rollBox{width:100%; float:right;margin:0 auto; position:relative}

.c_rollBox .c_Cont{width:100%;overflow:hidden; float:left;}

.c_rollBox .c_Scrc_Cont{width:10000000px;}

.c_rollBox .c_Cont .picmmc{width:380px;float:left; height:630px; margin-right:30px; overflow:hidden; position:relative}

.c_rollBox .c_Cont .picmmc dl{width:380px;float:left; height:300px; margin-bottom:30px; overflow: hidden; position:relative}

.c_rollBox .c_Cont .picmmc dl img{ width:380px; height:300px; float:left;}

.c_rollBox #c_List1,.c_rollBox #c_List2{float:left;}

.c_rollBox .c_Cont .picmmc.gspic{ height:240px}

.c_rollBox .c_Cont .picmmc.gspic dl img{ width:380px; height:240px; float:left;}

.c_rollBox .c_Cont .picmmc.gspic a{ display:block}



.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; padding: 50px 0 ;}

.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:206px; float:left}

.fg_rollBox .fg_Cont .picmmcsc dd img{ width:330px; height:206px; 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;}





.content_show_box{ width: 100%; padding: 50px 0; float: left;}

.content_show_tit{width: 100%; font-size: 28px; float: left; font-weight: bold; line-height: 30px; padding: 5px 0; margin-bottom: 15px; text-align: center;}

.content_show_txt{width: 100%;float: left; line-height: 30px; font-size: 18px; margin-bottom: 15px;}



.odmtxty{margin: 40px 0; font-size: 20px; font-weight: bold; line-height: 40px;}

.oem_content{ width: 100%; float: left; padding: 60px 0;}

.oemboximg{ float: left; width: 500px;}

.oemboxmain{ float: right; width: 650px;}

.oemboxtit{ width: 100%; float: left; color: #173660; font-size: 30px; font-weight: bold; line-height: 35px; margin-bottom: 10px;}

.oemboxtxt{ width: 100%; float: left; font-size: 16px; line-height: 30px;}

.oem_content2{ width: 100%; float: left; margin: 60px 0; text-align: center;}

.oem_content2_txt{width: 100%; float: left; line-height: 25px; font-size: 16px;}



.oem_content3{width: 100%; float: left; background: url(bg3.jpg) top center no-repeat; height: 300px; margin-bottom: 80px; color: #fff;}

.oem_content3_box{ width: 100%; float: left; margin-top: 100px;}

.oem_content3_sl{ float: left; width: 550px;}

.oem_content3_sl dt{ font-size: 18px; line-height: 30px; margin-bottom: 5px;}

.oem_content3_sl dd{ font-size: 24px; line-height: 30px;}

.oem_content3_sr{ float: right; width: 600px;font-size: 16px; line-height: 28px;}

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

.oemodmlist dl{ width: 380px; float: left; margin-right: 30px; padding-right:30px; box-sizing: border-box; margin-bottom: 40px; padding-bottom: 30px;}

.oemodmlist dl:nth-of-type(3n){ margin-right: 0;}

.oemodmlist dl img{ width: 100px; height: 100px; float: left;}

.oemodmlist dl dt{ width: 100%; float: left; height: 60px; line-height: 30px;  font-size: 24px; margin: 20px 0 30px 0; }

.oemodmlist dl dd{ width: 100%; float: left;  line-height: 25px;  font-size: 16px; height: 125px; overflow: hidden; }

.oemodmlist dl:hover{box-shadow: 5px 5px 10px #ddd;}



.contactcontent{ margin-top: 80px;}



.news_catebox{ width: 100%; float: left; padding: 80px 0 200px;}

.news_catebox dl{ width: 300px; float: left;transition: all 0.3s ease 0s; text-align: center; padding-bottom: 40px;}

.news_catebox dl img{ width: 160px; height: 160px; float: left; margin: 40px 70px; text-align: center;transition: all 0.3s ease 0s; }

.news_catebox dl dt{ width: 100%; float: left;height: 30px; line-height: 30px; font-size: 24px; color: #000;margin-bottom: 10px;}

.news_catebox dl dd{ width: 100%; float: left; height: 30px; line-height: 30px; color: #e60013; }

.news_catebox dl dd span{ opacity: 0;transition: all 0.3s ease 0s;font-size: 18px; }

.news_catebox dl:hover{box-shadow: 0 0 8px #ddd; }

.news_catebox dl:hover span{ opacity: 1;}

.news_catebox dl:hover dt{color: #e60013;}

.news_catebox dl:hover img{margin: 30px 70px;}





.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: #e60013; font-size:16px;}

.sitemcx .spansk{ float: right;}



.newspros{ background: #f5f5f5; margin: 0; padding: 50px 0;}

.newspros dl{ background: #fff; margin-bottom: 50px;}

.newspros .page{ margin-top: 0;}

.newspros .products_txt{ height: 75px; line-height: 25px; overflow: hidden; color: #999; font-size: 16px; margin: 15px 0 30px;}

.propdfdown{ width: 100%; float: left; display: block; line-height: 30px; background: url(pdf.png) left center no-repeat; text-indent: 30px; color: #999; font-size: 16px; }



.eventlist{ width: 100%; padding: 60px 0; float: left;}

.eventlist dl{ width: 100%; float: left; height: 50px; background: #f5f5f5; font-size: 16px; margin-bottom: 1px;transition: all 0.3s ease 0s;}

.eventlist dl:nth-of-type(1){ background: #e6e6e6;}

.eventlist dl dd{ float: left; width: 27%; padding: 0 20px; box-sizing: border-box; line-height: 50px;}

.eventlist dl dd:nth-of-type(4){ margin-right: 0; width:19% ;}

.eventlist dl:hover{  background: #e6e6e6;}



.videoboxbg{ position:fixed; z-index: 20; height: 100%; width: 100%; left: 0; top:-2000px; background: rgba(0, 0, 0, 0.5); }

.videobox{ width:560px; height: 315px; position: fixed; left: 50%; top: 50%; margin: -160px 0 0 -280px; display: none;}

.videoplay{ width:560px; height: 315px; background: #fff; float: left;}

.videobox img{ float: right; margin-bottom: 5px; cursor: pointer;}



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

    .pcbox{ display: none;}

    .mobox{ display: block;}

    body{margin:0px; color:#333; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:62.5%;color:#666; background:#fff}  

.wrap{width: 94.6%; margin: 0 auto;}

.wrapbox{width: 94.6%; margin: 0 auto;}

.fl{ float:left;}

.fr{ float:right;}

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

.f_20{ font-size:2em}

.f_22{ font-size:2.2em}

.f_24{ font-size:2.4em}

.f_26{ font-size:2.6em}

.f_28{ font-size:2.8em}

.f_30{ font-size:3em}

.f_32{ font-size:3.2em}

.f_34{ font-size:3.4em}

.f_36{ font-size:3.6em}

.f_38{ font-size:3.8em}

.f_40{ font-size:4em}

.f_44{ font-size:4.4em}



.page{ float:left; width:100%; text-align:center;  margin-bottom:1em; margin-top:1em;}

.page a{ display:inline-block; line-height:2em; padding:0 0.5em; border:1px solid #ccc; border-radius:3px; margin:0 0.1em; font-size:0.85em; background:#fff;}

.headbox{  z-index: 11; left: 0; top:0px;   float: left; width: 100%; position:fixed; border-bottom:1px solid #ddd; box-sizing:border-box}

.head{ float: left; width: 100%; height:2em; padding:1em 0;  position: relative; z-index: 2; background: transparent;  background:#ffffff; }

.head_hover{background: #e62129;}



.mlogo{  height:2em; display:inline-block; float:left; vertical-align: bottom; }

.fdj{ float:right; margin-top:0.5em; height:1em; }

.topnavbtn{ float: right;height: 2em; width:3em;  margin: 0em 0 0; cursor: pointer; position: relative; text-align: center; z-index: 10;}

.topnav img{height: 1.2em; margin-top:0.4em; float:right;}

.close{ color: #e62129; font-size: 1.8em; line-height:1.8em; display: none; width: 100%; text-align:right; position: absolute; left: 0; top: 50%; margin-top: -1em;}

.msearch{ width:100%; left:0; display:none; background:#eee; position:absolute; top:4em; height:35px; padding:1em 0}

.mtxt_search{ width:72%; float:left; height:35px; line-height:35px; text-indent:5px; font-size:14px; background:#fff; border:0; border-radius: 1em;}

.mbtn_search{ width:25%; float:right; border:0; height:35px; background:#e62129; background-repeat:no-repeat; line-height:35px;border-radius: 1em; color:#fff; font-size:14px;}





.topnavbox{ position: absolute; left: 0; top: 4em;  width: 100%;   box-shadow: 0px 0.83em 1.80em rgba(2, 43, 65, 0.21); font-size: 1em; display: none;}

.topnavbox .wrap1{position: relative; z-index: 2;}

.topnavlist{font-size: 1em; }

.topnavlist li{font-size: 0.95em; line-height: 3.2em;background:#eee; box-sizing: border-box; width:100%; position: relative;}

.topnavlist li:first-of-type{border-top: medium none;}

.topnavlist li a{  display: block; text-align:center; color:#000;  border-top: 1px dashed #fff; width:94.6%; margin-left:2.7%;}

.topnavlist li:first-of-type a{border-top: medium none;}

.topnavlist li li{border-top: 1px solid #eeeeed;}

.topnavbox .wrap1{ width:100%; padding:0; height:100%; background:url(hei.png); height:50em;}

/*.topnavlist li a.hover{color: #e62129;}

*/.navbox{display: none;}

.sanjiao{width: 0;height: 0;border-left: 0.3em solid transparent;border-right:0.3em solid transparent;border-top: 0.4em solid #999;  display: inline-block;transition: all 0.3s ease 0s; position: absolute; right:1.64em; top: 1.4em; font-size: 1em; }

.topnavlist li a.hover .sanjiao{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-transform: rotate(180deg);border-top: 0.4em solid #e62129; }

.bodyBox{float: left; width: 100%; padding-top:4em; padding-bottom:0;}





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

.mbanner .swiper-container{width:100%;height:auto}

.mbanner .swiper-slide{text-align:center;}

.mbanner .swiper-pagination-bullet{ width:1em; height:1em; border-radius:1em;  background: #808080; border:medium none; box-sizing: border-box; opacity:1;}

.mbanner .swiper-pagination-bullet-active{ opacity: 1; background: #e62129; }

.mbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.26em;}

.mbanner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:1.6em}

.mbanner .swiper-slide img{ width: 100%; display: block; vertical-align: bottom;}











.index_wz{ width:100%; float:left; background:#173660; margin: 2em 0; }

.wzxxboxgg{ margin: 0;}

.wzxxboxgg2{ width: 100%; overflow: auto; float: left;}

.wzxxbox{width:54em; float:left;padding:0px;box-sizing:border-box;  }

.wzxxbox dl{ width:8em;float:left; margin-right:1em; border-radius:8px;background:#f2f2f2; padding:0em 0; box-sizing:border-box;transition: all 0.3s ease 0s;}

.wzxxbox dl img{width:6em;float:left; height:auto; height:3em; margin:1em 1em}

.wzxxbox dl dt{width:100%; float:left; font-size:0.75em; line-height:1.2em; height:2.4em; overflow:hidden; text-align:center}

.wzxxbox dl:nth-of-type(6n){ margin-right:0;}

.wzxxbox dl:hover{ margin-top:-10px; margin-bottom:10px;}

.wzxxbox_info{width:100%; float:left; margin:0; padding: 0;}

.wzxxbox_info_t{float:left;width:100%; line-height:1.5em; margin-top: 1.5em; color:#fff; font-size:1em; margin-bottom: 1em; }

.wxfg_more{ float:left; height:2em; line-height:2em; border: 1px solid #e60013; background:#e60013;transition: all 0.3s ease 0s; color:#fff; display:block;border-radius:10px; padding:0 1em; font-size:0.9em}

.wxfg_more:hover{ background:#fff; color:#e60013; border: 1px solid #e60013; box-sizing: border-box;}





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

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

.oemodm_main{ width:100%; float:right;}

.oemodm_main_t{ width:100%; float:left; font-size:0.85em; color:#5c5c5c; margin:1em 0 0.5em 0;}

.oemodm_main_big_t{ width:100%; float:left; font-size:1em; margin:0 0 1.5em; font-weight:bold; color:#173660}

.oemodm_main_txt{width:100%; float:left; margin-bottom: 0em;}

.oemodm_main_txt dl{ width: 100%; float: left; position: relative; padding-left: 5em; box-sizing: border-box; margin-bottom: 1em;}

.oemodm_main_txt dl img{ width: 4em; height: 4em; position: absolute; left: 0; top: 50%; margin-top: -2em;}

.oemodm_main_txt dl dt{ width: 100%; float: left; font-size: 0.9em; line-height: 1em; margin-bottom: 0.5em; color: #000;}

.oemodm_main_txt dl dd{ width: 100%; float: left; font-size: 0.8em; line-height: 1.3em; margin-bottom: 0.5em; max-height: 20em; overflow: hidden;}



.youshibox{ width: 100%; background: url(bg11.jpg); width: 100%; float: left; background-size: 100% auto; padding: 2em 0 1em 0; height: auto; color: #fff; margin-top: 2em;}

.youshibox dl{ width: 50%; float: left; margin-top: 0; text-align: center; padding: 0; box-sizing: border-box; margin-bottom: 2em;}

.youshibox dl dt{ width: 100%; float: left; font-weight: bold; font-size: 2em; line-height: 1em; margin-bottom: 0.2em;}

.youshibox dl dd{ width: 100%; float: left;  font-size: 0.8em; line-height: 1.2em;}





.index_bzdsm{ width:100%; float:left; background:url(bg2.jpg) repeat-x; padding-top: 1.5em;}



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

.bzdsm_left_t{ float:left; width:100%; float:left; font-size:1em; line-height:1.3em; color:#0a1739; font-weight:bold}

.bzdsm_left_page{display: none;}

.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{ display: none;}



.d_rollBoxsf{width:100%; overflow:auto; float:left; margin-top: 1em;}

.d_rollBoxsf2{width:96em; float:left; height:8em; overflow:hidden}

.d_rollBoxsf .picx{width:12em;float:left; height:auto; margin-right:1em; overflow:hidden;height:8em; position:relative}

.d_rollBoxsf .picx img{ width:12em; height:auto; float:left; border-radius: 5px; height:8em}





.mxjs_t{ width:90%; font-size:0.7em;  line-height:2em; height:2em; text-align:center; border-radius:8px; overflow:hidden;  position:absolute; left:5%; bottom:1em; color:#000; font-weight:bold}

.mxjs_t:hover{ background: #cd0213; color:#fff;}





.index_news{ width:100%; float:left; margin:1.5em 0}

.title1{ width:100%; float:left; text-align:center; font-size:1.2em; line-height:2em; margin-bottom:0;}



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

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

.newbox dl{ float:left; width:100%; margin-right:0; padding:0; box-sizing:border-box; padding-bottom:1em; cursor: pointer;}

.newbox dl:nth-of-type(3n){ margin-right:0;}

.newbox dl dd{ width:100%; height:auto; float:left; position:relative;}

.newbox dl dd img{ width:100%; height:auto; float:left}

.newbox dl:hover{box-shadow: 0 0 0 #ddd;}

.inews_t{ width:100%; float:left; margin:1em 0 0.5em 0; line-height:1.3em; max-height:2.6em; color:#000; font-size:1em; overflow:hidden; }

.inews_txt{ width:100%; float:left; line-height:1.2em; font-size:0.85em; max-height:4.8em; overflow:hidden; color:#999;}

.newbox dl:hover .inews_t{ color:#e60013}

.newbox dl dd span{ position: absolute; left: 0; top:0; display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 10; transition: all 0.3s ease 0s;}

.newbox dl:hover span{ top: 0;}

.newbox dl dd span img{ width: 40px; height: 40px; float: none; display: inline-block; margin:5em 0 0 47%;}



.index_contact{ width:100%; float:left; margin-bottom:0;}

.index_contact .wrapbox{ box-shadow:none; overflow: hidden; padding:0; width: 100%; box-sizing: border-box;}

.contactbox{ width:100%; height:auto; float:right; background:url(contactbg.jpg); background-size: 100% auto; padding:2em 1em; box-sizing:border-box; color:#fff;}

.contactbox_t{ width:100%; float:left; font-size:0.9em; text-transform:uppercase; color:#fff; font-weight:bold; line-height:1.5em;}

.contactinfo{ width:100%; float:left; margin-top:2em;}

.contactinfo dl{ width:100%; float:left; line-height:25px; padding-left:38px; box-sizing:border-box; font-size: 0.8em; margin-bottom:1em;}

.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_whats{ background:url(whatapp.png) left top 15px no-repeat}

.contactinfo dl.c_address{ background:url(c3.png) left top 3px no-repeat}

.get_in_touch{ width:96%; float:left; box-shadow: 0 0 0.5em #ddd; margin: 0.5em 2%;  padding: 2em 1em; box-sizing: border-box;}

.get_in_touch_t{ width:100%; float:left; font-size:20px; font-weight:bold}

.get_in_touch_form{ width:100%; float:left; margin-top:20px;}

.get_in_touch_form dl{ width:100%; float:left; margin-right:25px;}

.input1{ width:100%; height:43px; border:1px solid #ddd; border-radius:5px; box-sizing: border-box; font-size:0.85em; text-indent:5px; margin-bottom:1em;}

.textarea1{ width:100%; padding:5px; box-sizing:border-box; height:100px; line-height:25px;border:1px solid #ddd; border-radius:5px; font-size:0.85em; margin-bottom:0.5em;  }

.submit1{ float:left; height:3em; line-height:3em; margin-top: 1em;}



.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; font-size: 0.85em; cursor: pointer;}





.footbg{  display: none; padding: 0;}

.copyright{ width:100%; float:left;background:#fff; height: auto; line-height:1.5em; padding: 0.5em 0; text-align:center; color:#999999; font-size:0.8em}





.nbanner{ width:100%; float:left; height:auto; position: relative;}

.nbanner img{ width: 100%; float: left;}

.lanmu{ padding-top: 0;}

.moduleinfo{ width: 95%; float: left; margin-top: 0; position: absolute; left: 3%; top: 50%; margin-top: -2em;}

.moduleinfo_t{ font-size: 2em; font-weight: bold; width: 100%; float: left; margin-bottom: 0em; height: 1.5em; line-height: 1.5em;}

.moduleinfo_txt{ font-size: 1em;  width: 100%; float: left;height: 1.5em; line-height: 1.5em; }





.about_content{ width: 100%; float: left; padding: 2em 0; font-size: 0.85em; line-height: 1.5em}

.about_title{ font-size: 1.2em; font-weight: bold; color: #173660; margin-bottom: 20px;}

.about_content img{ max-width: 100%;}

.about_youshi{ width: 100%; background: url(bg11.jpg); width: 100%; float: left; background-size: 100% auto; padding: 2em 0 1em 0; height: auto; color: #fff; margin-top: 0; margin-bottom: 1.5em;}

.about_youshi .youshibox{ background: none; margin-top: 0;}



.pro_saixuan{ width: 100%; float: left; margin-top: 2em;}

.pro_saixuan dl{ width: 100%; float: left; position: relative; padding-left: 7em; box-sizing: border-box; height: 40px;}

.pro_saixuan dl dt{ float: left; position: absolute; left: 0; top: 0; background: #e5ecf7; height: 30px; width: 8em; text-align: center; font-size: 0.85em; line-height: 40px; color: #292929; height: 40px;}

.pro_saixuan dl dd{ width: 100%; float: left; overflow-x: scroll; overflow-y: hidden;line-height: 40px; height: 40px; background:none; box-sizing: border-box; border-bottom: 1px solid #eee;}

.pro_saixuan dl dd span{ display: block; float: left; width: 1000px; height: 40px; overflow-y: hidden; padding-left: 10px; }

.pro_saixuan dl dd a{ font-size: 0.85em; color: #7a7a7a; display: inline-block; margin-left: 0; margin-right: 15px;line-height: 40px; height: 40px;}

.pro_saixuan dl dd a:hover,.pro_saixuan dl dd a.on{ text-decoration: underline; color: #e60013;}

.pro_saixuan dl.youmar{ margin-bottom:1em}

.productslist{ width:100%; float:left;margin-top: 1em; margin-bottom: 1em;}

.productslist dl{ float:left; width:100%; margin-right:0; padding:0; box-sizing:border-box; padding-bottom:0; margin-bottom: 1em;}

.productslist dl:nth-of-type(3n){ margin-right:0; }

.productslist dl:nth-of-type(2n){ float: left;}

.productslist dl dd{ width:100%; height:auto; float:left}

.productslist dl dd img{ width:100%; height:auto; float:left}

.productslist dl:hover{box-shadow: 0 0 10px #ddd;}

.products_t{ width: 100%; float: left; font-size: 0.85em; line-height: 2em; height: 2em; margin-bottom: 0;}

.products_txt{ width: 100%; float: left; font-size: 0.75em;line-height: 2em; height: 2em; color: #333; margin-bottom: 0.5em;}

.productslist dl dt{ width: 6em; float: left; height: 2em; font-size: 0.75em; border: 1px solid #ddd; border-radius: 2px; text-align: center; line-height: 2em;}

.productslist dl:hover dt{border:1px solid #e60013; color: #e60013;}





.productsshow{width:100%; float:left;margin-top: 1em; margin-bottom: 1em;}



.cpss_main{ width:100%; float:left;  overflow:hidden}



.cpss_t{ width:100%; float:left; line-height:2em; font-size:1em; margin: 0.5em 0 1em 0; margin-bottom: 0; font-weight:bold; }



.cpss_txt{ line-height:1.5em; font-size:0.85em; width:100%; float:left; margin-bottom:1em;}



.proshow_contact{ width: 8em; height: 2.5em; color: #fff; background: #e60013; text-align: center; line-height: 2.5em; font-size: 1em; border-radius: 5px; float: left; margin-top: 0.5em;}







.cpshow{ width:100%; float:left; margin-top:1em; }



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



.d_menu0{width:100%; height:3em; line-height:3em; background-repeat:repeat-x;margin-top:1em; }



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

.d_menu0 a:nth-of-type(2){ width: 40%;}



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





#d_main0 ol dl{ width:100%; line-height:1.5em; height: auto; overflow: hidden; float:left; margin-bottom: 1px; font-size: 0.75em; background: url(bg5.jpg) repeat-y; background-size: 100% auto;}



#d_main0 ol dl dt{ width:35%; float:left; text-indent:0;  height:1.5em; background: #cccccc; line-height:1.5em; padding:0.8em 0.5em; box-sizing: border-box;}



#d_main0 ol dl dd{ width:65%; float:right; line-height:1.5em;  background: #e6e6e6; border-left: 1px solid #fff; text-indent: 0;padding:0.8em 0.5em;box-sizing: border-box;}



#d_main0 ol{display: none; padding-top:0.5em; line-height:1.5em; font-size: 0.85em;}



#d_main0 ol.d_block{display: block;}



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



.solutionslist{ width: 100%; float: left; background: #f2f6fb; padding: 1em 0 ;}

.picmmc{width:100%;float:left;   overflow:hidden; position:relative}

.picmmc dl{width:48.5%;float:left; margin-bottom:1em; overflow: hidden; position:relative}

.picmmc dl:nth-of-type(2n){ float: right;}

.picmmc dl img{ width:100%; float:left; height:8em}





.solutionsprolist {width: 100%; float: left; padding: 1.5em 0 ;}

.fg_rollBox{width:372px;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; box-sizing:border-box; padding-bottom:20px;}



.fg_rollBox .fg_Cont .picmmcsc dd{ width:330px; height:260px; float:left}

.fg_rollBox .fg_Cont .picmmcsc dd img{ width:330px; height:260px; 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: 410px;}



.solutions_page{ display:block; width:31px; height:30px;  position: absolute; top: 300px; text-indent:50px; overflow:hidden; cursor:pointer;transition: all 0.3s ease 0s;}

.solutions_page.solutions_prev{ background:url(bprev.png);  left: 50%; margin-left: -35px;}

.solutions_page.solutions_prev:hover{background:url(hprev.png);}

.solutions_page.solutions_next{ background:url(bnext.png); right: 50%; margin-right: -35px;}

.solutions_page.solutions_next:hover{ background:url(hnext.png);}





.content_show_box{ width: 100%; padding: 1.5em 0; float: left;}

.content_show_tit{width: 100%; font-size: 1em; float: left; font-weight: bold; line-height: 1.2em; padding: 5px 0; margin-bottom: 1em; text-align: center;}

.content_show_txt{width: 100%;float: left; line-height: 1.5em; font-size: 0.85em; margin-bottom: 1em;}



.odmtxty{margin: 0.5em 0; font-size: 1em; font-weight: bold; line-height: 1.8em;}

.oem_content{ width: 100%; float: left; padding: 1.5em 0;}

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

.oemboxmain{ float: right; width: 100%; margin-bottom: 1.5em;}

.oemboxtit{ width: 100%; float: left; color: #173660; font-size: 1em; font-weight: bold; line-height: 1.5em; margin-bottom: 0.5em;}

.oemboxtxt{ width: 100%; float: left; font-size: 0.85em; line-height: 1.5em;}

.oem_content2{ width: 100%; float: left; margin: 1.5em 0; text-align: left;}

.oem_content2_txt{width: 100%; float: left; line-height: 1.5em; text-align: left;font-size: 0.85em;}

.oem_content2 .title1{ text-align: left; width: 94.6%; margin-left: 2.7%; font-size: 1em; color: #173660;}



.oem_content3{width: 100%; float: left; background: url(bg33.jpg) top center; background-size: 100% auto; padding-bottom: 3em; height: auto; margin-bottom: 2em; color: #fff;}

.oem_content3_box{ width: 100%; float: left; margin-top: 3em;}

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

.oem_content3_sl dt{ font-size: 0.85em; line-height: 1.2em; margin-bottom: 5px; }

.oem_content3_sl dd{ font-size: 1em; line-height: 1.5em;font-weight: bold; margin-bottom: 1em;}

.oem_content3_sr{ float: right; width: 100%;font-size: 0.85em; line-height: 1.2em;}

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

.oemodmlist dl{ width: 100%; float: left; margin-right: 0; padding-right:0; box-sizing: border-box; margin-bottom: 1em; padding-bottom: 1em;}

.oemodmlist dl:nth-of-type(3n){ margin-right: 0;}

.oemodmlist dl img{ width: 4em; height: 4em; float: left;}

.oemodmlist dl dt{ width: 100%; float: left; height: auto; line-height: 2em; font-weight: bold; color: #000;  font-size: 1em; margin:0; }

.oemodmlist dl dd{ width: 100%; float: left;  line-height: 1.2em;  font-size: 0.85em; height: auto; overflow: hidden; }

.oemodmlist dl:hover{box-shadow: 5px 5px 10px #ddd;}



.contactcontent{ margin-top: 80px;}



.news_catebox{ width: 100%; float: left; padding: 2em 0;}

.news_catebox dl{ width: 50%; float: left;transition: all 0.3s ease 0s; text-align: center; padding-bottom: 1em;}

.news_catebox dl img{ width: 50%; height: auto; float: left; margin: 1em 25%; text-align: center;transition: all 0.3s ease 0s; }

.news_catebox dl dt{ width: 100%; float: left;height: 2.4em; line-height: 1.2em; font-size: 1em; color: #000;margin-bottom: 0;}

.news_catebox dl dd{ width: 100%; float: left; height: 2em; line-height: 3em; color: #e60013; display: none; }

.news_catebox dl dd span{ opacity: 0;transition: all 0.3s ease 0s;font-size: 0.85em; }

.news_catebox dl:hover{box-shadow: 0 0 8px #ddd; }

.news_catebox dl:hover span{ opacity: 1;}

.news_catebox dl:hover dt{color: #e60013;}

.news_catebox dl:hover img{margin: 1em 25%;}





.sitemcx{ width: 100%; float: left; height: 3em; line-height:3em; color: #fff; background: #ccc;}

.sitemcx a{ color: #fff;}

.sitemcx span{ float: left; padding: 0 1em; display: block;  background: #e60013; font-size:1em;}

.sitemcx .spansk{ float: right; display: none;}



.newbox2{ width: 100%; float: left; overflow: hidden;}

.newbox2 dl{ width: 100%; float: left; margin-bottom: 1em; padding-left:7.5em; height: 4em; position: relative; box-sizing: border-box;}

.newbox2 dl dd{ position:absolute; width: 7em; height: 4em; left: 0; top: 0;}

.newbox2 dl dd img{ width: 100%; height: 100%; float: left;}

.newbox2 dl .inews_t{ width: 100%; float: left; line-height: 1.2em; max-height: 2.4em; font-size: 0.85em; margin: 0; font-weight: bold;}

.newbox2 dl .inews_txt{ width: 100%;float: left;line-height: 1.2em; max-height: 2.4em; font-size: 0.85em;}



.newspros{ background: #f5f5f5; margin: 0; padding: 1.5em 0 0 0;}

.newspros dl{ background: #fff; margin-bottom: 1em; padding: 0.5em; box-sizing: border-box;}

.newspros .page{ margin-top: 0;}

.newspros .products_txt{ height: 6em; line-height: 1.2em; overflow: hidden; color: #999; font-size: 0.55em; margin: 0.5em 0 1em;}

.propdfdown{ width: 100%; float: left; display: block; line-height: 30px; background: url(pdf.png) left center no-repeat; background-size: auto 15px; text-indent:18px; color: #999; font-size: 0.85em; }



.eventlist{ width: 100%; padding: 1.5em 0; float: left;}

.eventlist2{ width: 100%;  float: left; overflow:auto;}

.eventlist .wrapbox{ margin-left: 0.5em; width: 600px; overflow: hidden; float: left;}

.eventlist dl{ width: 100%; float: left; height: 3em; background: #f5f5f5; font-size: 0.75em; margin-bottom: 1px;transition: all 0.3s ease 0s;}

.eventlist dl:nth-of-type(1){ background: #e6e6e6;}

.eventlist dl dd{ float: left; width: 150px; padding: 0 0.5em; box-sizing: border-box; line-height: 3em;}

.eventlist dl dd:nth-of-type(4){ margin-right: 0; width:25% ;}

.eventlist dl:hover{  background: #e6e6e6;}



.videoboxbg{ position:fixed; z-index: 20; height: 100%; width: 100%; left: 0; top:-2000px; background: rgba(0, 0, 0, 0.5); }

.videobox{ width:560px; height: 315px; position: fixed; left: 50%; top: 50%; margin: -160px 0 0 -280px; display: none;}

.videoplay{ width:560px; height: 315px; background: #fff; float: left;}

.videobox img{ float: right; margin-bottom: 5px; cursor: pointer;}





}



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

    .f_20{ font-size:1.7em}

    .f_22{ font-size:1.88em}

    .f_24{ font-size:2em}

    .f_26{ font-size:2.2em}

    .f_28{ font-size:2.38em}

    .f_30{ font-size:2.56em}

    .f_32{ font-size:2.7em}

    .f_34{ font-size:2.9em}

    .f_36{ font-size:3em}

    .f_38{ font-size:3.25em}

    .f_40{ font-size:3.4em}

    .f_42{ font-size:3.58em}

    .f_44{ font-size:3.76em}

    

    }

    

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

    .f_20{ font-size:1.28em}

    .f_22{ font-size:1.4em}

    .f_24{ font-size:1.536em}

    .f_26{ font-size:1.66em}

    .f_28{ font-size:1.79em}

    .f_30{ font-size:1.92em}

    .f_32{ font-size:2.048em}

    .f_34{ font-size:2.18em}

    .f_36{ font-size:2.3em}

    .f_38{ font-size:2.43em}

    .f_40{ font-size:2.56em}	

    .f_42{ font-size:2.68em}	

    .f_44{ font-size: 2.8em;}

    }

    

    @media screen and (max-width: 414px) {/*iphone6+ 414*736 +滚动条18*/

    .f_20{font-size: 1.1em;}

    .f_22{ font-size:1.2em}

    .f_24{ font-size:1.32em}

    .f_26{ font-size:1.44em}

    .f_28{ font-size:1.55em}

    .f_30{ font-size:1.655em}

    .f_32{ font-size:1.77em}

    .f_34{ font-size:1.88em}

    .f_36{ font-size:1.99em}

    .f_38{ font-size:2.1em}

    .f_40{ font-size:2.2em}

    .f_42{ font-size:2.3em}

    .f_44{ font-size: 2.4em;}

    }

    

    @media screen and (max-width: 375px) {/*iphone6 375*667 +滚动条18*/

    .f_20{font-size: 1em;}

    .f_22{ font-size:1.1em}

    .f_24{ font-size:1.2em}

    .f_26{ font-size:1.3em}

    .f_28{ font-size:1.4em}

    .f_30{ font-size:1.5em}

    .f_32{ font-size:1.6em}

    .f_34{ font-size:1.7em}

    .f_36{ font-size:1.8em}

    .f_38{ font-size:1.9em}

    .f_40{ font-size:2em}

    .f_42{ font-size:2.1em}

    .f_44{ font-size: 2.2em;}

    }

    

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

    .f_20{font-size: 0.96em;}

    .f_22{ font-size:1em}

    .f_24{ font-size:1.152em}

    .f_26{ font-size:1.25em}

    .f_28{ font-size:1.34em}

    .f_30{ font-size:1.44em}

    .f_32{ font-size:1.536em}

    .f_34{ font-size:1.63em}

    .f_36{ font-size:1.73em}

    .f_38{ font-size:1.8em}

    .f_40{ font-size:1.92em}

    .f_42{ font-size:2em}

    .f_44{ font-size: 2.1em;}

    }

    

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

    .f_20{font-size: 0.85em;}

    .f_22{ font-size:0.94em}

    .f_24{ font-size:1.024em}

    .f_26{ font-size:1.1em}

    .f_28{ font-size:1.2em}

    .f_30{ font-size:1.28em}

    .f_32{ font-size:1.37em}

    .f_34{ font-size:1.45em}

    .f_36{ font-size:1.54em}

    .f_38{ font-size:1.62em}

    .f_40{ font-size:1.7em}

    .f_42{ font-size:1.78em}

    .f_44{ font-size: 1.877em;}

    }