/* ========== Detail / Show Pages CSS ========== */
/* Product detail, news detail, FAQ, download, honor, contact, job pages */

/* Product Detail Tables */
.prodetailtab table{width: 100%;border-collapse: collapse;}

/* Product Detail Downloads */
.prodetaildown{padding: 50px 0px;overflow: hidden;}
.prodetaildown table{width: 100%;border-collapse: collapse;}
.prodetaildown table th{font-size: 14px;color: #303030;line-height: 60px;border-bottom: 1px solid #ebebeb; text-align:center}
.prodetaildown table td{font-size: 14px;color: #303030;line-height: 60px;border-bottom: 1px solid #ebebeb; text-align:center}
.prodetaildown table td a{cursor: pointer;display: block;line-height: 60px;}
.prodetaildown .tableforshow{background: #fefefe;border: none;width: 100%;border-collapse: collapse;}

.prodetaildown .tableforshow p,.probox1 .prodetaildown .tableforshow th,.probox1 .prodetaildown .tableforshow td{font-size: 14px; line-height: 36px; color: #5f5d5d;}

/* Product Box + Nav */
.probox1 {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.probox1 .hti5{font-size:14px; color: #fff; height: 41px;  margin-left: -3px;background: url(../images/iban.png)no-repeat; margin-bottom:5px;}
.probox1 .hti5 h2{ margin-left: 3px; background:#e92939; line-height: 38px; height: 38px;padding:0 14px; overflow: hidden;display: inline-block;}
.inner-area{
	margin-top:30px
}
.inner-area .list:after {
	content: '';
	display: table;
	clear: both;
}

.inner-area .list li {
	float: left;
	width: 32.3%;
	margin-right: 1.55%;
	margin-bottom: 2em;
	padding: 1em 2em 1em 1.5em;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.inner-area .list.on li {
	width: 42%;
	margin-right: 7.3%;
}

.inner-area .list.on li:nth-child(3n) {
	margin-right: 7.3%;
}

.inner-area .list.on li:nth-child(2n) {
	margin-right: 0;
}

.inner-area .list li:nth-child(3n) {
	margin-right: 0;
}

.inner-area .list .cont-box {
	padding-left: 65px;
	position: relative;
}

.inner-area .list .cont-box .imgs {
	width: 32px;
	position: absolute;
	left: 0;
	top: 20px;
}

.inner-area .list.on .cont-box .imgs {
	width: 50px;
}

.inner-area .list .cont-box .name {
	font-size: 1.2em;
	padding-bottom: 0.25em;
	color:#e92939;
}

.inner-area .list .cont-box .doc {
	font-size: 14px;
	line-height: 23px;
	height: 44px;
	overflow: hidden;
}

.prodetail{padding: 50px 15px;}
.prodetailword{width: 45%;float: left;}
.prodetailword h1{font-size: 28px;color: #333;line-height: 1.8;padding-bottom: 10px; font-weight:600}
.prodetailword p{font-size: 14px;color: #333;line-height: 1.8;}
.probanner{width: 45%;float: left; padding-left:8%;}
.probanner .htebbox{display: flex;align-items: center;width: 100%;justify-content: space-between;margin-bottom: 10px;}
.probanner .htebbox .htebitem{width: 50%;border: 1px solid #f7f6f6;color: #4a4a4a;font-size: 18px;text-align: center;line-height: 60px;}
.probanner .htebbox .htebitem.active{background: #f7f6f6;color: #000;}
.probanner .slider span{position: relative; display: block;text-align: center;}
.slide-caption {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    color: #fff;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    font-size: 16px;
    text-align: center;
    pointer-events: none; /* 涓嶅共鎵扮偣鍑诲垏鎹?*/
}
.probanner .slider img{max-width:400px;}
.pronav{border-bottom: 2px solid #eae9e9;position: relative;background: #fff;}
.pronav.on{position: fixed;top: 149px;left: 0;right: 0;z-index: 998;}
.pronav .wrapper{position: relative;height: 52px;}
.pronav ul{border-left: 1px solid #e7e6e6;position: absolute;left: 0;bottom: -2px;}
.pronav ul li{float: left;cursor: pointer;}
.pronav ul li a{display: block;padding: 0 24px 0 56px;line-height: 50px;background:#fff url("../images/cpz.jpg") no-repeat 24px center;border: 1px solid #e7e6e6;border-left: none;border-bottom: 2px solid #e7e6e6;color: #333;}
.pronav ul li.on a,.pronav ul li:hover a{border-bottom: 2px solid #f7f6f6;background:#f7f6f6 url("../images/cpf.jpg") no-repeat 24px center;color: #000;}
.pronav ul li:nth-child(2) a{background:#fff url("../images/cpf2-.png") no-repeat 24px center;border: 1px solid #e7e6e6;}
.pronav ul li:nth-child(2).on a,.pronav ul li:nth-child(2):hover a{background:#f7f6f6 url("../images/cpf2.png") no-repeat 24px center;}
.pronav ul li:nth-child(3) a{background:#fff url("../images/cpf3-.png") no-repeat 24px center;border: 1px solid #e7e6e6;}
.pronav ul li:nth-child(3).on a,.pronav ul li:nth-child(3):hover a{background:#f7f6f6 url("../images/cpf3.png") no-repeat 24px center;}

/* Product Wrap */
.prowrap{background: #fff;}
.prowrap{padding: 50px 0;}
.probox1{background: #fff;margin-bottom: 20px;}
.prodetailimg{padding: 50px 0px;overflow: hidden;}
.prodetailtab{padding: 10px 0px;overflow: hidden;}
.prodetailimg img{vertical-align: top;}

/* Product Detail UL */
.prodeul{padding: 20px 40px;}
.prodeul ul{display: flex;flex-wrap: wrap;}
.prodeul ul li{width: 33.3%;padding: 20px 0;}
.proitem h4{font-size: 14px;color: #303030;line-height:20px;padding-bottom: 10px;}
.proitem h4 img{margin-right: 5px;width:20px;vertical-align: top;}
.proitem p{font-size: 14px;color: #555;display: flex;align-items: center;justify-content: flex-start;padding: 3px 0 3px 26px;}
.proitem p i{width: 6px;height: 6px;border-radius: 50%;background: #666;margin-right: 5px;}
.xiaz{vertical-align: top;margin-top: 15px;width: 21px;margin-right: 5px;}
.htit5{padding: 40px 0;font-size: 30px;color: #2093CA;text-align: center;}

/* News Detail Pagination */
.newsdetails_t {
    text-align: center
}

.newsdetails_t p {
    color: #767676
}

.newsdetails_b {
    padding: 40px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2
}

.newsdetails_b p {
    line-height: 30px;
    margin: 40px 0
}

.newsdetails_b .details_img img {
    width: 60%;
    margin: 40px auto
}

.newsd_foots_l {
    float: left;
    width: 80%
}

.newsd_foots_l p {
    margin-bottom: 20px
}

.newsd_foots_l p span {
    color: #767676
}

.newsd_foots_l p a {
    color: #555
}

.newsd_foots_l p a:hover {
    color: #000
}

.newsd_foots_r {
    float: right;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    border-radius: 40px
}

.newsd_foots_r span {
    padding-right: 14px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 8px auto
}

.newsd_foots_r:hover {
    border: 0;
    color: #333;
    font-size: 14px;
    background: -webkit-gradient(linear,left top,right top,from(var(--theme-gradient1)),to(var(--theme-gradient2)));
    background: linear-gradient(90deg,var(--theme-gradient1) 0,var(--theme-gradient2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0099F2",endColorstr="#74b32c",GradientType=0)
}

.newsd_foots_r:hover span {
    color: #fff;
}

/* Support/FAQ */
.supportcontent{ margin:20px auto; background:#FFF; width:1000px}
.supportcontent .title h3{ text-align:center; font-size:16px; font-weight:600}
.supportdetail{padding: 20px 0; color: #555; line-height:30px}
.supportdetail p{font-size: 14px;color: #555;line-height:2; padding-bottom:10px}
.supportdetail img{text-align:center}

/* Page Products Title */
.page-products-title{display: flex; flex-wrap: wrap; width: 100%; margin-top:30px}

/* Product Detail1 */
.detail1{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.detail1 .leftbox{width: 46%;text-align: center;position: relative;padding-bottom: 40px; min-height:auto; border:0px}
.detail1 .leftbox .products-img{margin-bottom:50px; border:0px solid #eee}
.detail1 .leftbox .mt-5{margin-top: 3rem !important; margin-bottom:.5rem}
.btn-primary a{display:inline-block; text-align: center; line-height:50px; width:120px;padding: 0 20px;background: #e92939;font-size: 14px;color: #fff;cursor: pointer;}
.detail1 .leftbox .swiper-pagination{left: 50%;transform: translateX(-50%);}
.detail1 .leftbox .swiper-pagination-bullet{margin: 0 4px;left: 50%;transform: translateX(-50%);background: #e62129;}
.detail1 .rightbox{width: 50%;display: flex;flex-direction: column;}
.detail1 .rightbox .tedian{margin-top:20px}
.detail1 .rightbox .tedian ul li{ list-style-type:circle !important}
.detail1 .rightbox .tedian .title{font-size: 18px;color: #000000;padding-bottom: 20px;}

.detail1 .rightbox p{font-size: 14px;color: #555;padding-top: 10px;display: flex;align-items: center;}
.detail1 .rightbox .page-products-design p:before{content: "";width: 8px;height: 8px;border-radius: 50%;background: #e62129;margin-right: 10px;}

/* Contact Form */
.form-contact{
    position: relative;
    margin: 0 auto;
    width: 100%;
}
.form-contact h3 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px;
  text-align:center
}
.form-contact p{
	line-height:50px;
	text-align:center;
}
.contact-msg{
    margin-top:10px;
}
.contact-msg li{
    float:left;
    width:32%;
    margin-right:2%;
    margin-bottom:25px;
    font-size: 0;
    position:relative
}
.contact-msg li:nth-child(3n){
    margin-right:0
}
.contact-msg li .msg-box{
    font-size:0;
    height:48px;
    line-height:48px;
    background-color:#f5f5f5
}
.contact-msg li .msg-box .name{
    font-size:12px;
    color:#333;
    width:80px;
    text-align:center;
    display:inline-block;
    position:relative;
}


.contact-msg li .msg-box .name:after{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    width:1px;
    height:30px;
    background-color:#e3e3e3;
    content:"";
}
.contact-msg li .msg-box input{
    font-size:12px;
    height:48px;
    line-height:48px;
    width:calc(80% - 2.5rem - 1rem);
    padding-left:10px;
    color:#333;
    display:inline-block;
    background-color:transparent;
	box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
}

/* Contact Form Msg */
.contact-msg{
    margin-top:10px;
}
.contact-msg li{
    float:left;
    width:32%;
    margin-right:2%;
    margin-bottom:25px;
    font-size: 0;
    position:relative
}
.contact-msg li:nth-child(3n){
    margin-right:0
}
.contact-msg li .msg-box{
    font-size:0;
    height:48px;
    line-height:48px;
    background-color:#f5f5f5
}
.contact-msg li .msg-box .name{
    font-size:12px;
    color:#333;
    width:80px;
    text-align:center;
    display:inline-block;
    position:relative;
}


.contact-msg li .msg-box .name:after{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    width:1px;
    height:30px;
    background-color:#e3e3e3;
    content:"";
}
.contact-msg li .msg-box input{
    font-size:12px;
    height:48px;
    line-height:48px;
    width:calc(80% - 2.5rem - 1rem);
    padding-left:10px;
    color:#333;
    display:inline-block;
    background-color:transparent;
	box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
}

/* Contact Pages */
.contact1box{background: #fff; margin-top: 0px;margin-bottom: 100px;}
.contact1left,.mapbox{width: 54%;float: left;}
.contact1right,.contact2detail{width: 46%;float: left;}
.contact1right img{width: 100%;vertical-align: top;}
.contact1item{background: #fff;margin-bottom: 18px;padding: 18px;display: flex;align-items: center;justify-content: flex-start;}
.contacttip{width: 128px;height: 128px;font-size:18px;background: #E60013;color: #fff;text-align: center; display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;}
.contactword{padding: 0 20px 0 40px;box-sizing: border-box;flex: 1;}
.contactword h3{font-size: 14px;color: #555;text-align: left;padding-bottom: 22px;}
.contactword p{font-size: 14px;color: #555;display: flex;align-items: center;justify-content: space-between;}
.contactword p img{width: 36px;height: 36px;vertical-align: top;margin-right: 5px;}
.contactword p a{display: block;line-height: 30px;font-size: 14px;color: #555;}
.contact2box{margin-top: 0px;margin-bottom: 100px;background: #f7f7f7;}
.mapbox img{width: 100%;vertical-align: top;}
.contact2detail{padding: 20px 20px 0 50px;box-sizing: border-box;}
.contact2detail h4{font-size: 24px;color: #303030; line-height:40px; padding-bottom:10px;font-weight:600}
.contact2detail p{font-size: 14px;color: #555;padding: 20px 0; }
.contact3box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 60px;}
.contact3boxitem{width: 48%;border: 1px solid #e7e6e6;}
.contact3boximg{padding: 20px 0 10px;text-align: center;}
.contact3boximg img{height: 102px;width: auto;padding-left:70px;}
.contact3boxdetail{padding: 0 40px 20px;}
.contact3boxdetail h4{font-size: 14px;color: #303030;font-weight: 600;}
.contact3boxdetail p{font-size: 14px;color: #555;padding: 10px 0;}
.contact3boxdetail a{font-size: 14px;color: #3089dd;cursor: pointer;letter-spacing: 1px;}

/* Job List */
.jobList{width:1200px; margin:50px auto}
.jobList .item{background: #fff;box-shadow: 0px 2px 12.09px 0.91px rgba(153, 153, 153, 0.17);margin-bottom: 20px;cursor: pointer;}
.jobList .item .top{display: flex;align-items: center;justify-content: space-between;padding:15px 30px 20px;}
.jobList .item .t{color:#333;font-size: 18px;margin-bottom: 20px;font-weight: bold;cursor:pointer;}
.jobList .item .b{display: flex;align-items: center;color:#4a4a4a}
.jobList .item .b span{display: flex;align-items: center}
.jobList .item .b .ico{margin-right: 10px;}
.jobList .item .b .fg{margin:0 10px;width: 1px;height: 15px;background: #767676}
.jobList .item .right .zk{width: 120px;height: 45px;background: #E60013;display: flex;align-items: center;justify-content: center;color:#fff;font-size: 14px;border-radius: 4px;}
.jobList .item .right .sq{width: 120px;height: 45px;background: #E60013;display: flex;align-items: center;justify-content: center;color:#fff;font-size: 14px;border-radius: 4px; display:none}
.jobList .item .con{border-top: 1px solid rgba(0,0,0,0.1);margin:0 30px;padding:30px 25px 40px;display: none}
.jobList .item .con .block{margin-bottom: 25px;}
.jobList .item .con .block h5{color:#333333;font-size: 14px;margin-bottom: 10px;}
.jobList .item .con .block p{color:rgba(0,0,0,0.7);font-size: 14px;line-height: 1.8;}
.jobList .item .con .anniu{display: flex;align-items: center;margin-top: 30px;}
.jobList .item .con .anniu .btn{width: 140px;height: 50px;background: #2d99e2;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;border-radius: 4px;margin-right: 15px;}
.jobList .item .con .anniu .sc{display: flex;align-items: center;color:#000;font-size: 14px;border:1px solid #2d99e2;width: 140px;height: 50px;justify-content: center;border-radius: 4px;margin-right: 15px;}
.jobList .item .con .anniu .fx{display: flex;align-items: center;color:#000;font-size: 14px;border:1px solid #ebebeb;width: 140px;height: 50px;justify-content: center;border-radius: 4px;background: #ebebeb}
.jobList .item .con .anniu .ico{margin-right: 10px;}
.jobList .item.on .t{color:#333}
.jobList .item.on .right .sq{ display:flex}
.jobList .item.on .right .zk{ display:none}
.jobList .item:hover{box-shadow: 0px 0px 16px 0px rgba(0, 72, 168, 0.17);}

/* Search Lists */
.sr_lists{}
.sr_lists .l{ width:220px; float:left; background:url(../images/search/sr_ybg.jpg) no-repeat right top; height:auto!important; height:842px; min-height:842px;}
.sr_lists .l div{margin:16px 0px 0px; text-align:right; font-size:12px; background:url(../images/search/sr_bbg.jpg) no-repeat 100% 100%; padding:10px; padding-left:0px; margin-right:1px;}
.bgno{background:none!important;}
.sr_lists .l div span{ font-size:12px; color:#767676;}
.sr_lists .l div ul{ margin-top:6px;}
.sr_lists .l div ul li{ height:24px; line-height:24px; overflow:hidden;}
.sr_lists .l div ul li a{ padding-right:16px;}
.sr_lists .l div ul li a:hover,.sr_lists .l div ul li a.ac{background:url(../images/search/bg_member_1.gif) no-repeat 100% -30px; font-weight:bold;}
.presale1 .sr_lists .wrap{display: block; min-height:120px; margin-bottom:30px; clear: both}