@import url("pcbase.css");

/*reset*/
.bg18{ right: 117px;}
.ftr2 .he5{ height: 340px;}
.arw12_p{top:0; position: absolute; left: -7px;}
.arw13_p{bottom:0; position: absolute; left: -6px;}
.intl-tel-input.separate-dial-code .selected-flag{ background-color: rgba(0,0,0,0) !important;}
.icon7_p{ background-position: 4px -111px;}
.protclist .layui-layer-page .layui-layer-content{ display: flex;}
.layui-layer-page .propicslider { background: #fff; margin-top: 10px; width: 500px;}
.layui-layer-page .propicslider .smallScroll{ display: none;}
.protclist{ z-index: 19891015;}
.protclist .layui-layer-page{ z-index: 19891016;}

/* prolist */
.propicslider{ width: 616px; height:500px; padding:5px;  position:relative;  overflow:hidden;  zoom:1;}
/* .propicslider .hd{ width:98px;  height:100%; position:absolute; right:5px; overflow:hidden; }
.propicslider .hd ul li{ width:93px; text-align:center; padding:0 0 5px 5px;  }
.propicslider .hd ul li img{ width:85px; height:60px; border:4px solid #ddd; cursor:pointer; vertical-align:bottom; }
.propicslider .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; } 
.propicslider .hd ul li.on img{ border-color:#f60;  }*/
.propicslider .cen6{ width: 100% !important; height: 100% !important;}
.propicslider .cVid>div::after{ width: 79px !important; height: 60px !important;}
.cVid>div .bOvLap, .cVid>div .bOvLap:after, .cVid>div:after{ left: 1px;}
.cVid:hover>div .bOvLap,.cVid>div .bOvLap{ width: 36px; height: 36px;}
.styk.top{ top: 20px;}

.warp{ display: flex; flex-flow: wrap;}
.warp .cen{ width: 25% !important; display: block; padding: 0 20px; margin-bottom: 20px;}
.warp .cen1{ width: 100%; height: auto;}
.warp .bg22{ width: 100%;}
.warp .ct ul{ padding-bottom: 10px; height: 98px;}
.warp .ct ul li a{ display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.protclist .cont6{ display: flex;}
.protclist .w15{ position: relative; z-index: 9; width: 43%; min-width: 628px;}
.protclist .w15 h2{ line-height: 35px;}
.protclist .w16{ position: relative; z-index: 8; width: 57%;}
.protclist .rcb{ margin-top: -15px;}
.protclist .bg18{ margin-top: -14px; right: 118px;}

#productform .layui-textarea,#productform .layui-input{ background-color: #E0EDFC !important; width: 95%; padding: 0 5px 1px 30px;}
#openform { display: flex; flex-direction:column}
#openform .sybdshouji{ height: 38px;}
#openform input{ width: 82.4%; margin-lefT: 8px;}
#productform{ position: relative;}
#productform .layui-form-item .layui-input-block{ margin: 0 !important;}
#productform .mobile_val_pop{ width: 100%;}
#productform .intl-tel-input .selected-flag{ padding: 0 0 0 15px;}
#productform .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag { width: 88px;}
#productform .intl-tel-input .country-list{ margin: 0 0 0 7px;}

.ifrvid .layui-layer-iframe,.ifrvid .layui-layer-shade{ z-index: 39891016 !important;}

.game163 {position:relative;padding:0;overflow:hidden;width:650px; display: flex; align-items: center; justify-content: center; height: 500px;}
.game163 .bds{ width: 500px; height: 500px; background: #fff; padding: 0px; border: #cbcbcb 1px solid;}
.game163 .bigImg {height:100%;position:relative;}
.game163 .bigImg li img {vertical-align:middle;width:500px;height:500px;}
.game163 .bigImg h4 {font-size:14px;font-weight:bold;line-height:50px;overflow:hidden;text-align:left; text-align: center; width: 500px; overflow: hidden; text-overflow: ellipsis; position: absolute; bottom: 0; background: rgba(0,0,0,.5); color: #fff;}
.game163 .bigImg h4 a{ color: #fff;}
.smallScroll{ margin:0 auto;  width:85px;  overflow:hidden; position:relative; }
.smallScroll .smallnext{ top: 0;}
.smallScroll :; bottom: 0;

.smallScroll .bd{ height: 440px;}
.smallScroll .bd ul{ overflow:hidden; zoom:1; height: 440px;}
.smallScroll .bd ul li{ text-align:center; zoom:1; margin: 10px 0;}
.smallScroll .bd ul li .pic{ text-align:center; border:1px solid #ccc; padding:2px;}
.smallScroll .bd ul li .pic img{ width:100%; height:60px; display:block;}
.smallScroll .bd ul li .pic a:hover img{ border-color:#999;  }
.smallScroll .bd ul li .title{ line-height:24px; }
.protclist .w15{ z-index: 29891209; position: relative;}

/*product*/
.maxw.bg17 .rcb{ margin-top: -15px;}
.maxw.bg17 .bg18{ margin-top: -14px;}
.pagecontent .clr11.fnt1{ position: relative;}
.pagecontent .clr11.fnt1::before{ content: ""; display: block; width: 5px; height: 42px; background: #309e40; position: absolute; left: -20px; top: -10px;}
.proimgs{ display: flex; height: 588px; margin-bottom: 40px;}
.proimgs .w16{ width: 550px !important; margin-left: 50px; height: 100%;}
.proconslider {position:relative;overflow:hidden;width:500px; height: 100%;}
.proconslider .bds{ width: 500px; height: 500px; background: #fff; border: #cbcbcb 0 solid; overflow: hidden;}
.proconslider .bigImg {height:100%;position:relative;}
.proconslider .bigImg li{ position: relative;}
.proconslider .bigImg li img {vertical-align:middle;width:500px;height:500px;}
.proconslider .bigImg h4 {font-size:14px;font-weight:bold;line-height:50px;overflow:hidden;text-align:left; text-align: center; position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,.6); color: #fff;}
.proconslider .bigImg h4 a{ color: #fff;}
.proconslider .raq_btn{ margin: 24px 0;}
.content{ position: relative;}
.content .rcb{ margin: 0; top: -41px;}
.content .bg18{ margin-top: 0; right: 101px; margin-top: 0px!important;}
.proimgs .bg18{ right: 118px !important;}
.proconslider .cVid>div::after{ width: 100% !important; height: 100% !important;}
.proconslider .cVid>div .bOvLap, .proconslider .cVid>div .bOvLap:after, .cVid>div:after{ left: 0;}
.proconslider .cVid:hover>div .bOvLap,.proconslider .cVid>div .bOvLap{ width: 36px; height: 36px;}
.proconslider .cen6{ width: 100%; height: 100%;}
.proconslider .cen6 iframe{ position: relative; z-index: 89;}
.proconslider .cVid:hover>div .bOvLap:after{ border-left-width: 13px; border-top-width: 8px; border-bottom-width: 8px;}
.proconslider .cVid>div .bOvLap:after{ border-left-width: 10px; border-top-width: 5px; border-bottom-width: 5px;}

.prosmallScroll {margin:15px auto 0 auto;  width:500px; height: 70px;  overflow:hidden; position:relative; }
.prosmallScroll .smallnext{ top: 24px; left: 15px; position: absolute; height: 20px; margin: 0;}
.prosmallScroll .smallprev{ top: 24px; right: 15px; position: absolute; height: 20px; margin: 0;}
.prosmallScroll .arw6_xin { background-position: -115px -171px;}
.prosmallScroll .arw7_xin { background-position: -116px -143px;}

.prosmallScroll .bd{ width: 80%; height: 100%; margin: 0 auto; overflow: hidden;}
.prosmallScroll .bd ul{ overflow:hidden; zoom:1; height: 100%;}
.prosmallScroll .bd ul li{ width: 90px; height: 100%; text-align:center; zoom:1; margin: 0 5px;}
.prosmallScroll .bd ul li .pic{ text-align:center; border:1px solid #ccc; padding:2px;}
.prosmallScroll .bd ul li .pic img{ width:100%; height:64px; display:block;}
.prosmallScroll .bd ul li .pic a:hover img{ border-color:#999;  }
.prosmallScroll .bd ul li .title{ line-height:24px; }

/*newslist*/
.maxw{ max-width: 1100px;}
.news_li {width:98%;float:left;display:inline;margin:0 0 20px;padding-right:2%;border-bottom:1px dashed #999}
.news_li_pic {width:30%;float:left;padding-bottom:25px;}
.news_li_pic img{ width: 100%;}
.news_li_text {width:67%;float:right;padding-bottom:15px;}
.news_li h6 {color:#999;font-size:12px;line-height:14px;font-weight:normal;font-family:Arial,Helvetica,sans-serif; margin: 15px 0;}
.news_li h4 {color:#ec402c;font-size:18px;padding:10px 0;line-height:20px;font-weight:normal;font-family:Arial,Helvetica,sans-serif; margin: 15px 0;}
.news_li h4  a:hover {color:#01448b;}
.news_li p {line-height:26px; font-size: 14px;}
.news_li p a {color:#fe7201;}

/*news*/
.content {line-height:24px;padding-right:2%;}
.content h2 {font-size:18px;color:#01448b;padding:10px 0;text-align:center;border-bottom:1px dashed #999;}
.content h4 {color:#999;font-size:12px;font-weight:normal;text-align:right;padding:15px 0 10px; margin-bottom: 15px;}
.prenext {padding:30px 15px 15px 15px;margin-top:30px;border-top:1px dashed #d6d6d6;}
.pn_item {line-height:30px;overflow:hidden;}
.fb {font-weight:bold;}
.ctleftp {padding-top:12px;padding-bottom:3px;border-top:0px solid #a4a4a4;border-bottom:2px solid #999;}
.contents{ word-break: break-all;}


/*corproate video*/
.embw div{ overflow: hidden;}
.textContainer.ov{ margin: 10px 0 0 15px;}
.textContainer.ov .m36 { margin: 0 0 20px 0;}
.textContainer.ov .txt2{ padding: 0 5px; line-height: 25px;}
.textContainer.ov .txt2 span{ display: block; width: 160px;  overflow: hidden; text-overflow: ellipsis;line-height: initial;}
.crsl-items img{ width: 100%;}
.tooltip h2{ width: 250px; height: auto;}
.tooltip h2 span{
	overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
}
.btn1_v{ margin: 18px auto 33px auto;}
.warp .mediavdo{ width: 25%; padding: 0 20px; margin-bottom: 25px;}
.warp .mediavdo .con{ width: 100%;}
.warp .mediavdo .bg1_v{ width: 100%;}

/*contact*/
.cu_tabl table{ width: auto;}
.cu_tabl table th, .cu_tabl table td{ border: 0;}
#formhide .intl-tel-input{ height: 44px; display: block;}
#formhide .intl-tel-input .flag-container{top: 10px !important; height: 100%;}
.icon1_p{ width: 100% !important;}
#formhide .m2_p{ display: block; width: 100%; height: 44px !important; margin: 10px 0 7px !important;}
#formhide .mobile_val{ width: 100% !important;}