.full-certificate-article{background: #fff;}
.full-case-crumbs{background: #fff;}

.proinfo-ban{width: 100%; padding:30px 0 20px;}
.proinfo-ban .list{padding-top: 0;}
.proinfo-ban .list .tempWrap{float: right;}
.proinfo-ban .list::after{content: '';clear: both;display: block;}
.proinfo-ban .list li:after{content: '';clear: both;display: block}
.proinfo-ban .list .tips{width:51%;padding: 0px 0;height: 515px;position: relative;float: right;}
.proinfo-ban .list .tips p{ line-height:37px; font-size:19px;}
.proinfo-ban .list h2{font-size: 2em; font-weight:bold; line-height: 1.5em; margin-bottom:20px; color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block; border-bottom: 0;}
.proinfo-ban .list .detail{padding: 15px 0 6em;}
.proinfo-ban .list .detail p{font-size: 0.85em;font-weight: normal;color: #888;line-height: 1.8em;overflow: hidden;width: 100%;}
.tips .small{border-bottom: 1px solid #ccc;padding: 0 0 1.75em 0;margin: 0 0 0.75em 0;display: block;color: #666;font-size: 0.8em;}

.proinfo-ban .list li > img{width: 550px; border-radius:10px;}

.proinfo-ban .list .product_video_btn { font-size: 22px; color: #fff; font-family: arial,microsoft yahei; line-height: 52px; display: inline-block; padding-left: 40px; margin-top: 20px; background: url(../images/prod_video.png) no-repeat 0px center; transition: 0.3s all ease; }
.proinfo-ban .list .product_video_btn:hover{ background:#0c5aab url(../images/prod_video.png) no-repeat 35px center; padding-left: 75px; padding-right:35px; border-radius: 52px;}

.proinfo-ban .btn{ left: 50%; bottom: 32px; height: 60px; }
.proinfo-ban .btn img{ padding: 10px; border: 1px solid #ccc; margin: 0 5px; cursor: pointer; transition: border 0.5s; }
.proinfo-ban .btn img.cur{ border: 1px solid #0c5aab; }

.proinfo-ban .list .tips .box{ width:90%; position: absolute; bottom:0; left: 0; }

.proinfo-ban .list .tips .box .zx{display: block;width: 170px;height: 42px;float: left;font-size: 18px;color: #fff;line-height: 42px;text-align: center;text-decoration: none;border-radius: 100px;transition: 0.3s all ease-in-out;background: #454545;}

.proinfo-ban .list .tips .box .zx:hover{ background:#0c5aab;}  

.proinfo-ban .list .tips .box .zx img{ position: relative; top: 4px; margin-left: 8px; }
.proinfo-ban .list .tips .box .box_ewm{float: left;margin-left: 12px;border-radius: 50px; display: block;width: 42px;height: 42px;background: #0c5aab url(../images/prod_ico_wx.png) no-repeat center;position: relative;}

.proinfo-ban .list .tips .box .box_ewm img{position: absolute;width: 120px;height: 120px;bottom: 50px;left: -48px;display: none;}
.proinfo-ban .list .tips .box .box_email{float: left;margin-left: 12px;border-radius: 50px;
    display: block;width: 42px;height: 42px;background: #0c5aab url(../images/prod_ico_email.png) no-repeat center;
}
.proinfo-ban .list .tips .box .phone { float: left; padding-left: 56px; background: url(../images/proListClassify_phone.png) no-repeat left center; margin-left: 65px; margin-top: 2px; }

.proinfo-ban .list .tips .box .phone span { display: block; font-size: 14px; color: #666; line-height: 20px; }

.proinfo-ban .list .tips .box .phone em { display: block; font-size: 23px; color: #0c5aab; font-family: arial; line-height: 24px; font-style: normal;}


.proinfo-menu{ height: 168px; padding-top: 20px; background: url(../images/bg_proinfomenu.jpg) no-repeat center; }
.proinfo-menu h2{ font-size: 30px; line-height: 108px; color: #fff; }
.proinfo-menu .title:after{content: '';clear: both;display: block}
.proinfo-menu .tips{ margin-top:30px; }
.proinfo-menu .tips li{ position: relative; width: 78px; display: inline-block; }
.proinfo-menu .tips a{ display: inline-block; min-width: 36px; height: 26px; padding-top: 30px; background: url(../images/bg_sign42.png) no-repeat center 2px; line-height: 26px; color: #fff; text-align: center; transition: background 0.5s; }
.proinfo-menu a.download{ background-image: url(../images/bg_sign43.png); }
.proinfo-menu a.video{ background-image: url(../images/bg_sign44.png); }
.proinfo-menu a.share{ background-image: url(../images/bg_sign59.png); }
.proinfo-menu .tips a:hover{ background-position: center 0; }

.proinfo-menu .tips .sub-in{left: -260px; top: -10px; width: 260px; background: none; position: absolute;}

.proinfo-menu .tips .sub-in a{ position: relative; left: 20px; filter:alpha(opacity=0); opacity: 0; background: url(../images/bg_sign53.png) no-repeat center!important; transition: all 0.5s; }
.proinfo-menu .tips .sub-in a.bds_tsina{ background: url(../images/bg_sign54.png) no-repeat center!important; }
.proinfo-menu .tips .sub-in a.bds_qzone{ background: url(../images/bg_sign55.png) no-repeat center!important; }
.proinfo-menu .tips .sub-in a.bds_tqq{ background: url(../images/bg_sign56.png) no-repeat center!important; }
.proinfo-menu .tips .sub-in a.bds_sqq{ background: url(../images/bg_sign57.png) no-repeat center!important; }
.proinfo-menu .tips .sub-in a.bds_tieba{ background: url(../images/bg_sign58.png) no-repeat center!important; }
.proinfo-menu .tips .sub-in a:hover{ filter:alpha(opacity=80)!important; opacity: 0.8!important; }
.proinfo-menu .list.fixed{ position: fixed; left: 0; top: 72px; z-index: 19; width: 100%; height: 64px; background: url(../images/bg_proinfomenu.jpg) no-repeat center bottom; }
.proinfo-menu .list ul{ width: 100%;  }
.proinfo-menu .list ul:after{content: '';display: block;clear: both;}
.proinfo-menu .list.fixed ul{ position: absolute; left: 50%; top: 0; width: 980px; margin-left: -491px; }
.proinfo-menu .list li{ height: 60px;   float: left; width: 50%;}
.proinfo-menu .list a{ display: inline-block; width: 100%; height: 60px; font-size: 18px; line-height: 60px; color: #fff; text-align: center; background: url(../images/bg_bg12.png) repeat right center; trnaistion: all 0.5s; font-weight: bold;}
.proinfo-menu .list li.bg a{ background-image: url(../images/bg_bg13.png); }
.proinfo-menu .list li:hover a, .proinfo-menu .list li.cur a{ background: #fff; color: #0c5aab; }
.proinfo-menu .list li.cur a{ padding-top: 3px; margin-top: -3px; }
.proinfo-menu .out-list{ top: 85px; }
.proinfo-menu .pro-list{ padding: 0; background: none; }
.proinfo-menu .pro-list .out-list .sign{ left: 802px; }
.proinfo-menu .select-list .sign{ left: 11px; }
.proinfo-menu .pro-list .contrast-btn{ bottom: auto; top: 132px; margin-left: 488px; }
.proinfo_content_in > strong{display: block;font-size: 25px;text-align: left;line-height: 60px;color: #343434;margin: 30px 0 20px;font-weight: normal;padding-left: 20px;border-left: 3px solid #0c5aab;background: #f5f5f5;}
.proinfo_content_in > p { font-size: 15px; line-height: 30px; padding-bottom: 10px; color: #777; }

.proinfo_content_in { padding: 35px; border-color: #eee; }

.proinfo_content_in_table table { display: table; margin: 30px auto; line-height: 3em; color: #555; width: 100%; border-color: #eee; }
.proinfo_content_in_table table td{ font-size: 14px; text-align:center; border-color: #eee; }
.proinfo_content_in_table table > tbody > tr:nth-child(1) { background: #ddd; color: #222; }
.proinfo_content_in_table table > tbody > tr:nth-child(1) td{ font-size: 16px; }
.proinfo_content_in_table table > tbody > tr td p,.proinfo_content_in_table table > tbody > tr td span{ font-size: inherit; display: block; }
.proinfo_ban_img { float: right; width: 550px; height: 550px; position: relative; }



.products_in_part .swiper-button-next,.products_in_part .swiper-button-prev{color: #fff;font-size:18px;width: 50px;height: 50px;line-height: 50px;background: rgba(0,0,0,0.15);transition: 0.3s all ease;border-radius: 100px;}
.products_in_part .swiper-button-next{right:-80px}
.products_in_part .swiper-button-prev{left:-80px}
.products_in_part:hover .swiper-button-next{right:20px}
.products_in_part:hover .swiper-button-prev{left:20px}
.products_in_part .swiper-button-next:hover,.products_in_part .swiper-button-prev:hover{background: rgba(12,90,171,0.6)}
.products_in_part .swiper-button-next:after,.products_in_part .swiper-button-prev:after,.products_in_part .swiper-button-next:before,.products_in_part .swiper-button-prev:before{font-size: inherit;display: block;margin: 0 auto;text-align: center;width: 9px;}
.product_right_part{float: right;width: 1080px;padding-top: 0;}
.product_right_part ul:after{content: '';display: block;clear: both;}
.hide_picpic{position: absolute;width: 100%;z-index: 33;height: 100%;display: none;}
.hide_picpic img{display: block;width:auto;height: 100%;margin: 0 auto;transition: .3s all ease;}
#etalage{display: none;/* height: 550px !important;*/float: left;}

/* Large thumbnail: */
#etalage .etalage_thumb{ background: white url(../images/loading.gif) center no-repeat; border-radius: 39px; padding: 6px; -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; }
/* Large thumbnail - image (in case you want to add a border around the image within the frame) */
#etalage .etalage_thumb_image{ border-radius: 39px;}

/* Small thumbnails: */
#etalage .etalage_small_thumbs li{ background: white; border: 1px solid #ddd; margin: 10px; padding: 3px;  border-radius:10px;}
/* The one on the left that makes them slide */
#etalage ul li.etalage_smallthumb_first{ }
/* The one on the right that makes them slide */
#etalage ul li.etalage_smallthumb_last{ }
/* The currently active one */
#etalage ul li.etalage_smallthumb_active{ -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; border: 1px #0c5aab solid; background: #0c5aab;  border-radius:10px;}
/* Zoomed image area: */
#etalage .etalage_zoom_area,
.etalage_zoom_area{ background: white url(../images/loading.gif) center no-repeat; border: 1px solid #ddd; padding: 6px; -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd;  border-radius:10px;}

/* Magnifier area (thumbnail hovering rectangle): */
#etalage .etalage_magnifier{ background: white; border: 1px solid #bbb; }

/* Icon that will apear at the left bottom of the large thumbnail (optional): */
#etalage .etalage_icon{ background: url(../images/zoom.png) no-repeat; width: 14px; height: 14px; }

/* Hint that will apear at the top right of the large thumbnail (optional): */
#etalage .etalage_hint{ background: url(../images/hint.gif) no-repeat; width: 130px; height: 57px; }

/* Description area (optional) */
#etalage .etalage_description{ background: white; font-style: italic; margin: 10px; padding: 6px 10px; }

/*
 * ------------------------------------ FUNCTIONALITY --------------------------------------
 * The following CSS serves to make Etalage function properly. Don't edit or edit carefully.
 * -----------------------------------------------------------------------------------------
 */

.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none }
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description{ margin:0; padding:0; border:0; list-style:none }
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative }
.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.etalage, .etalage_small_thumbs li{ float:left }
.etalage_right{ float:right }
.etalage li{ position:absolute; }
.etalage img{ vertical-align:bottom; max-width:none;background: #fff; }
.etalage_magnifier{ cursor:default }
.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }
.etalage_magnifier div img{ display:none }
.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }
.etalage_small_thumbs li.vertical{ float:none }
.etalage_zoom_area{ z-index:996 }
.etalage_zoom_area div{ overflow:hidden; z-index:997 }
.etalage_zoom_preview{ position:absolute; z-index:998 }
.etalage_zoom_img, .etalage_hint{ z-index:999 }
.etalage{ direction:ltr; }
div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }
div.etalage_description.rtl{ direction:rtl; text-align:right }


.etalage_small_thumbs {
    position: absolute;
/*    left: 680px;
    top: 300px !important;*/
}

.clients_item{float:left;width:23%;margin:1%;box-shadow: 0 0 0 2px #eee;}
.clients_item > img{width: 100%;height: auto;display: block;}
.about2_in2_img{width: 45%;display: block;float: left;}
.prodetail_ewm{width:52%;position: absolute;right: 0;top:47%;transform: translateY(-50%);}
.prodetail_ewm .fl{ width:46%; float:left;}
.prodetail_ewm .fr{ width:46%; float: right;}
.prodetail_ewm img{width: 100%;display: block;height: auto;}
.prodetail_ewm em{font-size:15px;text-align: center;display: block;padding: 5px; color:#000; line-height:25px;}
.proinfo_content{width: 75%;float: left;overflow: hidden;}
.proinfo_relative{float: right;width: 22%;overflow: hidden;}
.proinfo-part.proinfo-intro > .page:after{clear: both;content: '';display: block;}
.proinfo_relative > .proinfo_relative_in img{width: 100%;display: block;height: auto; padding-bottom:16px; border-radius:46px;}
.proinfo_relative > .proinfo_relative_in a{padding:1.2em 0;display: block;border-bottom:1px solid #959595;font-size:18px; color:#333; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.proinfo_content *{max-width: 100%;}
.title.f-cb > h2{float: none;display: block;font-size:22px; color:#333; line-height: 3em;border-bottom: 1px solid #eee;font-weight: bold;padding: 0; text-align:left;}
.proinfo_content .title.f-cb > h2{border: 0 none; background:#0858ad; color:#fff; padding-left:20px;}
.proinfo-part.proinfo-intro{padding:2.5em 0;}
.about_sj_item{float: left;text-align: center;display: block;padding: 50px 80px 50px 0px;}
.about_sj_item strong{font-size: 40px;font-weight: normal;color: #0c5aab;}
.about_sj_item strong i{font-style: normal;font-size: 15px;font-weight: normal;color: #999;display: inline-block;vertical-align: middle;padding: 0 0px 0 4px;}
.proinfo_content_in_row1 em{display: block;float: left;font-style: normal;font-size: 0.85em;width: 100%;box-sizing: border-box;line-height: 2.5em;border-bottom: 1px solid #eee;color: #999;}
.proinfo_content_in_row1:after{content: '';clear: both;display: block;}


.case-details-page03box{background-color: #fff;box-sizing: border-box;}
.case-details-page03box .case-web-img{display: block;width: 100%;padding: 80px 5% 40px;box-sizing: border-box;}
.case-details-page03box .case-web-img img{width: auto;max-width: 100%;}
.case-details-page03box .info_key{text-align: center;padding-bottom: 40px;}
.case-details-page03box .case-web-btn{width: 100%;height: 79px; position: relative;}
.case-details-page03box .case-web-btn .all-case-btn{height: 100%;}
.case-details-page03box .case-web-btn .all-case-btn a{top: 50%;display: block;position: absolute;text-align: center;padding-right: 20px;height: 22px;line-height:25px;font-size: 16px;margin-top: -11px;left: 50%;margin-left: -42px;}
.case-details-page03box .case-web-btn>a{line-height: 79px;display: block;width: 320px;height: 100%;color: #999;position: absolute;top: 0;cursor: pointer;}
.case-details-page03box .case-web-btn>a:hover{color: #333;}
.case-details-page03box .case-web-btn>a.prev-jt{left: 0;}
.case-details-page03box .case-web-btn>a.next-jt{right: 0;}
.case-details-page03box .case-web-btn>a i{width: 7px;height: 12px;position: relative;left: 8%;top: 34px;}
.case-details-page03box .case-web-btn>a.prev-jt i{background-position: -35px -60px;}
.case-details-page03box .case-web-btn>a.next-jt i{background-position: -50px -60px;left: 90%;}
.case-details-page03box .case-web-btn>a:after{content: '';display: block;width: 1px;height: 40px; position: absolute;top: 20px;}
.case-details-page03box .case-web-btn>a.prev-jt:after{right: 0;}
.case-details-page03box .case-web-btn>a.next-jt:after{left: 0;}
.case-details-page03box .case-web-btn>a span{display: block;width: 82%;height: 24px;line-height: 24px;position: absolute;top: 28px;z-index: 3;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.case-details-page03box .case-web-btn>a.prev-jt span{right: 5%;}
.case-details-page03box .case-web-btn>a.next-jt span{left: 5%;text-align: right;}

.case-details-page03box .case-web-btn > a:nth-child(1){left: 0;text-align: left;padding-left:30px;}
.case-details-page03box .case-web-btn > a:nth-child(3){right: 0;text-align: right;padding-right:30px;}
.case-details-page03box .case-web-btn > a:nth-child(3):after{left: 0;}
.case-details-page03box .case-web-btn > a:nth-child(1):after{right: 0;}
.case-details-page03box .case-web-btn > a:nth-child(1):before{content: '';display: block;width: 15px;height: 18px;position: absolute;left:0px;top: 50%;background: url(../images/icons_qwtg.png) no-repeat 0 center;margin-top: -9px;}
.case-details-page03box .case-web-btn > a:nth-child(3):before{content: '';display: block;width: 15px;height: 18px;position: absolute;right:0px;top: 50%;background: url(../images/icons_qwtg.png) no-repeat -15px center;margin-top: -9px;}
.case-details-page03box .case-web-btn > a i{width: 7px;height: 12px;position: relative;left: 8%;top: 34px;}
.case-details-page03box .case-web-btn > a.prev-jt i{background-position: -35px -60px;}


.prodetail_tel i{float: left; width: 42px; height: 42px; margin-right:14px;}
.prodetail_tel i img{display: block; width: 42px; height: 42px;}
 .prodetail_tel p{float: left; padding: 10px; width:51%; line-height:24px; font-size:20px; color: #0c5aab;}
.prodetail_tel p .small2{display: block; font-size:19px; line-height:19px; color: #000; font-weight:bold; } .prodetail_tel:after{content: ''; display: block; clear: both;}
 .prodetail_tel p:nth-child(3){color: #f8a430;}