﻿
/*--公共部分--*/
@font-face { font-family: "Montserrat"; src: url("../fonts/Montserrat-Light.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "SourceHanSansCN"; src: url("../fonts/SourceHanSansCN-Light.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "rubik"; src: url("../fonts/rubik-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "avant"; src: url("../fonts/AvantGardeITCbyBT-Book.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Century"; src: url("../fonts/CenturyGothicStd-Bold.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "CenturyR"; src: url("../fonts/CenturyGothicStd.woff") format("woff"); font-weight: normal; font-style: normal; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; }

ul, li { list-style: none; }

img { border: 0px; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }



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

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }






@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }

.bd_weixin_popup { height: 310px !important; }

/* layout start*/


@media (min-width: 768px) { .wfont72 { font-size: 28px; line-height: 38px; }
  .wfont60 { font-size: 26px; }
  .wfont58, .wfont55, .wfont50 { font-size: 24px; }
  .wfont40, .wfont45 { font-size: 22px; }
  .wfont36, .wfont35, .wfont32, .wfont30 { font-size: 20px; } }

@media (min-width: 1024px) { .wfont72 { font-size: 34px; line-height: 44px; }
  .wfont60 { font-size: 32px; line-height: 42px; }
  .wfont58, .wfont55, .wfont50 { font-size: 30px; line-height: 40px; }
  .wfont40{font-weight: bold; }
  .wfont40, .wfont45 { font-size: 28px;}
  .iproitem-right .topinfo .wfont45{display: inline-block;}
  .wfont36, .wfont35, .wfont32, .wfont31, .wfont30 { font-size: 24px; }
  .wfont28, .wfont26, .wfont24, .wfont22 { font-size: 22px; font-weight: bold;}
  .inside-page { padding-top: 40px; }
  .wpt100 { padding-top: 40px; }
  .wpb100 { padding-bottom: 40px; }
  .inside-title { padding-bottom: 22px; text-align:center; }
  .fl { float: left; }
  .fr { float: right; } }

@media (min-width: 1260px) { .wfont72 { font-size: 44px; line-height: 54px; }
  .wfont60 { font-size: 42px; line-height: 52px; }
  .wfont58, .wfont55, .wfont50 { font-size: 40px; line-height: 50px; }
  .wfont40, .wfont45 { font-size: 32px; line-height: 32px; }
  .wfont36, .wfont35, .wfont32, .wfont31, .wfont30 { font-size: 30px; }
  .wfont28 { font-size: 28px; }
  .wfont26 { font-size: 26px; }
  .wfont24 { font-size: 24px; }
  .inside-page { padding-top: 20px; }
  .wpt100 { padding-top: 80px; }
  .wpb100 { padding-bottom: 100px; } }

@media (min-width: 1440px) { .wfont72 { font-size: 72px; line-height: 82px; }
  .wfont60 { font-size: 60px; line-height: 70px; }
  .wfont58 { font-size: 46px; line-height: 50px; }
  .wfont55 { font-size: 55px; line-height: 60px; }
  .wfont50 { font-size: 50px; line-height: 60px; }
  .wfont40 { font-size: 40px; line-height: 40px; }
  .wfont45 { font-size: 45px; line-height: 45px; }
  .wfont36 { font-size: 36px; line-height: 36px; }
  .wfont35 { font-size: 35px; line-height: 35px; }
  .wfont32 { font-size: 32px; line-height: 32px; }
  .wfont31 { font-size: 31px; line-height: 31px; } }








/* 智能终端 */
.inside-procategory .left { position: relative; padding: 0 0 20px; }

