body, html { font-family: "arial", "Microsoft Yahei"; font-size: 14px; line-height: 2; }
p, ol, ul, li, dd, dt, dl, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none; }
.mauto { margin-left: auto; margin-right: auto; }
.defalut { color: #f00; }
.defaultb { background-color: #c7000c; }
.c3 { color: #333; }
.c4 { color: #444; }
.c5 { color: #555; }
.cc { color: #ccc; }
.f5 { color: #f5f5f5; }
.b3 { background-color: #333; }
.b4 { background-color: #444; }
.b5 { background-color: #555; }
.b6 { background-color: #666; }
.b7 { background-color: #777; }
.fl { float: left; }
.fr { float: right; }
.inn { width: 1200px; margin-left: auto; margin-right: auto; }
a { color: #333; }
a:hover, a:focus { text-decoration: none; color: #f00; }
.por { position: relative; }
.poa { position: absolute; }
.oh { overflow: hidden; }
.ohx { overflow-x: hidden; }
.ohy { overflow-y: hidden; }
#feedback_form table { border-spacing: 8px; border-collapse: separate; }
.m0 { margin: 0; }
.ma5 { margin: 5px auto; }
.ma10 { margin: 10px auto; }
.ma15 { margin: 15px auto; }
.ma20 { margin: 20px auto; }
.ma25 { margin: 25px auto; }
.ma30 { margin: 30px auto; }
.ma35 { margin: 35px auto; }
.ma40 { margin: 40px auto; }
.ma45 { margin: 45px auto; }
.ma50 { margin: 50px auto; }
.ma60 { margin: 60px auto; }
.mb80 { margin-bottom: 80px; }
.mb60 { margin-bottom: 60px; }
.mb50 { margin-bottom: 50px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb35 { margin-bottom: 35px; }
.mb30 { margin-bottom: 30px; }
.mb25 { margin-bottom: 25px; }
.mb20 { margin-bottom: 20px; }
.mb15 { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.mb5 { margin-bottom: 5px; }
.mt80 { margin-top: 80px; }
.mt60 { margin-top: 60px; }
.mt50 { margin-top: 50px; }
.mt45 { margin-top: 45px; }
.mt40 { margin-top: 40px; }
.mt35 { margin-top: 35px; }
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px; }
.pb80 { padding-bottom: 80px; }
.pb60 { padding-bottom: 60px; }
.pb50 { padding-bottom: 50px; }
.pb45 { padding-bottom: 45px; }
.pb40 { padding-bottom: 40px; }
.pb35 { padding-bottom: 35px; }
.pb30 { padding-bottom: 30px; }
.pb25 { padding-bottom: 25px; }
.pb20 { padding-bottom: 20px; }
.pb15 { padding-bottom: 15px; }
.pb10 { padding-bottom: 10px; }
.pb5 { padding-bottom: 5px; }
.pt80 { padding-top: 80px; }
.pt60 { padding-top: 60px; }
.pt50 { padding-top: 50px; }
.pt45 { padding-top: 45px; }
.pt40 { padding-top: 40px; }
.pt35 { padding-top: 35px; }
.pt30 { padding-top: 30px; }
.pt25 { padding-top: 25px; }
.pt20 { padding-top: 20px; }
.pt15 { padding-top: 15px; }
.pt10 { padding-top: 10px; }
.pt5 { padding-top: 5px; }
.p0 { padding: 0; }
.pa5 { padding-top: 5px; padding-bottom: 5px; }
.pa10 { padding-top: 10px; padding-bottom: 10px; }
.pa15 { padding-top: 15px; padding-bottom: 15px; }
.pa20 { padding-top: 20px; padding-bottom: 20px; }
.pa25 { padding-top: 25px; padding-bottom: 25px; }
.pa30 { padding-top: 30px; padding-bottom: 30px; }
.pa35 { padding-top: 35px; padding-bottom: 35px; }
.pa40 { padding-top: 40px; padding-bottom: 40px; }
.pa50 { padding-top: 50px; padding-bottom: 50px; }
.css3 { transition: all 0.5s linear; }
.bd_left { border-left: 1px solid #e2e2e2; }
.w90 { width: 90%; margin-left: auto; margin-right: auto; }
.top { width: 100%; background-image: url(../images/banner1.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;position: relative; }
.top .top_ab{ position: absolute;top:60px;left: 0;width: 100%; }
.top .logo { float: left; position: relative; z-index: 999; }
.top .logo h1 { margin: 0; }
.top .logo a { display: block; width: 210px; height: 0; padding-top: 100px; }
.top .menu_list { float: right; position: relative; z-index: 999; margin-top: 30px; }
.top .menu_list.closing .search { display: none; }
.top .menu_list .search { float: left; position: relative; margin-top: 5px; color: #fff; }
.top .menu_list .search span { float: left; display: block; font-size: 14px; font-weight: bold; }
.top .menu_list .search span em { float: right; display: block; width: 25px; height: 25px; margin-left: 25px; margin-top: 4px; cursor: pointer; background: url(../images/search.png) no-repeat center; }
.top .menu_list .search input { color: #333; position: absolute; top: 30px; display: none; }
.top .menu_list .search input.sousuob { right: 0; width: 50px; height: 35px; line-height: 35px; border: 0; color: #fff; background-color: #c7000c; }
.top .menu_list .search input.sousuoa { right: 50px; width: 200px; height: 35px; line-height: 33px; padding-left: 10px; border: 1px solid #ccc; }
.top .menu_list .menu_link {float: left; margin-top: 5px; color: #c2c2c2; }
.top .menu_list .menu_link a { color: #fff; padding: 0 15px; text-shadow: 1px 1px rgba(0,0,0,.2); }
.top .menu_list .menu_link.closing a{color: #333;}
.ewma{position: relative;cursor: pointer;float: right;}
.ewma em{display: block;width: 30px;height: 30px;background: url(../images/weixin.png) no-repeat center;background-size:100% ;}
.ewma span{position: absolute;top: 35px;left: 0;display: none;}
.ewma span img{width: 100px;height: 100px;}
.ewma:hover span{display: block;}
.menu_top {  position: fixed; right: 5%; top: 30px; z-index: 99999999; color: #fff; line-height: 40px; background: rgba(0,0,0,.2);padding: 10px;}
.menu_top.closing { color: #333; }
.menu_top em { float: right; margin-left: 20px; display: block; width: 60px; height: 40px; cursor: pointer; background: url(../images/menu.png) no-repeat center; }
.menu_top em.closing { background-image: url(../images/close.png); }
.top_nav { position: absolute; display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; background: url(../images/top_bg.jpg) no-repeat center; background-size: cover; }
.top_nav.closing { display: block; position: fixed; top: 0;left: 0;}
.top_nav .menu { position: absolute; width: 90%; height: 65%; left: 5%; bottom: 0; }
.top_nav .menu ul { width: 100%; height: 100%; }
.top_nav .menu ul li { float: left; width: 20%; height: 100%; text-align: center;  transition: all 0.5s linear; }
.top_nav .menu ul li a{display: block; padding: 0 15px;padding-top: 40%;height: 100%;}
.top_nav .menu ul li:hover span { display: none; }
.top_nav .menu ul li:hover h2 { border-top: 0; margin: 0; padding: 0; color: #fff; padding-top: 80px; }
.top_nav .menu ul li:hover p { display: none; }
.top_nav .menu ul li.menu_abouts:hover { background-image: url(../images/menu_abouts_bg.jpg); }
.top_nav .menu ul li.menu_abouts span { background-image: url(../images/menu_abouts.png); }
.top_nav .menu ul li.menu_news:hover { background-image: url(../images/menu_news_bg.jpg); }
.top_nav .menu ul li.menu_news span { background-image: url(../images/menu_news.png); }
.top_nav .menu ul li.menu_products:hover { background-image: url(../images/menu_products_bg.jpg); }
.top_nav .menu ul li.menu_products span { background-image: url(../images/menu_products.png); }
.top_nav .menu ul li.menu_join:hover { background-image: url(../images/menu_join_bg.jpg); }
.top_nav .menu ul li.menu_join span { background-image: url(../images/menu_join.png); }
.top_nav .menu ul li.menu_ppxxd:hover { background-image: url(../images/menu_ppxxd_bg.jpg); }
.top_nav .menu ul li.menu_ppxxd span { background-image: url(../images/menu_ppxxd.png); }
.top_nav .menu ul li span { display: block; width: 45px; height: 45px; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: cover; }
.top_nav .menu ul li h2 { font-size: 14px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #e3e3e3; color: #333; }
.top_nav .menu ul li p { font-size: 12px; text-transform: uppercase; color: #a4a4a4; }
.bd_left { position: relative; }
.bd_left:before { position: absolute; display: block; width: 5px; height: 80px; content: ''; left: -3px; background-color: #c7000c; }
.bd_left.abouts:before { top: 65px; }
.bd_left.brand:before { top: 50px; }
.con_left { position: absolute; width: 50px; height: 160px; left: -50px; top: 65px; background-position: center top; background-repeat: no-repeat; }
.con_left.abouts_a { background-image: url(../images/aboutsa.png); }
.con_left.brand_a { top: 50px; background-image: url(../images/branda.png); }
.con_left.products_a { top: 50px; background-image: url(../images/productsa.png); }
.con_left.experence_a { background-image: url(../images/experiecea.png); }
.con_left.technology_a { top: 50px; background-image: url(../images/technologya.png); }
.con_left.news_a { top: 50px; background-image: url(../images/newsa.png); }
.owl-carousel .owl-wrapper-outer { background: url(../images/abouts_bg.jpg) no-repeat left bottom; }
.abouts_left h2 { font-size: 30px; line-height: 2; }
.abouts_left h3 { font-size: 16px; margin-bottom: 40px; margin-top: 10px; }
.abouts_left p { padding-right: 120px; margin-bottom: 40px; }
.abouts_left a.more { display: block; width: 220px; height: 50px; line-height: 50px; border-radius: 40px; text-align: center; background-color: #c7000c; color: #fff; text-transform: uppercase; }
#owl-abouts .item { display: flex; padding-right: 65px; padding-left: 120px; position: relative; }
#owl-abouts .item span { position: absolute; bottom: 30px; left: 0; width: 120px; height: 110px; font-size: 100px; font-weight: bold; line-height: 1; }
#owl-abouts .item div { flex: 1; }
#owl-abouts .item div h2 { font-size: 16px; line-height: 20px; color: #000; font-weight: bold; margin-top: 10px; text-transform: uppercase; }
#owl-abouts .item div h3 { font-size: 14px; margin-bottom: 10px; line-height: 15px; }
#owl-abouts .owl-controls { position: absolute; width: 65px; right: 0; top: 50%; transform: translateY(-50%); }
#owl-abouts .owl-controls .owl-pagination { position: static; }
#owl-abouts .owl-controls .owl-pagination .owl-page { display: block; text-align: right; width: 100%; height: 30px; }
#owl-abouts .owl-controls .owl-pagination .owl-page.active span { border: 1px solid #c50301; background-color: #c50301; }
#owl-abouts .owl-controls .owl-pagination .owl-page span { background: none; border: 1px solid #d5d5d5; float: right; width: 14px; height: 14px; opacity: 1; }
.brand_bg { background-color: #f0f0f0; }
.brand_bg .bd_left { border-color: #f0f0f0; }
.brand_title h2 { font-size: 25px; line-height: 1.3; }
.brand_title a.more { float: right; display: block; margin-top: 20px; width: 200px; height: 40px; line-height: 40px; border-radius: 30px; text-align: center; color: #666; border: 1px solid #666; text-transform: uppercase; }
.brand_con li { transition: all 0.5s linear; }
.brand_con li:hover div { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); background-image: url(../images/brandbg.jpg); background-repeat: no-repeat; background-position: center; }
.brand_con li:hover div:before { background-color: #fff; }
.brand_con li.ppjg span { background-image: url(../images/ppjg.png); }
.brand_con li.ppjg:hover span { background-image: url(../images/ppjgh.png); }
.brand_con li.qqh span { background-image: url(../images/qqh.png); }
.brand_con li.qqh:hover span { background-image: url(../images/qqhh.png); }
.brand_con li.pps span { background-image: url(../images/pps.png); }
.brand_con li.pps:hover span { background-image: url(../images/ppsh.png); }
.brand_con li.ppgs span { background-image: url(../images/ppgs.png); }
.brand_con li.ppgs:hover span { background-image: url(../images/ppgsh.png); }
.brand_con li div { position: relative; min-height: 450px; padding: 40px 30px; background-color: #f8f8f8; }
.brand_con li div:before { position: absolute; transition: all 0.5s linear; display: block; top: 45px; width: 5px; height: 80px; content: ''; left: 0; background-color: #cccccc; }
.brand_con li div a { color: #333; transition: all 0.5s linear; }
.brand_con li div span { display: block; width: 70px; height: 70px; background-position: center left; background-repeat: no-repeat; transition: all 0.5s linear; }
.brand_con li div h2 { font-size: 16px; font-weight: bold; line-height: 2; margin-bottom: 10px; }
.brand_con li div p { color: #676767; transition: all 0.5s linear; }
.brand_con li div:hover a, .brand_con li div:hover p { color: #fff; }
.products_title h2 { font-size: 30px; line-height: 2; }
.products_title li { float: left; }
.products_title a { display: block; padding: 0 15px; }
.products_title a.more { display: block; margin-top: 20px; width: 200px; height: 40px; line-height: 40px; border-radius: 30px; text-align: center; color: #666; border: 1px solid #666; text-transform: uppercase; }
.products_con li:hover span { opacity: 1; }
.products_con li a { display: block; position: relative; text-align: center; }
.products_con li a img { width: 100%; height: auto; }
.products_con li a span { transition: all 0.5s linear; position: absolute; opacity: 0; width: 100%; height: 100%; z-index: 99; top: 0; left: 0; }
.products_con li a span p { color: #fff; font-size: 12px; text-transform: uppercase; margin-top: 50px; }
.products_con li a span h2 { font-size: 18px; font-weight: bold; line-height: 2; color: #fff; margin: 10px auto; }
.products_con li a span em { display: block; width: 120px; height: 30px; line-height: 30px; border: 1px solid #fff; color: #fff; margin: 0 auto; font-style: normal; text-transform: uppercase; }
.experence { width: 100%; height: 100%; }
.experence .poa { left: 0; top: 0; width: 100%; height: 100%; z-index: 99; }
.experences { height: 100%; color: #fff; }
.experences.bd_left:before { top: 65px; }
.experences .experence_con { height: 100%; }
.experences.bd_left { border-color: #888; }
.experences .left { margin-top: 30%; }
.experences .left h2 { font-weight: bold; font-size: 44px; }
.experences .right { height: 100%; }
.experences .right ul { height: 100%; }
.experences .right li { width: 50%; height: 50%; float: left; border-left: 1px solid #625c54; padding-left: 30px; padding-top: 20%; position: relative; }
.experences .right li:before { position: absolute; display: block; content: ''; width: 5px; height: 40px; background-color: #cfcfcf; left: 0; top: 40%; }
.experences .right li h2 { font-size: 35px; }
.experences .right li em { font-style: normal; }
.technology a.more { display: block; margin-top: 20px; width: 200px; height: 40px; line-height: 40px; border-radius: 30px; text-align: center; color: #666; border: 1px solid #666; text-transform: uppercase; }
.technology_con li { border-left: 1px solid #cdcdcd; position: relative; }
.technology_con li.odd { margin-top: 100px; }
.technology_con li h2 { font-size: 16px; margin-top: 10px; line-height: 2; font-weight: bold; margin-left: 10px; margin-right: 10px; }
.technology_con li p { font-size: 14px; color: #676767; margin-left: 10px; margin-right: 10px; height: 84px; }
.threed .poa { width: 100%; height: 100%; left: 0; top: 50px; padding-left: 20px; }
.threed .poa h2 { margin-top: 280px; }
.threed .poa ul li { float: left; width: 35px; height: 260px; background-image: url(../images/lj.png); margin-right: 20px; }
.threed .poa ul li a { font-size: 16px; display: block; text-transform: uppercase; padding: 8px; padding-top: 90px; word-break: break-all; word-wrap: break-word; line-height: 1; text-align: center; }
.threed .poa ul li span { position: relative; display: block; margin-bottom: 10px; }
.threed .poa ul li span:after { position: absolute; display: block; content: ''; width: 2px; height: 5px; left: 5px; bottom: -5px; background-color: #888; }
.news_bg { background: url(../images/news_bg.jpg) repeat; }
.news_con li span { float: left; width: 10%; display: block; text-align: right; padding-right: 15px; margin-top: 30px; }
.news_con li span b { display: block; font-size: 28px; line-height: 1; }
.news_con li span em { display: block; font-style: normal; font-size: 12px; }
.news_con li div { float: left; width: 90%; padding-top: 30px; border-left: 1px solid #e2e2e2; padding-left: 20px; position: relative; }
.news_con li div:before { position: absolute; display: block; content: ''; left: -7px; top: -20px; z-index: 9; border: 10px solid #fff; border-left-width: 7px; border-right-width: 7px; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; }
.news_con li div:after { position: absolute; left: 0; top: 30px; display: block; content: ''; width: 5px; height: 50px; background-color: #c7000c; }
.news_con li div h2 { font-size: 16px; line-height: 2; margin-bottom: 5px; }
.news_con li div p { font-size: 14px; color: #777; width: 80%; }
.contact_con li { border-left: 1px solid #cfcfcf; padding-bottom: 80px; position: relative; }
.contact_con li:before { position: absolute; display: block; content: ''; width: 4px; height: 50px; left: 0; top: 0; background-color: #cfcfcf; }
.contact_con li b { font-weight: normal; color: #777; }
.subform input { width: 100%; height: 45px; border: 0; background-color: #f1f1f1; margin-bottom: 15px; padding-left: 10px; outline: 0; }
.subform input.codes { width: 50%; }
.subform textarea { width: 100%; height: 150px; border: 0; background-color: #f1f1f1; margin-bottom: 10px; padding-left: 10px; }
.subform .cbtn { width: 20%; margin-right: 15px; padding-left: 0; }
.subform .cbtn.submit { background-color: #c7000c; color: #fff; }
.foot_bg { background-color: #090806; }
.flogo a { width: 190px; height: 0px; padding-top: 100px; display: block; }
.qrcode p { width: 10px; color: #fff; float: left; margin-right: 10px; line-height: 1.5; margin-top: 15px; }
.rubbish{text-align: center;}
.rubbish img{display: inline-block;margin: 0 10px;vertical-align: middle;}
.rubbish img.ewm{width: 120px;}
.fnav { color: #d5d5d5; }
.fnav a { color: #d5d5d5; }
/*mobile foot*/
.foot_kong { width: 100%; height: 54px; }
.foot_mobile { padding-top: 6px; text-align: center; position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; width: 100%; height: 54px; background-color: #fff; border-top: 1px solid #ccc; }
.foot_mobile li { float: left; width: 25%; }
.foot_mobile li i { font-size: 20px; }



.side { border-bottom: 1px solid #ccc; margin-bottom: 20px; line-height: 50px; }
.side span { margin-right: 50px; }
.side ul li { float: left; margin-right: 30px; }
.side ul li a { display: block; padding: 0 10px; position: relative; }
.side ul li a:before, .side ul li a:after { position: absolute; display: none; left: 0; content: ''; width: 100%; height: 10px; background-color: #c8000c; }
.side ul li a:before { top: -10px; }
.side ul li a:after { bottom: -10px; }
.side ul li a:hover, .side ul li a.cur { background-color: #c8000c; color: #fff; }
.side ul li a:hover:before, .side ul li a.cur:before, .side ul li a:hover:after, .side ul li a.cur:after { display: block; }
.abouts_title { position: relative; padding-top: 30px; }
.abouts_title span { font-size: 33px; border-bottom: 5px solid #c8000c; }
.abouts_title p { line-height: 1.5; text-transform: uppercase; font-size: 14px; color: #9e9e9e; }
.abouts_title em { font-style: normal; font-size: 200px; color: #f0f2f5; line-height: 1; font-weight: bold; position: absolute; left: 40px; top: 0; z-index: -1; }
.abouts_con p:first-child:first-letter { font-size: 35px; line-height: 28px; }
.abouts_con p { margin-bottom: 15px; }
.rubbish li { float: left; }
.rubbish li b { font-size: 60px; color: #c8000c; }
.rubbish li em { font-size: 32px; color: #c8000c; font-style: normal; }
.rubbish li i { margin: 0 10px; font-size: 18px; color: #a0a0a0; }
.abouts_fzzl_title h2 { font-size: 33px; line-height: 2; }
.abouts_fzzl_title h3 { width: 60px; height: 5px; background-color: #c8000c; margin: 0 auto; margin-bottom: 10px; }
.abouts_fzzl_title h4 { font-size: 14px; color: #9e9e9e; text-transform: uppercase; margin-bottom: 30px; }
.abouts_fzzl li { position: relative; margin-top: 20px; margin-bottom: 15px; }
.abouts_fzzl li:before { display: block; content: ''; width: 3px; height: 50px; left: 0; top: 0; position: absolute; background-color: #3e3936; }
.abouts_fzzl li h2 { font-size: 16px; }
.abouts_fzzl li p { font-size: 12px; color: #848484; margin-top: 15px; }
.culture_a { background-color: #f6f6f6; padding: 50px 0; background-image: url(../images/culture_a.jpg); background-repeat: no-repeat; background-position: center; padding-top: 80px; }
.culture_a h2 { font-size: 33px; text-transform: uppercase; color: #3e3936; margin-bottom: 20px; }
.culture_a h3 { width: 50px; height: 5px; background-color: #c8000c; margin: 0 auto; margin-bottom: 10px; }
.culture_a h4 { color: #9e9e9e; font-size: 14px; text-transform: uppercase; margin-bottom: 20px; }
.culture_con li { margin-bottom: 20px; }
.culture_con li span { background-color: #c8000c; line-height: 1.5; padding: 0 20px; color: #fff; text-transform: uppercase; }
.deve_title h2 { font-size: 33px; line-height: 2; }
.deve_title h3 { width: 50px; height: 5px; background-color: #c8000c; margin: 0 auto; margin-bottom: 10px; }
.deve_title h4 { color: #9e9e9e; font-size: 14px; text-transform: uppercase; margin-bottom: 20px; }
.deve li { width: 50%; float: left; }
.deve li.last { padding-bottom: 80px; }
.deve li.first { padding-top: 80px; }
.deve li.odd { width: 51%; margin-left: 49.8%; padding-left: 100px; border-left: 3px solid #a8a8a8; }
.deve li.odd span { float: left; margin-top: 20px; margin-left: -100px; }
.deve li.odd span:before { left: -9px; top: -8px; }
.deve li.odd span:after { left: -6px; top: -5px; }
.deve li.even { border-right: 3px solid #a8a8a8; }
.deve li.even span { float: right; margin-top: 20px; margin-left: -100px; }
.deve li.even span:before { right: -9px; top: -8px; }
.deve li.even span:after { right: -6px; top: -5px; }
.deve li h2 { font-size: 45px; font-weight: bold; color: #c8000c; }
.deve li h2 span { display: block; width: 60px; height: 3px; background-color: #a8a8a8; position: relative; }
.deve li h2 span:before { position: absolute; display: block; z-index: 99; content: ''; width: 16px; height: 16px; border: 1px solid #a8a8a8; border-radius: 50%; background-color: #ffff; }
.deve li h2 span:after { position: absolute; display: block; z-index: 99; content: ''; width: 10px; height: 10px; background-color: #a8a8a8; border-radius: 50%; }
.deve li p { width: 60%; float: left; font-size: 16px; }
.pro_side li { text-align: center; line-height: 45px; margin-bottom: 15px; }
.pro_side li a { display: block; border: 1px solid #ccc; color: #333; }
.pro_side li a:hover, .pro_side li a.cur { background-color: #c9151e; border-color: #c9151e; color: #fff; }
.pro_con_a { height: 100%; }
.pro_con_a .col-sm-6 { background-color: #062343; height: 100%; }
.pro_con_a_left { width: 100%; color: #fff; padding-top: 50px; }
.pro_con_a_left h2 { color: #777f8c; font-size: 25px; }
.pro_con_a_left h3 { font-size: 50px; line-height: 1.4; }
.pro_con_a_left h4 { font-size: 30px; letter-spacing: 30px; line-height: 2; }
.pro_con_a_left p { width: 70%; margin: 0 auto; color: #bbb; }
.jsys_title h2 { font-size: 32px; line-height: 2; }
.jsys_title h3 { width: 80px; height: 5px; background-color: #c8000c; margin: 0 auto; }
.jsys_title p { font-size: 14px; text-transform: uppercase; color: #888; }
.jsys_con li .row { position: relative; }
.jsys_con li .row span { position: absolute; width: 100%; height: 100%; text-align: center; left: 0; top: 0; z-index: 9; background: rgba(0, 0, 0, 0.3); color: #fff; transition: all 0.5s linear; }
.jsys_con li .row span h2 { font-size: 14px; margin-top: 25%; }
.jsys_con li .row span h3 { font-size: 20px; font-weight: bold; line-height: 2.5; }
.jsys_con li:hover span { background-color: transparent; }
.cpcs p { line-height: 50px; margin-bottom: 15px; background-color: #e4e4e4; }
.cpcs p span { width: 35%; display: block; text-align: center; color: #111; font-weight: bold; float: left; margin-right: 10px; font-size: 16px; background-color: #acacac; }
.pro_con_bb h2 { margin-top: 22px; font-size: 30px; font-weight: bold; text-transform: uppercase; }
.pro_con_bb h3 { font-size: 16px; margin-bottom: 30px; margin-top: 20px; }

.pro_cas li b{display: block;margin: 5px 0;}
.dzbs{text-align: center;margin-top: 15px;margin-bottom: 5px;}
.dzbs a{display: inline-block;margin: 0 15px;}
.dzbs a img{width: 130px;height:35px;border-radius: 5px;}
@media (max-width:767px) {
    .top .top_ab{top: 30px;}
    .top .logo a { width: 100px; padding-top: 50px; background-size: 100% !important; }
    .top .menu_list { margin-top: 10px; }
    .top .menu_list .search, .top .menu_list .menu_link.closing { display: none; }
    .threed .poa {padding-left: 0px;}
    .threed .poa ul li{width: 32px;}
    .top_nav .menu { position: static; margin: 0 auto; margin-top: 120px; }
    .top_nav .menu ul li { float: none; text-align: left; height: auto; padding: 0; width: 100%; }
    .top_nav .menu ul li:hover { background: none !important; }
    .top_nav .menu ul li:hover h2 { border-top: 0; margin: 0; padding: 0; color: #333; }
    .top_nav .menu ul li span { display: none; }
    .top_nav .menu ul li h2 { border: 0; margin: 0; padding: 0; line-height: 4; }
    .top_nav .menu ul li p { display: none; }
    .abouts_left a.more { display: block; width: 140px; height: 35px; line-height: 35px; border-radius: 40px; text-align: center; background-color: #c7000c; color: #fff; text-transform: uppercase; }
    .products_title h2 { font-size: 22px; line-height: 1.4; }
    .products_title .fr { float: left; }
    .products_title .fl { float: none; }
    .bd_left { position: relative;padding-top: 0; }
    .experences .left { display: none; }
    .experences .right li { padding-left: 0; padding-top: 15px; }
    .experences .right li img { float: left; margin-right: 10px; }
    .experences .right li h2 { padding-top: 5px; font-size: 18px; }
    .experences .right li:before { display: none; }
    .threed .poa { position: static; }
    .threed .poa h2 { font-size: 18px; margin-top: 0px; }
    .threed .poa ul.mt80 { margin-top: 20px; }
    .threed .poa ul li { margin-right: 5px; }
    .news_con li span { width: 20%; margin-top: 15px; }
    .news_con li div { width: 80%; margin-top: 0px; padding-top: 15px; }
    .news_con li div:after { top: 15px; }
    .qrcode { float: none; }
    .fnav:before, .fnav:after { display: block; content: ''; clear: both; }
    .fnav p { margin-top: 15px; }
    .abouts_title { padding-top: 10px; }
    .abouts_title em { font-size: 40px; }
    .deve li { width: 100% !important; border: 0 !important; margin: 0 !important; padding: 0 !important; margin-bottom: 15px !important; }
    .deve li p { width: 100%; font-size: 14px; margin-top: 10px; }
    .deve li h2 { border-bottom: 1px solid #eee; font-size: 22px; }
    .top_nav .menu ul li a{ padding: 0 15px;}
    .top_nav .menu ul li h2{line-height: 3;}
    .side ul li a:hover:before, .side ul li a.cur:before, .side ul li a:hover:after, .side ul li a.cur:after { display: none; }
    .rubbish a img{width: 50%;}
    .rubbish img.ewm{width: 150px;margin: 10px 0;}
    .rubbish p{color: #d5d5d5;}
    .mb80{margin-bottom: 20px;}
    .mt80{margin-top: 20px;}
    .col-md-5.mb15.text-center{float: left;margin-right: 10px;padding: 0;}
    .col-md-5.mb15.text-center img{width: 80%;}
    .cpcs{float: right;padding: 0;margin-top: 5px;}
    /*.bd_left:before { display: none;}*/
    .pro_sho_img img{max-width: 100%;}
}
@media (min-width:768px) and (max-width:1023px) {
   .top .top_ab{top: 30px;}
   .top .menu_list .menu_link{margin-top: 40px;}
   .products_title ul.fr { float: left; }
   .products_title .fr { float: left; }
   .experences .left { margin-top: 10%; }
   .experences .right li { padding-top: 5%; }
   .experences .right li:before { top: 10%; }
   .experences .right li h2 { font-size: 25px; }
   .threed .poa { position: static; }
   .threed .poa h2 { font-size: 18px; margin-top: 0px; }
   .threed .poa ul.mt80 { margin-top: 20px; }
   .threed .poa ul li { margin-right: 5px; }
   .news_con li span { width: 20%; }
   .news_con li div { width: 80%; }
   .contact_con li { padding-bottom: 40px; height: 130px; }
   .subform input { height: 35px; line-height: 35px; margin-bottom: 10px; }
   .subform textarea { height: 100px; margin-bottom: 5px; }
   .qrcode img { width: 100px; height: 100px; }
   .qrcode p { line-height: 1; margin-top: 0; }
   .abouts_title em { font-size: 100px; }
   .pro_con_bb h2 { font-size: 22px; margin-top: 0; }
   .pro_con_bb h3 { font-size: 14px; margin-bottom: 10px; margin-top: 10px; }
   .pro_con_bb p.mb35 { margin-bottom: 10px; }
}
@media (min-width:1024px) and (max-width:1365px) {
 .top .top_ab{top: 30px;}
 .top .menu_list .menu_link{margin-top: 40px;}
 .con_left { display: none; }
 .experences .left { margin-top: 15%; }
 .experences .right li { padding-top: 10%; }
 .experences .right li:before { top: 20%; }
 .pro_con_bb h2 { font-size: 22px; }
 .pro_con_bb h3 { margin-bottom: 30px; margin-top: 20px; }
}
@media (max-width:1023px) {
  .abouts_left { margin-bottom: 20px; }
  .abouts_left h2 { font-size: 22px; }
  .abouts_left h3 { margin-top: 5px; margin-bottom: 15px; font-size: 12px;}
  .abouts_left p { padding-right: 0; margin-bottom: 5px; height: 86px;overflow: hidden; }
  #owl-abouts .owl-wrapper-outer { background: none; }
  #owl-abouts .item { padding: 0; padding-right: 60px; }
  #owl-abouts .item span { display: none; }
  .brand_title a.more { float: none; }
  .brand_con li { margin-bottom: 15px; }
  .brand_con li div { min-height: auto; }
  .brand_con li div:before { display: none !important; }
  .brand_con li p { display: none; }
  .pro_con_a_left h2 { font-size: 22px; margin-bottom: 10px; }
  .pro_con_a_left h3 { font-size: 30px; }
  .pro_con_a_left h4 { font-size: 22px; letter-spacing: 5px; }
  .cpcs p { line-height: 35px; font-size: 12px; }
  .cpcs p span { width: auto; font-size: 12px; padding: 0 5px; }
}