.text-primary{ color: #4667aa!important;}
.col-md-6 a{ color: #4667aa;}
.bg{ background-color: #f5f5f5;}
.productshow{width:100%;background-color: #f5f5f5;}
.productshow .info{color:#333; line-height: 2rem;}
.productshow .info h1{ font-size:2rem; margin-bottom:1.5rem;font-weight: bold;}
.productshow .info .line{ font-size:18px; width:40px; height:6px; border-radius: 3px; overflow:hidden; background-color:#4667aa; display:block; clear:both;}
.productshow .info p{overflow:hidden; margin-top:20px;}
.productshow .info .infocontact{ margin-top:40px;}
.productshow .info .infocontact .infobtn{ float:left; margin-right:1.2rem;}
.productshow .info .infocontact .infobtn a{padding: 10px 30px;border:1px solid rgba(52,97,198,1);background-color:rgba(52,97,198,1);color:#fff;text-decoration:none;}
.productshow .info .infocontact .infobtn a:hover{ background-color:#4667aa; color:#fff; border:1px solid #4667aa;}
.productshow .info .infocontact .infotel{background-repeat:no-repeat;background-position: left center;border: 1px solid rgba(52,97,198,1);padding: 10px 30px;background-color: #fff;}
.productshow .info .infocontact .infotel b{ color:  rgba(52,97,198,1);}
.spemain{ width:980px; float:left;}
.spemain .infocon{ padding-bottom:20px;}
.spemain .infocon h2{ border-bottom:1px solid #e7e7e7; padding-bottom:25px; margin-bottom:25px; margin-top:20px; text-align:left;}
.spemain .infocon h2 span{ border-left:3px solid #4667aa; color:#3557aa; padding:0px; line-height:20px; padding-left:15px; font-size:16px;}
.red{ color: #ff0000;}

.container-fluid{ padding-top: 2rem; padding-bottom: 3rem;}
.container{ line-height: 2rem;}
.container h2{font-size:1.8rem;color:#333;text-align:center;margin:2rem auto 3rem auto;position: relative;padding-bottom: 1.5rem;/* font-weight: bold; */}
.container h2:after{height: 6px;width: 4%;background: #4667aa;border-radius: 3px;content: '';position: absolute;bottom: 0;left: 48%;}

.subnav{height: 4rem;line-height: 4rem;border-bottom: 1px solid #eaeaea;}
.subnav ul{line-height: 4rem;}
.subnav ul li{float: left;color: #828282;margin-right: 3rem;position: relative;}
.subnav ul li:after{content:"";display:block;margin-top: -2px;width: 0;height: 0;background-color: #4667aa;transition: 0.36s; overflow: hidden;}
.subnav ul li a{display: block; text-decoration: none;}
.subnav ul li:first-child a,.subnav ul li:hover a{color: #4667aa;}
.subnav ul li:first-child:after,.subnav ul li:hover:after{ height: 2px; width: 100%;}
.speclink{ text-align: center;}
.speclink a{ text-decoration: none;}
.speclink dd,.speclink dt{height: 3rem; line-height: 3rem; padding: 0rem 1rem; margin: 0.5rem; background-color: #f5f5f5; border-radius: 2rem; display:inline-block;}
.speclink dt a{ color: #4667aa;}
.speclink dd:hover,.speclink dt:hover{ background-color: #4667aa; color: #fff;}
.speclink dd:hover a,.speclink dt:hover a{ color: #fff;}

.reclink{ text-align: center;}
.reclink a{ text-decoration: none; color: #555; display: block;}
.reclink dt{ font-weight: normal; padding-bottom: 1rem;}
.reclink dd{line-height: 2rem; width: 31.33%; padding: 0.75rem 0.75rem;margin: 0.75% 1%;background-color: #f5f5f5; display: block; float: left; border-radius: 5px; border:1px solid #fff}
.reclink dt a{ color: #555;}
.reclink dd:hover,.reclink dt:hover{ background-color: #fff; color: #555; border:1px solid #e7e7e7}
.reclink dd:hover a,.reclink dt:hover a{ color: #555;}
.reclink dd.cur{ font-weight: bold; background-color: #fff; content: #555; border:1px solid #e7e7e7}

.vs .col-md-4{ background-color: #fff; padding-left: 2rem; padding-right: 2rem; padding-top: 2rem; padding-bottom: 2rem; border-right: 1rem solid #f5f5f5;border-left: 1rem solid #f5f5f5;box-shadow:0px 4px 16px #f2f2f2;}
.vs .col-md-4 .txt{ margin-top: 2rem; line-height: 2.5rem;}
.vs .col-md-4 .txt dt{ margin-bottom: 1rem; font-size: 1.25rem;}
.vs .col-md-4 .txt dd:before {content: "";display: inline-block;width: 4px;height: 4px;border-radius: 2px;margin-bottom: 4px;margin-right: 12px;background-color: #4667aa;}

.infocon{color:#666; line-height:2rem;}

.infocon .txt b{ padding-top: 1rem; display: block;}
.infocon p{ padding-top: 0.5rem; padding-bottom: 0.5rem;}
.infocon p.nr{text-indent:2em;padding:10px 15px;color:#888;}
.infocon h3{margin:10px 0px; font-size:1.4rem; color: #4667aa; display:block; clear:both;}
.infocon p img{margin: 0 auto;display: block;}

.infocon h4 a{background-color:#4667aa;color:#fff;display:inline-block;padding:5px 13px;text-align:center;border-radius:2px;}
.infocon p{ display:block; clear:both;}
.infocon ol{list-style-type:demical; padding-left:25px;}
.infocon ol li{ list-style-position:outside; list-style:decimal;}
/*.infocon ul{list-style-type:demical; padding-left:25px;}
.infocon ul li{ list-style-position:outside; list-style:decimal;}*/
.infocon .wideimg{ width: 100%; clear:both; padding: 20px 0px; margin: 0px auto; text-align: center;}
.infocon .hd{overflow:hidden;height:30px;margin-bottom:5px;}
/*.infocon .hd .prev,.hotCon .hd .next{display:block;width:5px;height:9px;float:right;margin-right:5px;margin-top:13px;overflow:hidden;cursor:pointer;background:url("/code/images/icoLeft.html") no-repeat;}
.infocon .hd .next{background:url("/code/images/icoRight.html") no-repeat;}*/
.infocon .hd ul{float:right;overflow:hidden;zoom:1;margin-top:11px;zoom:1;}
.infocon .hd ul li{float:left;width:9px;height:9px;overflow:hidden;margin-right:5px;text-indent:-999px;cursor:pointer;background:url("../images/icoCircle.gif") 0 -9px no-repeat;}
.infocon .hd ul li.on{background-position:0 0;}

.infocon .bd{padding:5px 10px;}
.infocon .bd ul{overflow:hidden;zoom:1;}
.infocon .bd ul li{width:460px;padding:10px;margin-right:8px;float:left;_display:inline;overflow:hidden;}
.infocon .bd ul li p{float:left;margin-right:13px;}
.infocon .bd ul li p a img{display:block; padding:2px; border:#ddd solid 1px;width:118px;height:118px;}
.infocon .bd ul li p a:hover img{border-color:#4667aa;}
.infocon .bd ul li p a{display:block;width:120px;line-height:30px;font-size:14px;text-align:center;}
.infocon .bd ul li h4{color:#4667aa;font-size:12px;margin-bottom:5px;font-size:14px;}
.infocon .bd ul li span{line-height:21px;display:block;color:#555;}

.infocon .newslist{ line-height:25px;}
.infocon .newslist li{ width:475px; float:left; background-image:url(/code/images/icon.png); background-position:left -330px; background-repeat:no-repeat; padding-left:10px;}

.container table {width: 100%;border-collapse: collapse;}
.container table td{border: 1px solid #ddd;text-align: center;padding: 0.75rem 0;}
.container table tr:nth-child(2n+3){background:#f5f5f5;}
.container table tr:hover{background: #e2e2e2;}
.container table tr:first-child{background:#4667aa;color:#fff;}

.arcticlerecimg{ width:100%; margin: 3rem auto;}
.arcticlerecimg span{ width:100%; display:block; overflow:hidden; text-align: center;}
.arcticlerecimg span img{ width: 100%;}
.arcticlerecimg .list li span img:hover{transform: scale(1.1);transition:0.3s;}
.arcticlerecimg .col-md-3 div{ width: 100%; background-color: #f9f9f9;}
.arcticlerecimg .col-md-3 div:hover{box-shadow: 6px 6px 6px #ddd; transition: 0.3s;}
.arcticlerecimg .col-md-3 div:hover img{ transform: scale(1.05);transition:0.3s;}
.arcticlerecimg .col-md-3 p{width: 100%; padding: 1.5rem 1rem; line-height: 2rem;}
.arcticlerecimg p b{ font-size: 1.2rem; font-weight: normal; display: block; padding-bottom: 0.5rem;}
.arcticlerecimg p i{ display: block; font-style: normal; font-size: 0.875rem;}

.bg .arcticlerecimg p{ background-color: #fff;}

.anli2{line-height: 2rem;}
.anli2 .row .col-md-6{ background-color: #fff; padding-top: 1rem; padding-bottom: 1rem; margin-top: 0.5rem; margin-bottom: 0.5rem;}
.anli2 .row .col-md-6:nth-child(odd){ border-right: 0.5rem solid #f5f5f5;}
.anli2 .row .col-md-6:nth-child(even){ border-left: 0.5rem solid #f5f5f5;} 
.anli2 .row .col-md-6 .row{ background-color: #fff; padding-right: 0px; padding-left: 0px;}
.anli2 .row .col-md-6 .img{display: block;float: left;width: 250px;}
.anli2 .row .col-md-6 p{display: block;padding-left: 1rem;float: left;width: 310px;}
.anli2 .row .col-md-6 p b{display: block;margin-bottom: 0.5rem;font-weight: normal;}
.anli2 .row .col-md-6 p i{ font-style: normal; display: block; font-size: 0.875rem; line-height: 1.5rem;}

.reletenews .item .row{ background-color: #f8f8f8; padding: 1.5rem; margin: 1rem 0; border-radius: 5px;}
.reletenews .item h3{ font-size: 1.25rem; margin-bottom: 1rem;}
.reletenews .item p{ line-height: 2rem; height: 4rem; overflow: hidden;}
.reletenews .item .time{ color: #999; border-right:1px solid #eee;}
.reletenews .item .time span{ font-size: 0.875rem; display: block; text-align: center;}
.reletenews .item .time i{ font-size: 2.5rem; display: block; font-style: normal; color: #4667aa; text-align: center;}
.reletenews .item .row:hover{ box-shadow: 0px 4px 16px #ddd;}
.reletenews .item .row:hover span{ color: #4667aa; transition: 0.36s;}
.reletenews .item .row h3 a{ color: #555;}


table.comm{border-collapse:collapse; border:1px solid #ddd;margin:0 auto;}
table.comm tr.tit{background-color:#f9f9f9;height:20px;font-weight:700;}
table.comm tr.tit td{padding:10px 5px;}
table.comm td,table.comm th{border:1px solid #ddd;padding:3px 5px;text-align:center;}
table.comm td img{margin:0 auto;}
table.comm tr{color:#777777;}
table.comm tr:hover{background-color:#4667aa;color:#fff;}
table.comm tr:hover td:hover,table.comm tr:hover td a:hover{background-color:#c00;color:#fff;}
table.comm tr:hover td a{color:#fff;}
table.tdp td{padding:10px;}

.shebei{ width:1160px; background-color:#fff; padding:30px 0px 50px 0px; overflow:hidden;}
.shebei h2{ width:1050px; border-bottom:1px solid #e7e7e7; text-align:center; font-size:20px; margin:0px auto; font-weight:normal;}
.shebei h2 span{ top:13px; position:relative; background-color:#fff; padding:0px 15px;}
.shebei h2 span i{ color:#4667aa; padding-right:10px; font-style:normal;}
.shebei .list{ width:1065px; padding-left:15px; margin:0px auto; margin-top:50px; overflow:hidden;}
.shebei .list li{ width:200px; height:127px; list-style:none; padding:0px; margin:0px; margin-right:13px; position:relative; float:left;}
.shebei .list li span{ width:200px; height:127px; display:block; overflow:hidden;}
.shebei .list li span img{ width:200px; height:127px; border:0px; padding:0px;}
.shebei .list li span img:hover{transform: scale(1.1);transition:0.3s;}
.shebei .list li i {width: 200px;height: 23px;bottom: 0px;background-color: #333;display: block;z-index: 1;position: absolute;filter: alpha(opacity = 70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.shebei .list li b {width: 185px;height: 23px;line-height: 23px;bottom: 0px;left:8px;text-align:center;font-weight: normal;overflow: hidden; z-index: 2; position: absolute;color:#fff;	font-size:12px;}

.case{ width:100%; background-color:#f5f5f5; padding:30px 0px 60px 0px; overflow:hidden;}
.case h2{ width:1030px; border-bottom:1px solid #e7e7e7; text-align:center; font-size:20px; margin:0px auto; font-weight:normal;}
.case h2 span{ top:13px; position:relative; background-color:#f5f5f5; padding:0px 15px;}
.case h2 span i{ color:#4667aa; padding-right:10px; font-style:normal;}
.case ul{ width:1040px; margin:0px auto; margin-top:50px;}
.case li{ width:250px; height:125px; margin:5px; overflow:hidden; float:left; position:relative;}
.case li .img img{ width:250px; height:125px;}
.case li .name{ position:absolute; z-index:1; display:block; top:125px; width:250px; height:125px; background-color:#2c2f34;filter:alpha(opacity=80);-moz-opacity:0.7;opacity: 0.7; text-align:center; line-height:30px; font-size:16px;}
.case li:hover .name{top:0px;}
.case li .name a{ display:block; width:250px; height:75px; padding-top:50px; color:#fff; text-decoration:none;}

.newslist{ margin-top:30px;}
.newslist h2,.sendmes h2{ width:100%; border-bottom:1px solid #e7e7e7; text-align:center; color:#333; font-size:20px; margin:0px auto; font-weight:normal;}
.newslist h2 span,.sendmes h2 span{ top:13px; position:relative; background-color:#fff; padding:0px 15px;}
.newslist h2 span i,.sendmes h2 span i{ color:#4667aa; padding-right:10px; font-style:normal;}
.newslist .newscontent{ margin-top:50px;}
.newslist .recnews{ width:520px; float:left;}
.newslist .recnews .img{ width:100%; height:280px; overflow:hidden;}
.newslist .recnews .img img{ width:520px;}
.newslist .recnews h3{ font-size:16px; font-weight:bold; padding:20px 0px;}
.newslist .recnews p{ line-height:25px;}
.newslist .recnews .newsbtn{ display:block; margin-top:20px; clear:both;}
.newslist .recnews .newsbtn a{ padding:5px 25px; background-color:#2c2f34; color:#fff; text-decoration:none; display:block; float:left;}
.newslist .recnews .newsbtn a:hover{ background-color:#4667aa;}
.newslist ul{ width:520px; line-height:30px; float:right;}
.newslist ul li a{ margin-left:10px;}

.ourservices{ margin-top:30px; width:100%; overflow:hidden; padding-bottom:50px;}
.ourservices ul{ margin-top:4rem; line-height: 1.8rem;}
.ourservices li{width: 22%;text-align:center;float:left;background-color: #f5f5f5;padding: 2rem;margin: 0px 1.5%;border-radius: 5%;}
.ourservices li i{ width:100px; height:100px; border-radius:50px;background-color:#2c2f34; display:block; margin:0px auto; background-image:url(/images/v3/icon/info-service.png); background-repeat:no-repeat;}
.ourservices li b{display:block;font-weight:normal;padding:15px 0px;}
.ourservices li span{display:block;font-weight:normal;}
.ourservices li.kefu i{ background-position:center 23px}
.ourservices li.shiji i{ background-position:center -275px}
.ourservices li.chanliang i{ background-position:center -170px}
.ourservices li.pidai i{ background-position:center -75px}

/* product trait */
.producttrait{ width:100%; overflow:hidden; margin-top:10px;}
.producttrait dl{ width:326px; float:left; overflow:hidden; padding:15px 0px;}
.producttrait dl:hover{ background-color:#f2f2f2;}
.producttrait dl dt{ width:300px; display:block; margin:0px auto;}
.producttrait dl dt i{ width:150px; height:150px; border-radius:50%; display:block; overflow:hidden; margin:0px auto;}
.producttrait dl dt i img{ width:150px; height:150px;}
.producttrait dl dt span{ height:30px; line-height:60px; width:100%; font-size:18px; font-weight:bold; text-align:center; border-bottom:1px solid #e7e7e7; display:block;}
.producttrait dl dt span b{ background-color:#fff; padding:0px 8px;}
.producttrait dl:hover dt span b{ background-color:#f2f2f2;}
.producttrait dl dd{ display:block; height:100px; line-height:25px; width:300px; margin:20px auto 0px auto; color:#666;}

.botsms{ background-color: #f7f7f7; padding: 3rem 0;}
.botsms .container{ background-color: #fff; padding: 2rem 0;}
.botsms label{ margin: 1rem 0;}
.botsms .tit{ width: 100%; text-align: center; font-size: 1.6rem; line-height: 3.5rem; font-weight: bold; color: #4667aa;}
.botsms .tit i{padding: 0.5rem 0.5rem; font-style: normal; display: block;}
.botsms .leftform{ width: 92%; margin: 0px auto; }
.botsms .smscontact{ width: 90%; height: 440px; background-image: url(/images/v4/botsms.jpg); background-repeat: no-repeat; background-position: center; padding: 5%; color: #fff;}
.botsms p{ width: 100%;text-align: center; padding-bottom: 3rem;}
.botsms ul li{ width:100%; overflow:hidden; padding:5px 0px;}
.botsms .textbox{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px;-webkit-appearance: none;}
.botsms .select{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px; background: none;}
/*.botsms .bssubmit{ width:30%; margin-left: 20%; color:#fff; background-color:#dd0000; padding:10px 0px; margin-top: 5px; border: none; -webkit-appearance: none;}*/
.botsms .bssubmit{ background-color: #3557aa; color: #fff; padding: 1rem 2rem; margin: 1.5rem 0 1rem 0;border-radius:0;background-image:none}
.botsms p.tips{ padding-top: 20px; color: #dd0000; font-size: 1.2em}
.botsms .smscontact dl,.botsms .smscontact dl dt,.botsms .smscontact dl dd{ padding: 0px; margin: 0px; list-style: none;}
.botsms .smscontact dl{ line-height: 2rem; text-align: center;}
.botsms .smscontact dl dt{ font-size: 1.5rem; padding-bottom: 10px; font-weight: normal;}
.botsms .smscontact dl b{ font-weight: normal;}
.botsms .smscontact dl dd .linkcustomer{background-color: #4eac47; color: #fff; padding: 0.75rem 2.5rem; margin: 1.5rem 0; display:inline-block;}
.botsms .smscontact span{display:inline-block; margin-top: 1rem;}
.botsms .smscontact span img{max-width:100px}
.botsms .smscontact i{ font-size: 0.875rem; display:block; text-align: center; font-style: normal;}
@media screen and (max-width: 768px) {
    .botsms{padding: 5%;}
    .botsms .tit{ border-bottom: 1px solid #ddd; height: 10px; background-color: #fff; text-align: center; margin: 20px auto 30px auto; line-height: 22px; font-size: 16px;}
    .botsms .tit i{padding: 5px 10px; background-color: #fff; font-style: normal; color: #dd0000; font-weight: bold; font-size: 16px;}
    .botsms .leftform{ width: 100%; float: none;}
    .botsms .bssubmit{ width:100%; margin-left: 0px;}
    .botsms .smscontact{ display: none;}
}

.optionlist{ float:left; color:#fff; line-height:28px; margin-top:155px; margin-left:10px;}
.optionlist ol li{ height:28px; cursor:pointer;}
.optionlist ol li span{ margin-left:13px;}
.optionlist ol li:hover i{width: 0; height: 0; border-top: 4px solid transparent; border-right: 8px solid #fff; border-bottom: 4px solid transparent; display:block; float:left; margin-top:11px; margin-right:5px;}
.optionlist ol li.cur i{width: 0; height: 0; border-top: 4px solid transparent; border-right: 8px solid #fff; border-bottom: 4px solid transparent; display:block; float:left; margin-top:11px; margin-right:5px;}
.optionlist ol li.cur span{ margin-left:0px;}
.optionlist ol li:hover span{ margin-left:0px;}
.optionlist ol li span{ display:block; float:left;}

.shejiyuanurl img {border-radius: 6px;}