.insprocat-title { background: url(../images/itbg1.png) no-repeat 0 0; background-size: cover; color: #fff; padding: 10px 20px; position: relative; }

.insprocat-title::after { content: ''; position: absolute; border: 2px solid #fff; border-left: none; border-bottom: none; width: 10px; height: 10px; right: 20px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); bottom: 20px; }

.insprocat-title.cur::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 15px; }

.insprocat-title .en { opacity: 0.3; font-family: "Century"; }

.insprocat-title .cn { font-size: 16px; font-weight: 500; }

.insprocat-li { padding: 12px 0 0; display: none; position: absolute; left: 0; top: 68px; width: 100%; z-index: 3; background-color: #fff; }

.insprocat-li ul li { background-color: #f6f6f6; border: solid 1px #f6f6f6;  margin-bottom: 2px; padding: 10px 20px; }

.insprocat-li ul li a{position: relative;}

.insprocat-li ul li a::after{content: ''; width: 10px; height: 10px; border:1px solid #999999; border-top: none; border-left: none; display: block; position:absolute; right: 0px; top: 50%; transform: translateY(-50%) rotate(-45deg);}

.insprocat-li ul li:hover, .insprocat-li ul li.cur {border-color: rgba(0, 82, 160, 0.96); }

.insprocat-li ul li:hover a::after, .insprocat-li ul li.cur a::after{border-color: rgba(0, 82, 160, 0.96); }

.insprocat-li ul li:hover a, .insprocat-li ul li.cur a { color: #2d3096; }

.insprocat-li ul li a { display: block; color: #999999; }

.insprocat-items { padding-top: 108px; margin-top: -108px; }

.insprocat-items ul { padding: 0 0 10px; }

.insprocat-items ul li { padding: 0 0 10px; }

.insprocat-items ul li .content { background-color: #f6f6f6; padding: 10px; }

.insprocat-items ul li .info { float: left; width: 50%; padding: 40px 0 0 10px; }

.insprocat-items ul li .info h3 { font-family: "Montserrat"; font-weight: bold; }

.insprocat-items ul li .info .text { font-size: 12px; padding: 0 0 15px; letter-spacing: 2px; }

.insprocat-items ul li .info .more{ white-space: nowrap;}

.insprocat-items ul li .info .more a{ border: solid 1px rgba(172, 172, 172, 0.3); display: inline-block; width: 80px; height: 35px; line-height: 35px; text-align: center; font-size: 12px; margin-right: 10px;}

.insprocat-items ul li .info .more a:last-child{margin: 0px;}

.insprocat-items ul li .img { overflow: hidden; padding: 10px; text-align: right; }

.insprocat-items ul li .img img { max-height: 167px; max-width: 100%; }


@media (min-width: 768px) { /* 关于我们-联系我们 */
  .inside-contact-list ul { margin: 0 -5px; }
  .inside-contact-list ul li { float: left; width: 50%; padding: 0 5px 10px; }
  .inside-contact-list ul li .icon img { height: 60px; }
  .inside-contact-list ul li .info { padding: 8px 0 0; }


 
  /* 智能终端 */
  .insprocat-items ul { margin: 0 -10px; }
  .insprocat-items ul li { padding: 0 10px 20px; float: left; width: 50%; }
  .insprocat-items ul li:first-child { width: 100%; }
  .insprocat-items ul li .content { padding: 20px;}
   .insprocat-items ul li:first-child .content{ }
  .insprocat-items ul li .info { padding: 30px 10px 0; }
  .insprocat-items ul li .info .text { font-size: 14px; }
  .insprocat-items ul li .img { padding: 20px 0 0 0; }
 
  .insprocat-items ul li .img img { height: auto; max-height: 100%; }
  .inspro-innovation ul li:first-child, .inspro-healthcare ul li:first-child { width: 50%; }
  .insprocat-items.inspro-classic ul li:first-child{width:50%;};
  /* .inspro-classic ul li { width: 100%; } */
  .inscenarios-list ul { margin: 0 -10px; }
  .inscenarios-list ul li { float: left; width: 33.3333%; padding: 0 10px; }
  .inscenarios-list ul li .info .desc { display: -webkit-box; height: 80px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .inside-izbanner .izbimg img { width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; left: 0; height: auto; }
  .izbaninfo .inztitle .text { padding: 8px 0 0; letter-spacing: 8px;z-index: 5; } 
  .index-news .left dl dt .img:after { padding-bottom: 89.66346%;}
}


@media (min-width: 1024px) { .inside-thumb { padding: 0 0 40px; }
.insprocat-items ul li .content{min-height:380px;}
.iproitem-left .pimg{margin-top: -135px;}
  .inside-thumb a { padding: 0 42px; font-size: 14px; height: 45px; line-height: 45px; }
  .inside-newslist { overflow: hidden; }
  .inside-newslist ul { margin: 0 -25px; padding: 0 0 10px; }
  .inside-newslist ul li { float: left; width: 50%; padding: 0 25px 50px; }
  .inside-newslist ul li:nth-child(2n+1){clear:left;}
  .inside-newslist ul li:hover .news-info .name a { color: #2d3095; }
  .inside-newslist ul li:hover .news-info .label .more { background-color: #2d3095; right: -5px; }
  .inside-newslist ul li:hover .news-info .label .more::after { border-color: #2d3095; }
  .inside-newslist .new-img { overflow: hidden; }
  .inside-newslist .new-img:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .inside-newslist .new-img img { -webkit-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s; }
  .inside-newslist .news-info { padding: 22px 32px 0; }
  .inside-newslist .news-info .name { font-size: 22px; margin: 15px 0 12px; }
  .inside-newslist .news-info .label { font-size: 16px; margin: 18px 0 0; padding: 25px 0 0; padding-right: 40px; }
  .inside-newslist .news-info .label span { margin-left: 10px; font-size: 13px; padding: 0 16px; height: 24px; line-height: 25px; }
  .inside-newslist .news-info .label .more { width: 37px; top: 36px; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
  .inside-newslist .news-info .label .more::after { width: 13px; height: 13px; top: -6px; }
  .inside-more a { height: 60px; line-height: 60px; padding: 0 70px; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
  .inside-more a:hover { background-color: #2d3095; color: #ffffff; }
 
 
  /* 智能终端 */
  .inside-procategory .left { float: left; width: 14.87889%; position: -webkit-sticky; position: sticky; top: 100px; margin-top: 5px; }
  .inside-procategory .right { float: right; width: 83.04498%; position: relative; }
  .insprocat-title { padding: 20px 30px; }
  .insprocat-title::after { display: none; }
  .insprocat-title .cn { font-size: 20px; }
  .insprocat-li { display: block; position: static; }
  .insprocat-li ul li { font-weight: 500; padding-right: 50px; }
  .insprocat-items { padding-top: 120px; margin-top: -45px; }
  .insprocat-items ul { padding: 6px 0 60px; }
  .insprocat-items ul li .content { padding: 38px 69px 49px 69px; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
  .insprocat-items ul li .content:hover { -webkit-box-shadow: 0 2px 19px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 19px rgba(0, 0, 0, 0.1); }
  .insprocat-items ul li .content:hover img { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
  .insprocat-items ul li .img { padding: 11px 21px 0 0; }
  .insprocat-items ul li .img img { -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
  .insprocat-items ul li .info { padding: 62px 10px 0 0; max-width: 307px; }
  .insprocat-items ul li .info .text { font-size: 18px; padding: 12px 0 45px; }
  .insprocat-items ul li .info .name { letter-spacing: -2px; }
  .insprocat-items ul li .info .more a{ font-size: 14px; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
  .insprocat-items ul li .info .more a:hover { background-color: #2d3095; border-color: #2d3095; color: #fff; }
  .insprocat-items:last-child ul { padding-bottom: 30px; }
  /* 智能终端-详情页 */
  .inside-product-info { top: 66px; padding: 10px 0; }
  .inside-product-info.nobgc { margin-top: -64px; }
  .insmart-video-wrapper { margin-top: 40px; }
  .insmart-video-wrapper ul li img { width: 100%; }
  .insmart-btn { width: 46px; height: 46px; }
  .insmart-prev:hover { background-image: url(../images/izprevho.png); }
  .insmart-next:hover { background-image: url(../images/iznextho.png); }
  .inside-meter-wrap { padding: 50px 0; }
  .insmeter-table table { margin: 25px 0 0; }
  .insmeter-table table tr td { padding: 10px 30px;font-size: 12px; }
  .insmeter-table table tr td:first-child { width: 26%; font-size: 14px; }
  .insmeter-table table tr td:nth-child(2) { width: 74%; }
  .insmeter-title { padding: 0 0 17px; }
  .insmeter-title .left { float: left; }
  .insmeter-title .right { float: right; padding: 0; }
  .insmeter-title .right a { width: 163px; height: 48px; line-height: 48px; padding: 0 30px; margin: 0 0 0 20px; background-position: right 30px center; }
  .inside-scenarios-wrap { padding: 50px 0; }
  .inscenarios-list { padding: 25px 0 0; }
  .inscenarios-list ul { margin: 0 -15px; }
  .inscenarios-list ul li { padding: 0 15px; }
  .inscenarios-list ul li .info { padding: 0 40px; }
  .inscenarios-list ul li .info .icon img { height: 61px; }
  .izbaninfo { padding-top: 130px; }
  .izbaninfo .inztitle .text { font-size: 18px; }
  .inside-software-table { bottom: 50px; }
  .inside-software-table ul li { font-size: 18px; padding: 0 0 15px; }
  .inside-software-wrap { padding: 50px 0 0; }
  .inside-software-content { margin: 40px 0 0; }
  .inside-software-box { padding-bottom: 150px; }
  .inside-software-items { margin-bottom: -30px; }
  .inside-software-items ul { margin-top: -50px; }
  .inside-software-items ul li { padding: 50px 10px 28px; }
  .inside-software-items ul li img { height: 50px; }
  .inside-software-items ul li h4 { padding: 19px 0 3px; font-size: 16px; }
  .inside-software-items ul li .desc { font-size: 14px; line-height: 20px; height: 60px; margin: 0; }
  .inside-sweepfast-wrap { padding: 50px 0 0; }
  .insmart-title .text { padding: 13px 0 0; }



  /* 智能终端 */
  .inside-procategory .left { margin-left: -255px; width: 215px; }
  .inside-procategory .right { width: 100%; }
  .insprocat-li ul li { font-size: 16px; padding: 16px 30px; } }




