*{-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms; }
ul,li{ list-style:none; padding: 0; margin:0; }
body{ padding-top: 60px; }
a,body,button,html,input,select,textarea {font-family: Microsoft YaHei,微软雅黑;}/* pingfang,Microsoft YaHei,微软雅黑; */
@font-face {
	font-weight:400;
	font-style:normal;
	font-family:pingfang;
	src:url(../fonts/PingFangSC.eot) format('embedded-opentype'),
		url(../fonts/PingFangSC.eot),
		url(../fonts/PingFangSC.woff) format('woff'),
		url(../fonts/PingFangSC.ttf) format('truetype'),
		url(../fonts/PingFangSC.svg) format('svg')
}
a{text-decoration:none;}
a:active,a:focus,a:hover{ text-decoration: none; }
.blank-10{ height: 10px; }
.blank-20{ height: 20px; }
.blank-30{ height: 30px; }
.blank-40{ height: 40px; }
.blank-50{ height: 50px; }
.blank-60{ height: 60px; }

.header{ position: fixed;left: 0; top: 0; width: 100%; background: #fff;z-index: 10; box-shadow: 0 0 3px #ccc;}
.navbar{ margin-bottom: 0; border:0; }
.menu{  border-radius: 0; min-height: 60px;}
.menu .nav li a{ color: #2f2f2f; font-size: 16px; }
.menu .nav.onbox li a{ color: #ccc; }
.menu .nav.onbox li.on a{color: #2f2f2f }
.navbar-toggle{ box-shadow: 0 0 3px #ccc; margin:13px 15px 13px 0;}
.navbar-toggle .icon-bar{ position: relative; background: #bdbdbd}
.navbar-toggle .icon-bar:nth-child(2){transform: rotate(45deg);top: 6px; }
.navbar-toggle .icon-bar:nth-child(3){transform: rotate(-45deg);top: 0; }
.navbar-toggle .icon-bar:nth-child(4){ opacity: 0 }
.navbar-toggle.collapsed .icon-bar:nth-child(2){transform: rotate(0);top: 0; }
.navbar-toggle.collapsed .icon-bar:nth-child(3){transform: rotate(0);top: 0; }
.navbar-toggle.collapsed .icon-bar:nth-child(4){ opacity: 1 }
.nav{ position: relative; padding-right: 18px; }
.nav>li>a {position: relative;display: block;padding: 10px 25px;}

.nav>li:last-child a{ padding-right: 0; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background: none;border: none;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background:none;}
.dropdown-menu{ border:0; left: 20px;box-shadow: 0 10px 30px rgba(51,51,51,.15);-webkit-box-shadow: 0 10px 30px rgba(51,51,51,.3);-moz-box-shadow: 0 10px 30px rgba(51,51,51,.3);border-radius: 0; width: 150px; margin:0; padding:0; }
.dropdown-menu.dropdown-menu-250{ width: 250px; }
.dropdown-menu li{ height: 50px;border-bottom: 1px solid #ebebeb; }
.dropdown-menu li.current{}
.dropdown-menu li a{ line-height: 50px; padding: 0 20px;}
.navbar-nav i.fa{ display: none; }
.navbar-nav i.fa-search{ display: block; line-height: 60px; color: #666 }

.nav .searchbox{ float: left; font-size: 18px; margin:0; position: absolute; right: 0;  width: 18px; text-align: right;}
.search{position: absolute; width: 300px;right:0;background: #fff; display: none; padding: 10px;box-shadow: 0px 3px 5px #ccc;}
.search .input-group,.m-search .input-group{ width: 100% }
.dropdown-submenu{position:absolute;top:0;right:-150px;display:none;margin:0;padding:0;width:150px;background:#fff;box-shadow:0 10px 30px rgba(51,51,51,.15)}
.dropdown-submenu i.fa{ display: block;position: absolute;left: -5px;top: 15px;color: #fff; }
.dropdown-submenu li{ list-style:none; }
.dropdown-submenu li a{ text-decoration: none; display: block; }
.dropdown-submenu li a:hover{ background: #f5f5f5 }
.navbar-brand{ height: 60px;padding: 20px 15px; }
.swiper-container {width: 100%;height: 100%; }
.banner img,.swiper-slide img {width: 100%}
.mobilebanner{opacity: 0; height: 0; overflow: hidden; }
.pcbanner{opacity: 1; height: auto; overflow: hidden;  }
.banner .swiper-pagination-bullet{ height: 2px; width: 26px;  background: #fff; border-radius: 0;  opacity: 1 }
.banner .swiper-pagination-bullet-active{ background:red }

.proshow{ padding-top: 50px }
.proshow h4.title{ font-size: 34px; text-align: center; padding-bottom: 48px; line-height: 70px; margin:0; }
.proshow .list{box-shadow: 0px 0px 1px 1px #efefef; overflow:hidden; width:100%;height:auto; background-color:#fff; float:left;position: relative;overflow: hidden; padding-bottom: 46px; margin-bottom: 30px;}
.proshow .list img{display: block;transition: all 1s ease-out;transform: scale(1); width: 100%; height: auto;}
.proshow .list a{ width: 100%;position: absolute;left: 0;top: 0; opacity: 0}
.proshow .list:hover{box-shadow: 0px 0px 1px 2px #efefef;}
.proshow .list:hover a{opacity: 1}
.proshow .list:hover img{transform: scale(1.05);}
.proshow .list .til{ position: absolute; left: 0; bottom: 0; top: auto; opacity: 1; display:block; width:100%; height:46px; line-height: 46px; background: #2f2f2f; color: #fff; text-align:center; font-size:13px; text-decoration:none;}
.proshow .list:hover .til{ background: #0068b7; color: #fff; }

.brand{ padding-top: 50px; background: #f6f6f6; margin-top: 80px; padding-bottom: 50px;}
.brand h4.title{ font-size: 34px; text-align: center; padding-bottom: 48px; line-height: 70px; margin:0; }
.brand .item img{ width: 100%; }
.brand .item .info{ background: #fff; overflow: hidden;padding: 0 18px 14px 18px; min-height: 121px; }
.brand .item .info .line:before{content:none; }
.brand .item .info .line:after{content:none;}
.brand .item .title{font-size: 20px;text-align: left;margin-top: 14px;color: #2f2f2f;}
.brand .item p {font-size: 14px;text-align: left;margin-top: 14px;color: #2f2f2f;}
.brand .item .line{width: 30px;height: 1px;margin-top: 10px;background-color: #2f2f2f; }
.is_seo{ text-align: center; }
.is_more {font-size: 16px;color: #2f7cd3;text-decoration: none !important; margin-top: 48px;    display: inline-block; }
.is_more:hover{ color: #2f7cd3; text-decoration: none;}
.is_more p{margin: 18px auto 0; }
.ismc_close{display: block;margin: 0 auto;width: 30px;height: 30px;}
.clear{-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}
.ism_container{display: none;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}
.ism_container .img img{ width: 100% }
.ismc_item{ padding-top: 70px; display: flex;align-items:center; }
.isi_content{ text-align: left; }
.ism_container .ismc_item:nth-child(odd){flex-direction:row-reverse; }
.isi_content .isic_p1 {font-size: 30px;color: #2f2f2f;}
.isi_content em {display: block;width: 30px;height: 1px;background: #2f2f2f;margin: 24px 0;}
.isi_content p {font-size: 16px;color: #2f2f2f;line-height: 24px;}
.ggbox{ background: #2f2f2f; }

.newbox{ padding-top: 50px; }
.new-row{ position: relative; }
.newbox .ic_item *{ -moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}
.new-item{ clear: both; }
.newbox .ic_first{ padding-right: 0; position: absolute; left: 0; top: 0; opacity: 0;transition: all .2s linear;-webkit-transition: all .2s linear; overflow: hidden; }
.new-item a:hover .ic_first {opacity: 1;}
.new-item:nth-child(1) a .ic_first{opacity: 1}
.newbox h4.title{ font-size: 34px; text-align: center; padding-bottom: 48px; line-height: 70px; margin:0; }
.ic_first img{ height: 480px; }
.newbox .ic_item{ padding-left: 0;height: 120px;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;display: flex;flex-wrap: wrap; float: right;}
.newbox p{ margin:0; padding: 0; }
.newbox .ic_item .ii_time{float:left;width:120px;color:#000;text-align:center;height:120px;padding:25px 0;background-color:#fff;}
.newbox .ic_item .ii_time p.it_day{font-size:44px;line-height:46px}
.newbox .ic_item .ii_time p.it_year{font-size:16px;line-height:18px}
.newbox .ic_item .ii_content{color:#000;padding:20px;height:120px; flex:1;}
.newbox .ic_item .ii_content p.ic_title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newbox .ic_item .ii_content p.ic_txt{font-size:12px;line-height:24px;margin-top:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newbox a:hover .ic_item .ii_time {background-color: #565459;color: #fff;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}
.newbox a:hover .ic_item .ii_content {background-color: #605e63;color: #fff;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}

footer{ background: #2c2c2c;}
.fnav{ padding: 40px 0 20px 0; color: #fff; overflow: hidden; border-bottom: 1px solid #3f3f3f; }
.fnav dt{ font-weight: normal; font-size:14px; line-height: 30px; }
.fnav dl dt i{float: right;line-height: 30px; display: none;}
.fnav dl dd{ line-height: 26px; }
.fnav a{ color: #959595; font-size:12px; }
.fnav .tel{ text-align: right; }
.fnav .tel h3{ margin: 0; }
.fnav .tel h6{ color: #959595 }
.fnav .tel a { padding: 10px 50px; color: #2f7cd3; }
.fnav .tel a:active,.fnav .tel a:hover:hover{  background: #2f7cd3; color: #fff; border-color:#2f7cd3; }
.conpyright{ padding: 10px 0; color: #959595; line-height: 40px; font-size:12px;}
.conpyright .language ul{position:relative;margin:0;padding:0;width:140px;border-radius:5px;background:#363636;list-style:none}
.conpyright .language ul li{width:140px;height:40px;background:#363636;list-style:none}
.conpyright .language li.arrow_d{border-radius:5px;background:url(../images/down_arrow_03.png) 116px center no-repeat}
.conpyright .language ul li a{position:relative;display:block;box-sizing:border-box;padding-left:46px;width:100%;height:100%;color:#7c7c7c;line-height:40px}
.conpyright .language ul li i{position:absolute;top:9px;left:16px}
.conpyright .language li.arrow_d:hover{border-radius:5px;background:url((../images/down_arrow_03.png) 116px center no-repeat #252525}
.conpyright .language li#en:hover{background:#252525}
.conpyright #en{position:absolute;top:-40px;left:0;display:none;border-radius:5px}
.conpyright .language{float:right}
.conpyright .online_service{float:inherit;display:block;margin-top:20px;width:151px;height:35px;border-radius:6px;background:#fff;color:#2f7cd3;text-align:center;line-height:34px}
.flag,.icon_arrow_down{background-image:url(../images/icon5.png)}
.flag{display:inline-block;margin-top:5px;margin-right:10px}
.china{width:21px;height:14px;background-position:-194px 0}
.us_en{width:21px;height:15px;background-position:-220px 0}
.fixed{position:fixed;right:0;bottom:158px;z-index:900}
.qqfixed{ position: fixed; right: 50px; bottom: 130px; z-index: 9999;}
.online{display:block;width:49px;height:50px;border-radius:5.5px}
.online div{background-image:url(../images/fix_icon1.png);width:50px;height:50px}
.getTop,.getTop div{width:50px;height:50px;background-image:url(../images/fix_icon2.png)}
.getTop,a{cursor:pointer}
.erweima .modal-con,.erweima .modal-mask{position:fixed;top:0;left:0}
.erweima{display:none}
.erweima .modal-con{right:0;bottom:0;z-index:1001;-webkit-overflow-scrolling:touch;outline:0}
.erweima .modal-mask{z-index:1000;background-color:#000;right:0;bottom:0;margin:0;overflow:auto;opacity:.8;filter:"alpha(opacity=80)"}
.erweima .modal-container{top:100px;width:352px;left:50%;margin-left:-176px;background-color:#fff;border-radius:8px;z-index:9999;position:relative;text-align:center}
.erweima .modal-container .qr_close{position:absolute;width:30px;height:30px;top:-10px;right:-10px;background:url(../images/dialog_close.png) center no-repeat}
.erweima .modal-container h2{font-size:24px;color:#2f2f2f;font-weight:400;padding-top:22px}
.erweima .modal-container p{font-size:14px;color:grey;line-height:24px;margin-top:16px}
.erweima .modal-container img{margin-top:30px;margin-bottom:30px}


.about_nr h2{ padding: 60px 0; text-align: center; font-size: 40px; color: #000; line-height: 50px; margin:0; }
.about_nr .number{ text-align: center;  font-size: 60px; color: #0068b7; border-right: 1px solid #eaeaea;}
.about_nr .number:last-child{ border:0; }
.about_nr .number p{ font-size: 12px; color: #000 }
.about_nr .number_box{ padding: 0 0 60px 0; }
.about{ font-size: 16px;line-height: 36px; border-bottom: 1px solid #eaeaea; padding-bottom: 40px;}
.pro_nr{ text-align: center; font-size: 40px; color: #000; line-height: 50px; margin:0; padding: 0; }
.pro_nr h2{ padding: 70px 0 50px 0; text-align: center; font-size: 40px; color: #000; line-height: 50px; margin:0; }
.proshow-nr{ font-size: 16px;line-height: 36px;  padding-bottom: 40px; text-align: center;}
.skill{ background: #fafafa; margin-top:50px; padding-bottom: 50px;  }
.skill h2{ padding: 40px 0 20px 0; text-align: center; font-size: 40px; color: #000; line-height: 50px; margin:0; }
.skill .list { position: relative; overflow: hidden; }
.skill .list img{ width: 100%; }
.skill .list img:hover{ transform: scale(1.2); }
.skill .list p{ position: absolute; left: 0; bottom: 15px; width: 100%; font-size: 18px; color: #fff; padding: 0 20px; line-height: 26px; margin-bottom: 0; }

.news_nr{ text-align: center; font-size: 40px; color: #000; line-height: 50px; margin:0; padding: 0; }
.news_nr h2{ padding: 70px 0; text-align: left; font-size: 40px; color: #000; line-height: 50px; margin:0 -15px; }


.news_nr .new-item{margin-bottom: 20px;overflow: hidden; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px; }
.news_nr .ic_first{ padding-right: 0;  opacity: 1; overflow: hidden; padding-left: 0;}
.news_nr h4.title{ font-size: 34px; text-align: center; padding-bottom: 18px; line-height: 70px; margin:0; }
.news_nr .ic_first img{ width: 100%; height: auto; }
.news_nr p{ margin:0; padding: 0; font-size: 12px; }
.news_nr p.date{ line-height: 28px; }
.news_nr p.date .publisher{ color: #3ca5f6 }
.news_nr .ic_item .ii_content{color:#000;padding:0;height:auto; text-align: left;}
.news_nr .ic_item .ii_content p.ic_title{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 20px; padding-bottom: 10px;}
.news_nr .ic_item .ii_content p.ic_title a{ color: #000; }
.news_nr .ic_item .ii_content p.ic_txt{font-size:12px;line-height:24px;margin-top:5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news_nr a:hover .ic_item .ii_content {background-color: #fff;color: #000;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}
.s_view {display:inline-block;height: 16px;width: 16px; background-image: url(../images/comment.png);position: relative;top: 5px; margin-left: 10px;}
.page{ font-size: 14px; text-align: right; }
.page a{ font-size: 14px; }

.contact{ background: #f6f6f6; padding-bottom: 60px; }
.contact h4.title{font-size: 30px;padding-bottom: 18px;color: #2f2f2f;font-weight: 400;padding-top: 50px;}
.contact .underline {width: 34px;border-bottom: 2px solid #000;margin:0;}
.logo-1688{ padding-bottom: 25px; }
.logo-1688 img{ max-width: 100% }
.contact_company{ padding-bottom: 30px; }
.contact_company h2{font-size: 18px;line-height: 36px;color: #2f2f2f;font-weight: 500;}
.contact_company p{ line-height: 26px; }
.contact_company p a{ color:#000 }
.contact_ecology p a{color:#2f7cd3 }

.join{padding: 110px 0 20px;}
.join h4.title{font-size: 36px;padding-bottom: 18px;color: #2f2f2f;font-weight: 400;text-align: center;}
.join .first-content-margin {margin-top: 50px;}

.join .first-content {text-align: center;font-size: 18px;color: grey;}
.join-btn {padding: 50px 0 110px 0;text-align: center;border-bottom: 1px solid #ccc;}
.join-btn a.btn-my-primary{color: #fff;font-size: 14px;height: 46px;line-height: 44px;background-color: #2f7cd3;border-radius: 5px; padding: 0 40px; margin:0 20px; }
.join-bottom{ padding-top: 80px; }
.join-lr{ width: 650px; margin:30px auto; }
.join-lr .left{float:left;width:300px}
.left-one,.right-one{margin:10px 0 26px 0}
.join-lr .third-title{height:18px;line-height:18px;border-left:2px solid #2f2f2f;font-size:18px;font-weight:400;color:#2f2f2f;padding-left:18px;margin:0}
.join-lr .third-content{margin-left:20px;font-size:14px;color:#b0b0b0;line-height:43px}
.join-lr .middle{width:9px;height:144px;float:left;background:url(http://www.orvibo.com/guanwang_second/front/images/joinUs/join-us-line.jpg?cache-buster) center no-repeat}
.join-lr .right{float:right;width:220px;margin-left:120px}
.salary{padding-bottom:100px}
.salary h4.title{font-size:36px;padding-bottom:18px;color:#2f2f2f;font-weight:400;text-align:center}
.salary .first-content{text-align:center;font-size:18px;color:grey}
.one-list{text-align:center}
.one-list{padding:60px 0 0 0;min-height:213px}
.one-list p{margin:0;line-height:24px}
.one-list p:nth-of-type(1){font-size:16px;color:#2f2f2f;font-weight:600;text-align:center;margin-top:20px;line-height:16px;margin-bottom:8px}

.group{ padding: 38px 0; line-height: 50px; background: #f6f6f6;}
.group ul{ display: flex;  }
.group ul li{-webkit-box-flex: 1;width: 100%; text-align: center; position: relative;}
.group ul li a{ color: #000; font-size: 16px; }
.group ul li a:hover{ color: #2f7cd3 }
.group ul li .dap{ position: absolute; left: 28px; top: 50px; background: #fff; box-shadow: 0 0 2px #ccc;line-height: 30px; z-index: 999; min-width: 640px;text-align: left;padding: 0 10px; display: none;z-index: 9; }
.group ul li .dap .triangle_border_up{position: absolute;left: 77px;top: -8px;color: #fff;}
.group ul li:last-child .dap{ left: auto; right: 28px; }
.triangle_border_up{border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #ccc}
.triangle_border_up span{display:block;width:0;height:0;border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #fff;position:absolute;top:1px;left:-7px}
.group ul li .dap a{ padding: 0 8px; font-size: 12px; }
.group ul li:last-child .dap .triangle_border_up{ left: auto; right: 28px; }
.group ul li:nth-last-child(2) .dap {
    left: auto;
    right: 20px;
}
.group ul li:nth-last-child(2) .dap .triangle_border_up {
    left: auto;
    right: 80px;
}
.probanner{ background: #f6f6f6; padding-bottom: 38px;}
.pro-list{ background: #f6f6f6; }
.pro-list-a{position:relative;transition:all .2s linear;-webkit-transition:all .2s linear;margin-bottom:25px}
.pro-list-a:hover{transform:translate3d(0,-2px ,0);-webkit-transform:translate3d(0,-2px ,0);-moz-transform:translate3d(0,-2px ,0);box-shadow:0 15px 20px rgba(0,0,0,.1);-webkit-box-shadow:0 15px 20px rgba(0,0,0,.1);-moz-box-shadow:0 15px 20px rgba(0,0,0,.1)}
.pro-list a.block{ background: #fff; display: block; overflow: hidden; padding: 15px 0;transition: all .2s linear;-webkit-transition: all .2s linear; }
.pro-list a .right{ float: right; }
.pro-list a .right img{ width: 100% }
.pro-list a .left .title{margin-top:30px;font-size:18px;color:#2f2f2f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-list a .left .text{font-size:14px;color:grey;margin-top:16px;line-height:26px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.pro-list a.button{position:absolute;bottom:45px;left:30px;width:120px;height:30px;text-align:center;line-height:30px;font-size:14px;color:#2f2f2f;border:1px solid #ebebeb;border-radius:6px;transition:all .2s linear;-webkit-transition:all .2s linear}
.pro-list a.button:hover{background-color:#267ad0;border-color:#267ad0;color:#fff}

.prod-top{ padding: 60px 0; }
.prod-row{ display: flex; align-content: center;  }
.prod-top .bigmig img{ width: 90%; }
.prod-top .promemo h2{ color: #0068b7;  line-height: 30px; margin:0;width: 100%; font-weight: bold;padding-bottom: 10px;}
.prod-top .promemo h5{ color: #626262; font-size: 22px; margin:20px 0 0 0; width: 100%;}

.prod-top .promemo h3{ color: #0068b7;  line-height: 30px; margin:0;width: 100%;}
.prod-top .promemo h6{ color: #626262; font-size: 18px; margin:20px 0 0 0; width: 100%}
.prod-top .promemo { display: flex; align-content: center; flex-wrap: wrap;  }
.smallpic{ margin:70px 0; }
.smallpic ul li{ float:left; width: 20%; margin-right:4%; box-shadow: 2px 2px 5px #ccc; }
.smallpic ul li img{ width: 100%; }
.linkback ul li{ float:left; border:1px solid #ccc; margin-right: 10px; margin-bottom: 10px; text-align: center; }
.linkback ul li.but{ border:0; position: relative; }
#radio_lx{ display: none; }
.linkback ul li.but a{ background: #eb6100; color: #fff; font-size: 18px; display: block; height: 52px; line-height: 52px; padding: 0 36px; }
.linkback ul li img{ height: 50px; }
.tanp{ background: url(../images/tanp.png) no-repeat; width: 113px; height: 72px; position: absolute; left: 40px; top: -57px; line-height: 58px;line-height: 58px;
    font-size: 12px;text-align: center; }
.line{ background: #d7d7d7; height: 1px; position: relative; }
.line:before{content:""; height: 9px; width: 9px; border:1px solid #d7d7d7; border-radius: 9px;display: block;position: absolute;background: #fff;top: -4px; left:0; }
.line:after{content:""; height: 9px; width: 9px; border:1px solid #d7d7d7; border-radius: 9px;display: block;position: absolute;background: #fff;top: -4px; right: 0}
.yyly{ padding-top: 30px; padding-bottom: 30px; }
.yyly .title1{ padding-bottom: 20px; }

.show_nums{ background: #0068b7; padding: 40px 0; color: #fff; margin-bottom: 60px; }
.nums{ float:left; width: 33.33333%; text-align: center;  }
.nums .nname{ font-size: 60px; margin-bottom: 0; font-weight: normal;}
.nums .nname font{ font-size: 30px; }
.row-line{ margin:50px 0; background: #e7e7e7; height: 1px; }

.pro-row-middle{ display: flex; align-items: center; }
.pro-text{ line-height: 26px; }
.pro-pic{ text-align:  right; position: relative; }
.pro-pic img{ max-width: 100% }
.prolink{ position:absolute; left: 15px;text-align: left; }
.prolink a{ display: block; line-height: 30px; }

.pro-row-parameter{ padding-top: 50px; }
.pro-row-parameter h4{ text-align: center; padding-bottom: 40px; }
.pro-row-parameter h4.cs-title{ text-align: left;  line-height: 24px; text-indent: 10px;margin-bottom: 0;padding-bottom: 0; }
.pro-row-parameter h4.cs-title:before{content:""; background: #0068b7; width: 5px;height: 24px;display: block;position: absolute;}
.pro-row-parameter .waiguan{ text-align: center; color: #0068b7; line-height: 30px;  }
.pro-row-parameter .waiguan p{ margin-bottom: 30px; }
.waiguan img{ max-width: 100% }
.ptbox{ display: flex; flex-wrap: wrap;}
.ptbox .text1{line-height: 180%;  margin: 20px 0px; padding-right: 20px;  font-size: 15px;}
/*.ptbox p{ width: 50% }*/
.line-one{ height: 1px; background: #ccc; margin:40px 0; }
.pro-text img{ max-width: 100% }
.linkback ul li.selected{ border-color: #eb6100; }
.pro-row-l h4.cs-title{ text-align: left; padding-top: 10px; line-height: 24px; text-indent: 10px;margin: 0;padding: 0; }
.pro-row-l h4.cs-title:before{content:""; background: #0068b7; width: 5px;height: 24px;display: block;position: absolute;}

.pro-row-top h4.cs-title{ text-align: left; padding-top: 10px; line-height: 24px; text-indent: 10px;margin: 0;padding: 0; }
.pro-row-top h4.cs-title:before{content:""; background: #0068b7; width: 5px;height: 24px;display: block;position: absolute;}

.pro-row-top h4.title1{ text-align: left; padding-top: 10px; line-height: 24px; text-indent: 10px;margin: 0;padding: 0;margin-bottom: 20px; }
.pro-row-top h4.title1:before{content:""; background: #0068b7; width: 5px;height: 24px;display: block;position: absolute;margin-bottom: 20px;}

.pro-text-left{ text-align: left; }
.prod-list p{ text-align: center; color: #000; line-height: 30px; padding-top: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 30px; }
.prod-list a:hover p{ color: #0068b7 }
.prod-list img{ width: 100%; box-shadow: 0 0 5px #ccc; }
.ntitle{ padding: 0 0 0 0; text-align: center; line-height: 36px; }
.newda{ padding-bottom: 40px; }
.newda .date{ text-align: center; }
.newda .date .publisher {color: #3ca5f6;}
.newsd { border:0; }
.newsd img{ max-width: 100%; }
.feed input, .feed textarea{outline:none; border-radius: 0;}
.feed input{ width: 100%; border:0; background: #ddd; padding: 5px; border-radius: 0; line-height: 30px }
.feed textarea{ width: 100%; border:0; background: #ddd; padding: 5px; border-radius: 0; line-height: 30px }
.feed input:focus{ background: #ccc; }
.question-b{ background: url(../images/support_banner.jpg) no-repeat center center; height: 400px; background-size:auto 100%;text-align: center; color: #fff; display: flex; align-items: center;}
.question-b h2{ margin:0 0 20px 0; }
.question-nav{ border-bottom: 1px solid #ccc; }
.question-nav ul li{  float:left; font-size:16px;padding: 0 40px;}
.question-nav ul li:first-child{ padding-left: 0;}
.question-nav ul li a{ padding: 20px 0; display: block; color: #000;border-bottom: 2px solid transparent; position: relative; top:1px; }
.question-nav ul li a:hover{border-bottom: 2px solid #337ab7; color: #337ab7;}
.question-nav ul li a.sm_active{ color: #337ab7 }
.question-content dl{ border-bottom: 1px solid #ebebeb; margin-bottom: 0}
.question-content dl dt{ font-size: 24px;color: #333;margin-top: 36px; margin-bottom: 20px; font-weight: normal; }
.question-content dl dt em{display:block;float:left;width:10px;height:10px;margin-right:12px;margin-top:12px;background:#337ab7;border-radius:10px}
.question-content dl dd {margin-left: 22px; margin-bottom: 24px;}
.question-content dl dd a { font-size: 14px;color: #888;}
.question-content dl dd a:hover { font-size: 14px;color: #337ab7;}
.sv_block{ border-bottom: 1px solid #ccc; overflow: hidden; padding-bottom: 40px; }
.sv_title{font-size: 24px;color: #333; margin-top: 36px;margin-bottom: 30px;}
.sv_title em{display:block;float:left;width:10px;height:10px;margin-right:12px;margin-top:12px;background:#337ab7;border-radius:10px}
.sv_block .sv_pic{ position: relative; }
.sv_block .sv_pic img{ width: 100% }
.sv_block a { position: relative; display: block; padding: 10px; border:1px solid #fff; }
.sv_block a p{font-size:14px;color:#888;margin-top:10px;}
.sv_block a .sv_timer{margin-top:10px;font-size:12px;color:#888;line-height:16px;margin-bottom:24px}
.sv_block a .sv_mask{position:absolute;width:100%;top:0;left:0;z-index:9;background:rgba(0,0,0,0.5);opacity:0;height: 100%; text-align: center; font-size:40px; color: #fff;display: flex;justify-content: center;align-items: center;}
.sv_block a:hover{ border:1px solid #337ab7; box-shadow: 0 5px 5px #ccc }
.sv_block a:hover .sv_mask{ opacity: 1 }
.video_mask{background-color:#101010;overflow:hidden;top:0;left:0;z-index:999;opacity:.9;-webkit-overflow-scrolling:touch;position:fixed;width:100%;height:100%;display:none}
.video_modal{left:50%;top:50%;z-index:9999;display:none;position:fixed;text-align:center;margin-top:-300px;margin-left:-500px}
#really-cool-video{ width: 1000px; height: 600px; margin:0 auto; }

.ss_item { margin-top: 90px;text-align: center; margin-bottom: 100px;}
.si_name{font-size:20px;color:#888;margin-top:50px}
.si_describe{font-size:14px;color:#333;margin-top:36px;text-align:left;margin-left:24px;margin-bottom:10px}
.ss_item .si_content p{ margin-bottom: 0 }

.ss_item .si_content .sc_line{margin-left:24px;text-align:left;font-size:12px;color:#888;line-height:24px}
.ss_item .si_content .fa-star{ color: #ffab00 }
.ss_item .si_content .sc_line{margin-left:24px;text-align:left;font-size:12px;color:#888;line-height:24px}
.ss_item .si_content .sc_line{margin-left:24px;text-align:left;font-size:12px;color:#888;line-height:24px}

.case-top{ text-align: center;padding-top: 76px;padding-bottom: 45px; }
.case-top h4 {font-size: 18px;color: #2f2f2f;line-height: 40px;margin-top: 20px;}
.cs_container{margin: 70px auto;}
.cs_container .cs2_item{ width: 20%; float:left; text-align: center;}
.cs_container .cs2_item em img{ max-width: 100% }
.cs_container .cs2_item p {font-size: 20px;color: #2f2f2f;margin-top: 22px;}
.qrcode{ color:#72ACE3}

.channel_sec{background: url(../images/bg2.jpg) no-repeat center center; background-size: cover; padding: 76px 0 100px 0; text-align: center; color: #fff;}
.channel_sec h4{font-size:18px;line-height:40px;margin-top:20px}
.case-item{background:#fff;display:flex;align-items:center;margin-top:20px}
.case-item .case-left{width:50%}
.case-item .case-left img{width:100%}
.case-item .case-right{width:50%;color:#000;justify-content:left;text-align:left;padding:20px}
.case-item .case-right h5{font-size:18px;color:#2f2f2f;padding-top:0;line-height:28px}
.case-item .case-right em{display:block;width:26px;height:2px;margin-top:40px;background-color:#ccc}
.case-item .case-right h6{margin-top:24px;font-size:14px;color:#666;line-height:24px}

.case-down{ text-align: center;padding-top: 76px;padding-bottom: 85px; background: #fbfbfb; }
.case-down h4 {font-size: 18px;color: #2f2f2f;line-height: 40px;margin-top: 20px;    margin-bottom: 40px;}

.case-d-nr { display: flex; width: 100% ;box-shadow: 0 0 5px #ccc;}
.case-d-nr .cditem{ border-right: 1px solid #f1f1f1; flex: 1; width: 100%;-webkit-box-flex: 1; background: #fff; position: relative;    padding-bottom: 70px;}
.case-d-nr .cditem:last-child{ border-right:0; }
.case-d-nr .cditem span{ position: absolute; width: 40px; height: 40px; border:1px solid #f1f1f1; border-radius: 40px; font-size: 18px; line-height: 36px; text-align: center; color: #666;right: -20px;z-index: 999; background: #fff;bottom: 90px;}
.cditem h2{  font-size: 20px;color: #2f2f2f; margin:0; line-height: 30px; padding-top: 60px; padding-bottom: 60px; }

@media (min-width: 992px) {
	.proshow .col-md-3 {
    	width: 20%;
	}
}
@media (max-width: 991px){
	.nav>li>a { padding: 10px 8px;}
	.newbox{ padding-top:25px; }
	.ismc_item{ padding-top: 20px; display: block; overflow: hidden;}
	.ismc_item .img{ margin-bottom: 24px; }
	.isi_content .isic_p1 {font-size:20px;color: #2f2f2f;text-align: center;}
	.isi_content em {display: block;width: 30px;height: 1px;background: #2f2f2f;margin: 10px auto 20px auto;text-align: center;	}
	.isi_content p {font-size: 14px;color: #2f2f2f;line-height: 28px;}
	.new-item{margin-bottom: 15px;overflow: hidden; }
	.newbox .ic_first{ padding-right: 0; position: inherit; left: 0; top: 0; opacity: 1;transition: all .2s linear;-webkit-transition: all .2s linear; overflow: hidden; }
	.new-item a:hover .ic_first {opacity: 1;}
	.new-item:nth-child(1) a .ic_first{opacity: 1}
	.newbox h4.title{ font-size: 34px; text-align: center; padding-bottom: 18px; line-height: 70px; margin:0; }
	.ic_first img{ width: 100%;  height: auto; }
	.newbox .ic_item{ padding-left: 15px;height: auto;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;display:block; float: left;}
	.newbox p{ margin:0; padding: 0; }
	.newbox .ic_item .ii_time{float:left;width:120px;color:#000;text-align:center;height:120px;padding:25px 0;background-color:#fff; display: none;}
	.newbox .ic_item .ii_time p.it_day{font-size:44px;line-height:46px}
	.newbox .ic_item .ii_time p.it_year{font-size:16px;line-height:18px}
	.newbox .ic_item .ii_content{color:#000;padding:0;height:auto; flex:1;}
	.newbox .ic_item .ii_content p.ic_title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.newbox .ic_item .ii_content p.ic_txt{font-size:12px;line-height:24px;margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.newbox a:hover .ic_item .ii_content {background-color: #fff;color: #000;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}
	
	.fnav dl{ margin-bottom:10px; height: 40px; overflow: hidden; }
	.fnav dt{ font-weight: normal; font-size:14px; line-height: 30px; margin: 0;background: #fff;color: #000;border-radius: 4px;padding: 5px 10px; margin-bottom: 10px;}
	.fnav dl dd{ line-height: 26px; padding: 0px 20px;}
	.fnav a{ color: #959595; font-size:12px; }
	.fnav .tel{ text-align: center;padding: 10px 0 0 0; }
	.fnav dl dt i{float: right;line-height: 30px; display: block;}
	.news_nr .ic_item .ii_content p.ic_txt{-webkit-line-clamp: 2;}
	.pro-list  a.button {display: none;}
	.mgroup{ padding: 18px 0; line-height: 50px; background: #f6f6f6;  }
	.mgroup .mglist{width:100%;text-align:left;line-height: 40px; background: rgba(0,0,0,.7); border-radius: 4px;color: #fff; padding:0 20px; position: relative; z-index: 0;}
	.mgroup .mon{ border-radius: 4px 4px 0 0;}
	.mgroup .mglist i{float: right;line-height: 40px; }
	.mgroup ul{ background: #fff; color: #000; border-radius:0 0 4px 4px; margin-top: 0px; box-shadow: 0 0 5px #ccc; padding: 10px 0;display: none;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}
	.mgroup ul li{line-height: 40px;  }
	.mgroup ul li a{ color: #000;padding:0 20px;  }
	.mgroup ul li .dap{ display: none;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms; }
	.mgroup ul li a { display: block; }
	.mgroup ul li a i.fa{ line-height: 40px; float: right; }
	.mgroup ul li .dap{ display: none;background: #f5f5f5;padding:0 10px;  }
	.mgroup ul li .dap a{ display: inline; font-size: 12px; padding: 0 10px; }
	.prod-row{ display: flex; align-content: center; flex-wrap: wrap;  }
	.promemo h3{ font-size: 18px; }
	.prod-row .promemo h6{ font-size: 14px; }
	.promemo h3 , .promemo h6{ text-align: left; width: 100% }
	.smallpic{ margin:30px 0 10px 0; text-align: left; }
	.smallpic ul li{ float: none; width: 25%; display: inline-block; margin-bottom:10px;}
	.nums { font-size: 12px;}
	.nums .nname{ font-size: 60px;}
	.nums .nname font{ font-size:20px; }
	.case-item{display:block}
	.case-item .case-left{width:100%}
	.case-item .case-right{width:100%}
	.case-item .case-right em{margin-top:10px}


}
@media (min-width: 768px){
	.navbar-nav {float: right;margin: 0 -15px;}
	.navbar-nav>li>a {padding-top: 20px;padding-bottom: 20px;}
}
@media (max-width: 768px){
	.header{ box-shadow: 0 0 3px #ccc;}
	.navbar-header{ box-shadow: 0 0 3px #ccc; }
	.navbar-nav {margin: 0 -15px;height: 255px;}
	.nav{position:relative;padding-right:0}
	.m-search{ padding: 10px; }
	.dropdown-menu{ -moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;  }
	.nav>li>a {position: relative;display: block;padding: 15px 25px;text-align: center;border-bottom: 1px solid #ebebeb;}
	.nav>li:last-child a {position: relative;display: block;padding: 15px 25px;text-align: center;}
	.navbar-nav .dropdown-menu{border-top: 1px solid #ebebeb; width: 100%; float: none; position: initial; box-shadow: none; border-top: none;}
	.navbar-nav .dropdown-menu .dropdown-header, .navbar-nav .dropdown-menu>li>a {padding: 0 15px 0 25px;}
	.navbar-nav .dropdown-menu>li{background-color: #f8f8f8;border-bottom: 1px solid #ebebeb;}
	.navbar-nav .dropdown-menu>li>a {line-height: 50px;padding: 0;text-align: center;}
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background: none; }
	.navbar-nav i.fa{ display: inline;position: absolute;right: 24px;font-size: 16px;}
	.navbar-nav .deg i.fa{transform: rotate(90deg);}
	.pcbanner{opacity: 0; height: 0; overflow: hidden;  }
	.mobilebanner{opacity: 1; height: auto; overflow: hidden;}
	.proshow{ padding-top: 20px }
	.proshow h4.title{ font-size: 20px; text-align: center; padding-bottom: 20px; line-height: 40px; margin:0; }
	.brand{ padding-top: 20px; margin-top: 20px; }
	.brand h4.title{ font-size: 20px; text-align: center; padding-bottom: 20px; line-height: 40px; margin:0; }
	.qqfixed{ display: none; }
	.conpyright{ padding: 10px 15px; color: #959595; line-height: 20px; font-size:12px; text-align: center;}
	.conpyright .language{float:none}
	.conpyright .language ul{ width: auto; text-align: center;background:none; } 
	.conpyright #en{position:initial;top:0;left:0;display:inline-block;border-radius:5px}
	.conpyright .language ul li{width:120px;height:40px;background:#363636;list-style:none;display:inline-block;margin:0 5px}
	.conpyright .language li.arrow_d{border-radius:5px;background:#363636}
	.conpyright .language ul li a{padding-left:0}
	.conpyright .language ul li i{position:inherit;top:3px;left:0}
	.about_nr h2{ padding: 40px 0; text-align: center; font-size: 30px; color: #000; line-height: 50px; margin:0; }
	.about_nr .number{ text-align: center;  font-size: 40px; color: #0068b7; border-right: 1px solid #eaeaea;}
	.about_nr .number:last-child{ border:0; }
	.about_nr .number p{ font-size: 12px; color: #000 }
	.news_nr h2 { padding: 15px 0;text-align: left;font-size: 20px;color: #000;line-height: 40px; margin: 0; }
	.news_nr .ic_first{ padding-right: 0;  opacity: 1; overflow: hidden; padding-left: 15px;}
	.news_nr .ic_first img{ width: 100%; height: auto; }
	.news_nr p{ margin:0; padding: 0; font-size: 12px; }
	.news_nr p.date{ line-height: 24px; }
	.news_nr p.date .publisher{ color: #3ca5f6 }
	.news_nr .ic_item .ii_content{color:#000;padding:0;height:auto; text-align: left;}
	.news_nr .ic_item .ii_content p.ic_title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 20px; padding-bottom: 0;}
	.news_nr .ic_item .ii_content p.ic_title a{ color: #000; }
	.news_nr .ic_item .ii_content p.ic_txt{-webkit-line-clamp: 1; margin-top: 0;}
	.news_nr a:hover .ic_item .ii_content {background-color: #fff;color: #000;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}
	.s_view {;display:inline-block;height: 16px;width: 16px; background-image: url(../images/comment.png);position: relative;top: 5px; margin-left: 5px;}
	.page{ font-size: 14px; text-align: center; }
	.join{ padding-top: 40px; }
	.join h4.title{font-size:20px;padding-bottom:18px;color:#2f2f2f;font-weight:0;line-height:30px;text-align:center}
	.join .first-content {text-align: center;font-size: 14px;color: grey;}
	.join-btn {padding: 30px 0 50px 0;text-align: center;}
	.join-btn a.btn-my-primary{color: #fff;font-size: 16px;height: 46px;line-height: 44px;background-color: #2f7cd3;border-radius: 5px; padding: 0 20px; margin:0 10px; }
	.join-bottom{ padding-top: 40px; }
	.join-lr{ width: 100% }
	.join-lr .left{float:left;width:50%}
	.join-lr .right{float:left;width:50%;margin:0}
	.middle{display:none}
	.join-lr .third-content{margin-left:20px;font-size:10px;color:#b0b0b0;line-height:43px}
	.salary h4.title{font-size:20px;padding-bottom:18px;color:#2f2f2f;font-weight:0;line-height:30px;text-align:center}
	.salary .first-content{text-align:center;font-size:14px;color:grey}
	.pro-list a .left .title{margin-top:0;font-size:16px;color:#2f2f2f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
	.pro-list a .left .text{font-size:12px;color:grey;margin-top:16px;line-height:26px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:center}
	.group{ display: none;}
	.prod-top{ padding:0; }
	.promemo h3 , .promemo h6{ text-align: center; width: 100% }
	.linkback{ text-align: left;padding-bottom: 30px; padding-top: 10px; width: 100%}
	.linkback ul li {float: none;display: inline-block;}
	.linkback ul li.but {border: 0; width: 100%; padding-top: 10px;}
	.yyly {padding-top: 30px;padding-bottom: 30px;	}
	.yyly .title1{ padding-bottom: 10px; }
	.nums { font-size: 12px; }
	.nums .nname{ font-size: 30px;}
	.nums .nname font{ font-size:14px; }
	.show_nums{margin-bottom: 20px; }
	.pro-row-middle{ display: block; }
	.pro-about h4{ text-align: center; }
	.prolink{ position: initial;  text-align: center;}
	.prolink a {display: inline;line-height: 30px;}
	.ptbox p{ width: 100%; text-align: center; }
	.pro-text-center{ text-align: center; }
	.ptbox{ text-align: left;}
	.ptbox p{ text-align: left }
	.pro-row-top h4.cs-title{text-align:left;padding-bottom:30px}
	.tanp{right:0;left:auto;top:-48px;position:initial;background:0 0;width:100%;display:block;height:30px;line-height:30px;background:red;color:#fff;margin-bottom:10px}
	.question-nav ul li{ padding: 0; width: 33.333333%; text-align: center; }
	.question-nav ul li a{ padding: 15px 0; }
	.sv_block .col-xs-12{ padding: 0; margin-bottom: 20px; }
	.video_mask{background-color:#101010;overflow:hidden;top:0;left:0;z-index:999;opacity:.9;-webkit-overflow-scrolling:touch;position:fixed;width:100%;height:100%;display:none}
	.video_modal{left:0%;top:50%;z-index:9999;display:none;position:fixed;text-align:center;margin-top:-100px;margin-left: 0;}
	#really-cool-video{ width:100%; height: 200px; margin:0 auto; }
	.ss_item{margin-top:10px;text-align:center;margin-bottom:10px}
	.cs_container .cs2_item{width:50%;float:left;text-align:center;margin-bottom:20px}
	
	.case-d-nr {
	    display: flex;
	    width: 100%;
	    padding-top: 40px;
	    flex-wrap: wrap;
	}
	.case-d-nr .cditem {
	    border-right: 1px solid #f1f1f1;
	    flex: auto;
	    width: 50%;
	    border-bottom: 1px solid #f1f1f1;
	}
	.case-d-nr .cditem span{ display: none; }
	
}
	

.animated{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}
.animated.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;animation-name:slideDown}
.animated.slideUp{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;animation-name:slideUp}

@-webkit-keyframes slideUp{
	0%{-webkit-transform:translateY(0)}
	100%{-webkit-transform:translateY(-60px)}
}
@-moz-keyframes slideUp{
	0%{-moz-transform:translateY(0)}
	100%{-moz-transform:translateY(-60px)}
}
@keyframes slideUp{
	0%{transform:translateY(0)}
	100%{transform:translateY(-60px)}
}
@-webkit-keyframes slideDown{
	0%{-webkit-transform:translateY(-60px)}
	100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes slideDown{
	0%{-moz-transform:translateY(-60px)}
	100%{-moz-transform:translateY(0)}
}
@keyframes slideDown{
	0%{transform:translateY(-60px)}
	100%{transform:translateY(0)}
}



.group ul li:nth-last-child(1) .dap {
    left: auto;
    right: 20px;
}
.group ul li:nth-last-child(1) .dap .triangle_border_up {
    left: auto;
    right: 86px;
	display: none;
}