#main {
        background: #fff
    }

    #main .areaheart {
        background: #fff;
		 margin-top: 20px;
    }

    .clearfix {
        clear: both;
        margin-top: 0
    }

    .banner {
        position: relative;
    }

    .banner_new_con {
        background: #ddeaf3;
        overflow:hidden;
        
        position: relative;
    }
    .banner_list{position: absolute;bottom:46px;left:0;z-index: 20;width:100%;}
    .banner_list,
    .banner_img_con {
        padding: 0;
        position: relative;
    }

    .banner_new_con .areaheart {
        margin-top: 10px;
        display: block;
        height: 100%
    }
    .banner_list .areaheart{
        position: relative;
		text-align: center;
    }
    .banner_list ul{}
    .banner_list ul li{width:20%;display: inline-block;text-align:center;height:36px;line-height:36px;cursor:pointer;position: relative;color:#ddd;}
    .banner_list ul li span{display:block;width:100%;height:100%;position: absolute;top:0;left:0;background:#000;opacity: 0.38 ;}
    .banner_list ul li i{font-style: normal;position: relative;z-index: 1}
    .banner_list ul li.active span{opacity: 0.55; }
    .banner_list ul li.active{color:#fff; }
    .banner_list ul li.active span:after{
        content:"";
        width:0;
        height:0;
        border-bottom:solid 12px #000;
        border-left:solid 12px transparent;
        border-right:solid 12px transparent;
        position: absolute;
        left:50%;
        top:-8px;
        z-index: 999;
        opacity: 1;
    }
    .slider_idx ul.slides {
        position: relative;
    }

    .slider_idx ul.slides li {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
    }

    .slider_idx ul.slides li.active {
        /*opacity: 1;*/
        z-index: 10
    }

    .slider_idx ul.slides li img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        
    }

    .banner .slide_dot {
        position: absolute;
        z-index: 10;
        left: 0;
        bottom: 20px;
        width: 100%;
        text-align: center
    }

    .banner .slide_dot li {
        margin-left: 10px;
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #e0e0e0;
        cursor: pointer;
    }



    .banner .slide_dot li.active {
        background: #707070
    }

    .pro_entry {
        padding: 20px 0;
    }

    .pro_entry ul {
        overflow: hidden;
    }

    .pro_entry li {
        margin: 0px 0;
    }

    .pro_entry li a {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 25px 0;
    }

    .pro_entry li a img {
        transition-duration: 0.8s;
        transition-timing-function: ease;
    }

    .pro_entry li a:hover img {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }

    .pro_entry li a span {
        display: block;
        text-align: center;
        margin: 15px 0;
    }

    .tabs_container {
         background:#ecf9ff;
        overflow: hidden;
    }
    .tabs_bg {
       
        background:#ecf9ff;
    }

    .tabs_container ul li {
        display: inline-block;
        width: 25%;
        font-size: 16px;
        float: left;
        text-align: center;
        padding: 8px 0;
        padding-bottom: 10px
    }

    .tabs_container ul li span {
        cursor: pointer;
        padding: 5px 0;
        /*color: #fff;*/
        /*border-bottom: 2px solid #006db9;*/
    }

    .tabs_container ul li.active span {
        /*border-bottom: 2px solid #fff;*/
        /*font-size: 18px;*/
        color:#fff;
    }
    .tabs_container ul li.active  {
        background: #2da3f5;
        /*font-size: 18px;*/
    }

    .tabs_container ul li img {
        display: inline-block;
        width: 30px;
        height: 30px;
        transition: all 0.25s;
    }



    .tabs_container ul li.active a {
        color: #e08038fc;
    }

    .tabs_container ul li.active span {
        background-position: 0 -30px
    }

    #tablist {
        margin-bottom: 0px;
    }

    .tabs_item {
        overflow: auto;
        display: none;
        margin-bottom: 20px;

    }

    .tabs_item.promo ul {
        margin: 0 30px;
    }

    .tabs_item.promo .imgg {
        margin: 0 10px;
    }

    .tabs_item.promo .toum {
        padding-right: 0;
        margin: 0 10px;
        margin-top: 20px
    }

    .tabs_item.promo .toum h4 {
        font-weight: bold;
        color: #3f3f3f;
        font-size: 14px;
        min-height: 42px;
        line-height: 1.5
    }

    .tabs_item.promo .toum p {
        color: #696969;
        font-size: 12px;
        line-height: 1.5;
        min-height: 50px;
        margin-top: 5px
    }

    .tabs_item.promo .toum .more {
        display: inline-block;
        margin-top: 10px
    }

    .tabs_item a:hover {
        color: #006db9;
    }

    .tabs_item.promo li {
        margin-top: 20px;
        overflow: hidden;
    }

    .tabs_item.promo .imgg img {
        display: block;
        width: 100%;
    }

    #tablist .tabs_item:first-child {
        display: block
    }

    h3.tit_idx {
        font-size: 25px;
        text-align: center;
        margin: 15px 0;
    }

    .tech_section {
        margin: 0 15px;
        margin-bottom: 40px;

    }

    .tech_section ul {
        margin-top:10px
    }

    .tech_section li {
        text-align: center;
        margin: 7px 0;
        cursor: pointer;
    }

    .tech_section li div {
        padding: 10px 0;
        box-shadow: 0px 2px 10px #ddd
    }

    .tech_section li div.color1 {
        border-top: 4px solid #f8b551;
    }

    .tech_section li div.color2 {
        border-top: 4px solid #80d3b8;
    }

    .tech_section li div.color3 {
        border-top: 4px solid #93b5e5;
    }

    .tech_section li div.color4 {
        border-top: 4px solid #fdbac4;
    }

    .tech_section li div.color5 {
        border-top: 4px solid #97ccf0;
    }

    .tech_section li div.color6 {
        border-top: 4px solid #d0b1d2;
    }

    .tech_section li div a {
        display: block;
        transition: all 0.25s;
    }

    .tech_section li div a:hover em {
        text-decoration: underline;
    }

