img{ max-width: 100%;outline: none;  }
ul,li{ list-style: none;margin: 0; padding: 0;}
*{outline: none;  }
a{color:#333;}
a:link,a:visited,a:hover,a:active{text-decoration: none;}
a:hover{color: #000;}
a:focus {outline: 0px auto -webkit-focus-ring-color;outline-offset: 0px;}
#logo img{max-height:75px;}
.b{ font-weight: bolder;}
.media-object{border-radius: 5px;}
.bg-white{background: #fff;}
.companyPad20{padding:20px; }
.noWrap{ overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; margin: 0;}
.w100{width: 100%;}
.companyPadT10{ padding-top: 10px}
.companyPadB0{padding-bottom: 0;}
.lineHeight24{ line-height: 24px;}
.mrg0{margin: 0;}
.mrgT0{margin-top: 0;}
.mrgT10{margin-top: 0px;}
.mrgT20{margin-top: 0px;}
.mrgT40{margin-top: 40px;}
.padNull{padding: 0;   height: auto;}
.pad10{padding: 10px;}
.mrgB0{margin-bottom: 0;}
.mrgB10{margin-bottom: 10px;}
.mrgB20{margin-bottom: 20px;}
.smH70{ height: auto;}
.smH168{height:auto;}
.nav-tabs{border-bottom:0;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border:0;}
.nav>li>a:hover, .nav>li>a:focus{background:none}
.nav-tabs>li>a:hover{border-color:transparent;}
.glyphicon{ margin-right: 10px;}
.color_white,.color_white:hover{color: #fff;}
.bg-gray{background: #d9d9d9;}

.navbar-color{ background-color:#0080C0;}


.navbar-color *{transition: .4s; -moz-transition: .4s;-webkit-transition: .4s;}
.navbar-color a{ color: #fff;}
.navbar-color li:hover a{ background-color: #eb3b00; color: #fff;}
.navbar-color li li{ border-bottom: 1px solid #323a45;}
.navbar-color li .dropdown-menu a{ background-color: #ff5c25;}
.navbar-color .dropdown-menu{ padding: 0;}
.banner-slick{overflow: hidden}
.banner-slick .slick-dots{ position: absolute; bottom: 20px; left: 50%; width: 100%; margin-left: -50px; cursor: pointer}
.banner-slick .slick-dots li{ width: 20px;height:20px; border-radius: 50%; background-color: #323a45; float: left; margin: 0px 7px;}
.banner-slick .slick-dots li.slick-active{background-color: #eb3b00;}
.banner-slick .slick-dots li button { display: none;}

.company_info small{display:block; overflow: hidden;}
.line a{position: relative;
    display: block; padding-bottom: 5px;
    height:28px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.line a:after{content: " "; height:1px; width: 100%;  bottom:0;
    left:0; border-bottom: 1px dashed #ccc;
    position: absolute;
    display: block;}





/*首页productList 样式开始*/
#myTab{ margin-bottom: 20px;}
.bg-info {
    height: 41px;
}
.yourtab{ height:65px;}
#myTab li a{ padding: 10px 15px;}
#myTab .active a{position: relative; background: #333333;  color: #fff; font-weight:bold;  border-radius: 5px;  transition:.1s; -webkit-transition:.1s;-moz-transition:.1s;-ms-transition:.1s;}
#myTab li a:after{ display: none; content: "";position: absolute; bottom: -7px; left: 50%;margin-left: -5px; width: 0; height:0;border-left: 5px solid transparent;  border-right: 5px solid transparent;  border-top: 10px solid #333333;}
#myTab .active a:after{ display: block;transition:.5s; -webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;}

/*首页productList 样式结束*/

/*首页底部广告*/
.borderColorRed{border: 5px solid #f00; border-radius: 5px;}
.borderColorGreen{border: 5px solid #1abc9c;border-radius: 5px;}
.borderColorYellow{border: 5px solid #e67e22;border-radius: 5px;}


/*footer开始 */
#footer dt,#footer dd{color: #f9f9f9; padding: 10px 10px 10px 0; font-weight: normal; border-bottom: 1px solid #f7d9d7;}
#footer a:hover{ color: #e74c3c;}
.copyright{background: #292f38;color: #696e6e; font-size: 12px;}
/*footer结束 */



/* 产品列表 （左侧） */
.productList dt{ padding: 8px 8px; }
.productList dt a{color: #343333; font-weight: normal;}
.productList dd{word-wrap:break-word; padding: 6px 16px 6px 8px; border-bottom: 1px solid #eee;position: relative;  transition: .2s;-webkit-transition: .2s;-moz-transition: .2s;-ms-transition: .2s;}
.productList dd .glyphicon-menu-right{position: absolute; right: 6px; top:10px; color: #ccc; font-size: 12px;}
.productList dd a{ display: inline-block;color:#676767; font-weight: normal; font-size: 12px;width: 90%;}

.productList dd:hover{ background: #f8f8f8;}
.productView h4{/*margin: 0 15px 15px;*/}
.bg-gray .glyphicon-play,.gray.glyphicon-play{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);}
.bg-gray .glyphicon-play:before,.gray.glyphicon-play:before{content: "\e072";font-size: 12px;}
.bg-gray .glyphicon-play:before {color: #fff; }
.level3{padding-left: 30px;}
.gray.glyphicon-play:before {color: #c3c3c3;}
.productList dd .level3 a{color: #8e8e8e}
.productList a:hover,.productList dd .level3 a:hover{ color: #f00; }

/* 产品详细轮播图 */
.single-item{overflow: hidden}
.single-item .slick-dots{ position: absolute; bottom: 10px; left:10px; width: 100%; cursor: pointer}
.single-item .slick-dots li{ width: 12px;height:12px; border-radius: 50%; background-color: #323a45; float: left; margin: 0px 3px;}
.single-item .slick-dots li.slick-active{background-color: #eb3b00;}
.single-item .slick-dots li button { display: none;}


.pull-right.glyphicon{ font-size: 22px;}
.news_thumbnail{overflow: hidden;position: relative;}
.news_pos_ab{ transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;line-height: 24px; position: absolute; height: 50%;overflow: hidden; text-align: justify; padding: 10px;background:rgba(0,0,0,0.8); left: 0; bottom: -100%;right: 0; color: #fff;opacity: 0; }
.news_thumbnail:hover .news_pos_ab{bottom: 0;opacity: 1;}
.tags_list .media{padding-bottom: 10px; border-bottom: 1px dashed #ccc; }
.footTags a{color: #fff; font-size: 12px;margin-left: 10px;}
#Pager1 { float: right;overflow: hidden; margin-bottom: 10px; }
#Pager1 li{ float: left; }
#Pager1 li a,#Pager1 li span{padding:3px 8px;border:1px solid #999; display: block;}
@media screen and (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media screen and (max-width: 768px){
    .banner-slick .slick-dots li{
        display: none;}
    .megamenu-content2 .title a{
        color: #fff;
    }    
}

#bigclass,#smallclass{display: block;width: 96%;line-height: 40px;margin: 284px auto;}
.smH168 {
    height: auto;
}
.col-xs-12 img{ height:auto;}
.col-xs-12 .txt{ height:1px; overflow:hidden;}
.propic img{ height:auto;}

.table{width:99%;height:auto;background:#fff; margin:5px 0px 15px 0px;}
.table td{margin-bottom:3px;text-align:center;border-width:1px;padding: 3px;border:1px solid #dddddd; height:25px; line-height:25px;}
.table tr{ background:#fff;}
.table tr:first-child {background:#eeeeee; font-weight:bold;}
.table tr a:hover{ color:#0066FF}

#overHidden{ max-height: 400px;overflow: hidden; }
.sliderlG .slick-slide img{ display: block; margin: 0 auto;}
.sliderSM .slick-slide{ padding: 10px; cursor: pointer; }
#overHidden .slick-prev,#overHidden .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 999;
}

#overHidden .slick-prev {
    left: 0px;
}
#overHidden .slick-next {
    right: 0px;
}
#overHidden .slick-prev:before, #overHidden .slick-next:before {
    font-family: 'Glyphicons Halflings';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: transparent;
}
#overHidden .slick-prev::before {
    content: "\e132";
}
#overHidden .slick-next::before {
    content: "\e131";
}
#overHidden .sliderSM img{border:1px solid #f1f1f1;}
#overHidden .sliderSM img:hover{border:1px solid #f00;}


#ul1 {
    position: absolute;
    top: 30px;
    left: 50px;
    text-align: left;
    width: 350px;
    display: none;
    background: #fff;
    padding: 2px 4px;
    border: 1px solid #eee;
	z-index: 99;
}
#ul1 li{ width:100px;}
#ul1 li a{ padding:5px 5px; line-height:20px;}
#ul1 li a:hover{ color:#1251b5;}
.color999 a{ font-weight:bold;}
.color999 a:hover{ color:#1251b5;}
#logo h1{ width:450px; padding-left:110px; position: absolute; font-size:25px;}
h6.title {
    height: auto;
}
.txt a{width:50%;}
li.txt {
    width: 66%;
    margin-left: -15px;
    font-size: 20px;
}
p.tag {
    margin-top: 10px;
}

.float-left,.float-right{float: left;width: 50%;}
.float-right{margin-bottom: 65px;}
hr{clear: both;margin: 20px 0;border-color: #b7b5b5;}
.tc{text-align: center;}
.cg-pic-box{height: 170px;}
.cg-pic-box img{max-height: 160px;}
.hotproducts img{height: 173px;width: auto;}
.index-news{border-radius: 5px;}
.Application-pic{display: inline-block;width: 32%;height: 200px;margin-right: 1%;margin-bottom:20px;text-align: center;}
.Application-pic>img{max-height: 100%;}
.Application-pic2{display: inline-block;width: 24%;height: 200px;margin-right: 1%;margin-bottom:20px;text-align: center;}
.Application-pic2>img{max-height: 100%;}
.Application-pic3{display: inline-block;width: 22%;height: auto;margin:0 1% 0px;margin-bottom:20px;text-align: center;}
.Application-pic3>img{max-height: 100%;}
.h3 .table{font-size: 14px !importamt;}
.alert-danger{margin-top: 10px;}
.par-logo img{height:60px;}
.par-h3{    background-color: #eff9f9;padding: 10px;margin: 5px;border-radius: 6px;}

.download-ul>li{height:30px;line-height:30px;}
.col-md-5 .media-object{height: 40px;}
.slick-arrow{display:none !important;}
.aboutbanner{/*height: 160px !important;*/text-align: center;display: table-cell;vertical-align: middle;}
.aboutbanner>img{max-height: 136px;width:auto !important;display: block;margin:auto;}
/*a[rel="colorbox1"]{width: 50%;height: 178px;display: table-cell;vertical-align: middle;}*/
.slick-initialized,div[aria-live="polite"]{width: 100%}
body>.wrapper #newBridge #nb_icon_wrap{opacity: 0.7;right:55px;top:87%;}
.show-one{border: none !important;}
.loading{position: fixed;width: 100%;height: 1000px;top: 45%}
.loading p{padding-top: 65px;}

/*loading*/
.cssload-loader {
    position: relative;
    left: calc(50% - 31px);
    width: 62px;
    height: 62px;
    border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    perspective: 780px;
}

.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;    
}

.cssload-inner.cssload-one {
    left: 0%;
    top: 0%;
    animation: cssload-rotate-one 1.15s linear infinite;
        -o-animation: cssload-rotate-one 1.15s linear infinite;
        -ms-animation: cssload-rotate-one 1.15s linear infinite;
        -webkit-animation: cssload-rotate-one 1.15s linear infinite;
        -moz-animation: cssload-rotate-one 1.15s linear infinite;
    border-bottom: 3px solid rgb(42,151,224);
}

.cssload-inner.cssload-two {
    right: 0%;
    top: 0%;
    animation: cssload-rotate-two 1.15s linear infinite;
        -o-animation: cssload-rotate-two 1.15s linear infinite;
        -ms-animation: cssload-rotate-two 1.15s linear infinite;
        -webkit-animation: cssload-rotate-two 1.15s linear infinite;
        -moz-animation: cssload-rotate-two 1.15s linear infinite;
    border-right: 3px solid rgb(42,151,224);
}

.cssload-inner.cssload-three {
    right: 0%;
    bottom: 0%;
    animation: cssload-rotate-three 1.15s linear infinite;
        -o-animation: cssload-rotate-three 1.15s linear infinite;
        -ms-animation: cssload-rotate-three 1.15s linear infinite;
        -webkit-animation: cssload-rotate-three 1.15s linear infinite;
        -moz-animation: cssload-rotate-three 1.15s linear infinite;
    border-top: 3px solid rgb(42,151,224);
}







@keyframes cssload-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-one {
    0% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-one {
    0% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-two {
    0% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-two {
    0% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-three {
    0% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-three {
    0% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
/*loading-end*/
.link{ padding:10px 25px; background:#056AB2; color:#fff; font-size:16px; border-radius:5px; margin:40px 0;}
/*video*/
.videolist { width: 900px;height: 502px;}
.videolist li { float: left;      width: 259px;   margin-right: 24px; margin-bottom: 15px;     text-align: center;}
.videolist ul {width:900px;}
.videolist li a { text-align: center; }
.videolist li:hover {  font-weight: 600;}