@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,input,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;outline:0;border:0;background:transparent;font-size:100%;box-sizing: border-box;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html {font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {color:#666;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;}
body.bg{background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;}
nav ul {list-style:none;}
li {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:none;}
a {margin:0;padding:0;background:transparent;color:#333;text-decoration:none;font-size:100%;font-family:"Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif;}
a:hover,a:focus {color:#4693e9;text-decoration:none;cursor:pointer;}
a:focus {color:#333;}
p {line-height:20px;}
img {margin:0;padding:0;max-width:100%;height:auto;vertical-align:middle;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
del {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-spacing:0;border-collapse:collapse;}
input,select,button,textarea {vertical-align:middle;font-family:Arial,"Microsoft YaHei","WenQuanYi Micro Hei","Open Sans","Hiragino Sans GB",Verdana,sans-serif;}
:focus {outline:0}
a,button,input {-webkit-tap-highlight-color:rgba(255,0,0,0);}
.left,.fl {float:left;}
.right,.fr {float:right;}
.clear {clear:both;}

.clearfix:after {clear:both;content:"";display:block;height:0;visibility:hidden;}

/* 全局滚动条样式 */
::-webkit-scrollbar-track-piece{-webkit-border-radius:0;}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-thumb{height:30px; outline-offset:-2px;border:2px solid #c1c1c1;-webkit-border-radius:4px;background-color:#c1c1c1;}



table{border-collapse:collapse;border-spacing:0;width:100%}
.f_right_app{overflow:hidden;margin-left:80px;width:100%}
.f_btitle{margin-top:40px;font-size:24px;line-height:24px;color:#333}
.f_btitle span.f_title_bg{height:16px;width:4px;margin-right:10px;background:#68c2f4;display:inline-block}
.f_proList{margin-top:20px; margin-bottom: 50px;}
.pro-tab-title{height:40px;line-height:40px;padding:0px 0px 0px 20px;color:#fff;font-size:16px;background:#3766bf}
.crm-search-right{padding-left:0px;overflow-y:hidden;overflow-x:auto}
.crm-search-left-top-table,.crm-search-right-top-table{background:#d7dee4}
.crm-search table{table-layout:fixed;line-height:1.2;text-align:center}
.crm-table-span-small{font-size:10px;vertical-align:bottom}
.crm-search-right-top{padding-bottom: 10px;}

.crm-search-right-top-table th,.crm-search-right-top-table td, .crm-search-right-top-table td{border:1px solid #fff}
.crm-search-right-top-table th, .crm-search-right-top-table td{width:80px}
.crm-search-right-top-table tr, .crm-search-right-top-table td{width:80px}
.crm-search-right-top-table tr:first-of-type th:first-of-type, .crm-search-right-top-table tr:first-of-type td:first-of-type{width: 50px;}
.crm-search-right-top-table tr:first-of-type th:nth-child(2), .crm-search-right-top-table tr:first-of-type td:nth-child(2){width: 160px;}
.crm-search-right-top-table tr:first-of-type th:nth-child(4), .crm-search-right-top-table tr:first-of-type td:nth-child(4){width: 135px;}
.crm-search-right-top-table th, .crm-search-right-top-table td{text-align:Center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hover-image{cursor: pointer; }
.image-tooltip{display:none;position:fixed;width:200px;height:150px;background-size:cover;background-position:center;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.15);z-index:1000;pointer-events:none;animation:fadeIn 0.2s ease}

.crm-search-right-top-table tr:nth-child(1), .crm-search-right-top-table tr:nth-child(1) th{background:#d7dee4}
.crm-search-right-top-table tr:nth-child(2), .crm-search-right-top-table tr:nth-child(3) th{background:#d7dee4}
.crm-search-right-top-table tr:nth-child(n+5){background:#fff}
.crm-search-right-top-table tr:nth-child(odd){background:#eee}
#showajaxnews tr{background: #fff;}
#showajaxnews tr:nth-child(odd){background: #eee;}


.crm-search-left-top-table th,.crm-search-right-top th{font-weight:bold}
.crm-search table th,.crm-search table td{text-align:Center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f_itemBox .f_btitle{margin-top:40px;font-size:24px;line-height:24px;color:#333}
.f_itemBox .f_btitle span.f_title_bg{height:16px;width:4px;margin-right:10px;background:#68c2f4;display:inline-block}
.f_proList{margin-top:20px; position: relative;}
.f_proList table.tablelist{border-color:#fff}
.f_proList table.tablelist caption{text-align:left;height:40px;line-height:40px;background:#68c2f4;color:#fff;font-size:16px;padding-left:18px}
.f_proList table.tablelist tr{background:#e8eaee;height:40px;line-height:40px}
.f_proList table.tablelist tr td{width:33.33%;color:#333;font-size:14px;border-top:1px solid #fff;border-right:1px solid #fff}
.f_proList table.tablelist tr td:first-child a{color:#68c2f4}
.f_proList table.tablelist tr th{width:33.33%;border-right:1px solid #fff;color:#333;font-size:14px}
.f_proList table.tablelist tr td:last-child,.f_proList table tr th:last-child{border-right:none}
.f_proList table.tablelist tbody tr{}
.f_proList table.tablelist{}
.f_proList table.tablelist tr:nth-child(even){background-color:#fff}
.f_proList .pages span{font-size:14px;color:#333}
.f_proList .pages span.title_text{color:#68C2F4}
.crm-search-right-top-table tr{height:40px;}
.crm-search-right-table tr{height:40px;background: #eee;}
.crm-search-right-top-table tr.crm-tr100{height:85px;font-size:12px}
.crm-tr100 td{border-bottom:none}
.crm-cond-wrap{height:85px;overflow:auto;}
.crm-cond-wrap > ul{padding:5px 0px}
.crm-cod-li{text-align:left;padding:5px 0px 4px 5px}
label{font-size:12px;margin-left:5px}

.crm-search-area{text-align:left;padding:0px 0px 0px 10px}
.crm-search-text{width:140px;height:30px;border:none;background:#fff;padding:0px 10px}
input[type='text']{vertical-align:middle}
.crm-search-but,.crm-search-reset{text-align:Center;line-height:30px;background:#3766bf;color:#fff;display:inline-block;width:60px;height:30px;margin-top:5px;border: 0;cursor: pointer;}
.crm-search-reset{background:#fff;color:#666;margin-left:10px}
#crm-code tr:nth-child(even),#crm-search-right-table tr:nth-child(even){background:#fff}

.pro-suoqu { position: relative; z-index: 10; width: 140px; height: 34px; line-height: 34px; text-align: center; color: #fff; font-size: 13px; background-color: #3766bf; float: left;margin: 11px 0px 0px 0px;color: #fff;}
.pro-suoqu:hover{color: #fff;}

#page{box-shadow:0px 5px 40px 0px rgba(17,58,93,0.1) !important;background-color:rgba(255,255,255,.96);background-image:url(../images/top-fr-bg.png);background-position:center right;background-size:auto 100%}

.f_btitle .cpycxs{padding:5px 15px;font-size:18px;background:#3766bf;border-radius:8px}
.f_btitle .cpycxs a{color: #fff;}
.product-class{border-radius:15px 15px 0 0;width:295px;height:700px;overflow:hidden;box-shadow:2px 5px 6px 0 rgb(0 0 0 / 49%);z-index:99;position: absolute; display: none;}
.product-class .search{width:100%;background:#0075c1;height:80px;line-height:80px;text-align: center;color: #fff;font-size: 20px;}
.product-class .search .el-input{width:80%;margin-left:10%}
.product-class .search .el-input__wrapper{border:none;background:#66b1e2;box-shadow:none}
.product-class .search .el-input__wrapper input::placeholder{color:#fff}
.product-class .search .el-input .el-input__suffix img{width:15px}
.product-class .tree{height:620px;background:#0075c1}
.product-class .tree .el-tree{color:#fff !important;font-size:14px;background:transparent !important;height:100%;overflow-y:auto;--el-tree-text-color:#fff;--el-tree-node-hover-bg-color:transparent}
.product-class .tree .el-tree::-webkit-scrollbar{width:5px;border-radius:5px}
.product-class .tree .el-tree::-webkit-scrollbar-track{background:#f1f1f1}
.product-class .tree .el-tree::-webkit-scrollbar-thumb{background:#0075C2;border-radius:5px}
.product-class .tree .el-tree>.el-tree-node>.el-tree-node__content{height:45px;background:#66b1e2;font-size:16px}
.el-tree-node__content .el-tree-node__label{line-height: 45px;}
.el-tree-node__content .el-tree-node__label a{ color: #ffffff;}
.product-class .tree .el-tree>.el-tree-node>.el-tree-node__children{padding:0 35px}
.product-class .tree .el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content{height:45px;border-bottom:1px solid #499CD2;padding-left:0 !important}
.product-class .tree .el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__children .el-tree-node__content{height:35px;padding-left:15px !important;color:#85CAF7}
.el-tree-node__children .el-four-node{height:45px;border-bottom:1px solid #499CD2;padding-left:0 !important}
.el-tree-node__children .active{background: #499CD2;font-weight: bold;}
.el-tree-node__children .el-four-node:last-of-type{border-bottom: none;}
.product-class .tree .el-tree .is-current .el-tree-node__label{color:#fff !important}
.product-class .Arrange{width:100%;background:#0075c1;height:100%;padding:30px 20px;display:flex;flex-direction:column}
.product-class .Arrange .el-checkbox-group{width:100%;display:flex;flex-direction:column}
.product-class .Arrange .el-checkbox{margin-right:0}
.product-class .Arrange .el-checkbox__label{color:#ffffff !important}
.proxs{ display: block;}
.probanner .swiper-button-next{background: url(../images/controls.png) no-repeat -43px -32px;width: 32px;height: 32px;}
.probanner .swiper-button-prev{background: url(../images/controls.png) no-repeat 0 -32px;width: 32px;height: 32px;}
.probanner .swiper-button-next:after, .probanner .swiper-button-prev:after{content: '';}
.swiper-button-prev:after, .swiper-button-next:after{content: '';}

#smallImgThumbs .swiper-button-next{background: url(../images/controls.png) no-repeat -43px -32px;width: 32px;height: 32px;}
#smallImgThumbs .swiper-button-prev{background: url(../images/controls.png) no-repeat 0 -32px;width: 32px;height: 32px;}
#smallImgThumbs .swiper-button-next:after, #smallImgThumbs .swiper-button-prev:after{content: '';}
.swiper-button-prev:after, .swiper-button-next:after{content: '';}

/**内容页**/
.product_banner{background:#F8F8F8;position:relative;padding:30px 0 100px;}
.productnr_left{width: 60%; float: left;}
.productnr_head{padding: 20px 10px 80px;}
.left_top{margin-top:30px}
.welcome_name{font-size:50px;font-family:zcoolqingkehuangyouti;font-weight:400;color:#0075C1;line-height:1;text-transform:uppercase;margin-bottom:25px;  text-transform: initial;}
.welcome_text{font-size:20px;color:#2D2D2D;line-height:30px}
.left_p{margin:40px 0;width:100%}
.left_p p{font-size:16px;color:#787878;line-height:30px}
.product_documentation{padding-top:35px;width:100%;display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid #4C4C4C}
.product_documentation .documentation_p{max-width:90px;font-size:16px;color:#2D2D2D;line-height:30px}
.product_documentation .documentation_right{width:calc(100% - 100px);display:flex;flex-direction:column}
.product_documentation .documentation_right a{font-size:16px;color:#0075C1;line-height:36px;padding-left:22px;position:relative}
.product_documentation .documentation_right a::after{content:'';position:absolute;top:12px;left:0;width:12px;height:16px;background:url(../images/documentation_right.png) no-repeat;background-size:12px 16px}
.swiper-slide-thumb-active .thumbnail {border: 2px solid #3766bf;}
.swiper-slide{cursor: pointer;}

.productnr_right{width: 35%; float: right;}

.features_min{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:60px}
.features_min .min_name{width:30%;margin-right:3%;padding:20px 24px;font-size:16px;color:#4C4C4C;line-height:28px;border-bottom:1px solid #4C4C4C;background:url(../images/min_name.png) no-repeat left top 31px;background-size:5px 9px}
.features_min .min_name:nth-of-type(3n){margin-right:0}
.productnr_right{width: 35%; float: right;}
td.pactit span {float: right;padding-right: 5px;}

.right_center{display:flex;flex-direction:row;width:100%;padding-top:25px}
.right_center .product_but:last-child{margin-left:17px;background:#0075C1}
.product_but{height:50px;background:#8FC31E;border-radius:5px;position:relative;transition:all 0.3s ease-in-out 0s;cursor:pointer;min-width:175px}
.product_but:hover{background:#87bc17}
.product_but p{padding:0 56px 0 23px;line-height:50px;font-size:16px;color:#FFFFFF}
.product_but .but_po{position:absolute;width:17px;height:17px;overflow:hidden;right:9px;bottom:9px;margin:2px}
.product_but .but_po .but_pic{position:relative;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}
.product_but .but_po .but_pic img{width:13px;height:13px}
.product_but .but_po .but_pic div{position:absolute;width:100%;height:100%;margin:auto;display:block}
.product_but .but_po .but_pic .pic_1{top:0;left:0;transition:all 0.3s ease-in-out 0s}
.product_but .but_po .but_pic .pic_2{top:-100%;left:-100%;transition:all 0.3s ease-in-out 0s}
.product_but:hover .but_po .but_pic .pic_1{top:100%;left:100%}
.product_but:hover .but_po .but_pic .pic_2{top:0;left:0}
@media (max-width:640px){.product_but{height:35px;min-width:120px}
    .product_but p{padding:0 50px 0 20px;line-height:32px;font-size:16px}
    .product_but .but_po{width:14px;height:14px;right:3px;bottom:3px}
    .product_but .but_po .but_pic img{width:10px;height:10px}
    .productnr_head{padding: 20px 10px 40px;}
    .features_min{margin-top: 40px;}
    .welcome_name{font-size: 3rem;}
    .welcome_text{display: none;}
    .productnr_right{width: 100%;}
    .productnr_left{width: 100%;}
    .features_min .min_name{width: 90%;padding: 10px;margin: 0px 5%;line-height: 30px;background:url(../images/min_name.png) no-repeat left top 21px;font-size: 1.6rem;background-size: 5px 9px;}
    .product_banner{padding: 10px 0 100px;}
}