.embed-icon{display:none;}
.tabpro{ width:100%; margin:1rem auto 3rem auto; background-color: #f5f5f5; border-radius: 0.5rem; position: relative; clear:both; float: left;}
.tabpro ul{ width: 100%; clear: both;}
.tabpro li{float:left; position:relative; padding-top: 1rem; padding-bottom: 1rem; margin: 0px 0.5rem;}
/*.tabpro li.cur{ border-bottom:2px solid #4667aa;}*/
.tabpro li.cur:before{content: '';position: absolute;width: 100%; left: 0%; bottom: -2px;height: 2px;background-color: #4667aa;}
.tabpro li.cur a{ color:#4667aa;}
.tabpro li:before{content: '';position: absolute;width: 0;right: 100%;bottom: -2px;height: 2px;background-color: #4667aa;}
.tabpro li:hover:before{width: 100%;right: 0%;transition: all 0.5s;}
.tabpro li a{ text-decoration:none;}
.product{ width:100%; margin:20px 0px; padding-bottom:20px; overflow:hidden;}
.product .show{ width:520px; height:360px; float:left;}
.product .info{ width:600px; line-height:28px; color:#555; float:right;}
.product .info h1{ width:100%; font-size:30px; font-weight:normal; clear:both;}
.product .info p{ padding:30px 0px;}
.product .info ul{ width:100%; overflow:hidden; clear:both;}
.product .info ol{ width:100%; margin-top:30px; overflow:hidden; clear:both;}
.product .info ol li{text-align:center;margin-right: 17px;padding:10px 15px;float:left;}
.product .info ol li:hover{ background-color:#f5f5f5; border-radius:5px;}
.product .info ol li a{ background-image:url(/images/v3/product/service-icon.png); background-repeat:no-repeat; padding-top:40px; display:block; text-decoration:none;}
.product .info ol .msg a{ background-position:center top;}
.product .info ol .service a{ background-position:center -80px;}
.product .info ol .case a{ background-position:center -160px;}
.product .info ol .contact a{ background-position:center -240px;}
.product .info ol .phone a{ background-position:center -320px;}

.tabs{ text-align: center; padding: 4rem 0 2rem 0;}
.tabs li{ display: inline; margin: 0 1rem;}
.tabs li a{ padding-bottom: 0.75rem; text-decoration: none; position:relative;}
.tabs li a:after{ border-bottom: 1px solid #fff; content: ""; width: 1%; bottom: 0; left: 0; right: 0; position: absolute;}
.tabs li a:hover:after{ border-bottom: 1px solid #4667aa; width: 100%; content: ""; position: absolute; bottom: 0; transition: all 0.5s;}
.tabs li a.cur:after{ border-bottom: 1px solid #4667aa;width: 100%;}

.container-fuld.bg{ background-color:#f5f5f5; padding-bottom: 2rem;}

.leftdesc.bg{ background-color:#f5f5f5;}
.leftdesc{ width:100%; line-height:28px; padding:80px 0px; margin:15px 0px; overflow:hidden; clear:both;}
.leftdesc .info{ width:650px; margin-top:30px; float:left;}
.leftdesc .info h2{ font-size:30px; font-weight:normal;}
.leftdesc .info p{ padding:20px 0px; color:#555;}
.leftdesc .info address{ clear:both; margin:0px auto; font-style:normal;}
.leftdesc .info address a{ width:135px; height:38px; color:#fff; line-height:38px; display:block;background-image: linear-gradient(to right,#5b83d2,#4667aa); text-align:center;}
.leftdesc .info address a:hover{ text-decoration:none; background-image: linear-gradient(to right,#4667aa,#3556aa);}
.leftdesc .img{ width:500px; float:right; text-align:right;}


.rightdesc.bg{ background-color:#f5f5f5;}
.rightdesc{ width:100%; line-height:28px; padding:80px 0px; margin-top:30px; overflow:hidden; clear:both;}
.rightdesc .info{ width:650px; margin-top:30px; float:right;}
.rightdesc .info h2{ font-size:30px; font-weight:normal; padding-bottom:10px;}
.rightdesc .info p{ padding:20px 0px; color:#555;}
.rightdesc .info address{ clear:both; margin:0px auto; font-style:normal; float:right;}
.rightdesc .info address a{ width:135px; height:38px; color:#fff; line-height:38px; display:block;background-image: linear-gradient(to right,#5b83d2,#4667aa); text-align:center;}
.rightdesc .info address a:hover{ text-decoration:none; background-image: linear-gradient(to right,#4667aa,#3556aa);}
.rightdesc .img{ width:500px; float:left; text-align:left;}
.ptop150{ padding-top:150px;}

.rightdesc .info .item{ width:100%; margin-top:30px; color:#555; clear:both;}
.rightdesc .info .item .tit{ width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold; clear:both; background-image:url(/images/v3/spe/icon/arrow.png); background-position:left center; background-repeat:no-repeat; padding-left:30px;}
.rightdesc .info .item p{ padding-left:30px; line-height:28px; padding-top:5px; padding-bottom:0px;}

.desc .info h2{ font-size:1.5rem; font-weight:normal;}
.desc .info p{ padding:1rem 0px; color:#555; line-height: 2rem;}
.desc .info address{ clear:both; margin:0px auto; font-style:normal;}
.desc .info address a{ width:135px; height:38px; color:#fff; line-height:38px; display:block; background-color:#018de8; text-align:center;}
.desc .info address a:hover{ text-decoration:none; background-color:#0284d9;}
.desc .img{ width:500px; float:right; text-align:right;}


/* product trait */
.producttrait{ width:100%; overflow:hidden; padding-bottom: 2rem; color:#555;}
.producttrait.bg{ background-color:#f5f5f5;}
.producttrait h2{ text-align:center; font-size:1.875rem; font-weight:normal; padding: 3rem 0 4rem 0;}
.producttrait dl{ width:25%; float:left; overflow:hidden; padding:20px 0px;}
.producttrait dl:hover{ background-color:#eee;}
.producttrait dl dt{ width:252px; display:block; margin:0px auto;}
.producttrait dl dt i{ width:200px; height:200px; border-radius:50%; display:block; overflow:hidden; margin:0px auto;}
.producttrait dl dt i img{ width:200px; height:200px;}
.producttrait dl dt span{ height:30px; line-height:60px; width:100%; font-size:18px; text-align:center; border-bottom:1px solid #e7e7e7; display:block; margin-top:5px;}
.producttrait dl dt span b{ background-color:#f5f5f5; padding:0px 8px; font-weight:normal;}
.producttrait dl:hover dt span b{ background-color:#eee;}
.producttrait dl dd{ display:block; height:160px; line-height:2rem; width:252px; margin:30px auto 0px auto; color:#666;}

.producttrait.list3 dl{ width:33.3%;}
.producttrait.list3 dl dt{ width:352px;}
.producttrait.list3 dl dd{ width:352px;}

.anli{ width:100%; overflow:hidden; margin:0px auto; padding:20px 0px;}
.anli h2{ font-size:30px; font-weight:normal; text-align:center; padding:50px 0px;}
.anli .main{ background-color:#fff;}
.anli dl{ width:270px; margin-right:20px; background-color:#f7f7f7; padding-bottom:15px; float:left;}
.anli dl dt{ width:100%; overflow:hidden; margin-bottom:10px;}
.anli dl dd{ line-height:28px; color:#555; padding-left:15px;}
.anli dl dd a.chat{ width:230px; height:35px; line-height:35px; background-color:#018de8; background-image: linear-gradient(to right,#5b83d2,#4667aa); display:block; color:#fff; text-align:center; margin-top:10px; text-decoration:none;}
.anli dl dd a.chat:hover{ background-color:#0284d9;background-image: linear-gradient(to right,#4667aa,#3556aa);}
.anli .more{width:40px; float:left;}
.anli .more a{ background-color:#f5f5f5; width:100%; height:360px; background-image:url(/images/v3/product/anli-icon.png); background-position:right center; background-repeat:no-repeat; float:left; text-indent:-40px; overflow:hidden;}
.anli .more a:hover{ background-color:#eee;}

.canshu{ width:100%; margin:0px auto; margin-top:20px; padding:20px 0px; padding-bottom:40px; clear:both;}
.canshu.bg{ background-color:#f5f5f5;}
.canshu h2,.pics h2{ font-size:2rem; font-weight:normal; text-align:center; padding:2rem 0;}
.canshu h3{ color:#555; padding:10px 0px;}
.canshu p{ line-height:25px;}
.canshu .tips{ color:#666; padding:10px 0px;}

.canshu address{ clear:both; margin:0px auto; margin-top: 1%;font-style:normal;}
.canshu address a{ width:135px; height:38px; color:#fff; line-height:38px; display:block; background-color:#018de8;background-image: linear-gradient(to right,#5b83d2,#4667aa); text-align:center; margin:0px auto;}
.canshu address a:hover{ text-decoration:none; background-color:#0284d9;background-image: linear-gradient(to right,#4667aa,#3556aa);}

.p_table{width:100%;margin:0 auto;border-collapse:collapse; background-color: #fff;}
.p_table tr{color:#888888;}
.p_table th{ text-align: center; background-color: #4667aa; color: #fff; font-weight: normal;padding: 0.875rem 0;}
.p_table th i{ font-size: 0.75rem; font-style: normal; display: block;}
.p_table,.p_table tr,.p_table tr td,.p_table tr th{border:#fff solid 1px;}
.p_table tr td{padding: 0.875rem 0; margin:0px; border:1px solid #fff; text-align:center;}
.p_table tr:nth-child(odd){ background-color: #eee;}
.p_table{margin:1rem auto;}
.p_table{border-collapse:collapse;}
.p_table tr.tit{background-color:#f9f9f9; height:20px; font-weight:700;}
.p_table tr.tit td{padding:10px 5px;}
.p_table td{border:1px solid #f4f4f4; padding:3px 5px; text-align:center; }
.p_table td img{ margin:0 auto;}
.p_table tr{color:#777777;}
.p_table tr:hover{ background-color:#999; color:#fff;}
.p_table tr:hover td a{color:#fff;}
.p_table.nohover tr:hover{ background-color:#ddd; color:#888;}
.p_table.nohover tr:hover td:hover,table.nohover tr:hover td a:hover{ background-color:#fff; color:#888;}
.p_table.nohover tr:hover td a{color:#333;}

.arcticlerecimg{ width:100%; margin: 3rem auto;}
.arcticlerecimg span{ width:100%; display:block; overflow:hidden; text-align: center;}
.arcticlerecimg span img{ width: 100%;}
.arcticlerecimg h2{ font-size: 1.5rem; color: #333333; border-left: 3px solid #4667aa; padding-left: 0.5rem; line-height: 1.5rem; margin-bottom: 3rem;}
.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;}

.reletenews h2{ font-size: 1.5rem; color: #333333; border-left: 3px solid #4667aa; padding-left: 0.5rem; line-height: 1.5rem; margin-bottom: 3rem;}
.reletenews .item{ background-color: #f6f6f6; padding: 1.5rem; margin: 1rem 0; border-radius: 0.5rem;}
.reletenews .item:nth-child(odd){ border-right: 1rem solid #fff;}
.reletenews .item:nth-child(even){ border-left: 1rem solid #fff;}
.reletenews .item h3{ font-size: 1.25rem; margin-bottom: 1rem;}
.reletenews .item p{ line-height: 2rem; height: 4rem; overflow: hidden;}
.reletenews .item .time{ color: #ddd; font-weight:bold; border-right:1px solid #eee;}
.reletenews .item .time span{ font-size: 1.6rem; display: block; float:left; margin-top: 1.25rem;}
.reletenews .item .time i{ font-size: 1rem; display: block; font-style: normal; text-align: right; float: right;}
.reletenews .item:hover{ background-color: #4667aa; color: #fff;}
.reletenews .item:hover a{ color: #fff;}
.reletenews .item:hover .time{ border-right: 1px solid #3557aa;}

.pics{ padding: 2rem 0 3rem 0;}
.pics img{ width: 100%;}
.pics .col-md-8 .row:nth-child(1){ margin-bottom: 2rem;}
.pics p{ line-height: 1.8rem; text-align: center; padding-top: 1rem;}
.pics .kc img{ height: 237px;}

.sendmes{ width:100%; margin:0px auto; padding-bottom:30px; clear:both;}
.sendmes h2{ font-size:30px; font-weight:normal; text-align:center; padding:30px 0px;}
.sendmes p{ text-align:center; line-height:25px; width:100%; margin:0px auto; clear:both;}
.sendmes .l{ float:left; width:550px; overflow:hidden;}
.sendmes .r{ width:610px; float:left;}
.sendmes .r .content{ width:100%;}
.sendmes .r .content table{ width:90%; margin:0px auto;}
.sendmes ul{ width:100%; margin:0px auto; padding:30px 0px; overflow:hidden; clear:both;}
.sendmes ul li{ float:left;}
.sendmes ul li a{ background-color:#f9f9f9; border:1px solid #e7e7e7; padding:5px 18px; margin:0px 5px; display:block;}
.sendmes ul li a:hover{ background-color:#f5f5f5; text-decoration:none;}
.sendmes .tit{ border-bottom:1px solid #e7e7e7; text-align:center; height:25px; width:90%; margin:10px auto; margin-bottom:25px;}
.sendmes .tit h3{background-color:#f5f5f5;padding:2px 10px;font-size:20px;display:inline;height:35px;position:relative;top:12px;color: #3557aa;}

.sendmes .mes{ clear:both; width:100%; margin:0px auto; background-color:#f5f5f5; overflow:hidden;}

.sms_div {font-size:12px;position:relative; margin-left:25px; float:left;}
.sms_content_bottom {overflow:hidden}
.send_manager_div {	width:520px;height:40px;float:left;margin-left:160px;line-height:40px;clear:both;display:inline;}
.send_phone {width:520px;height:37px;line-height:39px;float:left;margin-left:10px;border:1px solid #ccc;padding-left:3px;padding-top:2px;margin-top:4px;}
.send_phone_focus {	width:530px;height:37px;line-height:39px;float:left;margin-left:10px;border:1px solid #FFF;background:#d6e9fb;padding-left:3px;padding-top:2px;margin-top:4px;}
.require{width:470px;height:90px;border:1px solid #ccc;padding-left:3px;padding-top:2px;margin: 7px 0;}
.require_focus{width:470px;height:90px;border:1px solid #ccc;padding-left:3px;padding-top:2px;background:#d6e9fb;margin: 7px 0;}
.input,.select{height:30px;border:1px solid #ccc;padding-left:3px;}
.input_focus{height:30px;border:1px solid #ccc;padding-left:3px;background:#d6e9fb;}
.input_quyu{width:185px;height:40px;line-height:38px; border:1px solid #ccc;}
.submit{width:100px;height:30px;text-align:center;background: #4667aa;color:#FFF;border:0;font-size:15px;}
.reset{width:100px;height:30px; text-align:center; background:#ADADAD; color:#FFF; border:0; margin-left:15px; font-size:15px;}
.w90{text-align:right}
.w370{ width:180px;}
.w370 input{ width:180px;}
.w370 select{ width:184px;}
.select_middle{ text-align:center;}

.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;}
}