/* CSS Document */
@import url(../css/bootstrap.min.css);
@import url(../css/jquery-ui.min.css);
@import url(../css/font-awesome.min.css);
@import url(../css/font-awesome-animation.min.css);
@import url(../css/animate.css);

/* Table of contents */

/*== Typography ==*/

/*== Typography ==*/
html { font-size: 100%; }

body { background-attachment: fixed; background-color: #fff; color: #666; /*font-family: SimSun, 'Nunito', sans-serif;*/ font-family: Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,"PingFang SC",STHeiti; font-size: 12px; overflow-x: hidden; transition: inherit; -webkit-font-smoothing: antialiased; }

p, span { font-family: 'Microsoft YaHei'; }

img { max-width: 100%; }

p { font-size: 14px; font-weight: 400; }

ul,
ol { list-style: none; margin: 0; padding: 0; }

iframe { border: none; width: 100%; }

a { color: #555555; text-decoration: none; -webkit-font-smoothing: antialiased; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms ease-in 0s; -ms-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; }
a:hover, a:focus { color: #555555; text-decoration: none; outline: none; }
a img { border: none; }


.page-link:focus { box-shadow: none; }

iframe { border: none; }

::selection { background: #222222; color: #ffffff; text-shadow: none; }

::-moz-selection { /* Firefox */ background: #222222; color: #ffffff; text-shadow: none; }

::-webkit-selection { /* Safari */ background: #222222; color: #ffffff; text-shadow: none; }
input { /*-webkit-appearance: none;*/ }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Nunito', sans-serif,微软雅黑,Microsoft YaHei; line-height: 1.42857; }
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small { font-weight: normal; line-height: 1; color: #262626; font-weight: 400; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: #262626; font-weight: 400; }

h1, h2, h3, h4
.h1, .h2, .h3, .h4 { font-weight: normal }

h5, h6,
.h5, .h6 { font-weight: 400; }

h1, .h1 { font-size: 36px; }

h2, .h2 { font-size: 30px; }

h3, .h3 { font-size: 26px; }

h4, .h4 { font-size: 18px; font-weight: 600; }

h5, .h5 { font-size: 16px; }

h6, .h6 { font-size: 12px; }
p,
ul,
ol,
dl,
dt,
dd,
blockquote,
address { margin: 0 0 10px; }







/*== Error/404 Page ==*/
.our-error { padding: 165px 0 127px; }
.erro_code { margin-bottom: 40px; }
.error_page.newsletter_widget { position: relative; margin-bottom: 25px; }
.error_page.newsletter_widget .form-inline { display: inline-block; }
.error_page.newsletter_widget h4 { color: #262626; }
.error_page.newsletter_widget p { color: #7f7f7f; line-height: 30px; }
.error_page.newsletter_widget .mailchimp_form .form-control { background-color: #ffffff; width: 294px; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.09); -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.09); box-shadow: 0 1px 4px 0 rgba(0,0,0,.09); }









/*== Color Area ==*/
.img-whp { width: 100% !important; }
.text-thm { color: #79b530 !important; }

a.text-thm:hover { color: #262626 !important; }


.text-thm2 { color: #00d664 !important; }

.text-thm3 { color: #8fa5ec; }
.text-thm4 { color: #1fbda6; }
.color-white { color: #ffffff !important; }
.color-lightgray { color: #D3D3D3; }
.color-gray { color: gray; }
.color-green2 { color: #28B928; }
.color-blue { color: #201b71; }
.color-black { color: #000; }
.color-black11 { color: #111111 !important; }
.color-black22 { color: #222222; }
.color-black33 { color: #333333; }
.color-black31 { color: #303030; }
.color-black44 { color: #434343; }
.color-black55 { color: #555555; }
.color-black66 { color: #676767; }
.color-primary { color: #337ab7; }
.color-success { color: #5cb85c; }
.color-info { color: #5bc0de; }
.color-silver { color: #c0c0c0; }
.color-warning { color: #f0ad4e; }
.color-danger { color: #d9534f; }
.color-green { color: #28B928; }
.color-fb { color: #3B5998; }
.color-golden { color: #febe42 !important; }
.color-red { color: #ff4b53; }
.bgc-thm { background-color: #79b530 !important; }
.bgc-fb { background-color: #3B5998; }
.color-twtr { color: #1DA1F2; }
.bgc-twtr { background-color: #1DA1F2; }
.color-inst { color: #D31A77; }
.bgc-inst { background-color: #D31A77; }
.color-lnkdn { color: #007BB6; }
.bgc-lnkdn { background-color: #007BB6; }
.color-pint { color: #CB2027; }
.bgc-pint { background-color: #CB2027; }
.color-skyp { color: #00AFF0; }
.bgc-skyp { background-color: #00AFF0; }
.color-skyp { color: #00AFF0; }
.bgc-skyp { background-color: #00AFF0; }
.color-drbl { color: #EA4C89; }
.bgc-drbl { background-color: #EA4C89; }
.color-behnc { color: #0B7BFF; }
.bgc-behnc { background-color: #0B7BFF; }
.color-utube { color: #FF0000; }
.bgc-utube { background-color: #FF0000; }
.color-gogle { color: #EA4335; }
.bgc-gogle { background-color: #EA4335; }
.bgc-darkblue { background-color: #112360; }
.bgc-seagreen { background-color: #43d4b6; }
.bgc-black11 { background-color: #111111; }
.bgc-split { background-color: #181413 !important; }
.bgc-primary { background-color: #337ab7; }
.bgc-success { background-color: #5cb85c; }
.bgc-info { background-color: #5bc0de; }
.bgc-warning { background-color: #f0ad4e; }
.bgc-danger { background-color: #d9534f; }
.bgc-white { background-color: #ffffff !important; }
.bgc-lightgray { background-color: #D3D3D3; }
.bgc-snowshade { background-color: #f9f9f9; }
.bgc-snowshade2 { background-color: #fafafa; }
.bgc-golden { background-color: #febe42; }
.color-whitef1 { color: #f1f1f1; }
.color-whitef2 { color: #f2f2f2; }
.color-whitef3 { color: #f3f3f3; }
.color-whitef4 { color: #f4f4f4; }
.color-whitef5 { color: #f5f5f5; }
.color-whitef6 { color: #f6f6f6; }
.color-whitef7 { color: #f7f7f7; }
.color-whitef8 { color: #f8f8f8; }
.color-whitef9 { color: #f9f9f9; }
.color-whitef0 { color: #f0f0f0; }
.bgc-f0 { background-color: #f0f0f0; }
.bgc-f1 { background-color: #f1f1f1; }
.bgc-f2 { background-color: #f2f2f2; }
.bgc-f3 { background-color: #f3f3f3; }
.bgc-f4 { background-color: #f4f4f4; }
.bgc-f5 { background-color: #f5f5f5; }
.bgc-f6 { background-color: #f6f6f6; }
.bgc-f7 { background-color: #f7f7f7; }
.bgc-f8 { background-color: #f8f8f8; }
.bgc-f9 { background-color: #f9f9f9; }
.bgc-fa { background-color: #fafafa !important; box-shadow: none; }
.bgc-transparent { background-color: transparent !important; }
.bgc-darkcyan { background-color: darkcyan; }
.bgc-darkblue { background-color: #004274; }
.bgc-green { background-color: #28B928; }
.bdrs0 { border-radius: 0 !important; }
.bdrs5 { border-radius: 5px; }
.bdrs10 { border-radius: 10px; }
.bdrs20 { border-radius: 20px; }
.bdrs50 { border-radius: 50%; }
.tdu { text-decoration: underline; }
.tdu-hvr:hover { cursor: pointer; text-decoration: underline; }
.all-body-content { background-color: #ffffff; margin-bottom: 760px; position: relative; z-index: 9; }
.h125 { height: 125px; }


.accordion .card .card-header .btn { box-shadow: none; }


.form-control { font-size: 15px; }




/*== Button Area ==*/
.btn { border-radius: 4px; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.09); -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.09); box-shadow: 0 1px 4px 0 rgba(0,0,0,.09); }
.btn:hover, .btn:active, .btn:focus { outline: none; }
.btn-thm { background-color: #79b530; color: #ffffff; font-size: 16px; padding: 7px 30px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.btn-thm:hover, .btn-thm:active, .btn-thm:focus { background-color: transparent; border-color: #79b530; color: #79b530; }

.btn-thm2 { background-color: #00d664; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.btn-thm2:hover, .btn-thm2:active, .btn-thm2:focus { background-color: #b4b4b4; border-color: #b4b4b4; color: #ffffff; }

.btn-thm3 { background-color: #13b493; border: none; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.btn-thm3:hover, .btn-thm3:active, .btn-thm3:focus { background-color: #b4b4b4; border-color: #b4b4b4; color: #ffffff; }

.btn-yellow { background-color: #F0C900; border-color: #F0C900; color: #333333; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus { color: #333333; }

.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus { color: #ffffff; }

.btn-white { background-color: #ffffff; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1); color: #303030; font-size: 16px; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.btn-white:hover, .btn-white:active, .btn-white:focus { color: #79b530; }
.btn-gray { background-color: #b4b4b4; border-color: #b4b4b4; color: #ffffff; font-size: 16px; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn-gray:hover, .btn-gray:active, .btn-gray:focus { background-color: transparent; border-color: #767676; color: #767676; }
.btn-green { background-color: #28B928; border-color: #28B928; color: #ffffff; font-size: 16px; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.btn-green:hover, .btn-green:active, .btn-green:focus { color: #ffffff; }
.btn-blue { background-color: #1c327e; border-color: #1c327e; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn-blue:hover, .btn-blue:active, .btn-blue:focus { background-color: transparent; border-color: #1c327e; color: #1c327e; }
.btn-transparent { background-color: transparent; border-color: #79b530; color: #79b530; font-size: 16px; border-radius: 4px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn-transparent:hover, .btn-transparent:active, .btn-transparent:focus { background-color: #79b530; color: #ffffff; }

.btn-default { font-size: 14px; padding: 8px 15px; }

/*== Fonts Size, Font Weights, Height, Display & Position ==*/
.fz11 { font-size: 11px; }
.fz13 { font-size: 13px; }
.fz14 { font-size: 14px; }
.fz15 { font-size: 15px; }
.fz16 { font-size: 16px; }
.fz18 { font-size: 18px; }
.fz20 { font-size: 20px; }
.fz24 { font-size: 24px; }
.fz30 { font-size: 30px; }
.fz40 { font-size: 40px; }
.fz45 { font-size: 45px; }
.fz48 { font-size: 48px; }
.fz60 { font-size: 60px; }
.fz72 { font-size: 72px; }
.fz100 { font-size: 100px !important; }
.lh30 { line-height: 30px; }
.h05 { height: 5px !important; }
.h10 { height: 10px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }
.h55 { height: 55px; }
.h60 { height: 60px; }
.h65 { height: 65px; }
.h70 { height: 70px; }
.h75 { height: 75px; }
.h80 { height: 80px; }
.h85 { height: 85px; }
.h90 { height: 90px; }
.h95 { height: 95px; }
.h100 { height: 100px; }
.h150 { height: 150px; }
.h200 { height: 200px; }
.h250 { height: 250px !important; }
.h300 { height: 300px; }
.h320 { height: 320px; }
.h350 { height: 350px; }
.h355 { height: 355px; }
.h400 { height: 400px; }
.h450 { height: 450px; }
.h500 { height: 500px; }
.h550 { height: 550px; }
.h600 { height: 600px; }
.h650 { height: 650px; }
.h700 { height: 700px; }
.h750 { height: 750px; }
.h800 { height: 800px; }
.h850 { height: 850px; }
.h900 { height: 900px; }
.h950 { height: 950px; }
.h1000 { height: 1000px; }
.wa { width: auto; }
.w100 { width: 100% !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }
.fw900 { font-weight: 900; }
.fwb { font-weight: bold; }
.db { display: block; }

.dib { display: inline-block; }

.dif { display: inline-flex; }

.df { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }

.dfr { display: flow-root; }

.dn { display: none !important; }

.ovh { overflow: hidden; }

.ovv { overflow: visible; }

.posa { position: absolute; }

.posr { position: relative; }
.preloader { background-color: #fff; background-image: url("../images/preloader.gif"); background-position: center center; background-repeat: no-repeat; height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 99999; }
.footer_bottom_area p { font-size: 14px; }


.breadcrumb { background-color: #f6f6f6; margin: 0; padding-right: 5px; }

span.input-icon {
    display: inline-block;
    position: relative;
    width: 250px;
    height: 40px;
    border-radius: 15px !important;
    border: 1px solid #ce2021;
}
.input-icon > input[type="button"] {
    background-color: #ce2021;
    border: none;
    background-image: url(/Includes/qiye/images/search.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    display: inline-block;
    height: 27px;
    width: 27px;
    border-radius: 13.5px;
    cursor: pointer;
    margin-top: 5px;
}

.nav-search { width: 210px; height: 40px; padding: 0px 0px; float: left;  }

.nav-search .nav-search-input { vertical-align: top; border: none; width: 196px; height: 27px !important; line-height: 27px; margin-top: 5px;
        font-size: 13px; background:#fff; margin-left: 14px; color:#000; }
    .nav-search .nav-search-input::placeholder {
        color: #0000008c !important;
    }
.input-icon > input[type=text] { padding-left: 10px; padding-right: 6px; padding-top: 0; padding-bottom: 0; }

input.searchinput::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #eee; }
input.searchinput { outline: none }

.detail-box { padding: 0; margin-left: 50px; min-height: 850px; padding-top: 20px; }
.detail-title { text-align: center; margin-bottom: 20px; }
.detail-title h4 { color: #2f2f2f; font-weight: 500; font-size:30px; }
.detail-content { min-height: 500px; border-top: dashed 2px #e5e5e5; padding: 20px 0; max-width:100%; overflow:hidden; }
.detail-footer { overflow: hidden; margin-bottom: 40px; border-top: solid 1px #e5e5e5; clear: both; }
.detail-footer a { font-size: 14px; color: #464646; }
.detail-footer a:hover { color: #8f8f8f; }
.ellipsis { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.en-link { float: right; color: #fff; background: url(/Includes/qiye/images/en.png) no-repeat left center; padding-left: 20px; padding-right: 5px; }
.zh-cn-link { float: right; color: #fff; background: url(/Includes/qiye/images/cn.png) no-repeat left center; padding-left: 20px; padding-right: 5px; }
.col-item-md-3 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; text-align: center; float: left; }
.col-item-md-5 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; text-align: center; }
.col-item-md-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% }
.download-item { margin-bottom: 30px; }
.download-item .text-des { background-color: #f2f2f2; padding: 15px 0; }
.download-item .text-des h5 { font-size: 14px; margin-bottom: 10px; }
.download-item .text-des a { padding: 6px 30px; border-radius: 15px; background-color: #00d285; font-size: 14px; color: #fff; }
.col-item-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-item-md-3 a { cursor: pointer; display: block; }

section#product .container h3 { margin: 0; font-size: 30px; font-weight: normal; text-align: center; color: #2f2f2f; }
section#product .container p.sub-title { font-size: 28px; text-align: center; font-weight: bold; color: #2f2f2f; margin: 0; margin-bottom: 75px; }
.product-item { margin-bottom: 30px; }
.product-item a { text-align: center; font-size: 14px; display: block; position: relative; cursor: pointer; background-color: #fff; }

.product-item a .cover { display: none; position: absolute; width: 100%;  height:266px;  background-color: rgba(0,0,0,0.4); padding: 8px 18px; overflow: hidden; }
.product-item a .cover .cover-search { width: 100%; height: 100%; background: url(/Includes/qiye/images/cover-search.png) no-repeat center center; }

.product-item a img { width: 100%; height: 315px; max-height: 315px; }
.product-item a h4 { border-top: solid 1px #dedede; padding: 10px 0; font-weight: normal; margin: 0; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.product-item a:hover h4 { color: #ce2021; }


.more { text-align: right; font-size: 16px; color: #ce2021; }
.more a { color: #fff; background: #ce2021; padding: 10px 20px; border-radius: 20px; }


.product-item .productImg{height:266px;overflow:hidden; object-position:center;}
.product-item .productImg img{ height:auto;}
.product-item p { text-align: left; padding: 0px 10px 0px 10px; -webkit-line-clamp: 3;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;  }

.news-box { overflow: hidden; padding: 35px 0; }
.news-tab { overflow: hidden; float: right; }
.news-tab li { float: left; text-align: center; padding: 8px 30px; border-radius: 20.8px; font-size: 16px; border: solid 1px #dfe2eb; margin-left: 10px; }
.news-tab li:hover, .news-tab li.active { color: #fff; background-color: #ce2021; cursor: pointer; }
.news-table { border-bottom: 1px solid #dee2e6; }
.news-table > tbody > tr > td { overflow: hidden; }
.news-table > tbody > tr > td a:hover { color: #ce2021; }

img.lazy { border: none; }

/*flickr style*/
div#flickrpager, div#flickrpager1 { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px 3px 112px 3px; padding-top: 3px; text-align: center }
div#flickrpager a, div#flickrpager1 a { border: #e0e0e0 1px solid; padding-right: 10px; padding-left: 10px; padding-bottom: 6px; color: #2f2f2f; margin-right: 10px; padding-top: 6px; text-decoration: none; font-size: 14px; border-radius: 5px; display:inline-block;margin-bottom:13px; }
div#flickrpager a:hover, div#flickrpager1 a:hover { border: #bdbdbd 1px solid; background-image: none; color: #fff; background-color: #bdbdbd }
div#flickrpager a:active, iv#flickrpager1 a:active { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de }
div#flickrpager span.current, div#flickrpager1 span.current { font-size: 14px; border: #757575 1px solid; padding-right: 10px; padding-left: 10px; padding-bottom: 6px; color: #fff; margin-right: 3px; padding-top: 6px; background-color: #757575; border-radius: 5px; }
div#flickrpager a:disabled, div#flickrpager1 a:disabled { padding-right: 10px; padding-left: 10px; padding-bottom: 6px; color: #adaaad; margin-right: 3px; padding-top: 6px }

.infoList li a i { font-size: 16px; color: #4884ff; }
.infoList li a strong { font-size: 16px; padding-left: 10px; color: #2f2f2f; }
.infoList li a span { font-size: 16px; color: rgba(47,47,47,0.7); }
.infoList li a span.date { padding-left: 100px; }
.left-menu { width: 100%; background-color: #ce2021; position: absolute; top: -160px; }
.left-menu .title { padding-top: 15px; padding-left: 25px; padding-bottom: 25px; height: 140px; }
.left-menu .title i { color: #fff; font-size: 18px; }

.left-menu .title h4 { color: #fff; font-size: 32px; margin: 0; }
.left-menu .title span { color: #fff; font-size: 22px; }
.left-menu-box { padding-top: 20px; background-color: #f6f6f6; }
.left-menu-ul { margin: 0; }
.left-menu-ul li { text-align: center; height: 50px; padding-top: 16px; background-color: #e5e5e5; font-size: 14px; color: #2f2f2f; margin-bottom: 10px; }
.left-menu-ul li a { display: block; cursor: pointer; }
.left-menu-ul li a.sub { font-size:14px; font-weight:normal; }
.left-menu-ul li>a{font-weight:bold; font-size:16px;}
.left-menu-ul li a i { margin-right: 5px; margin-top: 3px; font-weight: 100; float: right; text-shadow: none; font-size: 16px; }
.left-menu-ul li.active, .left-menu-ul li a:hover { color: #fff; background-color: #ce2021; }
.left-menu-ul li.active>a { color: #fff; }
.left-menu-ul ul.child li {background:#f1f1f1;}
.ul-list { }
.ul-list li { padding: 20px 0; border-bottom: dashed 2px #f6f6f6; min-height: 60px; }
.ul-list li a { display: block; overflow: hidden; cursor: pointer; }
.ul-list li a .left-info { float: left; }
.ul-list li a .left-info img { width: 100px; height: 75px; }
.ul-list li a .right-info { margin-left: 120px; }
.ul-list li a .right-info h3 { margin: 5px 0 0 0; font-size: 16px; color: #2f2f2f; font-weight: normal; }
.ul-list li:hover a .right-info h3 { color: #ce2021; }
.ul-list li a .right-info h3 span { font-size: 12px; color: rgba(47,47,47,0.7); float: right; padding-right: 5px; }
.ul-list li a .right-info p { position: relative; font-size: 14px; color: rgba(47, 47, 47,0.7); width: 100%; line-height: 20px; height: 40px; /*margin: 10px 0;*/ /*display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;*/ overflow: hidden; /*text-overflow: ellipsis;*/ word-wrap: break-word; word-break: break-all; }
.ul-list li a .right-info p:after { content: ''; text-align: right; position: absolute; bottom: 0; right: 0; width: 5%; height: 20px; background: rgba(255, 255, 255, 0); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%); }


.product-tab { display: block; height: auto; overflow: hidden; margin: 0; }

.product-tab li { float: left; font-size: 14px; text-align: center; width: 175px; color: #2f2f2f; cursor: pointer; }


.product-tab li div { position: relative; height: 45px; line-height: 45px; display: block; width: 85px; margin: 0 auto; border-bottom: 2px solid #ababab; }
.product-tab li.active div { border-bottom-color: #4884ff; }

.product-tab li.active { color: #fff; background: #4884ff; }
.product-tab li.active div:after { border-color: transparent transparent #4884ff; }
.product-tab li div:after { content: ''; position: absolute; border-width: 5px; border-style: solid; border-color: transparent transparent #ababab; width: 0; height: 0; bottom: 0; left: 38px; }

.product-tabs { padding-top: 20px; }

.product-tabs .product-tab-pane { width: 100%; min-height: 650px; display: none; }

.product-tabs .product-tab-pane.active { display: block; }
.news-link { width: 100%; }
.news-link a { cursor: pointer; }

#menu-nav li a { padding: 33px 20px 27px 20px; display: block; overflow: hidden; position: relative; margin: 0; border: 0px; text-decoration: none; font-size: 16px; color: #2f2f2f; }
#menu-nav li a:hover { color: #ff2021; }
#menu-nav li a:hover:after { display: block; position: absolute; content: " "; width: 50%; height: 3px; background-color: #ff2021; bottom: 17px; left: 25%; }

 
.footer-menu { color: #fff; font-size: 14px; border-bottom: solid 1px #494949; padding-bottom: 30px; }
.footer-menu strong { font-size: 16px; }
.footer-menu a { color: rgba(255,255,255,.3); padding-left: 70px; cursor: pointer; }
.footer-menu a:hover { color: #fff; }
.footer-contact { padding-top: 30px; font-size: 14px; color: rgba(255,255,255,.3); }
.footer-contact a { font-size: 14px; color: rgba(255,255,255,.3); }
.footer-contact strong { font-size: 16px; color: #fff; }
.erweima { float: right; }
.download-search { display: inline-block; overflow: hidden; }
.download-search li { float: left; text-align: center; padding: 5px 15px; font-size: 14px; margin-left: 5px; margin-right: 5px; }
.download-search li a { display: inline-block; width: 100%; }
.download-search li.active, .download-search li:hover { background-color: #f46f14; }
.download-search li.active a, .download-search li:hover a { color: #fff; }
.download-search li:last-child { margin-right: 0; }
.download-search li:first-child { margin-left: 0; }

span.download-icon { display: inline-block; position: relative; width: 210px; height: 32px; border-radius: 16px !important; border: solid 1px #ddd; }
.download-search-text { height: 45px; padding: 6px 0; text-align: center; }
.download-search-text .download-search-input { vertical-align: top; border: none; width: 150px; height: 30px !important; padding-top: 2px; padding-bottom: 2px; font-size: 13px; margin-left: 14px; line-height: 1.5; /*z-index: 11;*/ /*-webkit-transition: width ease .15s;
        -o-transition: width ease .15s;
        transition: width ease .15s;*/ }
.download-icon > input[type=text] { padding-left: 10px; padding-right: 6px; }
.download-icon > input[type=button] { background-color: #fff; border: none; background-image: url(/Includes/qiye/images/sou.png); background-position: center center; background-repeat: no-repeat; padding: 0; display: inline-block; height: 30px; width: 30px; border-radius: 15px; cursor: pointer; }

.product-detail-p { position: relative; font-size: 16px; color: rgba(47, 47, 47,0.7); width: 100%; line-height: 30px; height: 180px; /*margin: 10px 0;*/ /*display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;*/ overflow: hidden; /*text-overflow: ellipsis;*/ word-wrap: break-word; word-break: break-all; }
.product-detail-p:after { content: ''; text-align: right; position: absolute; bottom: 0; right: 0; width: 5%; height: 30px; background: rgba(255, 255, 255, 0); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%); }
.product-btn { border-radius: unset; padding: .3rem 1.8rem; color: #fff; }
.product-btn:hover { color: #fff; }
.application-ul li { padding: 10px 0; font-size: 14px; }
.application-ul li a:hover { color: #333; }
#productimg .clear { clear: both; }
#productimg ul { list-style: none; }
#productimg { width: 100%; margin: 0 auto; }
#imgRolling { clear: both; }
#imgRolling .imagebg { height: 230px; overflow: hidden; text-align: center; border: solid 1px #eee; }
#imgRolling .scroll { width: 100%; padding: 10px 0; overflow: hidden; }
#imgRolling .scroll_img { height: 68px; overflow: auto; }
#imgRolling .scroll_img li { float: left; height: 60px; width: 80px; margin: 0 6px; cursor: pointer; border: solid 1px #eee; margin-bottom: 5px; overflow: hidden; text-align: center; }
#imgRolling .scroll_img li.active { border: solid 1px #ce2021; }
#imgRolling .scroll_img li img { width: 80px; height: 60px; }
.content-a { color: #ce2021; }
.content-a:hover, .content-a:visited { color: #ce2021; text-decoration: underline; }
.ap-ul { margin: 0; overflow: hidden; display: inline-block; }
.ap-ul li { float: left; }
.ap-ul li a { padding: 27px 32px 27px 32px; display: block; overflow: hidden; position: relative; margin: 0; border: 0px; text-decoration: none; font-size: 28px; color: #fff; }
.ap-ul li a:hover, .ap-ul li a.active { color: #fff; }
.ap-ul li a:hover:after, .ap-ul li a.active:after { display: block; position: absolute; content: " "; width: 50%; height: 3px; background-color: #fff; bottom: 17px; left: 25%; }
.ap-ul li a span{font-size:25px;margin-left:10px;}
.ap-box { position: relative; }
.ap-box img { width: 100%; height: 100%; max-height: 400px; }
.ap-box .ap-title { width: 90%; height: 50px; position: absolute; bottom: 20px; left: 5%; background-color: #fff; line-height: 50px; padding-left: 20px; padding-right: 20px; font-size: 14px; }
.ap-box .ap-title a { display: block; line-height: 50px; }
.ap-box .ap-title a:hover { color: #ce2021; }
.ap-box .ap-title a i { float: right; float: right; color: #ddd; font-size: 24px; font-weight: 100; padding-top: 13px; }

.pc-c .pc-item { box-shadow: 0 0 8px 6px #f8f8f8; padding-bottom: 50px; margin-bottom: 30px; }

.pc-c .pc-item .pc-item-title { height: 120px; line-height: 120px; font-size: 28px; text-align: center; font-weight: normal; color: #fff; border-radius: 10px 10px 0 0 }

/*
       .pc-c:first-child .pc-item .pc-item-title {
        background-image: -moz-linear-gradient(top, #325eff, #61a9fe);  
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #325eff), color-stop(1, #61a9fe));  
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#325eff', endColorstr='#61a9fe', GradientType='0');  
    }
    .pc-c:last-child .pc-item .pc-item-title {
        background-image: -moz-linear-gradient(top, #825cff, #ba6bff);  
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #825cff), color-stop(1, #ba6bff));  
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#825cff', endColorstr='#ba6bff', GradientType='0');  
    }
*/


.pc-c:nth-child(1) .pc-item .pc-item-title { background: #325eff; background-image: linear-gradient(top, #325eff, #61a9fe); background-image: -moz-linear-gradient(top, #325eff, #61a9fe); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #325eff), color-stop(1, #61a9fe)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#325eff', endColorstr='#61a9fe', GradientType='0'); /* IE*/ }
.pc-c:nth-child(2) .pc-item .pc-item-title { background: #1dcacb; background-image: -moz-linear-gradient(top, #1dcacb, #4de4aa); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1dcacb), color-stop(1, #4de4aa)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1dcacb', endColorstr='#4de4aa', GradientType='0'); /* IE*/ }
.pc-c:nth-child(3) .pc-item .pc-item-title { background: #825cff; background-image: -moz-linear-gradient(top, #825cff, #ba6bff); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #825cff), color-stop(1, #ba6bff)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#825cff', endColorstr='#ba6bff', GradientType='0'); /* IE*/ }
.pc-c:nth-child(4) .pc-item .pc-item-title { background: #ff6136; background-image: -moz-linear-gradient(top, #ff6136, #fb9b2a); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6136), color-stop(1, #fb9b2a)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6136', endColorstr='#fb9b2a', GradientType='0'); /* IE*/ }
.pc-c:nth-child(5) .pc-item .pc-item-title { background: #ff5652; background-image: -moz-linear-gradient(top, #ff5652, #ff7854); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff5652), color-stop(1, #ff7854)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5652', endColorstr='#ff7854', GradientType='0'); /* IE*/ }
.pc-c:nth-child(6) .pc-item .pc-item-title { background: #0ca2fb; background-image: -moz-linear-gradient(top, #0ca2fb, #58d2ff); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0ca2fb), color-stop(1, #58d2ff)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ca2fb', endColorstr='#58d2ff', GradientType='0'); /* IE*/ }





.pc-c .pc-item ul { padding-bottom: 30px; padding-top: 30px; list-style: disc; padding-left: 30%; min-height: 270px; margin: 0; }
.pc-c .pc-item ul li { height: 30px; line-height: 30px; overflow:hidden; }
.pc-c .pc-item ul li span { font-size: 14px; color: #666; }
/*.pc-c:first-child .pc-item ul li {
        color: #61a9fe;
    }
     .pc-c:last-child .pc-item ul li {
        color: #ba6bff;
    }
      .pc-c:nth-child(2) .pc-item ul li {
        color: #4de4aa;
    }*/

.pc-c:first-child .pc-item ul li { color: #61a9fe; }

.pc-c:nth-child(2) .pc-item ul li { color: #4de4aa; }
.pc-c:nth-child(3) .pc-item ul li { color: #ba6bff; }
.pc-c:nth-child(4) .pc-item ul li { color: #ff6136; }
.pc-c:nth-child(5) .pc-item ul li { color: #ff5652; }
.pc-c:nth-child(6) .pc-item ul li { color: #0ca2fb; }


.flex_row { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; }
.flex_row1 { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; }
.flex_row_wrap { display: flex; flex-direction: row; flex-wrap: wrap; }

.justify_content_cneter { justify-content: center; }
.justify_content_span { justify-content: space-between; }
.align_items_center { align-items: center; }


.pc-c .pc-item .pc-item-btn { text-align: center; }
.pc-c .pc-item .pc-item-btn a { padding: 8px 40px; text-align: center; color: #fff; display: inline-block; font-size: 16px; border-radius: 5px; cursor: pointer; }


/*.pc-c:first-child .pc-item .pc-item-btn a {
        background: -webkit-linear-gradient(left, #61a9fe, #325eff);  
        background: -o-linear-gradient(right, #61a9fe, #325eff);  
        background: -moz-linear-gradient(right, #61a9fe, #325eff);  
        background: linear-gradient(to right,#61a9fe, #325eff);
    }
     .pc-c:last-child .pc-item .pc-item-btn a {
        background: -webkit-linear-gradient(left, #ba6bff, #825cff);  
        background: -o-linear-gradient(right, #ba6bff, #825cff);  
        background: -moz-linear-gradient(right, #ba6bff, #825cff);  
        background: linear-gradient(to right,#ba6bff, #825cff);
    }
    .pc-c:nth-child(2) .pc-item .pc-item-btn a {
        background: -webkit-linear-gradient(left, #4de4aa, #1dcacb); 
        background: -o-linear-gradient(right, #4de4aa, #1dcacb); 
        background: -moz-linear-gradient(right, #4de4aa, #1dcacb);  
        background: linear-gradient(to right,#4de4aa, #1dcacb);
    }*/

.pc-c:nth-child(1) .pc-item .pc-item-btn a { background: #61a9fe; background: -webkit-linear-gradient(left, #61a9fe, #325eff); background: -o-linear-gradient(right, #61a9fe, #325eff); background: -moz-linear-gradient(right, #61a9fe, #325eff); background: linear-gradient(to right,#61a9fe, #325eff); }
.pc-c:nth-child(2) .pc-item .pc-item-btn a { background: #4de4aa; background: -webkit-linear-gradient(left, #4de4aa, #1dcacb); background: -o-linear-gradient(right, #4de4aa, #1dcacb); background: -moz-linear-gradient(right, #4de4aa, #1dcacb); background: linear-gradient(to right,#4de4aa, #1dcacb); }
.pc-c:nth-child(3) .pc-item .pc-item-btn a { background: #ba6bff; background: -webkit-linear-gradient(left, #ba6bff, #825cff); background: -o-linear-gradient(right, #ba6bff, #825cff); background: -moz-linear-gradient(right, #ba6bff, #825cff); background: linear-gradient(to right,#ba6bff, #825cff); }
.pc-c:nth-child(4) .pc-item .pc-item-btn a { background: #ff6136; background: -webkit-linear-gradient(left, #ff6136, #fb9b2a); background: -o-linear-gradient(right,#ff6136, #fb9b2a); background: -moz-linear-gradient(right, #ff6136, #fb9b2a); background: linear-gradient(to right,#ff6136, #fb9b2a); }
.pc-c:nth-child(5) .pc-item .pc-item-btn a { background: #ff5652; background: -webkit-linear-gradient(left, #ff5652, #ff7854); background: -o-linear-gradient(right, #ff5652, #ff7854); background: -moz-linear-gradient(right, #ff5652, #ff7854); background: linear-gradient(to right,#ff5652, #ff7854); }
.pc-c:nth-child(6) .pc-item .pc-item-btn a { background: #0ca2fb; background: -webkit-linear-gradient(left, #0ca2fb, #58d2ff); background: -o-linear-gradient(right, #0ca2fb, #58d2ff); background: -moz-linear-gradient(right, #0ca2fb, #58d2ff); background: linear-gradient(to right,#0ca2fb, #58d2ff); }


.productViewUL ul li{padding:10px 0px;background:#f6f6f6; padding-left:10px;font-size:16px; margin-bottom:5px; cursor:pointer;}
.productViewUL ul li:hover{background:#ce2021; color:#fff;}
.IndexBusiness > div.col-md-4 {margin-bottom:20px; }
.IndexBusiness > div.col-md-4 img {  width:100%; border-radius:5px; }


.productViewUL ul li:hover a { color: #fff; }
.PViewULMenu ul li { float: left; padding: 10px 0px; background: #207ddc; color: #fff; margin-right: 10px; width: 100px; text-align: center; cursor: pointer; }
.PViewULMenu ul li a { color: #fff !important; }
.PJTable { width: 100%; border: 1px solid #ddd; }
.PJTable tr td { padding: 10px 0px; border: 1px solid #ddd; padding-left: 10px; }
.PJTable tr th { padding: 10px 0px; border: 1px solid #ddd; padding-left: 10px; font-weight: bold; }
.Pics_Img img { width: 100%; height: auto; margin-bottom: 10px; }

.container nav.float-right { float: none !important; margin-left: 400px; font-size: 14px; }


@media screen and (max-width:365px) { .ap-ul li a { padding: 27px 22px 27px 22px; display: block; overflow: hidden; position: relative; margin: 0; border: 0px; text-decoration: none; font-size: 18px; color: #fff; }
}

@media screen and (min-width: 366px) and (max-width:380px) {
    .ap-ul li a { padding: 27px 25px 27px 25px; display: block; overflow: hidden; position: relative; margin: 0; border: 0px; text-decoration: none; font-size: 18px; color: #fff; }
}

.productViewULPC { }

.productViewULMobile { display: none; }

@media screen and (max-width:576px) {
    .container nav.float-right {   margin-left:auto;   }
    .navbar-brand img.img-fluid { height: 40px; width: auto; }
    #menu-nav li { text-align: center; height: auto; background: #ce2021; padding: 10px 0px; border-bottom: 1px solid #fff !important; }
    #menu-nav li a { padding: 5px 0; text-decoration: none; font-size: 14px; color: #fff; }
    #menu-nav li a:hover { color: #4884ff; }
    #menu-nav li a:hover:after { display: block; position: absolute; content: " "; width: 50%; height: 3px; background-color: #4884ff; bottom: 3px; left: 25%; }
    section#product .container p.sub-title { margin-bottom: 60px; }
    .col-item-md-3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 10px; }
    .col-item-md-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; }
    .download-item .text-des { background-color: #fff; }
    .col-item-md-3:nth-child(2n+1) { padding-right: 5px; padding-left: 10px; }
    .col-item-md-3:nth-child(2n) { padding-left: 5px; padding-right: 10px; }


    .left-menu { position: unset; }

    .news-box { padding: 5px 0; }

    .news-tab { float: left; }

    .news-tab li { margin-left: 0; margin-right: 10px; }
    .footer-menu { display: none; }
    .footer-contact { text-align: center; }
    .erweima { float: none; }
    .detail-box { margin-left: 0; }

    .download-search li { float: left; text-align: center; padding: 3px 9px; font-size: 12px; margin-left: 3px; margin-right: 3px; }

    .download-search li.active, .download-search li:hover { background-color: #f46f14; }
    .download-search li.active a, .download-search li:hover a { color: #fff; }
    .download-search li:last-child { margin-right: 0; }
    .download-search li:first-child { margin-left: 0; }
    .ap-box { margin-bottom: 20px; }
    .news-tab li { padding: 5px 20px; border-radius: 17.8px; font-size: 16px; border: solid 1px #dfe2eb; margin-left: 10px; }
    .productViewUL { flex: auto !important; max-width: 100% !important; }
    .ProductCol10 { flex: auto !important; max-width: 100% !important; }
    .imgDiv { max-width: 100% !important; height: auto !important; }
    .product-item a img{height:auto;}
    .ProductDetailContent img{max-width:100% !important; height:auto;}
    .productViewULPC { display:none}
    .productViewULMobile { display: block; }

    .demo1{display:none;}
    .demo4 { display: none;  }
    .demo2 {width:50% !important;margin-top:20px !important; }
    .demo3{width:50% !important;}

}
.showMore{color:#325eff; text-align:center;}
.showMoreLI { display: none; }
#ShowCode { display: none; position: absolute; top: -60px;  height:130px; left:25%;}
.erweima{cursor:pointer;}
.imgDiv { height: 100px; overflow: hidden; }

.showImg img{height:150px;}

.bgGrey { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgb(12 12 12 / 65%); position: fixed; top: 0; left: 0; z-index: 99; display: none; }

#ShowImg { position: fixed; top: 30%; left: 50%; margin-left: -150px; width: 500px; height: auto; z-index: 9999; display: none; }
 
.close{position:absolute; right:-7px;top:-10px; color:#fff; }

.index-apbox { padding: 10px; background: #fff; margin-bottom: 30px; }
.index-apbox > div {  height: 200px; overflow: hidden; }
.index-apbox > div img{height:auto;}
.index-apbox p {   font-size:18px;}
.Infos-p{padding:10px; text-align:center;font-weight:bold;}

/*#imgRolling .scroll_img li:nth-child(4n+1){
        margin-left:0;
    }
    #imgRolling .scroll_img li:nth-child(4n+4) {
         margin-right:0;
    }*/
/*@media all and (min-width:768px) {
    .col-md-6, .col-md-4 { float: left; }
}*/
/*.row { clear: both; }
.row > div.col-md-1, .row > div.col-md-2, .row > div.col-md-3, .row > div.col-md-4, .row > div.col-md-5, .row > div.col-md-6, .row > div.col-md-7, .row > div.col-md-8, .row > div.col-md-9, .row > div.col-md-10, .row > div.col-md-11 { float: left; }
*/
.detail-box img { max-width: 100% !important; height:auto; }




@media(max-width: 768px) { .left-menu-box{padding-top:5px;}
    .left-menu-ul li { height: 30px; padding-top: 6px; margin-bottom :5px; font-size:12px; }
}


.downInfos h5 { font-size: 16px; }
.downInfos .downLoad { padding: 6px 30px; border-radius: 15px; background-color: #00d285; font-size: 14px; color: #fff; float: right; }
.downInfos .downLoad:hover { color: #fff; }