@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?hvo7hp');
src: url('../fonts/icomoon.eot?hvo7hp#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?hvo7hp') format('truetype'),
url('../fonts/icomoon.woff?hvo7hp') format('woff'),
url('../fonts/icomoon.svg?hvo7hp#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-157:before {
content: "\e9ae";
}
.icon-158:before {
content: "\e9af";
}
.icon-159:before {
content: "\e9b0";
}
.icon-91:before {
content: "\e96c";
}
.icon-143:before {
content: "\e969";
}
.icon-142:before {
content: "\e97a";
}
.icon-105:before {
content: "\e99f";
}
.icon-88:before {
content: "\e9a0";
}
.icon-152:before {
content: "\e908";
}
.icon-150:before {
content: "\e90b";
}
.icon-149:before {
content: "\e916";
}
.icon-106:before {
content: "\e91e";
}
.icon-104:before {
content: "\e922";
}
.icon-28:before {
content: "\e979";
}
.icon-24:before {
content: "\e97b";
}
.icon-16:before {
content: "\e9a6";
}
.icon-05:before {
content: "\e9a7";
}
.icon-09:before {
content: "\e90f";
}
.icon-166:before {
content: "\e9c5";
}
.icon-169:before {
content: "\e900";
}
.icon-167:before {
content: "\e901";
}
.icon-170:before {
content: "\e902";
}
.icon-168:before {
content: "\e903";
}
.icon-165:before {
content: "\e904";
}
.icon-164:before {
content: "\e905";
}
.icon-163:before {
content: "\e906";
}
.icon-03:before {
content: "\e907";
}
.icon-01:before {
content: "\e9a9";
}
.icon-02:before {
content: "\e909";
}
.icon-04:before {
content: "\e90a";
}
.icon-06:before {
content: "\e90c";
}
.icon-07:before {
content: "\e90d";
}
.icon-08:before {
content: "\e90e";
}
.icon-10:before {
content: "\e910";
}
.icon-11:before {
content: "\e911";
}
.icon-12:before {
content: "\e912";
}
.icon-13:before {
content: "\e913";
}
.icon-14:before {
content: "\e914";
}
.icon-15:before {
content: "\e915";
}
.icon-17:before {
content: "\e917";
}
.icon-18:before {
content: "\e918";
}
.icon-19:before {
content: "\e919";
}
.icon-20:before {
content: "\e91a";
}
.icon-21:before {
content: "\e91b";
}
.icon-22:before {
content: "\e91c";
}
.icon-23:before {
content: "\e91d";
}
.icon-25:before {
content: "\e91f";
}
.icon-26:before {
content: "\e920";
}
.icon-27:before {
content: "\e921";
}
.icon-29:before {
content: "\e923";
}
.icon-30:before {
content: "\e924";
}
.icon-31:before {
content: "\e925";
}
.icon-32:before {
content: "\e926";
}
.icon-33:before {
content: "\e927";
}
.icon-34:before {
content: "\e928";
}
.icon-35:before {
content: "\e929";
}
.icon-36:before {
content: "\e92a";
}
.icon-37:before {
content: "\e92b";
}
.icon-38 .path1:before {
content: "\e92c";
color: rgb(229, 0, 18);
}
.icon-38 .path2:before {
content: "\e92d";
margin-left: -1em;
color: rgb(229, 0, 18);
}
.icon-38 .path3:before {
content: "\e92e";
margin-left: -1em;
color: rgb(229, 0, 18);
}
.icon-38 .path4:before {
content: "\e92f";
margin-left: -1em;
color: rgb(229, 0, 18);
}
.icon-38 .path5:before {
content: "\e930";
margin-left: -1em;
color: rgb(229, 0, 18);
}
.icon-38 .path6:before {
content: "\e931";
margin-left: -1em;
color: rgb(229, 0, 18);
}
.icon-38 .path7:before {
content: "\e932";
margin-left: -1em;
color: rgb(229, 0, 18);
}
.icon-38 .path8:before {
content: "\e933";
margin-left: -1em;
color: rgb(229, 0, 18);
}
.icon-38 .path9:before {
content: "\e934";
margin-left: -1em;
color: rgb(229, 0, 18);
}
.icon-38 .path10:before {
content: "\e935";
margin-left: -1em;
color: rgb(229, 0, 18);
}
.icon-38 .path11:before {
content: "\e936";
margin-left: -1em;
color: rgb(35, 24, 20);
}
.icon-39:before {
content: "\e937";
}
.icon-40:before {
content: "\e938";
}
.icon-41:before {
content: "\e939";
}
.icon-42:before {
content: "\e93a";
}
.icon-43:before {
content: "\e93b";
}
.icon-44:before {
content: "\e93c";
}
.icon-45:before {
content: "\e93d";
}
.icon-46:before {
content: "\e93e";
}
.icon-47:before {
content: "\e93f";
}
.icon-48:before {
content: "\e940";
}
.icon-49:before {
content: "\e941";
}
.icon-50 .path1:before {
content: "\e942";
color: rgb(39, 38, 54);
}
.icon-50 .path2:before {
content: "\e943";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-51:before {
content: "\e944";
}
.icon-52:before {
content: "\e945";
}
.icon-53:before {
content: "\e946";
}
.icon-54:before {
content: "\e947";
}
.icon-55:before {
content: "\e948";
}
.icon-56:before {
content: "\e949";
}
.icon-57:before {
content: "\e94a";
}
.icon-58:before {
content: "\e94b";
}
.icon-59:before {
content: "\e94c";
}
.icon-60:before {
content: "\e94d";
}
.icon-61:before {
content: "\e94e";
}
.icon-62:before {
content: "\e94f";
}
.icon-63:before {
content: "\e950";
}
.icon-64:before {
content: "\e951";
}
.icon-65:before {
content: "\e952";
}
.icon-66:before {
content: "\e953";
}
.icon-67:before {
content: "\e954";
}
.icon-68:before {
content: "\e955";
}
.icon-69:before {
content: "\e956";
}
.icon-70:before {
content: "\e957";
}
.icon-71:before {
content: "\e958";
}
.icon-72:before {
content: "\e959";
}
.icon-73:before {
content: "\e95a";
}
.icon-74:before {
content: "\e95b";
}
.icon-75:before {
content: "\e95c";
}
.icon-76:before {
content: "\e95d";
}
.icon-77:before {
content: "\e95e";
}
.icon-78:before {
content: "\e95f";
}
.icon-79:before {
content: "\e960";
}
.icon-80:before {
content: "\e961";
}
.icon-81:before {
content: "\e962";
}
.icon-82:before {
content: "\e963";
}
.icon-83:before {
content: "\e964";
}
.icon-84:before {
content: "\e965";
}
.icon-85:before {
content: "\e966";
}
.icon-86:before {
content: "\e967";
}
.icon-87:before {
content: "\e968";
}
.icon-89:before {
content: "\e96a";
}
.icon-90:before {
content: "\e96b";
}
.icon-92:before {
content: "\e96d";
}
.icon-93:before {
content: "\e96e";
}
.icon-94:before {
content: "\e96f";
}
.icon-95:before {
content: "\e970";
}
.icon-96:before {
content: "\e971";
}
.icon-97:before {
content: "\e972";
}
.icon-98:before {
content: "\e973";
}
.icon-99:before {
content: "\e974";
}
.icon-100:before {
content: "\e975";
}
.icon-101:before {
content: "\e976";
}
.icon-102:before {
content: "\e977";
}
.icon-103:before {
content: "\e978";
}
.icon-107:before {
content: "\e97c";
}
.icon-108:before {
content: "\e97d";
}
.icon-109:before {
content: "\e97e";
}
.icon-110:before {
content: "\e97f";
}
.icon-111:before {
content: "\e980";
}
.icon-112:before {
content: "\e981";
}
.icon-113:before {
content: "\e982";
}
.icon-114:before {
content: "\e983";
}
.icon-115:before {
content: "\e984";
}
.icon-116:before {
content: "\e985";
}
.icon-117:before {
content: "\e986";
}
.icon-118:before {
content: "\e987";
}
.icon-119:before {
content: "\e988";
}
.icon-120:before {
content: "\e989";
}
.icon-121:before {
content: "\e98a";
}
.icon-122:before {
content: "\e98b";
}
.icon-123:before {
content: "\e98c";
}
.icon-124:before {
content: "\e98d";
}
.icon-125:before {
content: "\e98e";
}
.icon-126:before {
content: "\e98f";
}
.icon-127:before {
content: "\e990";
}
.icon-128:before {
content: "\e991";
}
.icon-129:before {
content: "\e992";
}
.icon-130:before {
content: "\e993";
}
.icon-131:before {
content: "\e994";
}
.icon-132:before {
content: "\e995";
}
.icon-133:before {
content: "\e996";
}
.icon-134:before {
content: "\e997";
}
.icon-135:before {
content: "\e998";
}
.icon-136:before {
content: "\e999";
}
.icon-137:before {
content: "\e99a";
}
.icon-138:before {
content: "\e99b";
}
.icon-139:before {
content: "\e99c";
}
.icon-140:before {
content: "\e99d";
}
.icon-141:before {
content: "\e99e";
}
.icon-144:before {
content: "\e9a1";
}
.icon-145:before {
content: "\e9a2";
}
.icon-146:before {
content: "\e9a3";
}
.icon-147:before {
content: "\e9a4";
}
.icon-148:before {
content: "\e9a5";
}
.icon-151:before {
content: "\e9a8";
}
.icon-153:before {
content: "\e9aa";
}
.icon-154:before {
content: "\e9ab";
}
.icon-155:before {
content: "\e9ac";
}
.icon-156:before {
content: "\e9ad";
}
.icon-160:before {
content: "\e9b1";
}
.icon-161:before {
content: "\e9b2";
}
.icon-162:before {
content: "\e9b3";
}
.icon-171:before {
content: "\e9b4";
}
.icon-172:before {
content: "\e9b5";
}
.icon-173:before {
content: "\e9b6";
}
.icon-174:before {
content: "\e9b7";
}
.icon-175:before {
content: "\e9b8";
}
.icon-176:before {
content: "\e9b9";
}
.icon-177:before {
content: "\e9ba";
}
.icon-178:before {
content: "\e9bb";
}
.icon-179:before {
content: "\e9bc";
}
.icon-180:before {
content: "\e9bd";
}
.icon-181:before {
content: "\e9be";
}
.icon-182:before {
content: "\e9bf";
}
.icon-183:before {
content: "\e9c0";
}
.icon-184:before {
content: "\e9c1";
}
.icon-185:before {
content: "\e9c2";
}
.icon-186:before {
content: "\e9c3";
}
.icon-187:before {
content: "\e9c4";
}
@charset "utf-8";
/* CSS Document */
/*caseshome*/
/*globalmap*/
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.xglobalmap {
background-repeat: no-repeat;
height: 589px;
width: 1170px;
margin: 50px 0;
}
.xglobalmap .xcontinent {
position: relative;
overflow: hidden;
height: 589px;
}
.xglobalmap .continent {
z-index: 0;
}
.xglobalmap .xnorthamerica,
.xglobalmap .xsouthamerica,
.xglobalmap .xafrica,
.xglobalmap .xeurope,
.xglobalmap .xasiapacific {
background-repeat: no-repeat;
position: absolute;
}
/*northamerica*/
.xglobalmap .xnorthamerica {
left: 3px;
top: 0px;
height: 346px;
width: 513px;
z-index: 1;
}
.xglobalmap .xnorthamerica:hover {
}
/*southamerica*/
.xglobalmap .xsouthamerica {
left: 283px;
top: 342px;
width: 157px;
height: 247px;
z-index: 1;
}
.xglobalmap .xsouthamerica:hover {
}
/*africa*/
.xglobalmap .xafrica {
left: 499px;
top: 257px;
width: 220px;
height: 245px;
z-index: 1;
}
.xglobalmap .xafrica:hover {
}
/*europe*/
.xglobalmap .xeurope {
left: 520px;
top: 25px;
width: 260px;
height: 235px;
z-index: 3;
}
.xglobalmap .xeurope:hover {
}
/*asiapacific*/
.xglobalmap .xasiapacific {
right: -9px;
top: 27px;
width: 551px;
height: 521px;
z-index: 0;
}
.xglobalmap .xasiapacific:hover {
}
.xglobalmap .xnorthamerica:hover span,
.xglobalmap .xsouthamerica:hover span,
.xglobalmap .xafrica:hover span,
.xglobalmap .xeurope:hover span,
.xglobalmap .xasiapacific:hover span {
animation: markicon 1s alternate;
-moz-animation: markicon 1s alternate;
-webkit-animation: markicon 1s alternate;
-o-animation: markicon 1s alternate;
}
@keyframes markicon {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-moz-keyframes markicon /* Firefox */
{
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes markicon /* Safari 和 Chrome */
{
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-o-keyframes markicon /* Opera */
{
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.xglobalmap .xnorthamerica a,
.xglobalmap .xsouthamerica a,
.xglobalmap .xafrica a,
.xglobalmap .xeurope a,
.xglobalmap .xasiapacific a {
color: #333;
}
.xglobalmap .xnorthamerica:hover a,
.xglobalmap .xsouthamerica:hover a,
.xglobalmap .xafrica:hover a,
.xglobalmap .xeurope:hover a,
.xglobalmap .xasiapacific:hover a {
color: #d5d5db;
}
.xglobalmap .xposition {
line-height: 20px;
position: absolute;
}
.xglobalmap .xposition span {
width: 20px;
height: 20px;
display: inline-block;
border-radius: 50%;
}
.xglobalmap .xposition:hover span {
animation: xactive .5s infinite alternate;
-moz-animation: xactive .5s infinite alternate;
-webkit-animation: xactive .5s infinite alternate;
-o-animation: xactive .5s infinite alternate;
}
@keyframes xactive {
0% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
@-moz-keyframes xactive /* Firefox */
{
0% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes xactive /* Safari 和 Chrome */
{
0% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
@-o-keyframes xactive /* Opera */
{
0% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
.xglobalmap .xposition a {
display: inline-block;
}
.sanyamerica {
top: 226px;
left: 176px;
}
.sanybrazil {
top: 56px;
left: 48px;
}
.latinamerica {
top: 90px;
left: 45px;
}
.southafrica {
top: 140px;
left: 103px;
}
.northafrica {
top: 50px;
left: 50px;
}
.sanygermany {
top: 168px;
left: 53px;
}
.sanyindia {
top: 278px;
left: 170px;
}
.asiapacific {
top: 422px;
left: 313px;
}
.russia {
top: 105px;
left: 186px;
}
.centralasia {
top: 219px;
left: 188px;
}
.mideast {
top: 228px;
left: 58px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.xglobalmap {
height: 483px;
width: 960px;
background-size: 960px 486px;
}
.xglobalmap .xcontinent {
height: 483px;
}
/*northamerica*/
.xglobalmap .xnorthamerica {
left: 0px;
height: 283px;
width: 420px;
background-size: 420px 283px;
}
/*southamerica*/
.xglobalmap .xsouthamerica {
left: 227px;
top: 282px;
width: 128px;
height: 202px;
background-size: 128px 202px;
}
/*africa*/
.xglobalmap .xafrica {
left: 396px;
top: 213px;
width: 180px;
height: 200px;
background-size: 180px 200px;
}
/*europe*/
.xglobalmap .xeurope {
left: 411px;
top: 22px;
width: 213px;
height: 192px;
background-size: 213px 192px;
}
/*asiapacific*/
.xglobalmap .xasiapacific {
right: 16px;
top: 25px;
width: 440px;
height: 426px;
background-size: 440px 426px;
}
.sanyamerica {
top: 148px;
left: 118px;
}
.sanybrazil {
top: 36px;
left: 63px;
}
.latinamerica {
top: 90px;
left: 36px;
}
.southafrica {
top: 104px;
left: 91px;
}
.northafrica {
top: 40px;
left: 40px;
}
.sanygermany {
top: 137px;
left: 43px;
}
.sanyindia {
top: 227px;
left: 136px;
}
.asiapacific {
top: 346px;
left: 256px;
}
.russia {
top: 86px;
left: 152px;
}
.centralasia {
top: 179px;
left: 150px;
}
.mideast {
top: 187px;
left: 47px;
}
}
/*end globalmap*/
/*indexcase list*/
.xcaselist {
margin-bottom: 35px;
margin-bottom: 3.5rem;
}
.xcaselist .title {
margin-top: 0;
padding-bottom: 7px;
padding-bottom: .7rem;
border-bottom: 1px solid #ebebeb;
margin-bottom: 21px;
margin-bottom: 2.1rem;
position: relative;
font-size: 36px;
font-size: 3.6rem;
}
.xcaselist .title:after {
content: "";
width: 200px;
width: 20rem;
height: 5px;
height: .5rem;
background: #004677;
position: absolute;
left: 0;
bottom: -3px;
}
.xcaselist .media {
height: 95px;
height: 9.5rem;
overflow: hidden;
}
.xcaselist .media .media-left img {
width: 157px;
width: 15.7rem;
}
.xcaselist .media .media-body {
line-height: 30px;
line-height: 3rem;
}
.xcaselist ul {
padding: 0;
list-style-type: none;
}
.xcaselist ul li {
font-size: 20px;
font-size: 2rem;
line-height: 30px;
line-height: 3rem;
height: 30px;
height: 3rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xcaselist ul li:before {
content: "";
padding: 0 5px;
padding: 0 .5rem;
width: 20px;
width: 2rem;
}
.xcaselist .btn {
font-size: 20px;
font-size: 2rem;
}
@media screen and (max-width: 991px) {
.xcaselist {
padding: 1rem 0;
margin: 0;
/*border-top: solid 1px #e8e8e8;*/
}
.xcaselist .media {
margin: 0 0;
height: 2rem;
overflow: hidden;
}
.xcaselist .media .media-left {
padding-right: 1rem;
}
.xcaselist .media .media-left img {
width: 9rem;
}
.xcaselist .media .media-body h2 {
font-size: 1.5rem;
padding: 0.2rem 0 0.5rem 0;
}
.xcaselist .media .media-body {
line-height: 1.8rem;
font-size: 0.8rem;
height: 8.2rem;
overflow: hidden;
}
.xcaselist .morecolor {
color: #c2c2c2;
}
}
/*end indexcase list*/
/*end caseshome*/
/*caselistpage*/
/*screen*/
.xscreen {
line-height: 40px;
line-height: 4rem;
border-bottom: solid 1px #e6e6e6;
height: 40px;
height: 4rem;
/* overflow: hidden; */
}
.xscreen {
line-height: 40px;
line-height: 4rem;
border-bottom: solid 1px #e6e6e6;
height: 40px;
height: 4rem;
overflow: hidden;
margin-left: 0;
margin-right: 0;
}
.xscreen .xmouse {
cursor: pointer;
}
.xscreen .xscreentitle {
color: #666;
}
.xscreen .xscreencontent ul li {
float: left;
padding: 0 15px;
padding: 0 1.5rem;
list-style: none;
}
.xscreen .xscreencontent ul li.active,
.xscreen .xscreencontent ul li.active a {
color: #004677;
}
/*screen*/
.xcaseslist {
padding-top: 30px;
padding-top: 3rem;
}
.xcaseslist h2 {
font-size: 16px;
height: 39px;
line-height: 20px;
overflow: hidden;
margin-top: 15px;
}
.xcaseslist .text-muted {
font-size: 12px;
line-height: 14px;
height: 14px;
overflow: hidden;
display: block;
}
.xcaseslist p {
color: #666;
}
.wmobilescreen {
position: relative;
}
.wmobilescreen .xmscreen {
text-align: center;
height: 44px;
line-height: 44px;
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
font-size: 16px;
font-weight:500;
}
.Daily-News {
font-size: 16px;
font-weight: bold;
}
.wmobilescreen .xmscreen span {
padding-left: 10px;
padding-left: 1rem;
color: #cb0909;
}
.wmobilescreen .on {
color: #f00;
}
.mobile .xscreencontent {
/* position: absolute;*/
z-index: 10;
box-shadow: 0px 5px 3px #E8E8E8;
padding: 0;
}
.mobile .xscreencontent ul {
margin: 0;
padding: 0;
}
.mobile .xscreencontent ul li {
list-style: none;
line-height: 40px;
line-height: 4rem;
height: 40px;
height: 4rem;
border-top: solid 1px #d7d7d7;
background: #f8f8f8;
float: none;
padding: 0 15px;
padding: 0 1.5rem;
}
.mobile .xscreencontent ul li:first-child {
border-top: none;
}
.mobile .xscreencontent ul li a {
display: block;
text-decoration: none;
}
.mobile .xscreencontent ul li:hover {
background: #fff;
}
@media screen and (max-width: 991px) {
.xcaseslist {
padding: 10px 0;
border-bottom: solid 1px #dde2e4;
}
.casetitle2 {
padding-left: 0
}
.xcaseslist
.xcaseslist h2 {
font-size: 2rem;
margin: 0 0 0.5rem 0;
height: 2rem;
overflow: hidden;
color: #333;
}
.xcaseslist .text-muted {
font-size: 12px;
color: #666;
}
.xcaseslist p {
font-size: 1.4rem;
line-height: 1.6rem;
height: 3.2rem;
display: block;
overflow: hidden;
margin: 0;
}
}
/*end caselistpage*/
/*caseview*/
/*right*/
.w-dshaniu .btn-lg, .w-dshaniu2 .btn-lg, .w-dshaniu3 .btn {
border-radius: 2px;
padding: 16px 16px;
}
.w-dshaniu3 .btn {
padding: 5px 0px;
font-size:16px;
}
.w-huiborde {
border: 1px solid #e6e6e6;
}
.w-hui-botm {
border-bottom: 1px solid #e6e6e6;
}
.w-hui-top {
border-top: 1px solid #e6e6e6;
}
.w-hui-right {
border-right: 1px solid #e6e6e6;
}
.w-hui-left {
border-left: 1px solid #e6e6e6;
}
.w-mt10 {
margin-top: 10px;
}
.w-mt30 {
margin-top: 30px;
}
.w-mb30 {
margin-bottom: 10px;
}
.w-f14 {
font-size: 14px;
font-size: 1.4rem;
}
.w-f16 {
font-size: 16px;
font-size: 1.6rem;
}
.w-f18 {
font-size: 18px;
font-size: 1.8rem;
}
.w-f20 {
font-size: 20px;
font-size: 2.0rem;
}
.w-lih25 {
line-height: 25px;
line-height: 2.5rem;
}
.w-gisdnwi {
color: #666666
}
.w-mt80 {
margin-top: 80px;
}
.w-ptb10 {
padding-bottom: 10px;
padding-bottom: 1.0rem;
}
.w-heise, a {
color: #000
}
.w-balinf, .w-balinf a {
color: #808080
}
.clear {
clear: both
}
.w-lianxi {
margin-bottom: 30px;
margin-bottom: 3rem;
}
.w-lianxi .aside_case{
padding: 10px;
border: 1px solid #e5e5e5;
margin-top: -1px;
}
.w-lianxi img{
width:100%;
max-width: 100%;
}
.w-lianxi .w-title {
background:#f0f1f2;
height:54px;
line-height: 54px;
margin: 0;
border-top:2px solid #004677;
font-size:16px;
color:#404040;
text-align: center;
}
.w-lianxi strong {
color: #303030;
}
.w-lianxi .w-contact {
padding: 20px;
padding-bottom: 0;
}
.w-lianxi p.w-pwtitle .w-pwtitle-xiang {
display: block;
border-top: 2px solid #004677
}
.w-contact .dl-horizontal dt {
width: 55px;
width: 5.5rem;
font-weight: normal
}
.w-contact .dl-horizontal dd {
margin-left: 75px;
margin-left: 7.5rem;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
.w-lianxi .w-contact {
padding: 10px;
}
.w-contact .dl-horizontal dt {
width: 3.5rem;
}
.w-contact .dl-horizontal dd {
margin-left: 4rem;
}
}
.w-zi-banner .carousel-control {
background-image: none;
top: 25%
}
@media screen and (min-width: 768px) {
.w-carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 0px;
}
}
.w-zi-banner .carousel-indicators {
top: 59%;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.w-zi-banner .carousel-indicators {
top: 50%;
}
}
.w-carousel-caption {
position: static;
bottom: 20px;
z-index: 10;
padding-top: 20px;
color: #fff;
text-align: center;
text-shadow: none;
padding-bottom: 20px;
}
.w-carousel-caption p.w-titlebb {
height: 20px;
height: 2.0rem;
font-size: 14px;
overflow: hidden
}
/*end right*/
/*left*/
.xcaselist1 {
}
.xcaselist1 .title {
margin-top: 0;
padding-bottom: 7px;
padding-bottom: .7rem;
border-bottom: 1px solid #ebebeb;
margin-bottom: 0;
position: relative;
font-size: 20px;
font-size: 2rem;
}
.xcaselist1 .title:after {
content: "";
width: 200px;
width: 20rem;
height: 5px;
height: .5rem;
background: #004677;
position: absolute;
left: 0;
bottom: -3px;
}
.w-cpguige {
height: 43px;
position: relative
}
.xheader .w-cpguige {
height: 40px;
}
.w-cpguige p, .w-cpguige h2 {
position: absolute;
left: 0px;
line-height: 40px;
font-size: 20px;
font-size: 2.0rem;
border-bottom: 4px solid #004677;
font-size: 16px;
}
.w-cpguige h2 {
margin: 0;
font-weight: bold;
}
.w-biaodan .form-control {
border-radius: 0px;
border: 1px solid #e6e6e6;
}
.w-biaodan span.w-ba {
color: #C00;
margin-right: 5px;
}
.w-biaodan label {
font-weight: normal;
margin-bottom: 10px;
margin-bottom: 1.0rem;
margin-bottom: 5px;
font-size: 14px;
}
.w-biaodan label input:hover {
border-color: #F00;
}
/*share*/
.w-shall {
vertical-align: middle;
}
.w-shall a {
margin-right: 10px;
}
/*end share*/
.xcaseview h1 {
font-size: 24px;
margin-bottom: 5px;
margin-top: 20px;
line-height: 30px;
font-weight: bold;
}
.xcaseview .xmethod {
border: solid 4px #e5e5e5;
line-height: 30px;
line-height: 3rem;
margin: 10px;
margin: 1rem;
margin: 0;
padding: 20px;
}
.xcaseview .xmethod span {
color: #666;
}
.xcaseview .xcasecontent {
line-height: 23px;
padding-top: 8px;
font-size: 14px;
}
.xcaseview .xcasecontent p {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.xcaseview .xcasecontent .iframe-center {
width: 560px;
height: 315px;
margin: 0 auto;
padding: 10px 0;
}
@media screen and (max-width: 991px) {
.w-cpguige {
margin-bottom: 20px;
}
.w-mb30 {
padding-bottom: 20px !important;
}
.xcaseview .xcasecontent .iframe-center {
width: 100%;
height: 55vw;
}
.xcaseview h1 {
font-size: 16px;
line-height: 23px;
color: #333;
font-weight: bold;
}
.xcaseview .xmethod .xsmcol {
word-wrap: break-word;
border-top: none;
color: #666;
padding: 0;
line-height: 24px;
font-size: 14px;
}
body {
background: #fff;
}
.content-wrap .container {
background: #fff;
}
/*.content-wrap .container:first-child{
position: absolute;
width: 100%;
}*/
.pull-downs {
position: absolute;
width: 100%;
z-index: 888;
}
.xmobileblank {
height: 10px;
background: #e5e5e5;
margin: 0 -15px;
margin-bottom: 10px;
}
.xheader .w-cpguige {
height: 30px;
border-bottom: none;
}
.w-cpguige h2 {
border-bottom: none;
}
.w-cpguige p {
position: absolute;
line-height: 40px;
font-size: 2rem;
color: #333;
font-weight: bold;
font-size: 16px;
}
/* .xsmicon1 {
height: 1.5rem;
width: 0.4rem;
display: inline-block;
background: #004677;
margin-right: 0.5rem;
}*/
.xcaseview .xcasecontent {
padding-bottom: 1.5rem;
padding-top: 0;
}
.w-huiborde {
border: none;
}
.w-lianxi .w-contact {
padding: 0
}
.xprolist {
margin: 1rem 0;
}
.xprolist h2 {
font-size: 1rem;
margin: 0.5rem 0 0 0;
}
.xprolist .text-muted {
font-size: 0.8rem;
}
.w-lianxi .w-title {
border-top: none;
padding: 0;
font-weight: bold;
color: #333;
font-size: 18px;
border-bottom: none;
margin-bottom: 10px;
}
.w-lianxi .w-title:after {
display: none
}
}
.xrelatednews {
padding: 10px 0 0 0;
border: 1px solid #f4f4f4;
}
.xrelatednews h2 {
font-size: 14px;
margin: 0 0 0 -15px;
line-height: 20px;
height: 40px;
overflow: hidden;
}
.xline1 {
height: 10px;
height: 1rem;
border-bottom: solid 1px #e5e5e5;
display: block;
}
/*end left*/
/*end caseview*/
/*news home*/
.w-dao1 .nav > li > a {
padding: 10px 20px;
}
.w-dao1 .nav-pills > li.active > a, .w-dao1 .nav-pills > li.active > a:focus, .w-dao1 .nav-pills > li.active > a:hover {
background: none;
border-bottom: 4px solid #004677;
color: #000
}
@media (min-width: 991px) and (max-width: 1199px) {
.w-dao1 .nav > li > a {
padding: 10px 10px;
}
}
@media (max-width: 991px) {
.w-dao1 .nav-pills > li {
float: none
}
.w-dao1 .nav-pills > li.active > a, .w-dao1 .nav-pills > li.active > a:focus, .w-dao1 .nav-pills > li.active > a:hover {
background: none;
border: none;
color: #000
}
.w-dao1 {
display: none
}
.w-dao1 .nav-pills > li > a > a {
border-bottom: 1px solid #e4e8e9;
background: #f8f8f8
}
.w-dao1 .nav-pills > a:focus, .w-dao1 .nav-pills > li > a:hover {
background: #fff;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
color: #df0516
}
}
/*x-today-news*/
.x-today-news .carousel-control.left,
.x-today-news .carousel-control.right {
background-image: none;
z-index: 20;
}
.x-today-news .carousel-indicators {
width: 100%;
margin-left: -50%;
bottom: -9px;
}
.x-today-news .carousel-indicators ol {
margin: 0;
}
.news-slide .carousel-caption {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
padding: 10px;
color: #fff;
text-align: left;
text-shadow: none;
}
.news-slide .carousel-caption h3 {
line-height: 20px;
height: 20px;
overflow: hidden;
font-size: 20px;
margin-top: 0;
}
.news-slide .carousel-caption p {
line-height: 20px;
font-size: 14px;
height: 20px;
overflow: hidden;
margin-bottom: 20px;
color: #fff;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 3px !important;
left: 0;
width: 100%;
}
.swiper-pagination-bullet-active {
background: #004677 !important;
}
@media (max-width: 991px) {
.x-today-news .carousel-caption p {
color: #666;
}
.x-today-news .carousel-indicators {
width: 60%;
margin-left: -30%;
}
.xcaseslist h2 {
margin-top: 0;
margin: 0;
font-weight: 300;
font-size: 14px;
height: auto;
max-height: 60px;
line-height: 20px;
}
}
.x-today-right h2 {
margin-top: 0;
font-size: 14px;
font-size: 1.4rem;
line-height: 20px;
max-height: 40px;
overflow: hidden;
margin-bottom: 0px;
font-weight:bold;
}
@media (max-width: 1199px) {
.x-today-right h2 {
max-height: 24px;
}
}
.x-today-right .describe {
margin-bottom: 15px;
margin-bottom: 1.5rem;
color: #4c4c4c;
line-height: 20px;
height: 40px;
overflow: hidden;
}
.x-today-right .text-muted {
color: #666;
}
.news-slide a img, .news-slide a {
width: 100%;
}
.news-slide .swiper-wrapper {
position: relative
}
.news-slide .swiper-pagination {
position: absolute;
left: 0;
bottom: 0
}
.news-slide .swiper-pagination-bullet {
border-radius: 100%
}
.news-slide .swiper-button-next span, .news-slide .swiper-button-prev span {
color: #fff;
}
.w-aboutnav li a {
font-size: 16px;
font-size: 1.6rem;
word-wrap: break-word;
}
.w-dao1 .nav > li > a {
padding: 10px 20px;
}
.w-dao1 .nav-pills > li.active > a, .w-dao1 .nav-pills > li.active > a:focus, .w-dao1 .nav-pills > li.active > a:hover {
background: none;
border-bottom: 4px solid #004677;
color: #000;
border-radius: 0
}
@media (max-width: 991px) {
.x-today-news .carousel-caption {
/* position: relative;
padding-top: 0;
color: #000;*/
background: none;
font-size: 1.6rem;
}
.x-today-news .carousel-caption h3 {
margin-top: 0.5rem;
}
}
/*end x-today-news*/
/*news class*/
.xsmicon2 {
height: 18px;
height: 1.8rem;
width: 5px;
width: .5rem;
display: inline-block;
background: #004677;
margin-right: 5px;
margin-right: .5rem;
}
.x-newsclass-title h2 {
font-size: 26px;
font-size: 2.6rem;
}
.x-newsclass-img h3 {
font-size: 20px;
font-size: 2rem;
margin: 10px 0;
margin: 1rem 0;
}
.x-newsclass,
.x-today-news,
.x-news-index-list {
margin-top: 15px;
margin-top: 1.5rem;
}
/*videomark*/
.xvideomask {
position: relative;
display: block;
}
.xvideomask img {
z-index: 0;
}
.xvideomask::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
.xvideomask:hover::after {
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
/*end xvideomask*/
@media (max-width: 991px) {
.x-newsclass-title h2 {
font-size: 2rem;
}
.x-newsclass-img h3 {
font-size: 1.6rem;
}
}
/*end news class*/
/*news index list*/
.x-news-index-list {
margin-bottom: 0;
}
.x-news-index-list .xheader p, .x-news-index-list .xheader h2 {
font-size: 16px;
}
.x-news-index-list .xheader h2 {
color: #333;
}
.x-news-index-list .xheader .x-more, .x-news-index-list .xbody .x-learnmore a {
font-size: 14px;
font-size: 1.4rem;
color: #0a24a4;
font-weight: bold;
padding-top: 10px;
display: block;
}
.x-news-index-list .xheader .x-more {
padding-top: 30px;
padding-top: 3rem;
}
.x-news-index-list .xbody h2 {
font-size: 14px;
font-size: 1.4rem;
padding-right: 15px;
margin-top:0;
font-weight:bold;
}
.x-news-index-list .xbody p {
line-height: 18px;
line-height: 1.8rem;
height: 50px;
height: 5rem;
overflow: hidden;
margin: 0;
font-size:14px;
}
.x-news-index-list h2 {
line-height: 24px;
height: 24px;
overflow: hidden;
}
.x-news-index-list .xheader h2 {
height: 40px;
}
.xbody {
margin: 0
}
.xbody .xunit{
margin-bottom:15px;
}
@media (min-width: 992px)
{
.xunit .center-image {
padding-left: 0
}
.xunit .center-title{
padding-left:0;
}
}
@media (max-width: 991px) {
.x-news-index-list {
margin-bottom: 0
}
.x-news-index-list .xheader p {
font-size: 2rem;
}
.x-news-index-list .xbody .xunit {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px;
padding-top: 10px;
}
/*.x-news-index-list .xbody .xunit:last-child{border-bottom: none;}*/
.x-news-index-list .xheader .x-more {
padding-top: 1rem;
line-height: 3rem;
color: #777;
}
.x-news-index-list .xbody h2 {
margin: 0;
font-size: 14px;
vertical-align: top;
color: #000;
font-weight: 300;
line-height: 20px;
overflow: hidden;
height: auto;
max-height: 60px;
padding: 0;
}
.center-title {
padding-left: 0
}
.x-news-index-list .xbody p {
font-size: 1.4rem;
line-height: 1.6rem;
height: 3.2rem;
overflow: hidden;
margin: 0;
color: #666;
}
.x-news-index-list .xbody .x-learnmore {
float: right;
}
.x-newsclass,
.x-today-news,
.x-news-index-list {
margin-top: 1rem;
}
.center-image {
padding-left: 0
}
}
/*end news index list*/
/*end news home*/
/*newslistpage*/
.xnewslist .xbody {
padding: 8px 0;
margin: 0;
border-bottom: solid 1px #e5e5e5;
}
.xnewslist .xbody .xleft {
padding-left: 0;
}
.xnewslist .xbody .xright {
padding-left: 0;
}
.xnewslist .xbody .text-muted {
font-size: 14px;
color: #8f8f8f;
}
.xnewslist .xbody h2 {
margin: .50px 0;
font-size: 16px;
line-height: 20px;
font-weight: 600;
overflow: hidden;
}
@media (min-width: 992px) {
.xbody .xunit h2 {
height: 24px;
overflow: hidden
}
.xnewslist .xbody .text-muted {
height: 35px;
line-height: 35px;
}
.xnewslist .xbody .text-muted2 {
font-size: 12px;
}
}
.xnewslist .xbody p {
line-height: 20px;
height: 60px;
overflow: hidden;
margin: 0;
color: #666;
font-size:14px;
}
.xnewslist .xbody .x-learnmore {
margin-top: 5px;
margin-top: .5rem;
display: block;
}
.xnewslist .xbody .x-learnmore a {
font-size: 14px;
font-size: 1.4rem;
color: #0a24a4;
font-weight: bold;
padding-top: 30px;
padding-top: 3rem;
margin-top: 10px;
margin-top: 1rem;
}
.x-news-index-list .xbody .ximgmask img {
overflow: hidden;
}
@media (min-width: 991px) {
.x-news-index-list .xbody .ximgmask img {max-height: 99px;}
}
@media (max-width: 991px) {
.xnewslist {
/*vertical-align: top;*/
}
.xnewslist .xbody {
padding: 10px 0;
/* border-top: solid 1px #e5e5e5;*/
}
.xnewslist .xbody .col-xs-7 {
padding: 0;
}
.xnewslist .xbody .text-muted, .gl-time {
font-size: 12px;
color: #8f8f8f;
margin-bottom: 6px;
}
.xbody .center-title .gl-time {
font-size: 12px;
height: auto; margin-top: 5px;
}
.xnewslist .xbody h2 {
line-height: 20px;
max-height: 60px;
overflow: hidden;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
}
@media (max-width: 767px) {
.xnewslist .xbody h2.vi-title {
height: auto;
}
}
.xnewslist .xbody p {
line-height: 1.8rem;
height: 3.6rem;
overflow: hidden;
font-size: 14px;
}
.wmargin0 {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
}
.xcaseview .xmethod {
margin: 10px 0;
padding-bottom: 10px;
}
}
/*end newslistpage*/
.w-top30 {
padding-top: 30px;
}
.NewsDetail-con {
padding-bottom: 100px;
overflow: hidden;
width: 100%;
padding-top: 120px;
text-align: center;
}
.NewsDetail-con h4 {
line-height: 26px;
}
.NewsDetail-con .continue {
line-height: 32px;
font-size: 18px;
font-weight: bold;
}
.wmargincc {
margin-left: 0px;
margin-right: 0px
}
.w-proleft {
padding-left: 0px;
}
/*phoho*/
.photosview .carousel-caption {
background: #000;
width: 100%;
padding: 0;
margin: 0;
left: 0;
right: 0;
bottom: 0;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.photosview .carousel-caption .infoNum,
.photosview .carousel-caption .infoTxtWrap {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.curNum {
font-size: 30px;
color: #379be9;
}
.infoNum {
position: absolute;
left: 0;
top: 15px;
width: 130px;
font-family: Georgia, tahoma;
font-size: 20px;
color: #757575;
text-align: center;
}
.infoTxtWrap {
position: relative;
margin: 0 10px 0 130px;
height: 80px;
padding: 6px 10px 0 0;
overflow: hidden;
text-align: left;
}
.infoTxt {
font-size: 14px;
line-height: 20px;
}
/*end photo*/
.w-proimge {
width: 100%;
padding-bottom: 68.5%;
height: 0px;
overflow: hidden;
margin: 0px
}
.wfff {
color: #FFF;
}
.x-sm .L-parent li {
margin-bottom: 1.6rem;
}
.x-sm .L-parent li a {
border-color: #f2f2f2;
color: #666;
font-size: 1.6rem;
padding: 12px 6px
}
.wyadd-time {
font-size: 14px;
color: #777;
margin: 5px 0 0 -15px;
}
/*shar*/
.description {
font-size: 14px;
border-bottom: 1px solid #e6e6e6;
color: #9a9a9a;
margin: 0;
margin-bottom: 0;
}
.view-shar {
text-align: left;
}
.view-shar .stButton .stLarge, .view-shar .stButton .stLarge:hover {
width: 20px;
height: 20px;
background-size: cover;
}
.view-shar .stButton .stLarge:hover {
background-position: -20px;
}
.s_view-shar .stButton{
margin: 0;
}
.v-share {
position: relative;
top: -5px;
}
.description .dec1, .view-shar {
padding: 0;
margin: 0;
}
.description .dec1 span {
margin-right: 27px;
display: inline-block;
}
.description .dec1 span:before, .view-previous p span {
margin-right: 5px;
color: #000;
font-weight: bold;
}
.view-previous p {
color: #061eaa;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 30px;
font-size: 14px;
}
@media screen and (max-width: 1199px) and (min-width: 992px){
.view-shar .stButton{ margin-right:0}
}
@media (max-width: 991px) {
.w-top30 {
padding-top: 0px !important;
}
.description .dec1, .view-shar {
margin-bottom: 15px;
}
.xcaseview .description{
margin-bottom: 10px;
}
.w-lianxi .news-contact1 {
padding-top: 20px
}
.xrelatednews {
padding: 10px 15px
}
.w-lianxi .w-hui-botm {
margin-top: -15px
}
.case-height, .case-height h2 {
height: 50px;
line-height: 50px;
} {
height: 50px;
line-height: 50px;
}
.xcaseslist p.wyadd-time {
height: auto;
font-size: 12px;
color: #666;
}
.view-previous {
margin-top: 10px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 10px;
}
.case-marig{ height: 30px;}
.add-contactma{ margin-bottom: 0}
}
.s-Technical{
height:34px;
margin-bottom:15px;
}
.s-Technical > h4{
float:left;
font-size:16px;
margin:0;
line-height:34px;
border-bottom:3px solid #004677;
margin-top:-2px;
color:#212121;
font-weight:400;
}
.s-Technical > span{
float:right;
font-size:14px;
line-height:31px;
}
.s-Technical > span >a{
color:#7a7a7a;
}
.s-Technical{
border-bottom:1px solid #e6e6e6;
}
.s_news_sbox{
padding: 10px 0;
background:#f2f2f2;
}
.s_change_news_lfet{
float: left;
margin-top: 2px;
font-weight: 600;
font-size: 24px;
color:#404040;
}
.s_change_news_right{
float: right;
}
.s_view-shar{
padding-bottom: 8px;
}
.description .s_dec1 span {
margin-right: 0;
padding-right:72px;
display: inline-block;
font-size: 14px;
color: #808080;
}
@media (min-width: 992px) and (max-width: 1199px){
.description .s_dec1 span {
padding-right:42px;
}
}
.s_view-shar > span{
font-size: 14px;
display: inline-block;
margin-right:2px;
color: #808080;
}
.s_view-shar > a{
padding-right: 6px;
font-size: 16px;
color: #868686;
}
.xcaseview .s_xcaseview_tit{
font-weight: 600;
color: #404040;
}
.news-date{
display: inline-block;
margin-left: 20px;
}
.news-date .input-group-addon,.news-date input{
border: none;
background: none;
box-shadow: none;
color: #9b9b9b;
float: left;
width: 16px;
height: 16px;
line-height: 35px;
}
.news-date .form-control{
height: 35px;
line-height: 35px;
padding: 0px 7px;
}
.news-date .form-control[disabled], .news-date .form-control[readonly], fieldset[disabled] .form-control{
background: #f2f2f2;
}
.min-date{
font-size: 12px;
color: #8f8f8f;
}
@media (max-width: 991px){
.min-date{
font-size: 12px;
}
}
.news-date input:focus{
border-color:#f2f2f2;
box-shadow: none;
}
.news-guanggao img{
width: 100%;
}
.news-guanggao a{
display: block;
margin-bottom: 5px;
}
.news-guanggao{
margin: 8px 0;
}
.recommend-1 li{
padding: 10px 15px 10px 30px;
font-size: 14px;
color: #004677;
line-height: 20px;
border: 1px solid #e5e5e5;
position: relative;
margin-top: -1px;
}
.recommend-1 li:before{
content: "";
width: 5px;
height: 5px;
border-radius: 100%;
background: #004677;
position: absolute;
top: 18px;
right: 10px;
}
.recommend-1 li a{
color: #404040;
max-height: 40px;
overflow: hidden;
display: block;
}
.recommend-1 li a:hover{
color:#004677;
}
.new-submit{
font-size: 14px;
margin-top: 8px;
border: 1px solid #e5e5e5;
padding: 15px 5px 15px 87px;
word-break: break-word;
}
@media (min-width: 992px) and (max-width: 1199px){
.new-submit {
padding: 15px 5px 15px 62px;
}
}
.new-submit p{
margin-bottom: 0px;
}
.new-submit .n-p1,.n-date{
color: #8f8f8f;
margin-bottom: 0;
}
.n-date{
margin-top: 2px;
font-size: 12px;
}
*.daterangepicker .glyphicon{
font-family: 'Glyphicons Halflings'!important; ;
}
.news-breadcrumb{
background:#f2f2f2;
height:35px;
line-height: 35px;
color:#404040;
margin-bottom: 8px;
}
.news-breadcrumb h1{
font-size:14px;
float: left;
margin: 0;
line-height: 35px;
font-weight: bold;
text-transform: uppercase;
}
.news-breadcrumb .breadcrumb{
padding: 0;
float: right;
}
/* wyy */
@charset "utf-8";
/* CSS Document */
body {
font-size: 1.4rem;
font-size: 14px;
}
.w-proleft {
padding-left: 0px
}
.w-huiborde {
border: 1px solid #e6e6e6;
}
.w-hui-botm {
border-bottom: 1px solid #e6e6e6;
}
.w-hui-top {
border-top: 1px solid #e6e6e6;
}
.w-hui-right {
border-right: 1px solid #e6e6e6;
}
.w-hui-left {
border-left: 1px solid #e6e6e6;
}
.w-mt10 {
margin-top: 10px;
}
.w-mt30 {
margin-top: 30px;
}
.w-mb30 {
margin-bottom: 30px;
}
.w-f14 {
font-size: 1.4rem
}
.w-f16 {
font-size: 1.6rem
}
.w-f18 {
font-size: 1.8rem
}
.w-f20 {
font-size: 2.0rem
}
.w-lih25 {
line-height: 2.5rem
}
.w-gisdnwi {
color: #666666
}
.w-mt80 {
margin-top: 80px;
}
.w-ptb10 {
padding-bottom: 1.0rem
}
.w-heise, a {
color: #000
}
.w-balinf, .w-balinf a {
color: #808080
}
.clear {
clear: both
}
a:hover {
text-decoration: none;
color: #004677
}
.w-pbanner .text-center {
width: 70%;
margin: 0 auto;
}
.w-probanner {
background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
color: #333;
}
.w-probanner P.lead {
font-size: 1.4rem;
font-size: 14px;
line-height: 2rem;
line-height: 26px;
text-align: justify
}
.w-prozhan {
border-bottom: 1px solid #e6e6e6;
padding: 4rem 0;
padding: 40px 0;
}
.w-prozhan .col-md-3 {
padding: 3px
}
.w-prozhan .thumbnail {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 0;
border-radius: 0;
line-height: 2.428571;
border: 1px solid #e6e6e6;
}
.w-prozhan .thumbnail ul {
margin-left: 0px;
padding-left: 20px;
}
.w-prozhan .w-wubian {
border: 0px
}
.w-prozhan .w-promain {
padding: 2rem;
padding: 20px;
}
.w-prozhan .w-promain:hover, .w-prozhanshi .w-yijizahn:hover {
-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
box-shadow: 0px 0px 10px #ccc;
}
@media (max-width: 991px) {
.w-prozhan .w-promain:hover, .w-prozhanshi .w-yijizahn:hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.w-prozhan .w-promain h3 {
font-size: 2rem;
line-height: 2rem;
height: 4rem;
height: 50px;
font-size: 20px;
line-height: 26px;
overflow: hidden
}
.w-prozhan .w-promain:hover h3 a, .w-prozhanshi .w-yijizahn:hover h3 a ,.w-yijizahn:hover h3 a small{
color: #004677
}
.w-botm0 {
border-bottom: none;
}
.w-fhdb {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 1;
border-radius: 35px;
background: #FFF;
border: 1px solid #e6e6e6;
cursor: pointer
}
.w-fhdb span {
font-size: 1.8rem;
color: #706b6b;
padding: 15px;
}
.productcls h2 {
font-size: 2.6rem;
font-weight: bold;
margin-top: 0;
}
.productcls ul li h3 {
font-size: 1.6rem;
font-size: 16px;
line-height: 1.6rem;
line-height: 26px; margin:0px;
}
.proclsbody ul{ list-style-type:disc}
@media (max-width: 991px) {
.w-prozhan {
padding: 0;
}
.productcls .mobile {
background: #f8f8f8;
padding: 0;
}
.productcls .mobile .proclsbody {
display: none;
}
.productcls ul li a {
line-height: 2.3rem;
}
}
/*screen*/
.xscreen {
line-height: 4rem;
border-bottom: solid 1px #e6e6e6;
height: 4rem;
height: 48px;
line-height: 48px;
overflow: hidden;
}
.xscreen .xmouse {
cursor: pointer;
}
.xscreen .xscreentitle {
color: #666;
}
.xscreen .xscreencontent ul li {
float: left;
padding-right: 2rem;
padding-right: 20px;
list-style: none;
}
.xscreen .xscreencontent ul li.active,
.xscreen .xscreencontent ul li.active a {
color: #004677;
}
/*screen*/
.w-proyiji .w-marifm {
padding-left: 26px;
}
.w-prosai {
font-size: 1.6rem
}
.w-fieff a {
line-height: 50px;
}
.w-proyiji .w-baidkkk2 .panel-default > .panel-heading {
padding: 0px;
}
.w-pro-xaun1 .w-baidkkk2 .panel-group {
margin-bottom: 0px;
}
.w-sanjiao {
position: absolute;
width: 14px;
height: 14px;
right: 0px;
top: 0px;
}
.w-xaingdui .w-fmieie a {
margin-right: 30px;
display: inline-block;
}
.w-xaingdui .w-fmieie {
height: 34px;
line-height: 34px;
overflow: hidden
}
.w-baidkkk {
width: 30%;
float: left;
display: inline-block;
height: 35px;
line-height: 25px;
white-space: normal;
padding-top: 15px;
}
.w-baidkkk2 {
width: 70%;
float: left;
display: inline-block;
position: relative;
}
.w-baidkkk2 a {
margin-right: 30px;
display: inline-block;
}
.w-proyiji .w-prozhanshi {
margin-top: 0;
}
.w-prozhanshi .thumbnail {
padding: 10px 10px 0 10px;
border-radius: 0px; margin:0; position:relative
}
.w-prozhanshi .w-yijizahn .caption h3 {
height:4.5rem; height:45px; line-height:23px;
overflow: hidden; font-size:18px;
}
.w-prozhanshi .w-yijizahn .w-tianjia a {
color: #989898;
margin-top: 10px;
}
.w-prozhanshi .w-yijizahn .w-koyuan span {
font-size: 1.8rem;
position: absolute;
top: 1.3rem;
left: 1.3rem;
}
.w-dkied .w-xanniu {
padding: 90px 0px
}
.w-dkied .w-xanniu .btn {
border-radius: 0px;
}
.w-dkied .w-xanniu .btn-danger {
background: #004677
}
.w-dkied .w-xanniu p.w-qingchu {
margin-top: 10px;
}
.w-pagezuo {
padding-left: 160px;
}
.w-pagezuo, .w-tiaozhaun {
float: left;
display: inline
}
.w-tiaozhaun .form-control {
width: 40px;
margin: 0px 10px
}
.w-pagezuo .pagination > li > a {
margin-right: 10px;
color: #666666
}
.w-pagezuo .pagination > li > a:hover {
color: #004677;
background-color: #FFF;
border: 1px solid #004677;
}
.w-tiaozhaun {
padding-top: 18px;
margin-left: 15px;
}
.w-proyiji .w-hui-right .panel-group {
word-wrap: break-word;
}
.w-yijizahn .btn {
border-radius: 0px
}
.w-yijizahn .btn-danger {
background: #FFF;
border: 1px solid #db0000;
color: #db0000;
}
@media (min-width: 768px) and (max-width: 1200px) {
.w-pagezuo {
padding-left: 0px;
}
.w-pagezuo .pagination > li > a {
margin-right: 0px;
}
}
.w-appdh {
position: relative
}
.w-appdh .col-xs-12 {
padding-left: 0px;
padding-right: 0px;
}
.w-hanggao {
padding: 15px 0px 15px 15px;
font-size: 1.8rem;
}
.w-daind .tabs-left > .nav-tabs {
float: left;
width: 50%;
overflow: hidden; background:#f8f8f8;height: 100%;
}
#w-menu1,#w-menu2{text-decoration:none;}
.w-omd{ color:#004677}
.w-appdh .w-menu6 .w-hanggao{font-size:16px; display: block;}
.w-daind .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
border-color: #DDD rgba(0, 0, 0, 0) #DDD #DDD;
}
.w-daind .tabs-left > .nav-tabs > li {
float: none;
}
.w-daind .nav-tabs > li {
margin-bottom: 0px;
}
.w-daind { width:100%}
.w-daind .tabs-left > .nav-tabs > li > h2 {
min-width: 74px;
margin-top: -1px;
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.w-daind .nav-tabs > .active > h2 a, .w-daind.nav-tabs > .active > h2 a:hover, .w-daind .nav-tabs > .active > h2 a:focus {
color: #555;
cursor: default;
background-color: #FFF;
border: 1px solid #DDD;
border-right: none; text-decoration:none;
}
.w-daind .nav-tabs > li > h2 a {
line-height: 2rem;
font-size: 1.4rem; padding:10px 15px;
}
.w-daind .nav-tabs {
border-bottom: none
}
.w-daind .nav > li > h2 a {
display: block;
}
#w-tabcontent1, #w-tabcontent2 {
margin-bottom: 30px;
background: #fff;
position: absolute;width:100%;
left: 0px;
z-index: 2;
-moz-box-shadow: 0px 5px 3px #E8E8E8;
-webkit-box-shadow: 0px 5px 3px #E8E8E8;
box-shadow: 0px 5px 3px #E8E8E8;
}
.w-menu6 li {
line-height: 52px;
width: 160px;
height: 52px;
display: block;
}
.w-daind .w-xailaid .w-xuade li h3, .w-daind .w-liebiao h3 {
line-height: 1.6rem;
padding-left: 10px; margin:0;
}
.w-daind .w-xailaid, .w-kffe {
background: #FFF
}
.w-kffe li { font-size:1.4rem
}
.w-daind .w-xailaid, .w-daind .w-liebiao {
overflow: auto;
}
.w-cuoxiang {
position: relative
}
.w-cuohao {
width: 23px;
height: 23px;
position: absolute;
top: 10px;
right: 5px;
}
.w-cuoxiang .w-cuohao .close {
font-size: 26px;
}
.w-pduini .thumbnail {
border: 0px;
padding: 20px
}
.w-pduini .row {
margin: 0px;
}
.w-pduini .w-cuoxiang .w-mt10 h4 {
height: 4.3rem;
line-height: 2rem;
height: 50px;
line-height: 25px;
overflow: hidden
}
.w-pduini .input-sm {
padding: 160px 10px;
}
.w-table .table > tbody > tr > td,.w-table .table > tbody > tr > th{
padding:15px; width:20%
}
.w-cuoxiang .btn {
border-radius: 0px;
}
.w-pduini .w-xjjian {
vertical-align: middle;
padding-top: 8.78rem;
}
.s_contrast{
font-size: 12px;
}
.s_contrast th, .s_contrast td{
padding: 10px 15px;
}
@media (min-width: 1200px) {
.w-wuxiao {
height: 7.59rem
}
.w-pduini .input-sm {
padding: 196px 10px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.w-wuxiao {
height: 3.89rem;
}
.w-pduini .input-sm {
padding: 174px 10px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.w-wuxiao {
height: 0px;
}
.w-pduini .w-xjjian {
padding-top: 0rem
}
}
.w-pronmain .w-hui-botm {
padding-bottom: 20px;
}
.w-pronmain .media {
margin-top: 10px; font-size: 16px;
}
.w-pronmain .media .media-body .label {
color: #666;
padding-bottom: 1.6rem;
padding-bottom: 16px;
font-weight: normal;
font-size: 16px;
display: inline-block; padding:0
}
.w-pronmain .media .media-body {
word-wrap: break-word;
}
.w-pronmain .media .media-left {
color: #666666
}
.w-pr100 {
padding-right: 68px;
}
.w-pr10 {
padding-right: 21px;
}
.w-shuce1, .w-shuce2, .w-shuce3 {
padding-left: 35px;
}
.w-pronmain .w-pro-hsoudi .w-shuce1 {
}
.w-pronmain .w-pro-hsoudi .w-shuce2 {
}
.w-pronmain .w-pro-hsoudi .w-shuce3 {
}
.w-pronmain .w-shall {
vertical-align: middle;
}
.w-pronmain .w-shall a {
margin-right: 10px;
}
.w-kdi {
display: block;
}
.w-dshaniu .btn-lg, .w-dshaniu2 .btn-lg, .w-dshaniu3 .btn {
border-radius: 0px;
padding: 14px 10px;
}
.w-dshaniu3 .btn {
padding: 5px 0px;
}
.w-dshaniu .btn-lg:hover, .w-dshaniu2 .btn-lg:hover, .w-dshaniu3 .btn:hover {
background: #ff0014;
border: 1px solid #ff0014
}
.w-pronmain .col-xs-6, .w-pronmain .col-sm-6, .w-pronmain .col-md-6 {
padding: 0px;
}
.btn-primary {
background: #0a24a4;
border-color: #0a24a4;
}
.w-dshaniu .btn-primary {
padding: 14px 10px;
}
.w-dshaniu2 .btn-lg {
padding: 14px 30px
}
.w-pro-gundong .container-fluid {
padding: 0px;
}
.w-pro-gundong .navbar-inverse {
background: #FFF;
border: none;
border-bottom: 1px solid #e6e6e6;
}
.w-pro-gundong .nav-tabs > li > a ,.w-pro-gundong .nav-tabs > li> h2 > a{
color: #000;
font-size: 1.8rem;
font-size: 18px;
font-weight: 500;
}
.w-pro-gundong .nav-tabs > li> h2{ margin-top:0; padding:0px 10px;}
.w-pro-gundong .nav-tabs > li.active {
border-bottom: 4px solid #004677;text-decoration: none; }
.w-pro-gundong .nav-tabs > li > a,.w-pro-gundong .nav-tabs > li> h2 > a{ border:none;text-decoration: none}
.w-pro-gundong .nav-tabs > li.active > a, .w-pro-gundong .nav-tabs > li.active > a:focus, .w-pro-gundong .nav-tabs > li.active > a:hover, .w-pro-gundong .nav-tabs > li > a:hover{ border:none}
.w-wowo {
position: fixed;
z-index: 80;
width: 800px;
}
.w-pro-gundong .nav > li > a {
blr:expression(this.onFocus=this.blur())
}
.w-pro-gundong .navbar-collapse {
padding: 0px
}
.w-cpguige {
height: 60px;
position: relative
}
.w-cpguige p {
position: absolute;
left: 0px;
line-height: 58px;
font-size: 2.0rem;
border-bottom: 4px solid #004677;
}
#section1 {
line-height: 3.0rem
}
#section1 p{
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
#section1 .row {
width: 100%;
}
.w-kdodoo, .w-kdodoo2 {
display: block;
padding: 10px;
height: 60px;
line-height: 25px;
overflow: hidden;
}
.w-kdodoo {
background: #f2f2f2 ;
padding-left: 15px;
}
.w-eiff {
border: 1px solid #e5e5e5;
margin-bottom: 5px;
margin-bottom: .5rem;
overflow: hidden; color:#3a3a3a
}
.w-sjdii {
overflow: hidden;
margin-top: 30px;
}
.w-sjdii ul {
margin-left: -2%;
overflow: hidden;
width: 104%
}
.w-sjdii ul li {
width: 46.8%;
margin-left: 2%;
float: left;
height: 4.7rem;
border: 1px solid #e6e6e6;
margin-bottom: 10px;
}
.w-sjdii .w-guizuo {
width: 60%;
padding-left: 30px;
background: #f2f2f2
}
.w-sjdii .w-guiyou {
width: 40%;
padding-left: 20px;
}
.w-sjdii ul li p {
line-height: 4.5rem;
}
.w-llld .row {
margin-left: -14px;
margin-right: -12px;
}
.w-tanchu {
width: 90%;
position: fixed;
bottom: 0px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
color: #000;
border-bottom: 4px solid #004677;
padding-bottom: 1.25rem;
background-color: #fff;
}
.w-navwidth {
height: 50px;
}
.empty-placeholder {
height: 50px
}
.fixedSubNav {
position: fixed;
top: 0;
z-index: 1000
}
#myNavbar {
background: #FFF
}
@media (min-width: 320px) and (max-width: 991px) {
.w-kdodoo, .w-kdodoo2 {
height: auto;
padding-left: 1.8rem; font-size:1.6rem;
}
.w-kdodoo {
background: #f2f2f2;
height: auto;
}
.w-sjdii ul li {
width: 95%;
margin-left: 2%;
float: left;
border: 1px solid #e6e6e6;
margin-bottom: 10px;
}
}
.w-tunsd img {
width: 100%;
height: auto
}
.w-sndjd p.w-wenid {
overflow: hidden;
margin-top: 20px; font-size:16px;
}
#section4 .table > tbody + tbody {
border-top: 0px;
}
.w-biaodan .form-control {
border-radius: 0px;
border: 1px solid #e6e6e6;
}
.w-biaodan span.w-ba {
color: #C00;
margin-right: 5px;
}
.w-biaodan label {
font-weight: normal;
margin-bottom: 1.0rem
}
.w-biaodan label input:hover {
border-color: #F00;
}
.w-lianxi .w-title {
margin-top: 0;
/*padding-top: 20px;*/
border-top: 3px solid #004677;
margin-top: 21px;
position: relative;
font-size: 2rem;
}
/*.w-lianxi .w-title:after {
content: "";
width: 50%;
height: 4px;
background: #004677;
position: absolute;
left: 0;
top: -2px;
}*/
.w-lianxi .w-contact {
padding: 20px;
padding-bottom:0;
}
.w-lianxi .media-left img {
width: 64px;
height: 45px;
}
.w-lianxi .w-hui-botm .media-body a {
height: 40px;
line-height: 20px;
overflow: hidden;
display: block;
　word-wrap: break-word;font-size:16px;
}
.w-lianxi p.w-pwtitle .w-pwtitle-xiang {
display: block;
border-top: 2px solid #004677
}
.w-contact .w-witdh2 {
padding-left: 45px;
}
.w-zi-banner .carousel-control {
background-image: none;
top: 25%
}
@media screen and (min-width: 768px) {
.w-carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 0px;
}
}
.w-zi-banner .carousel-indicators {
top: 59%;
}
.w-carousel-caption {
position: static;
bottom: 20px;
z-index: 10;
padding-top: 20px;
color: #fff;
text-align: center;
text-shadow: none;
padding-bottom:20px;
}
.w-carousel-caption p.w-titlebb {
height: 2.0rem;
overflow: hidden
}
.w-boxgg .tb-pic a {
text-align: center;
vertical-align: middle;
}
.w-boxgg .row {
width: 100%;
margin-left: 0px;
padding-left: 0px
}
.w-boxgg .tb-pic a img {
vertical-align: middle;
}
.w-boxgg .tb-pic a {
*display: block;
*font-family: Arial;
*line-height: 1;
}
.w-boxgg .tb-thumb {
overflow: hidden;
text-align: center
}
.w-boxgg .tb-thumb li {
height: auto;
padding-left: 0;
padding-right: 0;
position: relative;
border: 1px solid #CDCDCD;
margin-right: 9px;
display: inline;
overflow: hidden;
}
.w-boxgg .col-md-3, .w-boxgg .col-sm-3, .w-boxgg .col-xs-3 {
width: 23%
}
.w-boxgg .tb-thumb li img {
width: 100%;
height: auto
}
.w-boxgg .tb-thumb li .w-xiangshang {
position: absolute;
top: 5px;
color: #F00;
border: 0px;
}
.w-boxgg .tb-thumb li .w-xiangshang .caret {
content: "";
border-top: 0;
border-bottom: 8px dashed;
}
.w-boxgg .tb-thumb li .w-xiangshang .caret {
border-top: 0px dashed;
border-top: 8px solid \9;
border-right: 8px solid rgba(0, 0, 0, 0);
border-left: 8px solid rgba(0, 0, 0, 0);
}
.w-boxgg .tb-s310, .tb-s310 img {
width: 100%
}
.w-boxgg .tb-booth {
border: 1px solid #CDCDCD;
position: relative;
z-index: 1;
padding: 12px;
}
.w-boxgg .tb-thumb .tb-selected {
border: 2px solid #004677;
}
@media screen and (max-width: 991px) {
.fade{opacity:100}
.w-prozhan {
padding: 0;
}
.productcls h2 {
font-size: 1.8rem;
padding: 2rem 2rem;
background: #fff;
border-bottom: none;
margin-bottom: 0;
}
.productcls ul li h3 {
font-size: 1.6rem; margin:0;
}
.productcls ul li h3 a {
line-height: 2.3rem; display:block;
}
.w-prozhan .thumbnail ul {
padding-left: 3rem;
}
.w-daind .nav-tabs > li > a {
font-size: 1.4rem;
}
.w-xailaid .w-xuade li a {
font-size: 1.4rem
}
.w-cpguige p {
line-height: 37px; padding-bottom: 20px; font-size: 24px; border-bottom: none;
}
/*.w-prozhanshi .thumbnail {*/
/*padding: 1rem;*/
/*}*/
.w-probanner {
margin-bottom: 0;
}
.w-probanner P.lead {
font-size: 1.5rem;
}
.w-hanggao {
font-size: 1.6rem
}
.w-prozhanshi .w-yijizahn .caption h3 {
height: 3.8rem;
line-height: 2rem;
overflow: hidden;
font-size: 16px;
padding-top: 0;
margin: 0;
}
.w-prozhanshi .w-yijizahn .caption h3 a {
color:#4d4d4d;
}
.w-prozhanshi .w-yijizahn .wy-partsm h3{
height: 36px;
line-height: 18px;
font-size: 14px;
text-align:center;
margin-bottom: 5px;
}
.w-prozhanshi .w-yijizahn .wy-partsm{ padding:0}
#section4 .w-cpguige .w-mt30 {
margin-top: 12px
}
.w-pduini .thumbnail .w-f14, .w-balinf a {
font-size: 1.4rem
}
.table-responsive .w-f16, .w-sndjd .w-f14 {
font-size: 1.4rem
}
.w-boxgg .tb-thumb li img {
width: 100%;
}
.w-pronmain .media, .w-pronmain .media .media-body .label {
padding-bottom: 0.5rem;
font-size: 1.6rem
}
.w-liudn {
position: fixed;
bottom: 0;
z-index: 50;
}
.w-sndjd p.w-wenid {
margin-top: 0px;
}
#section1 {
font-size: 1.6rem;
}
.w-pro-hsoudi a, .w-sndjd p.w-wenid, #section4 table, #section4 .w-f20, .w-lianxi .w-f14 {
font-size: 1.6rem
}
.w-boxgg .tb-booth {
border: 0px;
}
.w-wubian li a {
font-size: 1.6rem
}
#section4 tbody tr {
text-align: left
}
.tabbable .tab-content{ width: 50%; float: right;}
.s-wy-parameter p{
color:#999999;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
margin-bottom:5px !important;
line-height:16px !important;
height:auto !important;
font-size:12px !important;
}
.s-text-center{
padding-top:0 !important;
padding-bottom:0 !important;
}
.s-text-center h3{
height:auto !important;
line-height:16px !important;
font-size:14px !important;
color:#4b4b4b !important;
font-weight: bold;
margin-top:5px !important;
margin-bottom:7px !important;
}
}
@keyframes myfirst
{
0% { bottom:-200px;}
25% { bottom:-150px;}
50% { bottom:-100px;}
75% { bottom:-50px;}
100% { bottom:0px;}
}
.w-tanceng {
animation-name: myfirst;
padding: 20px;
background: #fff;
animation: myfirst 5s;
-moz-animation: myfirst 5s; /* Firefox */
-webkit-animation: myfirst 5s; /* Safari 和 Chrome */
-o-animation: myfirst 5s;
bottom: -200px;
box-shadow: 0 2px 49px #c5c5c5;
-moz-box-shadow: 0 2px 49px #c5c5c5;
-webkit-box-shadow: 0 2px 49px #c5c5c5;
}
.w-tanceng .btn {
border-radius: 19px;
padding: 5px 38px;
background-color: #f7f7f7;
border-color:#f7f7f7;
color: #3f3f3f;
margin: 15px 0 6px 0;
}
.w-tankuang ul {
padding-left: 0px;
}
.w-tankuang ul li {
width: 19%;
float: left;
border: 1px solid #f3f3f3;
overflow: hidden;
padding: 10px;
margin-right: 20px;
color: #3f3f3f;
}
.w-tankuang ul li img {
width: 100%;
height: auto
}
.w-tankuang ul li h4 {
height: 25px;
line-height: 25px;
overflow: hidden;
margin: 0;
font-size: 14px;
}
.w-tankuang ul li a{
color: #3f3f3f;
}
.w-ffixe {
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 999;
display: none
}
.w-pdkiju .w-koyuan{
padding: 95.2px 0;
}
@media (min-width:992px) and (max-width:1199px) {
.w-pdkiju .w-koyuan{
padding:79px 0;
}
}
.w-koyuan .icon-97{
font-size: 58px;
color: #e5e5e5;
}
.w-tankuang ul .w-pdkiju2 {
width: 12%;
padding: 83px 0;
border: 0;
margin: 0 0 0 16px;
}
.w-pdkiju2 .w-anniu1{
background-color: #d0011b;
border-color: #d0011b;
color: #fff;
padding: 5px 23px;
}
.w-pdkiju2 .w-anniu1:hover,.w-tanceng .btn:hover{
background-color: #c01329;
border-color: #c01329;
color: #fff;
}
.w-tanceng .btn:focus,.w-pdkiju2 .w-anniu1:focus{
outline: none;
}
.w-pdkiju2 .w-anniu1-1{
background-color: #fff;
border-color: #d0011b;
color: #d0011b;
padding: 5px 33px;
}
.w-pdkiju2 .w-anniu1-1:hover{
background-color: #f5cbd1;
border-color: #c01329;
color: #d0011b;
}
@media (min-width: 992px) and (max-width: 1199px) {
.w-pro-gundong .nav > li > a{ font-size:15px;}
.w-prozhanshi .w-yijizahn .caption h3 {
height: 4rem; height:45px;
overflow: hidden
}
.w-tankuang ul li {
width: 19%;
}
.w-tankuang ul .w-pdkiju2 {
padding: 50px 0px;
border: 0px;
}
.w-boxgg .tb-thumb li {
margin-right: 8px;
}
.w-dshaniu .btn-lg {
font-size: 1.5rem
}
.w-pro-gundong .navbar-inverse .navbar-nav > li > a {
font-size: 1.6rem;
}
.w-pro-gundong .nav > li > a {
padding: 10px 5px;
}
.w-contact .w-witdh {
padding-right: 11px;
}
.w-contact .w-witdh2 {
padding-left: 32px;
}
}
.wnetwork tbody tr td {
padding: 1.6rem;
}
.wbuybtn {
padding-left: 1.5rem;
}
.wbuybtn .btn {
width: 100%;
}
.x-table {
margin:-1px 0 0 0 ;
border-top: solid 1px #e6e6e6;
border-left: solid 1px #e6e6e6;
}
.x-table .x-table-body {
padding: 0;
}
.x-table .x-table-body .x-table-td {
padding: 20px;
border-right: solid 1px #e6e6e6;
border-bottom: solid 1px #e6e6e6;
}
.w-pduini .col-md-3 {
overflow: hidden;
width: 17.5%;
min-height: 80px;
}
.w-top30 {
padding-top: 30px;
}
.product-title{
font-size: 30px;
font-size: 3rem;
}
.w-yijizahn .checkbox label{ font-size:12px;}
.small-title{
border-left: 1px solid #e6e6e6;
}
/* add*/
.w-probanner h1{ font-size:30px;}
.parts-sortlist-title{
font-size: 18px;
line-height: 24px;
height: 48px;
overflow: hidden;
}
.wfff{ color:#FFF}
/*category-title*/
.category-title{
margin: 0;
line-height: 22px;
line-height: 2.2rem;
margin-bottom: 10px;
position:relative
}
.category-title .icon-red{
width: 4px;
height: 16px;
height: 1.6rem;
background: #e60011; position:absolute; top:4px;
}
.category-title .category-name{
padding-left: 15px;
}
.category-title .category-name h1{
margin: 0;
padding: 0;
font-size: 22px;
line-height: 2.2rem;
font-weight: bold;
}
.category-title .statistics{
color: #616161;
font-size: 14px;
font-size: 1.4rem;
padding-left: 5px;
padding-top: 2px;
}
.category-title .statistics span{
color: #f00;
}
/*end category-title*/
/*add*/
.w-biaodan .form-group label,.addfontsize{ font-size:16px;}
.add-category .w-proyiji{ margin-top:8px;}
.add-depict .media-left{padding-right:0;}
.w-shall .add-shall{ margin-right:10px;}
.w-prozhanshi .thumbnail{ margin-bottom:15px;}
/*add2*/
.add-npleft{ padding:10px 5px 10px 0}
.add-npright{ padding:10px 5px 10px 0; color: #666;}
.add-npright .label{ color: #777; font-size:100%; font-weight:normal; padding:0}
@media (max-width:991px)
{
.swiper-pagination-bullet-active{
background:#004677 !important;
}
.add-product .glyphicon-menu-up:before,.add-product .glyphicon-menu-down:before,.add-category .glyphicon-menu-down:before{ color:#cb0909}
.add-product img,.add-margin{border: 1px solid #e6e6e6;}
.add-product .thumbnail{ border:none}
.add-product h3 a{ color:#666}
.add-category .w-hanggao a#w-menu1{ font-size:22px; display:block}
.add-category h3 small{ font-size:16px; margin-top:0; display:block; height:1.8rem; line-height: 2rem; overflow:hidden}
.glyphicon{ top:0px; vertical-align:middle}
.add-category .glyphicon{ margin-left:5px;}
.category-title{ margin:20px 0}
.add-contenterji{ border-collapse:collapse}
.s-add-contenterji{margin-top:44px;}
.add-category .w-proyiji{ margin-top:0;}
.add-contenterji .col-xs-6 ,.add-contenterji .col-sm-6{ padding:0; margin-left:-1px; margin-top:-1px}
.add-contenterji .thumbnail{
margin-bottom:0;
border:none;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
margin-bottom:-1px
}
.s-w-yijizahn{
border-top:none !important;
}
.add-contenterji .parthumbnail{border:1px solid #e6e6e6; margin-left:-1px; }
.category-title .category-name h1{ font-size:18px;}
.w-xailaid ul li{ padding:10px 0;}
.carousel-indicators li{border:1px solid #C9C9C9; margin:0 }
.carousel-indicators li,.carousel-indicators li.active{width:15px; height:15px; border-radius:15px; margin-left:4px; margin-right:4px}
.carousel-indicators li.active{ background:#e6e6e6}
.slide .carousel-indicators{ bottom:-35px;}
.add-depict .w-hui-botm{ border-bottom:none; }
.add-depict small,.add-depict .media{ font-size:18px;}
.w-pronmain .w-hui-botm{ padding-bottom:0}
.add-depict .w-mt30{ margin-top:10px;}
.add-depict .w-mb30{margin-bottom: 10px;}
.add-depict .product-title span{ color:#cb0909}
.w-shall .add-shall{ padding-top:5px; font-size:18px;}
.add-margin{ padding-bottom:30px; }
.w-lianxi .w-title{ line-height: 37px; padding-bottom: 10px; margin-top:0; font-size: 24px; border-bottom: none; border-top:none}
.w-lianxi .w-title:after{ background:none}
.w-lianxi p{ line-height:3.5rem}
.w-pro-gundong .w-hui-botm{ border-bottom:none}
.w-pro-gundong .w-cpguige p{ margin:0; padding:0; height:60px; line-height:60px;}
#section1 ,#section2 ,#section3{ border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:20px; display:block}
#section1 .w-mb30{ margin-bottom:0}
#section2 .w-mt30{ margin-top:14px}
#section3 p.w-f14{ font-size:1.6rem}
#section3 .w-case .w-mb30{ margin-bottom:17px;}
#section3 .w-mt30{ margin-top:10px;}
.w-lianxi .w-f14{ font-size:1.8rem}
.w-daind .tab-content > .tab-pane{ display:none}
.w-daind .tab-content>.active{ display:block}
.carousel-control.right,.carousel-control.left{background-image:none}
.add-margin .carousel-control{ font-size:25px; color:#333;text-shadow:none}
.w-pronmain .w-shall{ margin-top:30px}
.w-tunsd{ padding-right:0}
.w-menu6{ margin:0}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right: -20px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left: -20px;}
.wbuybtn { padding-left: 0; width: 100%; font-size: 1.6rem; }
/*add*/
.wy-pa0{ padding:0}
.caption{ text-align:left; font-size:14px;}
.w-proimge{ padding:0}
.w-prozhan .w-promain h4 {
font-size: 1.6rem;
height: 4rem;
line-height: 2rem;
overflow: hidden;
}
}
@media (min-width:992px){
.w-prozhanshi .w-yijizahn .caption h3{margin-top:0}
.thumbnail .caption{ height:214px; overflow:hidden}
.thumbnail .caption2{ height:184px;}
.w-prozhanshi .col-md-4{ padding-right: 0; }
.w-prozhanshi .col-md-3{ padding-right: 0; }
.w-proimge{width: 100%;padding-bottom: 86%; height:0px; overflow: hidden; margin:0px}
.wy-parameter{ font-size:12px; text-align:left; border-top:1px solid #e6e6e6; padding-top:10px;}
.thumbnail .wy-partsm{ height: 83px;}
}
@media (min-width:768px) and (max-width:991px) {
.w-sndjd p.w-wenid{ font-size:2rem}
}
.wy-ppd{ display:none; padding: 0px;}
.wy-ppd .wy-basic .col-md-3 {padding: 0px 15px; width: 17.5%; min-height: 80px;}
.wy-ppd .wy-basic .col-md-3 h4 a{ font-size:14px; }
.wy-ppd .wy-basic{-webkit-box-shadow: 0 10px 15px -15px rgba(0,0,0,0.5);
-moz-box-shadow: 0 15px 15px -10px rgba(0,0,0,0.5);
box-shadow: 0 10px 15px -15px rgba(0,0,0,0.5); margin:0 auto; max-width:1140px; background:#FFF;
border: 1px solid #e6e6e6;
}
.w-hui-botm h2{
margin: 10px 0;
font-size: 14px;
font-weight: bold;
}
.small-title h4 a{
font-size: 14px;
font-weight: bold;
}
.wy-ppd .wy-basic h2{ margin:10px 0; padding:0; font-size:14px;}
@media (min-width:992px) and (max-width:1199px){
.wy-ppd .wy-basic .col-md-3{ height:103px;}
.wy-ppd .wy-basic{width:940px;}
.wy-ppd .wy-basic h2{ font-size:16px;}
}
/*add8.2*/
.wy-parameter p{
line-height:20px;
margin:0;
height: 20px;
overflow: hidden;
}
.wy-parameter span{ color:#707070}
.wy-compare{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.wy-compare a{ height:40px; line-height:40px; background: #f5f5f5; font-size:14px;}
@media (max-width:374px){.wy-parameter{ display:none}.add-category h3 small{ font-size:14px;} .s-wy-parameter{display:block;}}
.w-shanchuniu{
padding-top: 0;
padding-bottom: 0;
}
.w-table .table-responsive{ height: auto;}
.pro-text {
margin-bottom: 10px;
font-size: 14px;
color: #666;
}
/*list start*/
.view-filter{margin-bottom: 15px;
font-size: 12px;
/*border-top: 1px solid #e6e6e6;*/
}
.v-filter {
position: relative;
}
.g-sd51, .g-sd52 {
position: relative;
float: left;
width: auto;
margin: 0 -10% 0 0;
background: #f5f5f5;
color: #333;
}
.g-sd52 p {
margin: 0
}
.g-sd51 {
padding: 5px 0;
text-align:center;
width:20%;
height: 100%;
position: absolute;
}
.g-sd52 {
float: right;
width: 12%;
margin: 0 0 0 -12%;
padding: 5px 10px;
text-align: center;
margin-top: 6px;
}
.g-sd52 span {
font-weight: bold;
margin-right: 5px;
}
.g-mn5 {
float: right;
width: 78%;
}
.g-mn5:hover{ background: #f7f7f7}
.g-mn5c ul li {
padding: 5px;
display: inline-block;
line-height: 20px;
margin-right: 20px;
}
.g-mn5c ul li.active {
background: #f7f7f7;
border-bottom: 2px solid #004677;
}
.g-mn5c ul li .btn-close {
padding: 0 4px;
margin-left: 5px;
color: #fff;
font-size: 12px;
}
.g-mn5c ul li.active .btn-close {
background: #e70012;
}
.g-mn5c ul li.active a{color:#004677}
.g-mn5c ul li.active a.btn-close{ color: #fff}
.glyphicon-plus:before {
font-size: 12px;
font-weight: normal;
color: #979797
}
.v-wmobilescreen {
position: relative;
padding: 20px 0;
text-align: center;
}
.v-wmobilescreen .xmscreen {
font-size: 16px; padding: 0 5px;
}
.v-wmobilescreen .xmscreen span {
margin-left: 5px;
color: #e50112;
font-size: 12px;
}
.v-xscreencontent {
padding: 0;position: absolute; z-index:2 ; background: #fff; box-shadow: 0px 3px 2px #E8E8E8;
}
.v-xscreencontent ul li {
height: 40px;
line-height: 40px;
padding-left: 15px
}
.v-xscreencontent ul li:hover {
background: #f2f2f2
}
.view-menu {
height: 38px;
margin: 15px 0 20px 0;
}
.view-menu ul li {
/*font-size: 18px;*/
/*font-weight: bold;*/
float: left;
padding-bottom: 14px;
margin-right: 18px;
}
.view-menu ul li:hover, .view-menu ul li.active {
border-bottom: 3px solid #004677;
}
.v-filter, .v-xscreencontent ul li, .view-menu, .v-wmobilescreen {
border-bottom: 1px solid #e6e6e6;
}
.v-filter:first-child{
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
@media (min-width:992px){
.w-prozhanshi .row{ margin-right: 0}
.panel-body .w-dmsk{
position: relative
}
.panel-body h3{
font-size: 14px;
padding-left: 15px;
}
.panel-body ul li{
position: relative;
}
.panel-body ul li.active h3{
font-weight: bold;
}
.panel-body ul li h3:before{
content: "";
width: 5px;
height: 5px;
border-radius: 100%;
background: #004677;
position: absolute;
top: 5px;
left: 0;
}
}
@media (min-width: 992px) and (max-width: 1200px){
.g-sd51 { width:24%}
.g-mn5 {
width: 72%;
}
}
/*list end*/
.L-title2/*product-introduction*/
ul{list-style:none; margin:0; padding:0 }
a:focus, a:hover{ text-decoration:none}
#small-picture {overflow:hidden;zoom:1; width:102%; margin-top:15px;}
#small-picture li ,.smll-more{display:inline-block; float:left; padding-bottom:1px; width:18%; margin-right:2%; text-align: center; border:1px solid #eaeaea;cursor:pointer;max-height:92px; overflow:hidden}
#small-picture li.current ,.smll-more:hover{border:2px solid #03a3ff;}
.smll-more:hover{ color:#d60011 }
#big-picture li.w-block{
display:block;
position: relative;
}
#big-picture {border:1px solid #eaeaea;}
#big-picture li {display:none;padding:10px; overflow:hidden; max-height:505px;}
#big-picture li img,.swiper-slide img,.w-share a img{width:100%;transition: transform 1s;-moz-transition: transform 1s;-webkit-transition: transform 1s;-o-transition: transform 1s;-ms-transition: transform 1s;}
#big-picture .s-w-block-img{
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 80px;
}
#small-picture li img{max-width:100%;}
#big-picture li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.w-description{
color: #555;
font-size: 20px;
margin-top: 0;
}
.product-title {
font-size: 24px;
margin-top: 0;
font-weight: bold;
}
.product-contp2{
color: #004677;
margin-bottom: 0;
font-size: 16px;
font-weight: bold;
}
.Preferential,.w-widget span{ color:#d60011; font-size:18px;}
.format,.format-menu{ background:#f7f9fa; border:1px solid #eeeeee; padding:20px 0px; }
.format{ position:relative; margin:20px 0 24px 0;padding: 5px 0px 5px 0px;}
.w-format{ display:block;}
.format ul li{margin-bottom:5px; font-size:14px;}
.format ul li span, .w-widget span{ color:#999; margin-right:8px;}
.w-widget span{ color:#f5aa29;}
.w-widget ul li{ padding-top: 10px; padding-bottom: 10px; }
.format-menu{ padding:0 30px; border-top:none; position:absolute; bottom:-23px; left:42%; color:#cc0021;cursor:pointer}
.button-container{ margin:20px 0;}
.button-container .btn-right-cont1{
display:inline-block;
font-size:14px;
color:#353535;
}
.button-container .btn-right-cont1 p{
margin:0;
}
.button-container .btn-right-cont2{
font-size:18px;
color:#004677;
font-weight:bold;
}
.button-container li{ padding:0; margin-right:15px;}
.w-btn1,.w-btn2{ padding:10px 50px; font-size:20px; border-radius:2px}
.w-btn1{ background:#d60011; padding:10px 80px}
.w-btn1:hover,.w-btn2:hover,.w-share span,.w-btn1{ color:#FFF}
.st_td_code{ font-size: 20px !important; color: #575660 !important; margin-left:10px !important; display:inline-block !important; position:relative !important; margin-top:2px;}
.st_td_code_cont{
display:inline-block;
position:absolute;
left:-92px;
display:none;
z-index:10;
-webkit-box-shadow:0 0 20px #b3b3b3;
-moz-box-shadow:0 0 20px #b3b3b3;
box-shadow:0px 0 20px #b3b3b3;
padding:10px;
background:#fff;
}
.st_td_code_cont_p{
font-size:14px;
font-weight:bold;
text-align:center;
padding:5px 0 0 0;
}
.st_td_code:hover .st_td_code_cont{ display:block;}
.w-btn1:hover{ background:#c80010}
.w-btn2:hover{ background:#bd0110; color:#fff !important;}
.w-btn2{ border:1px solid #d60011; color:#fff; margin-left:10px; background:#d60011;}
.w-service{ font-size:14px;margin-top:25px; line-height:27px;}
.w-service li{ padding-right:0; float: right; margin-left: 15px;}
.w-service span{ font-size:14px;color:#3b278c; margin-right:5px;}
.w-service .wy-size span{ font-size:12px; vertical-align:middle}
.w-service .glyphicon-triangle-bottom{ font-size:12px; color:#7a7a7a}
.w-service .col-md-1{ padding-left:0}
.pd-left{ padding-left:0}
.w-share{ display:block;margin:30px 0 20px 0;}
.w-share span.pull-left{ font-size:18px; font-weight:normal; color:#333; padding-top:3px;}
.w-share a{float:left; margin-left:12px;}
.st_facebook_large,.st_googleplus_large,.st_twitter_large,.st_linkedin_large, .st_print_large { margin-left:5px; }
.share-show span{margin: 0px 0px 0px 3px;}
.share-show .stButton .stLarge{ width:17px; height:17px; background-size:cover}
.share-show .stButton .stLarge:hover{ background-position: -17px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width:12px; height:12px;}
.swiper-pagination-bullet-active{ background:#d60011}
.wy-service2 ul{ list-style-type:disc;color:#a6a6a6; line-height:25px; padding-left:20px}
.wy-service2 { font-size:14px; margin-top:10px;}
.wy-service2 p{ margin:0}
.down_pdf .add-share{ height:26px; width:67px; padding:0 0 0 3px; margin:0; background:#FFF; position:relative; z-index:0;}
.share-show{ background:#FFF; border:1px solid #eee; width:148px; padding:8px 8px 0 8px; position:absolute; display:none; z-index:2}
.down_pdf:hover .add-share{border-bottom:none}
.down_pdf:hover .share-show{ display:block}
.wy-down{font-size: 16px; margin-top: 22px;}
@media (min-width: 992px) and (max-width: 1199px){
.w-btn1, .w-btn2 { padding: 10px 26px;}
.w-service span ,.w-widget span{margin-bottom: 8px;}
.format{margin: 20px 0 30px 0;}
.w-service{ margin-top:24px; font-size:12px;}
.w-share{ margin-top:20px;}
}
@media (max-width: 991px){
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px;}
.p-brief h1{
font-size:1.5em;
color:#4d4d4d;
line-height:1.6em;
font-weight: normal;
}
.format{ padding: 20px 0px 5px 0px; }
.format,.w-service{ background:none; border-left:none; border-right:none; margin:20px -15px;}
.w-service{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea; padding:20px 0 10px 0}
.w-format{ display:block}
.w-service li{ display:block; height:40px; line-height:27px;}
.pd-left{ padding-left:15px;}
.w-widget{
font-size: 14px;
color: #999;
line-height: 20px;
}
.w-widget ul li{
padding-top: 5px;
padding-bottom: 5px;
}
.w-widget span{ font-size:18px;}
.wy-down{ margin-top:0}
.w-service span{ margin-left:5px;}
.wy-service{ margin-bottom:10px;}
.product-introduction{
margin-top: 40px;
}
}
@media (max-width: 767px){.w-service li{ font-size:16px;}}
/*end product-introduction*/
/*related-products*/
.details-grid{
margin-top: 40px;
}
@media (min-width: 992px){
.details-grid{
margin-bottom: 40px;
}
}
.related-products{
border: solid 1px #e5e5e5;
border-top: solid 2px #d60011;
overflow: hidden;
padding-bottom:0;
}
.related-products .related-products-name{
display: block;
margin: 0;
line-height: 53px;
background: #f7f9fa;
font-weight: bold;
font-size: 16px;
text-align: center;
}
.related-products .related-products-list{
overflow: hidden; text-align:center; border-bottom:1px solid #eee; padding-bottom:10px;
}
.related-products .related-products-list .list-title{
margin: 0;
font-size: 14px;
font-weight: bold; text-align:left; margin-bottom:10px;
}
.related-products .related-products-list p{
font-size: 12px;
margin: 0 0 5px 0;
line-height: 16px; text-align:left;
}
.related-products .related-products-list p span{
color: #999;
}
/*endrelated-products*/
/*product-details*/
.details-tab-con{
border-bottom: solid 1px #e5e5e5;
height: 52px;
background: #fff;
}
.details-tab-nav{
border: solid 1px #e5e5e5;
border-bottom: none;
background: #f7f9fa;
display: block;
}
.details-tab-nav h2{
font-size: 16px;
font-weight: bold;
}
.details-tab-nav li{
float: left;
text-align: center;
padding: 0 15px;
border-bottom: solid 1px #e5e5e5;
}
.details-tab-nav li h2{
margin: 0;
}
.details-tab-nav a{
display: block;
line-height: 50px;
height: 50px;
}
.details-tab-nav .active{
background: #fff;
color: #d60011;
border-top: solid 2px #d60011;
border-right: solid 1px #e5e5e5;
border-left: solid 1px #e5e5e5;
margin-top: -1px;
border-bottom: solid 1px #fff;
}
.details-tab-nav .active a{
display: block;
line-height: 47px;
height: 47px;
}
.details-tab-subsidiary{
right: 0;
position:relative;
display: none;
}
.details-tab-subsidiary li{
float: right;
width:145px;
text-align:center;
}
.details-tab-subsidiary a{
display: block;
color: #fff;
padding: 0 20px;
line-height: 50px;
font-weight: bold;
}
.download-brochure{
background: #d60011;
}
.download-brochure .icon-42{
line-height: 20px;
height: 20px;
display: inline-block;
}
.get-price{
background: #3b278c;
margin-left: 5px;
}
.details-tab-subsidiary .sub-nav{
position: absolute;
background: #fff;
font-size: 14px;
border: solid 1px #e5e5e5;
border-bottom: none; right:0;
padding:0 10px;
width:140px;
}
.details-tab-subsidiary .sub-nav li{
clear: both;
float: left;
width: 100%;
border-bottom: solid 1px #e5e5e5;
}
.details-tab-subsidiary .sub-nav a{
color: #333;
font-weight: normal;
display: block;
width: 100%;
text-align: center;
line-height: 44px;
padding: 0 4px 0 5px;
}
.product-details-ad{
padding: 25px 0;
}
.details-tab-body-benefits{
line-height: 20px;
font-size: 14px;
}
.details-tab-body-benefits img{
max-width: 100%;
height:auto;
}
.product-parameter{
margin-left: 0px;
margin-right: 0px;
border-bottom: 1px solid #d9d9d9;
/*padding-bottom: 10px;*/
}
.product-parameter div:last-child{
border-bottom:none;
}
.s-product-pd{
padding: 0;
}
.w-eiff {
border: 1px solid #e5e5e5;
margin-bottom: 5px;
margin-bottom: .5rem;
overflow: hidden;
color: #3a3a3a;
width: 100%;
}
.w-kdodoo, .w-kdodoo2 {
display: block;
padding: 10px;
height: 60px;
line-height: 25px;
overflow: hidden;
}
.w-kdodoo {
background: #f2f2f2;
padding-left: 15px;
}
.serve-class {
padding: 40px 0;
}
.faq-list{
padding: 20px 0;
border-bottom: solid 1px #eee;
}
.faq-list .faq-titile{
font-size: 20px;
color: #333;
line-height: 30px;
}
.faq-list p{
font-size: 14px;
color: #666;
line-height: 24px;
}
.related-products{width: 262.5px; z-index: 10; background: #fff;}
.details-tab{ z-index: 10;}
.mobile-change{
/*padding-left: 0;*/
}
@media (max-width: 991px) {
.details-tab-body-benefits,
.details-tab-body-specifications,
.details-tab-body-service,
.details-tab-body-faq{
background: #f5f7f7;
padding: 0 15px;
width: 100%;
}
.details-grid {
margin-top: 0;
}
.m-subnav{
height: 70px;
line-height: 70px;
border-bottom: solid 1px #e6e6e6;
border-top: solid 1px #e6e6e6;
}
.m-subnav .m-subnav-name{
color: #333;
font-size: 24px;
padding-left: 15px;
}
.m-subnav .m-subnav-control{
color: #cb0909;
font-size: 24px;
height: 70px;
line-height: 70px;
padding-right: 15px;
}
.mobile-change{
padding-left: 0;
padding-right: 0;
}
.product-parameter{ border-bottom: none}
.product-parameter:after{ content: " "; background: #f6f6f6; height: 5px; width: 110%;margin: 0 -15px; }
}
@media (min-width: 992px) and (max-width: 1199px){
.related-products{width: 216.5px;}
.details-tab{width: 712.5px;}
}
/*end product-details*/
/*product-about-sany*/
.L-product-title{font-size:24px;color: #272727;line-height:40px;font-weight: bold; border-bottom:1px solid #ededed;}
.L-product-title:after {
display: block;
background: #004677;
width: 138px;
height: 3px;
margin-bottom:-1px;
content: "";
}
.L-product-text{padding-left: 18px;padding-right:18px}
.L-product-text p{font-size: 16px;line-height: 22px;margin: 0;color: #333}
.L-product-parent{position:relative;}
.L-product-parent .img-responsive{width: 100%;}
.L-height-color{background-color:#f7f9fa}
.shade-text{
width: 100%;
color: #fff;
position: absolute;
bottom:0;
padding:6px 10px;
font-size: 14px;
background: rgba(0, 0, 0, .5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
}
.product-about-sany .about-title{
font-size: 16px;
font-weight: bold;
margin: 0;
}
.product-about-sany .about-content{
margin: 0;
}
.L-about-sany{background: #f5f5f5;height: 400px;text-align: center;line-height: 400px;}
.L-about-sany img{vertical-align: middle;display: inline-block;}
.L-about-sany span{vertical-align: middle;display: inline-block;height: 100%;}
#parent-top{margin-top: 10px}
.L-padding-left2{padding-left: 0;}
.L-padding-right2{padding-right: 0;}
.L-padding-text{padding-left: 20px;}
.L-padding-textr{padding-right: 20px;}
.L-title2{font-size: 14px;color:#000;font-weight: bold;padding-top: 4px;margin-top: 4px;margin-bottom: 2px;}
.L-padding-left2 p,.L-padding-right2 p{font-size: 12px;line-height: 16px;color: #000;}
.L-padding-leftsm{position: relative;}
.L-margin-bottom{margin-bottom:10px;}
.L-img-text{position: absolute;width: 96%;height:auto;bottom: 0;left: 0;color: #fff;padding-left: 20px;font-size: 14px;font-weight: bold;line-height: 16px;}
.L-img-text p{color: #fff;font-weight: normal;font-size: 12px;line-height: 14px;}
@media (max-width: 991px) {
.pl0,
.pr0{
padding: 0 15px;
}
.L-img-text h5{margin: 0;}
.L-title2{padding-top: 20px;}
.L-padding-leftsm{padding-left:15px;}
.L-about-sany{height: auto;}
}
@media (max-width: 1024px){
.L-title2{margin: 0;}
.L-about-sany{height: 470px;line-height: 470px;}
.L-about-sany p{margin-bottom: 0;}
}
@media (max-width: 375px){
.L-padding-left2 p,.L-padding-right2 p{ overflow: hidden;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.L-title2{padding-top: 10px;}
}
@media (max-width: 425px){
.L-padding-left2 p,.L-padding-right2 p{ overflow: hidden;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.L-title2{padding-top: 10px;}
}
/*end product-about-sany*/
/*product-cases*/
.product-cases-title{font-size: 24px;line-height: 40px;color: #272727; margin-top:25px; font-weight:bold; border-bottom:1px solid #ededed;}
.product-cases-title:after{
display: block;
background: #004677;
width: 228px;
height: 3px;
margin-bottom:-1px;
content: "";
}
h3.product-cases-title2{margin: 5px 0;}
.product-cases-title2{font-size: 14px;color: #272727;height:30px;overflow: hidden; }
.product-cases-deta{font-size: 14px;color: #999;line-height: 20px;}
.product-cases .product-border,.product-leave-message .product-border{border:1px solid #e5e5e5;padding-top: 30px;}
.product-cases .product-border {
border: none;
}
.product-cases .product-border{margin: 0 0 20px 0;}
@media screen and (max-width: 991px) {
.L-product-text{padding-left: 0;padding-right: 0;}
.L-product-text h4{font-size: 2rem;margin-bottom: 0;}
.product-cases-title2{margin-top: 0;}
.product-cases-deta{line-height:28px}
.product-cases .col-sm-12{margin-bottom: 20px;}
.product-cases .col-sm-4,.product-cases .col-xs-4{padding-left: 0;margin-bottom: 20px;}
.product-cases .col-sm-8,.product-cases .col-xs-8{padding-right: 0;}
.product-cases .product-border,.product-leave-message .product-border{border:none;padding-top: 0px;margin-bottom: 0px;}
.L-padding-right .L-product-text{padding-right: 10px;}
.L-padding-left .L-product-text{padding-left: 10px;}
}
@media screen and (max-width: 767px){
.L-product-text p{font-size: 1.6rem;margin-bottom: 20px;}
.L-product-text h4{font-size: 2rem;}
.product-cases-title2{margin-top: 0;}
.product-cases-deta{line-height:28px}
.product-cases .col-sm-12{margin-bottom: 0px;}
.L-padding-right{padding-right: 15px;}
.L-padding-left{padding-left: 15px;}
.L-product-bg{display: none;}
/* .L-product-parent .img-responsive{width: 100%;}*/
.L-product-parent{margin-bottom: 20px;}
.L-product-text h4.title-index{padding-top: 0;}
.L-product-text h4{padding-top: 0;}
.L-product-text h4.title{padding-top: 0;}
.L-padding-left .L-product-text{padding-left: 0px;}
.product-cases-title{line-height: 50px;}
.shade{height: 70px;}
}
@media screen and (min-width:992px) and (max-width:1199px){
.L-product-text h4.title-index{padding-top: 0;margin-bottom: 0;}
.product-cases-deta{font-size: 12px;}
.L-product-text h4{font-size: 20px;line-height: 30px;}
.L-product-text p{font-size: 14px;}
}
/*end product-cases*/
/*product-leave-message*/
.product-leave-message{background-color:#f7f9fa; margin-bottom:30px;}
.product-leave-message .product-border{padding:20px;}
.product-leave-message-title{color:#272727;font-size:20px;font-weight: bold;line-height: 86px;}
.product-leave-message-title span.hour{display: inline-block;margin-left: 30px;color: #d60011;font-size: 18px;line-height: 50px;}
.product-leave-message-title .pull-right a{color: #0066d3;font-size: 20px;}
.product-leave-message-title .glyphicon-envelope{margin-right: 10px;}
.form .form-name{font-size: 14px;font-weight: normal;}
.form .input-parent{
padding: 0;
}
.form .input-parent input,.form .input-parent textarea,.form .input-parent select{
border:1px solid #e5e5e5;background-color: #fff;height: 32px;
padding: 0 15px;
}
.form .form-name{font-size: 14px;font-weight: normal;}
.input-parent input:focus,
.input-parent textarea:focus,
.form .input-parent select:focus
{
border: 1px solid #ff0000;
color: #000;
}
.form .input{background:none;border: none;outline:none;padding:5px 0;width: 100%;resize:none; font-size:14px; color:#000; font-weight:normal; height:32px;}
.input-parent .dropdown{
border-radius: 0;
border: 1px solid #e5e5e5;
}
.input-parent .dropdown .selected, .input-parent .dropdown li{
font-size: 14px;
font-weight: normal;
color: #b1b1b1;
padding: 9px 15px;
}
.input-parent .dropdown li:focus,.input-parent .dropdown li:hover{
color: #fff;
}
.dropdown .carat{
border: 4px solid transparent;
border-top: 6px solid #b1b1b1;
}
.form .row{margin-bottom: 18px;}
.form .input-height{height:auto;}
.form .input-height .input{height:163px;overflow-y:auto; padding-top: 15px}
.form .checkbox{color: #333;font-size: 14px;}
.btn-button{color: #fff;font-weight: bold;font-size: 18px;background-color: #b1b1b3;border-radius: 0;margin-right: 20px;width: 110px;}
.btn-button-red{background-color: #d60011}
.btn-button:hover{color: #fff;}
.sm-email{line-height:80px;border: 1px solid #e5e5e5;border-left:none;border-right:none;font-size:2rem;}
.sm-email a{color: #0066d3;}
.sm-email .glyphicon-envelope{font-size:3rem;margin-right: 10px;display: inline-block; }
.sm-email span{vertical-align: middle;}
/*end product-leave-message*/
@media (max-width: 991px) {
.product-about-sany,
.product-cases{
padding: 0 15px;
}
}
.add-padding1{ padding:0}
.add-margin2{ width:66%; }
.add-more{ text-align: right; padding-right: 33px; margin-top: 15px;}
.product-about-sany .hidden-xs{
background: #fafafa;
}
.product-about-sany .hidden-xs h5{
font-size: 16px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 8px;
}
.product-about-sany .hidden-xs p{
font-size: 14px;
color: #7c7c7c;
}
.product-about-sany .visible-xs h5{
font-size: 16px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 8px;
}
.product-about-sany .visible-xs p{
font-size: 14px;
color: #7c7c7c;
}
.wy-listtyu{ text-align:center; padding:15px}
.wy-listtyu img{ display:inline; margin-bottom:10px;/* border:1px solid #e5e5e5*/}
/*20161014 product mobile*/
/*product_index20161014 start*/
.moblie-nav{ padding: 0; width:100%;}
.moblie-nav,.moblie-title .mo-click{height:44px; line-height: 44px; background: #f7f7f7 !important; text-align: center}
.moblie-nav .icon-68 ,.moblie-nav .icon-10 {position:relative;float:left;line-height: 46px; color:#999;width:10%;margin:0 -10% 0 0;}
.moblie-nav .icon-68{font-size: 20px;}
.moblie-nav .icon-10{float:right;width:10%;margin:0 0 0 -10%; text-align: left}
.moblie-title{float:left;width:100%;height:44px; overflow:hidden }
.moblie-title .mo-click{margin:0 10.5% 0 10.5%; font-size: 16px; font-weight: bold;}
.moblie-title .mo-click h1{font-size: 14px;
display: inline-block;
height: 44px;
line-height: 44px; margin: 0; font-weight: bold;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;max-width: 85%;}
@media (max-width: 991px){.navbar-inverse{background: #f7f7f7;position: fixed;top: 0;left: 0; z-index: 999 ; width: 100%}}
@media (max-width: 991px)and (min-width: 768px){.mo-menubg p img{ max-width: 28%;}}
.products-title{text-align: center; padding-top: 40px;}
.products-title li{margin-bottom: 23px;}
.products-title span{width: 18.5vw;height: 18.5vw;display: block;
border-radius: 50%;
line-height: 18.5vw;
font-size: 9.5vw;
margin: 0 auto;color: #fff}
.products-title h2{font-size: 14px;color: #4d4d4d; margin:10px 0 0 0 ;height: 30px;overflow: hidden;}
.products-title span.icon-01{background: #64507e;}
.products-title span.icon-05{background: #d34f4f; font-size: 7.5vw;}
.products-title span.icon-88{background: #4f88d3; }
.products-title span.icon-86{background: #4f88d3; font-size: 12.5vw }
.products-title span.icon-105{background: #de7239; }
.products-title span.icon-104{background: #dc724d; font-size: 8.5vw;}
.products-title span.icon-106{background: #df971c; }
.products-title span.icon-91{background: #d34f4f; }
.products-title span.icon-107{background: #666b9f;}
.copyright{font-size: 14px;line-height: 20px; color: #ccc }
.swt-mobile,.swt-mobile-body a{height: 46px; line-height: 46px}
.swt-mobile-body a{ width: 49.3%; }
.swt-ly2{border-left: 1px solid #e6e6e6}
.swt-mobile-body .icon{ font-size: 16px;}
.swt-mobile-body .swt-zx-txt{ font-size: 14px;}
@media (max-width: 991px){
.mobile-top{ margin-bottom: 46px}
.footer-bottom{margin-bottom:0; padding: 12px 0 58px 0;}
.swt-mobile,.mainfooter{background: #fff}
}
/*product_index20161014 end*/
/*product_list20161014 start*/
/*product_list20161014 end*/
/*product_view20161014 start*/
.moblie-f-title{ border-bottom: 1px solid #e6e6e6; }
.moblie-f-title,.moblie-f-title a{color:#666}
.moblie-f-title h2{font-size: 16px; font-weight: bold; margin-top: 10px}
.moblie-f-title p, .m-i{float: right;}
.moblie-f-title p span{margin-right: 5px; vertical-align: middle; font-size: 12px}
.mobile-input{margin: 12px 0;}
.mobile-input input,.m-i,.mobile-input select,.mobile-input .btn-lg{ height: 40px; line-height: 40px; overflow: hidden;}
.m-i{ width: 15px; margin-left: -15px;position:relative; text-align: right; color:#cb0909;}
.mobile-input input,.mobile-input select,.mobile-input textarea{width: 96%;font-size: 14px; border:1px solid #cccccc;border-radius:2px; padding-left: 9px; outline: none;color: #999}
.mobile-input .btn-lg{ padding:0 20px; font-size: 14px;}
.s-view-tit{
line-height:22px;
padding:10px 0;
color:#646464;
font-weight:bolder;
font-size:14px;
border-bottom:1px solid #dcdcdc;
}
.s-view-cont{
line-height:22px;
padding:10px 0;
font-size:14px;
border-bottom:1px solid #dcdcdc; margin: 0;
}
@media (max-width: 991px){
.s-remove-bg{
background:none;
}
/*.s-view-tit{
margin-top:10px;
}*/
.s-related-products{
width:auto;
}
.s-related-products-name{
text-align:left !important;
background:none !important;
border-bottom:1px solid #e6e6e6;
font-size:14px !important;
}
.related-products{
border:none;
}
.s-wy-listtyu{
padding-left:0;
}
.wy-listtyu{
padding-top: 0;
padding-left:0;
padding-bottom:0;
}
.list-title{
margin-top:5px !important;
}
.s-wy-listtyu p{
color:#999999;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
}
.related-products-list{
margin-top:10px;
padding-bottom: 0!important;
}
.wy-listtyu img{
border: none;
}
.s-bgcolor{
margin-top:44px;
width: 100%;
position: fixed;
top: 44px;
left: 0;
bottom: 0;
z-index: 1000;
background: rgba(0,0,0,.7);
margin: 0;
/*display: none;*/
}
.s-sldow{
width: 100%;
position: absolute;
top:44px;
left: 0;
z-index: 1050;
}
.s-sliddown-list{
background: #ffffff;
border-bottom: 1px solid #e6e6e6;
height: 44px; line-height: 44px;
}
.s-sliddown-list a{
display:block;
color:#4d4d4d; padding: 0; margin: 0;
font-size:16px;transition-duration: 0s;-webkit-transition-duration: 0s;
}
.s-sliddown-list a:hover{
color:#004677;
}
.moblie-title h1 span{
display:inline-block;
/*font-size:12px;*/
}
.related-products .related-products-list .list-title a{
color:#4d4d4d;
}
}
@media (min-width: 992px){
.s-view-tit{
border-bottom:none;
}
.xblank-5{
background: #d9d9d9 !important;
height: 1px !important;
margin:12px 0 10px 0;
}
}
.s-view-left{
color:#9c9c9c;
padding-left:0;
}
.s-view-right{
color:#4a4a4a;
}
@media (max-width: 991px){
.s-view-left{
/*text-align:right;*/
}
}
.s-view-rmove-bdr{
border:none;
}
.s-details-tab-body-benefits{
background:#fff;
}
.s-details-tab-body-benefits p{
line-height:24px;
margin:22px 0 26px;
}
/*product_view20161014 end*/
.xproduct-view-title{
font-size:14px;
color:#4d4d4d;
line-height:20px;
font-weight: normal;
margin: 0 0 15px 0;
}
.xblank-5{
background: #f6f6f6;
height: 5px;
}
.xapp-service-manual{
color: #ce0809;
padding: 5px;
font-size: 16px;
}
.xapp-parameter-intro-title{
font-size:16px;
color:#666;
line-height:20px;
font-weight: bold;
padding: 10px 0;
border-bottom: solid 1px #e6e6e6;
}
.xapp-share-icon,
.xapp-manual-icon{
display: block;
color: #999;
width: 32px;
height: 32px;
background: #fff;
box-shadow: 1px 1px 4px #888888;
border-radius: 50%;
font-size: 16px;
line-height: 32px;
text-align: center;
position: absolute;
right: 0;
top: 10px;
}
.xapp-manual-icon{
right: 50px;
font-size: 32px;
}
.w-Itemtop{ margin-top: 5px;}
.xapp-share-body{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
background: rgba(0,0,0,.7);
}
.xapp-share-body .col-xs-12{
bottom: -40vw;
position: absolute;
}
.xapp-share-list{
background: #fff;
padding: 30px 0;
overflow: hidden;
}
.xapp-share-list .xcol3{
float: left;
width:25%;
text-align: center;
}
.xapp-share-list .st_facebook_large span.stLarge,
.xapp-share-list .st_googleplus_large span.stLarge,
.xapp-share-list .st_twitter_large span.stLarge,
.xapp-share-list .st_linkedin_large span.stLarge{
background-size: 100% 100%;
width: 14vw !important;
height: 14vw !important;
}
.moblie-parameter a{
padding: 10px 15px;
background:#F7F7F7;
border-radius: 5px;
display: inline-block;
color: #4D4D4D;
font-size: 14px;
border: solid 1px #E6E6E6;
}
.moblie-parameter .m-benefits{ margin-right: 8px;}
.moblie-parameter{ margin: 15px 0;}
.details-tab-body-benefits{display: block}
@media (max-width: 991px){
.mobile-change{height:0}
.format{
border:none;
margin: 0;
}
.details-tab-body-benefits{display: none}
.details-tab-body-benefits, .s-remove-bg{background:#fff; position: fixed; display: none; top: 44px; height: 93%;
overflow-y: scroll;z-index:5; left: 0 ;-webkit-overflow-scrolling: touch;}
}
.xproduct-parameter{
line-height:20px;
padding:5px 0;
font-size:14px;
}
.xproduct-parameter .xleft{
color:#9c9c9c;
}
.xproduct-parameter .xright{
color:#4a4a4a;
}
@media (max-width: 991px){
.xproduct-parameter .xleft{
/*text-align:right; */
padding: 0 12px 0 0
}
}
@media (max-width: 991px)and (min-width: 769px){
.xproduct-parameter .xleft{ text-align:left;}
}
@media (min-width: 1440px){.xproduct-parameter .xleft{ width: 27%}}
.xverify{
border-color: #ce0809 !important;
color: #ce0809 !important;
}
.xverify::-webkit-input-placeholder { /* WebKit browsers */
color: #ce0809;
}
.xverify:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #ce0809;
}
.xverify::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ce0809;
}
.xverify:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #ce0809;
}
/*input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {*/
/*color: #636363;*/
/*}*/
/*input:-moz-placeholder, textarea:-moz-placeholder {*/
/*color: #636363;*/
/*}*/
.click-effects1:after {
content: '';
display: block;
position: absolute;
z-index: -1;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
width: 10%;
height: 100%;
top: 50%;
left: 50%;
background: #efefef;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.click-effects1:hover:after {
width: 100%;
opacity: .9;
}
@media (max-width: 991px) {
.thumbnail {
background-color: transparent;
}
}
@media (min-width: 992px) {
#con_t1_2{
display: none;
}
}
.mo-menubg ul li {
height: 46px;
line-height: 46px;
}
.hvr-sweep-to-right,.hvr-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-right:before ,.hvr-shutter-out-horizontal:before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #f0f1f2;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
color: #4d4d4d!important;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.xapp .swiper-pagination-bullet-active {
background: #676767 !important;
}
#mo-subButton{
border-radius: 4px;
}
.moblie-form{
margin-bottom: 46px;
}
.moblie-title .app-title
{
width: 90%;
display: block;
float: left;
overflow: hidden;
height: 44px;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 991px){ .mo-click .glyphicon{top: -14px;}
.add-category .s-add-contenterji{ margin-top:0}
.wytop{padding-bottom: 46px;}
}
.we1{position: relative;
top: -12px;
height:0;}
.we1,.we2{ margin:0 auto; font-weight:bold;display:inline-block;text-align:left; max-width: 70%}
.we1 h1{ font-size:14px;
/* max-width: 78%; */
padding: 0;
margin: 0; top:16px;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis}
.we2 span{ font-size:12px; top:2px}
.wytop .swiper-pagination{ transition:0s; -webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;}
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
.we1{top:-24px;}
.we1 h1{ top:-24px}
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
.we1{top:-12px;}
.we1 h1{ top:-12px}
}
@media (min-width: 992px){
.xproduct-parameter .col-md-4 ,.xproduct-parameter .col-md-8{ width: auto; display: inline-block}
.xproduct-parameter .col-md-8 p{ padding:0 15px}
}
.smll-more{ padding: 6% 0;}
.m-right1{right: 100px}
.subtitle{
color: #555;
}
/*product-index20161207 start*/
.product-index-top{
position: relative;
overflow: hidden;
/*margin-top: 15px;*/
}
.swiper-container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.product-index-top .swiper-container {
overflow: visible;
}
.ba-hidden{
overflow: hidden;
}
.product-index-banner{
z-index: 0;
position: relative;
}
.product-index-banner .swiper-button-next,
.product-index-banner .swiper-button-prev {
background-image: none;
background-color: rgba(0,0,0,.3);
text-align: center;
width: 40px;
height: 70px;
z-index: 1;
position: absolute;
z-index: 1;
top: 38%;
}
.product-index-banner .swiper-button-next:hover,
.product-index-banner.swiper-button-prev:hover {
background-image: none;
background-color: rgba(0,0,0,.6);
}
.product-index-banner .swiper-button-next span,
.product-index-banner .swiper-button-prev span {
line-height: 70px;
color: #dfdfdf;
}
.product-index-banner .swiper-button-next:hover span,
.product-index-banner .swiper-button-prev:hover span {
color: #fff;
}
.product-index-banner .swiper-button-next{
right: 0;
}
.product-index-banner .swiper-button-prev{
left: 0;
}
.product-index-banner .pagination {
text-align: right;
padding-right: 30px;
width: 100%;
position: absolute;
bottom: 0;
}
.product-index-banner .swiper-pagination-switch {
border-radius: 50%;
background: #000;
opacity: 0.6;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
margin: 0 3px;
cursor: pointer;
}
.product-index-banner .swiper-active-switch {
background: #fff!important;
}
.product-index-class{
position: absolute;
top: 0;
left: 15px;
z-index: 1;
width: 25%;
}
.product-index-class .row{
margin: 0;
position: relative;
height: 100%;
}
.product-index-class .product-index-nav{
background: rgba(49,51,63,.6);
padding: 15px 0;
width: 100%;
}
.product-index-nav li a{
display: block;
line-height: 44px;
padding: 0 20px 0 30px;
color: #fff;
width: 100%;
}
.product-index-nav li a span{
line-height: 44px;
font-size: 14px;
}
.product-index-nav li a:hover{
background-color: #004677;
}
.product-index-nav li .active{
background: #004677;
}
.product-index-sub{
padding-left: 0;
padding-right: 0;
position: absolute;
left: 100%;
width: 300%;
}
.product-index-sub .xshadow{
position: relative;
float: left;
border-top: 1px solid #e0e0e0;
-webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.18);
box-shadow: 0 8px 16px rgba(0,0,0,0.18);
padding-left: 1px;
background: #fff;
}
.product-index-sub ul{
height: 426px;
background: #fff;
float: left;
width: 427px;
display: inline;
}
.product-index-sub ul li{
padding: 15px;
}
.product-index-sub ul li a {
height: 54px;
overflow: hidden;
display: block;
}
.product-index-ad{
margin-top: 15px;
margin-left: 0;
margin-right: 0;
}
.product-server-icon{
background: #31333f;
margin: 0;
padding: 0;
position: relative;
}
.product-server-icon a{
display: block;
color: #fff;
text-align: center;
font-size: 12px;
padding: 15px 0;
}
.product-server-icon a:hover{
background: #282933;
}
.product-server-icon span{
font-size: 23px;
color: #ccc;
}
.product-server-icon .style1{
padding: 0;
border-right: solid 1px #414453;
border-bottom: solid 1px #414453;
}
.product-server-icon .style2{
border-right: none;
}
.product-server-icon .style2 .icon-154{
font-size: 33px;
}
.product-server-icon .style2 .icon-155{
padding: 32px;
}
.product-server-icon .style2 a{
padding: 8px 0;
}
.product-server-icon .style3{
border-bottom: none;
}
.product-index-recommend{
margin-top: 15px;
}
.product-index-recommend .product-class{
font-size: 26px;
color: #2e2e2e;
line-height:60px;
margin: 0;
}
.product-index-recommend .product-class2 li{
float: left;
padding: 0 8px;
line-height:60px;
}
.product-index-top .w-prozhanshi{
margin-top: 0;
}
@media (max-width: 1199px) {
.product-index-nav li a {
line-height: 36px;
padding: 0 10px 0 10px;
}
.product-index-nav li a span {
line-height: 36px;
}
.product-index-nav {
padding-top: 14px;
padding-bottom: 13px;
}
.product-server-icon{
padding: 0;
}
.product-server-icon a {
padding: 8.2px 0;
}
.product-index-sub ul {
width: 352px;
height: 350px;
}
.product-index-sub ul li {
padding-bottom: 7px;
padding-top: 7px;
}
}
/*product-index20161207 end*/
/*product-list20161207 start*/
.products-list{
padding-right: 0;
}
.pro-text{
font-size: 12px;
margin-bottom: 0;
}
.pro-text p{
margin: 7px 0 0 0;
}
.category-title .category-name {
padding-left: 0
}
.list-demo{
background: #f3f3f3;
padding: 15px;
}
.products-list .list-demo li {
overflow: hidden;
cursor: pointer;
margin-bottom: 10px;
background: #fff;
-webkit-box-shadow: 0 1px 5px #dedede;
-moz-box-shadow: 0 1px 5px #dedede;
box-shadow: 0 1px 5px #dedede;
}
.prohide .pro-litlist li{
box-shadow: none;
}
.protitle{
position: relative;
min-height: 40px;
margin: 0 10px ;
}
.protitle h2{
display: block;
padding: 16px 10px;
font-size: 14px;
margin: 0;
width: 100%;
text-transform: uppercase;
background: #fff;
font-weight: 600;
}
.list-demo .active a h2{
border-bottom: 1px solid #e9e9e9;
}
.list-demo .active h2,.pro-litlist li.active .icon-69,.pro-litlist li :hover .icon-69{
color: #004677;
}
.list-demo .active .icon-142{
color: #333;
}
.protitle span,.pro-litlist span{
position: absolute;
top: 10px;
right: -15px;
color: #cfcfcf;
}
.pro-litlist span{
left: 0;
}
.pro-litlist li.active a h3{
font-weight: 600;
}
.protitle span{
font-size: 30px;
right: -4px;
}
.products-list .pro-litlist li{
margin: 0;
position: relative;
padding: 10px;
}
.prohide{
display: none;
padding: 0 10px 15px 10px;
margin-top: 10px;
}
.pro-litlist span{
font-size: 10px;
}
.pro-litlist li a{
display: block;
}
.pro-litlist li h3{
font-size: 14px;
margin: 0 0 0 10px;
}
.pro-litlist li a:hover{
text-decoration: none;
}
.w-prozhanshi .w-yijizahn .caption h3{
font-size:14px;
font-weight:normal;
text-align: left;
margin-bottom: 0;
height: 20px;
line-height: 20px;
overflow: hidden;
}
.w-prozhanshi .w-yijizahn .caption h3 a{
color: #646464;
}
.wy-compare a{
background: #fff;
padding: 0 10px;
border-top: 1px solid #f0f0f0;
text-transform: uppercase;
height: 35px;
line-height: 35px;
color: #000;
width: 50%;
display: inline-block;
float:left;
}
.wy-compare a:hover{
background:#e8e8e8;
}
.wy-compare span{
margin-top: 10px;
font-size: 10px;
}
.w-tancuod button.close{
color: #000;
}
@media (min-width: 992px){
.thumbnail .caption {
height: auto;
}
.wy-parameter{
border-top: 0;
padding-top: 0;
height: 65px;
overflow: hidden;
}
.wy-parameter1{
height: 109px;
}
.w-yijizahn{
position: relative;
}
.w-proimge{
margin-top: 40px;
}
.w-yijizahn .caption{
position: static;
padding-top: 0;
}
.add-pro-title{
font-size:16px;
background: #f0f0f0;
padding:15px 15px;
text-align: left;
position: absolute;
top:0;
margin: 0;
width: 100%;
left: 0;
}
.w-proimge{
padding-bottom: 80%;
}
}
.wy-parameter p{
color: #000;
height: auto;
}
.wy-parameter span{
color: #787878;
}
.w-prozhanshi .w-yijizahn{
border: 1px solid #e2e2e2;
position:relative;
}
.w-yijizahn .s-w-block-img{
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 80px;
z-index:8;
}
@media (min-width: 320px) and (max-width: 424px){
.w-yijizahn .s-w-block-img{
width: 40px;
height: 40px;
}
}
@media (max-width: 991px){
.add-pro-title{
font-size: 14px;
font-weight: bold;
margin: 0 0 5px 0;
}
.add-pro-title a{
color: #4d4d4d;
}
}
@media (min-width: 992px){
.add-proimge {
padding-bottom: 87%;
margin-top: 0;
}
}
/*product-list20161207 end*/
@charset "utf-8";
/* CSS Document */
/*index start*/
.s-banner{
position:relative;
margin-bottom:15px;
}
.s-banner-cont{
position:absolute;
left:46px;
bottom:22px;
}
.s-banner-tit{
font-size:24px;
font-weight:bold;
color:#fff;
margin-bottom:10px;
text-shadow:0 2px 6px #423b3b;
}
.s-banner-p{
font-size:16px;
color:#fff;
margin:0;
margin-bottom:5px;
line-height:normal;
}
.s-banner-p1{
margin-bottom:0;
}
.s-Technical{
border: 1px solid #e6e6e6;
}
.s-Technical > h4{
font-size: 16px;
margin: 0;
line-height: 54px;
border-top: 2px solid #004677;
margin-top: -2px;
color: #212121;
text-align: center;
background: #f0f1f2;
}
.s-Technical > span{
float:right;
font-size:14px;
line-height:31px;
}
.s-Technical > span >a{
color:#7a7a7a;
}
.s-Technical{
border-bottom:1px solid #e6e6e6;
}
.s-tec-list{
padding-left:0;
}
.s-tec-list > h5 {
margin: 0;
font-size: 16px;
margin-bottom: 6px;
font-weight: bold;
line-height: 22px;
max-height: 22px;
overflow: hidden;
}
@media screen and (min-width:320px) and (max-width:767px){
.s-tec-zuozhe{
margin-bottom:0 !important;
}
.s-tec-border {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
}
@media screen and (max-width:767px){
.s-tec-list > h5{
line-height:20px;
max-height:60px;
overflow:hidden;
margin-bottom:0;
font-size:14px;
font-weight:300;
}
.s-banner-tit{
font-size:14px;
line-height:18px;
padding-right:20px;
}
.s-banner-cont{
left:26px;
bottom:5px;
}
.s-banner{
margin-bottom:16px;
margin-top:20px;
}
.s-banner-cont-vag{
left:20px;
bottom:0;
}
.s-cent-vag{
margin-top:20px;
}
.s-tec-zuozhe > span{
padding-right:8px !important;
}
}
.s-tec-zuozhe{
margin-bottom:6px;
}
.s-tec-zuozhe > span{
font-size:14px;
padding-right:28px;
color:#404040;
}
.s-tec-zuozhe > span:before{
margin-right:5px;
font-size:12px;
}
.s-tec-list > p {
line-height: 20px;
color: #404040;
font-size: 14px;
max-height: 100px;
overflow: hidden;
margin-bottom: 0;
}
@media screen and (min-width:768px) and (max-width:1199px){
.s-tec-list > .s-tec-p{
height: 60px;
overflow: hidden;
}
}
@media screen and (min-width:375px) and (max-width:767px){
.s-tec-zuozhe{
/*margin-top:14px;*/
}
}
.s-overflot{
max-height:40px!important;
}
@media screen and (max-width:1199px){
.s-overflot{
max-height:60px!important;
}
}
.s-btn > span{
display:inline-block;
margin-right:8px;
margin-top:5px;
}
.s-btn > span > a{
display:inline-block;
line-height:20px;
padding:0 14px;
color:#8d8d8d;
background:#f2f2f2;
border:1px solid #f2f2f2;
border-radius:30px;
font-size:14px;
}
.s-btn > span > a:hover{
color:#fff;
background:#e70012;
}
.s-tec-border{
height:1px;
margin-top:15px;
margin-bottom:15px;
}
.s-tec-nbor{
height:1px;
background:#e6e6e6;
}
.s-tec-top{
/*margin-top:40px;*/
}
.s-tec-list-left{
padding-left:15px;
}
.s-cont-flotl{
float:left;
width:8px;
height:8px;
border-radius:50%;
background:#004677;
margin-top:7px;
margin-right:5px;
}
.s-cont-flotr{
float:left;
width:91%;
}
.s-cont-flotr > a{
color:#2f2f2f;
font-size:14px;
}
.s-cont-flotr > a:hover{
color:#e70012;
}
.s-right-flot{
margin-bottom:20px;
}
.s-right-flot li{
padding: 10px 15px 0 15px;
font-size: 14px;
color: #004677;
line-height: 20px;
border: 1px solid #e5e5e5;
position: relative;
margin-top: -1px;
}
.s-right-flot .icon-114{
font-size: 10px;
float: left;
line-height: 20px;
color: #004677;
margin-right: 5px;
}
.s-bot-list-botm{
margin-bottom:20px;
border: 1px solid #e5e5e5;
padding: 15px;
padding-bottom: 5px;
border-top: none;
}
.s-bot-list > li{
float:left;
height:28px;
border:1px solid #d2d2d2;
margin-bottom:10px;
margin-right:10px;
}
.s-bot-list > li >a{
display:inline-block;
padding:0 6px;
line-height:26px;
color:#212121;
font-size:14px; background: #fff;
}
.s-bot-list > li >a:hover{
color:#fff;
background:#e70012;
}
/*index end*/
/*tag start*/
.s-cent-vag{
position:relative;
margin-bottom:26px;
}
/*tag end*/
/*list start*/
.view-filter{
margin-bottom: 25px;
margin-top: 15px;
font-size: 14px}
.v-filter {
position: relative;
}
.g-sd51, .g-sd52 {
position: relative;
float: left;
width: auto;
margin: 0 -10% 0 0;
background: #f2f2f2
}
.g-sd52 p {
margin: 0
}
.g-sd51 {
padding: 5px 10px;
height: 100%;
position: absolute;
}
.g-sd52 {
float: right;
width: 12%;
margin: 0 0 0 -12%;
padding: 5px 10px;
text-align: center;
margin-top: 6px; background: #f7f7f7;
}
.g-sd52 span {
font-weight: bold;
margin-right: 5px;
}
.g-mn5 {
float: left;
width: 100%;
}
.g-mn5c {
margin: 0 0 0 150px;
}
.g-mn5c ul li {
padding: 5px;
display: inline-block;
line-height: 20px;
}
.g-mn5c ul li.active {
background: #f2f2f2;
}
.g-mn5c ul li span {
padding: 0 4px;
margin-left: 5px;
color: #fff;
font-size: 12px;
}
.g-mn5c ul li.active span {
background: #666;
}
.g-mn5c ul li.active a{color:#004677}
.glyphicon-plus:before {
font-size: 12px;
font-weight: normal;
color: #979797
}
.v-wmobilescreen {
position: relative;
padding: 20px 0;
text-align: center;
}
.v-wmobilescreen .xmscreen {
font-size: 16px; padding: 0 5px;
}
.v-wmobilescreen .xmscreen span {
margin-left: 5px;
color: #e50112;
font-size: 12px;
}
.v-xscreencontent {
padding: 0;position: absolute; z-index:2 ; background: #fff; box-shadow: 0px 3px 2px #E8E8E8;
}
.v-xscreencontent ul li {
height: 40px;
line-height: 40px;
padding-left: 15px
}
.v-xscreencontent ul li:hover {
background: #f2f2f2
}
.view-menu {
height: 38px;
margin: 15px 0 20px 0;
}
.view-menu ul li {
/*font-size: 18px;*/
/*font-weight: bold;*/
float: left;
padding-bottom: 14px;
margin-right: 18px;
}
.view-menu ul li:hover, .view-menu ul li.active {
border-bottom: 3px solid #004677;
}
.v-filter, .v-xscreencontent ul li, .view-menu, .v-wmobilescreen {
border-bottom: 1px solid #e6e6e6;
}
/*list end*/
/*view start*/
.mob-menu{ background: none;
width: 100%;
padding: 14px 0;
display: block;
outline: none;
font-size: 16px; border:none; border-bottom: 1px solid #e6e6e6;
font-weight:500
}
.xcasecontent{ font-size: 14px;}
.view-content { line-height: 23px}
.view-previous p, .view-shar .stButton, .v-case {
margin: 0;
padding: 0
}
.kn-view{
/*margin-top: 30px;*/
}
.kn-view h1 {
font-size: 24px;
font-weight: bold; line-height: 30px;
margin-top: 0;
margin-bottom: 15px;
}
.description {
font-size: 14px;
border-bottom: 1px solid #e6e6e6;
color: #9a9a9a;
margin: 0;
padding-bottom: 5px;
margin-bottom: 15px;
}
.view-shar {
text-align: right;
}
.view-shar .stButton .stLarge, .view-shar .stButton .stLarge:hover {
width: 20px;
height: 20px;
background-size: cover;
}
.view-shar .stButton .stLarge:hover {
background-position: -20px;
}
.v-share {
position: relative;
top: -5px;
}
.description .dec1, .view-shar {
padding: 0;
margin: 0;
}
.description .dec1 span {
margin-right: 27px; display: inline-block;
}
.description .dec1 span:before, .view-previous p span {
margin-right: 5px;
}
.related-topics, .view-previous {
margin: 28px 0;
}
.related-topics a {
background: #f2f2f2;
padding: 1px 14px;
border-radius: 15px;
margin-left: 15px;
display: inline-block;
}
.related-topics a:hover{ background: #004677; color: #fff}
.view-previous p {
color: #061eaa;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 30px;
}
.v-case p a {
font-weight: bold;
display: block;
padding: 10px 0 5px 0;
}
.v-case img ,.view-img img{
width: 100%;
}
.v-case p {
margin-bottom: 0;
line-height:20px;
max-height:50px;
overflow:hidden;
}
.v-description {
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
heigt: 40px;
overflow: hidden;
}
.view-shar, .view-previous, .related-topics a, .related-topics {
color: #8c8c8c;
}
.view-content{ -moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;}
@media (max-width:991px) {
.related-topics a{ margin:10px 15px 0 0}
.view-menu .glyphicon { font-size:14px; color:#cb0909; margin-left: 5px; }
.view-menu{ border-bottom: none;margin: 0 -15px;}
.view-menu ul li {
font-size: 14px;
display: block;
width: 100%;
border-bottom: 1px solid #e6e6e6;
font-weight:normal;
float: none; padding:10px 0;
margin:0; padding-left: 15px;
}
.view-menu ul{background: #fff ; z-index: 1;box-shadow: 0px 2px 2px #E8E8E8;
position: relative; display: none}
.view-menu ul li:hover, .view-menu ul li.active{ border-bottom: 1px solid #e6e6e6; background:#f2f2f2}
.kn-view h1{
margin-bottom: 0;
padding-bottom: 0;
}
.description{ margin-top: 10px; margin-bottom: 10px; padding-bottom:10px;}
.kn-view h1 {
font-size: 16px;
line-height: 23px;
margin-top: 10px;
margin-bottom: 5px;
}
.related-topics, .view-previous {
margin: 10px 0;
}
.v-description {
-display: none
}
.v-case p a {
padding: 0
}
.v-case{margin-bottom: 20px;}
.view-previous p{
margin-bottom: 10px;
}
.s-cent-vag,.s-banner{ margin-top:26px}
.view-previous p {
padding-right: 0
}
.v-case p {
height:40px;padding-left: 0
}
.kn-view{ margin-top: 0}
.description .dec1 span{ margin-bottom: 5px}
}
@media (min-width:768px) and (max-width:991px) {
.v-description {
display: block
}
}
@media (min-width:992px) and (max-width:1199px) {
.g-sd52 {
padding: 5px 0
}
}
@media (max-width:991px) {
.s-Technical > h4{ font-weight:400}
.s-tec-list > h5{ font-weight:300}
.s-window-width{ padding-top: 15px}
.s-banner{ margin-top: 15px}
}
/*end start*/
@charset "utf-8";
.s_video{
border-bottom: 1px solid #979797;
margin-top: 8px;
padding-bottom: 8px;
margin-bottom: 15px;
}
.s_video_left{
position: relative;
float: left;
margin-right: 34px;
font-size:14px;
}
.s_video .row{
margin: 0 -10px;
}
.s_video_right{
position: relative;
float: left;
font-size:14px;
}
.s_video_btn a{
color:#404040;
font-size:1.3em;
}
.s_video_tit{
transition: all 0.3s ease-in-out;
margin-bottom: 15px;
}
@media (min-width: 992px){
.s_video_tit{
padding-right: 7px;
padding-left: 7px;
}
.video-loo{
margin: 0 -7px;
}
}
.s_video_tit a{
display: block;
transition: all 0.3s ease-in-out;
outline: none;
}
.s_video_tit a:focus{
outline: none;
}
.s_video_active:after{
content: "";
width: 100%;
height: 3px;
background: #004677;
position: absolute;
left: 0;
bottom: -10px;
}
.s_video_pic{
position: relative;
}
.s_video_pic i{
position: absolute;
font-size: 40px;
color: #fff;
top: 50%;
left: 50%;
margin-top: -5%;
margin-left: -5%;
}
.s_video_pic:hover.s_video_pic i {
display: block;
}
.s_video_tit p{
margin-bottom: 6px;
font-size:14px;
color:#404040;
line-height:20px;
}
@media (min-width: 992px){
.s_video_pic i{
display: none;
}
.s_video_tit p{
height: 60px;
overflow: hidden;
}
}
.s_video_tit span{
display: inline-block;
font-size:12px;
color:#8f8f8f;
}
.video-title3{
line-height: 20px;
padding: 8px 5px 8px;
background: #f2f2f2;
border-bottom: 1px solid #ebebeb;
}
.video-title3:hover p{
color: #004677;
}
.s-modal-content2 {
background: #000;
width: 660px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px;
}
.video-height {
height: 400px;
}
@media (max-width: 991px){
.s_video_tit p {
margin-top: 0;
margin-bottom: 5px;
font-size: 14px;
}
.s_video_tit {
margin-bottom: 10px;
}
.video-height {
height: 50vw;
}
.s-modal-content2 {
width: 92% !important;
}
}
@media (min-width: 992px){
.s-modal-content2 {
height: 450px !important;
}
}
.newsIndex-video-list .container{padding-left: 0; padding-right: 0;}
.newsTndex-rel-vtitle{ margin: 10px 0;}
.newsTndex-rel-vtitle.b1{background:#eee;margin: 20px 0;}
.newsTndex-rel-vtitle h2{font-size: 22px; margin: 15px 0 15px 30px; position: relative}
.newsTndex-rel-vtitle.b1 .container{background:#eee;}
.newsTndex-rel-vtitle h2:after {content: "";height: 3px;width: 50px;background: #d0021b;position: absolute;left: 0px;bottom: -5px;}
.newsTndex-rel-vtitle h2 a{ float: right; font-size: 14px; margin-top:6px; margin-right: 15px;}
@media screen and (max-width:641px) {
.newsTndex-rel-vtitle h2{font-size: 18px; margin-left: 0}
.newsTndex-rel-vtitle h2 a{ margin-right: -5px;}
}
@media screen and (max-width:375px) {
.newsTndex-rel-vtitle h2{font-size: 16px; margin-left: 0}
.newsTndex-rel-vtitle h2 a{ font-size: 12px;}
}
/* Caption style */
.flex-caption {
width: 320px; /* 530px/940px */
max-height: 300px;
position: absolute;
left: 0px;
bottom: 132px;
color: #fff;
text-shadow: 0 -1px rgba(0, 0, 0, 0.75);
}
.flex-caption a h2,.flex-caption h2, .flex-caption > div {
background: rgba(0,0,0,0.75);
border-radius: 2px;
color:#FFF;
}
.flex-caption > div {
padding: 15px 20px;
}
.flex-caption h2 {
font-size: 1.166em; /* 26px */
font-weight: normal;
line-height: 1.23em; /* 32px/26px */
margin-bottom: 10px;
padding: 13px 20px;
}
.flex-caption p {
font-size: 1.083em; /* 13px */
line-height: 1.461em; /* 19px/13px */
}
.flex-caption p:last-child {
margin-bottom: 0;
}
table{border-collapse:collapse;width:100%;max-width:100%;overflow-x:auto;word-break:keep-all}
tr>td:nth-child(1){/*color:#9c9c9c;*/color:#4a4a4a;}
tr>td:nth-child(2){color:#4a4a4a;}
td,th{padding:10px 0px;vertical-align:middle;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}tr:nth-child(even){/*background:#eff9fc*/}.rtl td,.rtl th{text-align:right}th.col-fourty,td.col-fourty{width:40%}th.col-thirty,td.col-thirty{width:30%}th.col-twenty,td.col-twenty{width:20%}.nocolor td{text-align:center}.nocolor td:first-child{border-right:0}.nocolor tr{background-color:#fff}.rtl td:first-child{border-left:2px solid #1c79c0;border-right:0}html th,body th{background:#fff;border-bottom:2px solid #1c79c0;color:#1c79c0}@media only screen and (max-width: 956px){td,th{padding:5px}th:first-child{border-right:2px solid #1c79c0}}@media only screen and (max-width: 1024px){td,th{padding:10px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}}
table tr td p{margin:0;padding:0;}
.details-tab-body img,img{max-width: 100%;}
.bottom-50{margin-bottom:50px;}