/*    .tech_section span {
        display: inline-block;
        width: 100px;
        text-align: left;
    }*/

    .tech_section li div table {
        width:100%;
    }    

    .tech_section li div table td:first-child{
        text-align:right;
        padding-right: 10px;
        width:35%;
    }    
    .tech_section li div table td:nth-child(2){
        text-align:left;
        padding-left: 10px;
        width:60%;
    }
    .tech_section li div table td:nth-child(2) p{margin-right: 15px}
    .tech_section td p.sub_tit{font-size:12px;color:#999;}

    
    .about_bg {
        background:url(../images/about_bg.png) no-repeat;
        background-size: 100% 100%;
        padding:24px 0;
        margin-bottom: 50px;

    }
    .about_bg .areaheart{background:none!important}
    .about_bg .about_con{overflow: hidden;}
    .about_section img {
        display: block;
        max-width:100%;
        width:98%;
        margin-left: 15px
    }


    .company_desc p {
        color: #696868;
        line-height: 24px;
        margin-top: 50px;
        padding:15px;
    }

    .company_desc a {
        display: block;
        text-align: right;
        margin-top: 20px
    }


    .signal_con {
        margin: 10px;
    }

    .signal_con ul {
        overflow: hidden;
    }

    .signal_con ul li {
        margin: 7px 0;
    }

    .signal_con ul li a {
        color: #737373;
        padding-bottom: 5px
    }

    .signal_con ul li a:hover {
        color: #006db9;
        border-bottom: 1px solid #006db9
    }

    .research_con {
        margin:0px 25px;
        margin-top: 20px
    }

    .research_con ul {
        overflow: hidden;
    }

    .research_con li {
        margin-bottom: 30px
    }

    .research_con li a {
        display: block;
        box-shadow: 0px 2px 10px #ddd;
        height: 30px
    }

    .research_con li:first-child {
        margin-left: 15%
    }

    .research_con li:nth-child(4) {
        margin-left: 5%
    }

    .research_con li:nth-child(6) {
        margin-right: 15%
    }

    .research_con li:nth-child(11) {
        margin-left: 37%
    }

    .research_con li a img {
        float: left;
        width: 25%;
        max-height: 100%;
    }

    .research_con li span {
        float: left;
        width: 75%;
        text-align: center;
        line-height: 30px;
        font-size: 12px;
    }

    .publication_con {
        margin: 0px 0px;
        overflow: hidden;
        margin-bottom: 20px
    }

    .publication_con ul {
        padding: 0;
    }

    /*    .publication_con li {
        min-height: 225px
    }*/

    .publication_con li h4 {
        font-size: 13px;
        font-weight: bold;
        color: #3b3b3b;
        line-height: 18px;
        /*        margin-bottom: 5px;
        margin-top: 5px;*/
        height:38px;
        margin:0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    }
.publication_con li h4 a{padding:0;}
    .publication_con li p {
        font-size: 12px;
        color: #737373;
        line-height: 18px;
        /*margin-bottom: 10px;*/
        height:72px;
        margin:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    }

    .publication_con ul {
        overflow: hidden;
        margin: 0 20px;
    }

    .publication_con li>div {
        margin: 20px 10px;
        overflow: hidden;
    }

    .publication_con li a {
        padding: 5px;
        font-size: 13px;

    }

    .publication_con li a:hover {
        /*border-bottom: 1px solid #006db9*/
    }

    .publication_con li img {
        display: block;
        max-width: 100%;
        margin:0 auto;
    }

    .publication_con li div div {
        padding: 0;
    }

    @media screen and (max-width: 991px) {

        .tech_section  {
            margin:0px;
        } 
        .tech_section li{padding:0 5px;}
        .research_con li {
            margin: 10px 0!important
        }

        .about_section {
            margin-bottom: 60px;
        }

        .signal_con,
        .research_con {
            margin: 15px 0;
        }
        .company_desc p{
            margin-top: 20px
        }


    }

    @media screen and (max-width: 880px) {
        .banner_new_con {
            margin-top: 0px
        }
    }
    @media screen and (max-width: 767px) {
        .tabs_item.promo ul {
            margin: 0;
        }
		.pic_list_con{ padding: 0 10px;}
        .tabs_item{margin-top: 0}
        .tabs_item.promo li {
            padding: 0;
        }

        .company_desc p{
            margin-top: 10px
        }


        .tabs_item.promo .toum {
            padding-left: 5px
        }

        .tabs_item.promo .toum h4 {
            line-height: 1.5
        }

        /*        .banner_list {
            display: none
        }
*/
        .about_section img {
            width: 82%;
        }

        .pro_entry li {
            margin: 5px 0;
        }

        .pro_entry li a {
            padding: 10px 0;
        }

        .tech_section {
            margin: 0 auto;
        }

        .tech_section li div i {
            padding-right: 5px;
        }

        .tech_section li {
            padding: 5px;
        }

        .areaheart {
            width: 100%;
        }

        .footer {
            padding: 0 10px;
        }
    }

    @media screen and (max-width: 590px) {
        .tabs_item.promo li p {
            overflow: hidden;
        }

    }

    @media screen and (max-width: 420px) {
        .tech_section ul li{width:100%;}
        .tabs_item.promo li {
            width: 100%;
        }

        .tabs_item.promo .toum p,
        .tabs_item.promo .toum h4 {
            min-height: auto
        }

        .signal_con ul li {
            width: 90%;
            margin: 8px 0;
        }

        .research_con li {
            width: 90%;
            float: none;
            margin: 10px auto!important;
        }

        .research_con li a img {
            width: 60px;
        }

        .pro_entry li a span {
            height: 40px
        }

        .tech_section span {
            width: 100%;
            text-align: center;
        }
        .publication_con ul{margin:0 10px;}
        .publication_con li p,.publication_con li h4{height: auto}
        .publication_con li{padding:0;}
        .publication_con li img{max-width: 95%}
        /*.publication_con li div div{margin:5px;padding:0;}*/
    }

    .con_list li img {
        width: auto;
        max-width: 100%;
        max-height: 260px
    }

    .click_off {
        position: absolute;
        width: 35px;
        height: 35px;
        top: 9%;
        left: 90%;
        cursor: pointer;
    }
	
	
	
	#search #keywords:focus {
	    outline: none
	}
	
	.spec_char_head {
	    position: absolute;
	    left: 0;
	    top: 100%;
	    width: 100%;
	    background: #fff;
	    border: 1px solid #ddd;
	    z-index: 999999;
	    margin-top: 0px;
	    display: none
	}
	
	.char_list_head {
	    padding: 5px;
	    position: relative;
	    padding-left: 105px;
	}
	
	.char_list_head>span {
	    position: absolute;
	    top: 15px;
	    left: 10px;
	    color: #999;
	}
	
	.char_list_head ul {
	    display: inline-block;
	}
	
	.char_list_head ul li {
	    display: inline-block;
	    padding: 0 5px;
	    margin: 0 2px;
	    cursor: pointer;
	    color: #005596;
	    font-size: 12px;
	}
	
	.char_list_head ul li:hover {
	    text-decoration: underline;
	}
	
	.char_list_head .char_btn_head {
	    padding-left: 5px;
	    color: red;
	}
	
	iframe#LR_miniframe,
	iframe#lo-cs-frame {
	    position: static !important
	}
	
	div#LRfloater2 {
	    left: 0 !important;
	    bottom: 0 !important;
	    right: auto !important;
	}
	
	#cart {
	    border: 1px solid #fea410;
	    bottom: 50px
	}
	
	#cart span {
	    color: #fea410;
	}
	
	#gotop {
	    bottom: 165px
	}
	
	#msg_btn {
	    position: fixed;
	    right: 55px;
	    bottom: 115px;
	    text-align: center;
	    cursor: pointer;
	    z-index: 9999;
	}
	
	#msg_btn span {
	    display: block;
	    width: 50px;
	    height: 50px;
	    background: url(../images/msg_icon1.png) no-repeat;
	    background-size: 100% 100%
	}
	
	@media screen and (max-width: 880px) {
	    #msg_btn {
	        right: 20px;
	        bottom: 185px;
	    }
	
	    #msg_btn span {
	        width: 30px;
	        height: 30px
	    }
	}
	
	.p_apply{text-align: right; margin: 10px 0;}
	.p_apply a {color:red; }
	.nrong h4{
		color:#006db9;
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.nrong p a{
		color:#006db9;
	}
	.nrong table{
		width: 100%;
		margin-top: 20px;
	}
	.nrong table tr{
	}
	.nrong table thead tr th{
		background: #95ccf6;
		height: 40px;
	}
	.nrong table thead tr th:first-child,
	.nrong table tbody tr td:first-child
	{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		padding-left: 35px;
		width:20%;
	}
	.nrong table thead tr th:last-child,
	.nrong table tbody tr td:last-child{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
        width:30%;
	}
	.nrong table tbody tr td{
		background: #e3eef6;
		height: 40px;
        width:15%;
	}
	.nrong table tbody tr td a{
	    color:#3b8fcf;
	}
	.nrong ul{
		margin-top: 60px
	}
	.nrong ul li{
		list-style: none;
	}
	@media screen and (max-width: 880px){
	.nrong{
		font-size: 12px;
	}
	.nrong table thead tr th:first-child,
	.nrong table tbody tr td:first-child
	{
		padding:0 5px;
		width:35%;
	}
	 }
	 .relativeD {
	 	position: relative;
	 }
	 .nrong h2{
	 	font-size: 18px;
	 	color:#005ab3;
	 	margin-top: 20px;
	 	margin-bottom: 30px;
	 	font-weight: bold;
	 }
	 .nrong dt{
	 	margin-top: 25px;
	 }
	 .nrong dd{
	 	margin-top: 5px;
	 }
	 @media screen and (max-width: 880px){
	 	.nrong {
	 		font-size: 14px;
	 	}
	 }
	 
	 .video_con h2 {
	     padding-bottom: 15px;
	     color: #0b6eb3;
	 }
	   			
	 .intro {
	     line-height: 24px;
	 }
	   			
	 .video_con img {
	     display: block;
	     max-width: 100%;
	     margin: 0 auto;
	 }
	   			
	 .video_con h4 {
	     margin: 30px 0;
	     margin-top: 40px;
	     font-size: 18px;
	     padding-top: 20px;
	     border-top: 1px solid #b2b2b3;
	     font-weight: bold;
	     color: #0b6eb3;
	 }
	   			
	 .intro a {
	     color: #005ab3;
	     text-decoration: underline;
	 }
	   			
	 .intro .txt_box {
	     float: left;
	 }
	   			
	 .intro .txt_box p {
	     margin: 10px 0;
	     text-indent: 2em;
	 }
	   			
	 .intro .img_box {
	     float: right;
	     text-align: center
	 }
	   			
	 .intro .img_box a {
	     text-decoration: none
	 }
	   			
	 .intro .img_box span {
	     font-size: 12px;
	     font-weight: bold;
	 }
	   			
	 .intro .img_box img {
	     max-width: 180px;
	 }
	   			
	 .honor_con li {
	     margin-top: 30px;
	     padding: 0px;
	     cursor:pointer;
	   			
	 }
	   			
	 .honor_con li>div {
	     margin: 0 10px;
	     box-shadow: 0 2px 5px 0 #ddd
	 }        
	 .honor_con li>div:hover {
	     box-shadow: 0 0px 5px 0 #1c88f5
	 }
	   			
	 .honor_con li table  td{
	     text-align: center;
	     padding: 5px 24px;
	     height: 50px
	 }
	 .honor_con li table{
	     width:100%;
	 }
	 @media screen and (max-width:480px){
	     .honor_con li{width:100%;}
	 }
	 
	 .liuyan{border:none;margin-top: 0}
	 .relativeD{position: relative; }
	 .placess{border: 1px solid #D3DDEA; margin: 10px 0 12px 0;}
	 .relativeD .placess{width: 33.3%;}
	 #cCountry{height: auto;width: 100%;line-height:200%;margin-bottom: 10px; background: #F3F6F9; display:none;}
	 #contact a{color: red; text-decoration: underline; margin:0 0 0 10px;}
	 .citys{border:1px solid #ecebeb;padding:10px;background: #f3f6f9;}
	 #btn{background: #f3f6f9;padding: 5px;border:1px solid #e6e6e6;border-radius: 5px;}
	 .atc_tit em{font-style: normal;color:red;padding-right: 5px;font-size: 16px;position: relative;top:3px;}
	 
	 
	 
	 /*Top100 Elisa Start*/
	       .adv_text{border:2px solid #689ac3;width: 100%;overflow: hidden;margin-top: 20px;padding: 10px;border-radius: 10px;}
	       .adv_text li{position: relative;display: inline-block;width: 100%;}
	       .adv_text span{font-size: 14px;font-weight: 300;color: rgba(67,67,67,1);line-height: 30px;width: 95%;float: right;}
	       .adv_text li i {font-size: 22px;font-weight: bold;line-height: 40px;}
	       .pro_list{margin: 40px 0px;}
	       .pro_list .list_cent{margin-top: 20px;width: 100%;overflow: hidden;}
	       .pro_list .tabs{width: 100%;overflow: hidden;}
	       .pro_list .tabs .current{background: #e28003fc;box-shadow: 1px 1px 10px #b59a6efc;}
	       .pro_list .tabs li{background: #999;display: inline-block;width: 20%;margin:10px 2%;display: inline-block;text-align: center;border-radius: 30px;box-shadow: 1px 1px 10px #999;}
	       .pro_list .tabs img{width: 55px;height: 55px;}
	       .pro_list .tabs span{font-size:28px;vertical-align: middle;color: #fff;}
	       .tablist_item{display: none;margin-top: 20px;}
	       .tablist_item:first-child{display: block;}
	       /*.tablist_item table th:first-child,.tablist_item table td:first-child{width: 11%;}
	       .tablist_item table th:nth-child(2),.tablist_item table td:nth-child(2){width: 14%;max-width: 150px;overflow:hidden;white-space:nowrap;}
	       .tablist_item table th:nth-child(3),.tablist_item table td:nth-child(3){width: 30%;}
	       .tablist_item table th:nth-child(4),.tablist_item table td:nth-child(4){width: 18%;}
	       .tablist_item table th:nth-child(5),.tablist_item table td:nth-child(5){width: 11%;}
	       .tablist_item table th:nth-child(6),.tablist_item table td:nth-child(6){width: 9%;}*/
	       .tablist_item table th{line-height: 38px;color: #fff;background: #4580bd;padding:0px 3px;border: 1px solid #4580bd;}
	       .tablist_item table td{line-height: 32px;padding:0px 3px;border: 1px solid #e0e0e0;font-size: 13px;overflow: hidden;}
		   .dmc_ld_n{display:block;max-width:200px;}
	       .tablist_item table a{color: #4580bd;display: block;}
	       .tablist_item table a:hover{text-decoration: underline;color: #0c67d8;}
	       .tab_page{display: none;}
	       .tab_page:first-child{display: block;}
	       .pages .active{background:#e28105;}
	       .pages{margin-top: 30px;text-align: center;cursor: pointer;}
	       .pages li{display: inline-block;padding:5px 25px;background: #4580bd;margin-right: 10px;color: #fff;}
	       .pic_con{margin-bottom: 20px;}
	       .pro_img{margin-bottom: 60px;}
	       .pro_img ul{margin-top: 20px;text-align: center;}
	       .pro_img ul li{display: inline-block;width: 31%;position: relative;margin-right: 2%;cursor: pointer;}
	       .pro_img span {position: absolute;background: url(/Public/Home/images/ad_elisakits/glass.png) no-repeat 5px;top: 30%;left: 45%;width: 40px;height: 40px;background-color: #4580bd;border-radius: 50%;opacity: 0.1;}
	       .pro_img p{background: #4580bd;line-height: 30px;text-align: center;font-weight: bold;}
	       .pro_img a{color: #fff;display: block;}
	       .pro_img a:hover{background:#e28105;transition-duration: 0.4s;transition-timing-function: ease;}
	       .pro_img li>img{max-width: 100%;border:1px solid #b7b7b7;}
	       .case_big_show{position:fixed;width:100%;height: 100%;z-index:9999999999;background:rgba(0,0,0,0.5);display: none;cursor:pointer;top: 0px;}
	       .pic_layer{width:60%;margin:0 auto;margin-top:60px;position: relative;}
	       .pic_layer span{font-size:24px;text-align:center;line-height:30px;width:30px;height: 30px;display: inline-block;background:#fff; position: absolute;top:-30px;right: -30px;border-radius: 50%;}
	       .pic_layer img{display: block;width:100%;}
	       .glyphicon{top: -5px;}
	       /*Top100 Elisa End*/
	       @media screen and (min-width: 1138px){
	       .pr_details{width:73%;}
	       .pr_other{width:25%;}
	       }
	       @media screen and (max-width: 992px){
	         /*Top100 Elisa Start*/
	          .tablist_item table th:nth-child(2),.tablist_item table td:nth-child(2){width:30%;max-width:240px;}
	          .pic_con{text-align: center;}
	          .pic_con:nth-child(2),.pic_con:nth-child(3){display: none;}
	          .pro_list .tabs span{display: none;}
	          .adv_text span{width: 91%;}
	          .pro_img ul li{width: 30%;}
	 
	       }     
	     
	       @media screen and (max-width:768px){
	         /*Top100 Elisa Start*/
	         .pages li{width: 15%;padding: 5px 0px;}
	         .tablist_item table th:nth-child(4), .tablist_item table td:nth-child(4) {}
	       }
	 
	        @media screen and (max-width:552px){
	         .pro_img ul li{width: 95%;margin-bottom: 20px;margin-right: 0px;}
	         .area_con h3, .area_con h1 {font-size: 20px;}
	         .pic_layer{width: 80%;}
	        }