body {
    font: 16px/1.5 'Microsoft YaHei',arial
}
a{color:#333;text-decoration:none;outline:medium none;transition:color .3s}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none;color:#00a8e0}
img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*,:after,:before{margin:0;padding:0}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0}
body, td, th {
    font: 16px/1.5 'Microsoft YaHei',arial
}
input {
    font: 16px/1.5 'Microsoft YaHei',arial
}
.no-padding{padding:0}
@media (min-width:1200px){.container{width:1200px}
}
header{width:100%;float:left;padding:15px 0}
.logo{float:left}
.top-menu{float:right;text-align:right;}
.top-menu nav {display:block;
}
.top-menu nav ul li{float:left;}
.top-menu nav ul {float:right;
}
#key {background-color:#00a8e0;border-color:#00a8e0;color:#fff001;
}

#sub {background-color:#00a8e0;border-color:#00a8e0;
}

#sub i{
color:#fff001;
}
.top-menu  ul  > li > a{
    font-size: 22px;
    display: inline-block;
    padding: 8px 30px;
    text-transform: uppercase;
    color: #00a8e0;
    position: relative;
}
.top-menu ul li > a:hover, .top-menu ul li.active > a {
    color: #033397
}
.top-menu nav ul li a:before{content:""; position:absolute; bottom:0; width:80%; left:10%; height:3px; background-color:#033397; opacity:0; transition:all .3s;}
.top-menu nav ul li a:hover:before,.top-menu nav ul li.active a:before{opacity:1;}



.top-search{width:200px;float:right;margin-bottom:15px; margin-left:15px;}
@media (max-width:768px){
    .top-search {
        margin-bottom: 0px;
        width: 100%;
        margin-top: 68px;
    }
    .hamburger {
        top: calc(39% - 16px);
    }
    .hamburger span {
        background-color: #00a8e0 !important;
    }
}

section img{max-width:100%}
#language{display:block;padding:0 30px}
.frame{float:left;width:100%;padding:45px 0}
.index-about-title h3{font-size:30px;position:relative;text-transform:capitalize;padding-bottom:15px}
.index-title h3{font-size:65px;font-weight:700;color:#00a8e0;position:relative;padding-bottom:30px;margin-bottom:15px}
.index-title h3:before{position:absolute;content:url(../images/bottom.png);left:0;bottom:0}
.index-title.text-center h3:before{left:calc(50% - 48px)}
.index-title p{font-size:17px;padding-bottom:15px;float:left}
#frame1{background-color:#f8f8f7;float:left;width:100%}
.aboutus{float:left}
.aboutus p{float:left;font-size:16px;line-height:2}
.index-img{text-align:center; padding:0 15px;}
.index-img img{max-width:100%;padding-bottom:10px}
.index-img span {
    background-color: #fff001;
    padding: 5px 5px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    min-width: 80%;
    display:inline-block;
    font-size:12px;
}
.more a{display:inline-block;background-color:#00a8e0;padding:5px 20px;color:#fff;margin-top:30px}
@media (max-width:768px) {
    .index-about-title h3 {font-size:18px;
    }
    .aboutus p {
        font-size: 12px;
    }
    .index-title h3 {
        font-size: 30px;
    }
    .owl-controls {display:none!important;
    }
    .frame {padding:15px 0;
    }
    .index-title p {font-size:12px;
    }
}

#frame2{float:left;width:100%}
.p_img{background-color:#00a4e4;position:relative; text-align:center;}
.p_img img { max-width:100%;
}
#category_owl .item{padding:0 10px}
#category_owl .p_img span {
    position: absolute;
    left: 15px;
    top: 7px;
    font-size: 30px;
    text-transform: capitalize;
    color: #fff001
}
@media (max-width:1600px) {
    #category_owl .p_img span {
        font-size: 24px;
    }
}

@media (max-width:1300px) {
    #category_owl .p_img span {
        font-size: 20px;
    }
}
@media (max-width:479px) {
    #category_owl .p_img span {
        font-size: 30px;
    }
}


#category_owl .owl-controls { padding-top:30px;
}
#category_owl .owl-controls .owl-page span{width:60px;height:8px;color:#999;transition:all .3s}
#category_owl .owl-controls .owl-page.active span,#category_owl .owl-controls .owl-page:hover span{background-color:#00a4e4}
#frame3{float:left;width:100%}
.index-product { margin-bottom:15px;
}
.product-img {
    border: solid 2px #ccc
}
.product-img img{max-width:100%}
.product-text{background-color:#00a8e0;color:#fff}
.product-text a{color:#fff;font-size:18px;padding:10px 15px;display:block; text-overflow:ellipsis; 
            display: -webkit-box;
            height:60px;
            line-height:1.2;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;}
.product-text p {
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    display: block;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-box-orient: vertical;
    max-height: 65px;
    overflow: hidden;
}
.product-text a.more{border-top:dashed 1px rgba(255,255,255,.6)}
.pr-more a{display:inline-block;padding:5px 30px;background-color:#fff001;font-size:17px;text-transform:uppercase;margin:30px 0}
@media (max-width:768px) {
    .pr-more a {margin:0; margin-bottom:15px;
    }
    .product-text p {display:none;
    }
    .product-text a {
        -webkit-line-clamp: 1;
        padding: 10px 0;font-size:12px;text-align:center;
    }
    .product-text a.more {display:none;
    }
}
#frame4{float:left;width:100%;background-color:#fff;position:relative}
#frame5{float:left;width:100%;position:relative}
.news-menu a {
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    border-radius: 4px;
    margin: 0 10px;
    border: solid 1px #00a8e0;
    color: #00a8e0;
}
.news-menu a:hover {
    background-color: #00a8e0;
    color: #fff;
}
.news-menu {float:left;width:100%;margin-bottom:20px;
}
.index-news{position:relative}
.index-news img{width:100%}
.index-news a p {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #00a8e0;
    font-size: 14px;
    padding: 15px;
    line-height:30px;
    color: #fff;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height:113px;
}
.index-news-list li{float:left;width:100%;margin-bottom:11px}
.index-news-list li a{float:left;width:100%;color:#00a8e0;font-size:23px}
.index-news-list li time{color:#fc0;font-size:16px}
    .index-news-list li p {
        font-size: 14px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height:39px;
        overflow: hidden;
    }
#frame4 .more{float:left;background-color:#fff001;padding:5px 20px;font-size:14px}
.index-content{background-color:#00a8e0;padding:15px 0;float:left;width:100%}
.index-content h3{color:#fff;font-size:60px;line-height:1.5}
.index-content p{color:#fff;font-size:14px;padding-bottom:15px}
.index-send{background-color:#fff001;color:#333;padding:7px 30px;margin:15px 0;display:inline-block; }
.index-content .form-control { background-color:#00a8e0;border-color:#fff;color:#fff;
}
.index-content .form-control::-webkit-input-placeholder {color:#fff;
}
.index-content .form-control::-moz-placeholder {
    color: #fff;
}
.index-content .form-control::-ms-input-placeholder {
    color: #fff;
}
@media (max-width:768px) {
    .index-content h3 {font-size:24px;
    }
}

#frame6 {
    background-image: url(../images/bg2.jpg);
    float: left;
    width: 100%
}
#frame6 img{float:left}
.f6-text{color:#fff;padding-top:40px}
.f6-text h3{font-size:23px;color:#fff}
.f6-text p{font-size:17px;color:#a4a4a4;line-height:1.2}
footer{float:left;width:100%;background-color:#00a8e0;color:#fff;border-top:solid 5px #fff001}
.copy{color:#333; padding-bottom:30px;}
.foot-menu h3{padding:10px 0;line-height:20px;font-size:23px;font-weight:700;color:#fff;display:block; text-transform:capitalize}
.foot-menu.m2 ul li{float:left;width:50%}
.foot-menu.m2 ul li a {
    color: #fff;
    padding: 10px 0;
    display: block;
    line-height: 20px;
    text-transform: capitalize
}
.foot-menu.m2 ul li a:hover {
    color:#fff001;
}
.foot-menu ul li{display:block;line-height:20px; float:left; width:100%;}
.foot-menu ul li p{float:left;padding:10px 0;display:block;line-height:20px}
.foot-menu ul li p a{color:#fff;}
.foot-menu ul li p a:hover{color:#fff001;}
.foot-menu > a {
    padding: 10px 0;
    line-height: 20px;
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    display: block;
    text-transform: capitalize
}
.foot-menu > a:hover {color:#fff001;
}
.foot-share{margin:15px 0;float:left;width:100%}
.foot-share li{margin-right:5px;padding:0}
.foot-share a{background-color:#fff;border-radius:50%;color:#4e5457!important;float:left;width:35px;height:35px;line-height:35px;text-align:center}
.foot-share a i{color:#4e5457!important;width:35px;height:35px;line-height:35px}
.foot_lang{margin-bottom:15px}
.copy{color:#fff}
.copy a{font-size:16px;margin:0 5px;color:#fff}
.fixed-right{position:fixed;right:30px;top:40%;z-index:100}
.fixed-right a{margin-bottom:15px;background-color:#ccc;display:block;height:55px;width:55px;background-position:center center;background-repeat:no-repeat;transition:all .3s}
.fixed-right a:hover{background-color:#009048}
.fixed-right a.a1{background-image:url(../images/contact.png)}
.fixed-right a.a2{background-image:url(../images/ecode.png)}
.fixed-right a.a3{background-image:url(../images/top.png)}
.banner {float:left; width:100%;
}
.float-right-box.on {width: 50px;}
.float-right-box {width: 250px;position: fixed;right: 0;top: 50%;margin-top: -127px;z-index: 1000;transition: width 0.3s ease 0s;-moz-transition: width 0.3s ease 0s;-webkit-transition: width 0.3s ease 0s;-o-transition: width 0.3s ease 0s;}
.float-right-box .top-list {width: 100%;}
.float-right-box .top-list li {width: 100%;min-height:50px;position: relative; margin-bottom:1px;background-color: #e09a02;  transition: background 0.3s ease 0s;-moz-transition: background 0.3s ease 0s;-webkit-transition: background 0.3s ease 0s;-o-transition: background 0.3s ease 0s;}
.float-right-box .top-list li:last-child{border-bottom:none;}
.float-right-box .top-list a {display: block;width: 100%;overflow:hidden;}
.float-right-box .top-list .stt {display: inline-block; visibility:hidden; font-weight:bold; position: absolute;right:0;top: 0;z-index: 1;font-size: 14px;line-height:50px; padding-left:15px; opacity:0;background-color: #fff; transition:all .3s;white-space:nowrap; min-width:200px;}
.float-right-box .top-list .ico {display: inline-block;width: 49px;height: 49px; line-height:49px; position: absolute;right: 0;top: 0;z-index: 2;color:#fff;transition:all .3s;}
.float-right-box .top-list .stt img { padding:15px;
}
.float-right-box .top-list li:hover{background-color:#fff!important;}
.float-right-box .top-list li:hover .stt{color:#333;right:49px; opacity:1; visibility:visible; }
.float-right-box .top-list li:hover .ico{color:#009048;}


#bframe {background-image:url(../images/nbanner.jpg); background-position:center center; background-repeat:no-repeat;float:left; width:100%; height:300px;position:relative;
}
.rbt{font-size:12px;line-height:36px;}
.rbt a,.rbt span{text-transform:capitalize}
.rbt h1{float:left;font-size:40px;text-transform:capitalize; line-height:1.5;width:100%;}
.rbt h3{float:left;font-size:24px;text-transform:capitalize; line-height:59px;width:100%;border-bottom:solid 1px #dddddd; font-weight:bold;}
.top_line {
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    font-size: 22px;
}
.location{float:right;text-transform:capitalize;padding:8px 0; color:#fff;}
.top_line a {
    color: #fff; text-transform:capitalize;font-size:22px;
}
@media (max-width:767px){.rbt h1{display:block;font-size:16px;}
.rbt .location{display:none}
}
section {
    position: relative
}.carousel-control{bottom:initial;top:calc(50% - 30px);width:40px;height:60px;background-color:rgba(0,0,0,.8);opacity:0}.carousel-control i{line-height:60px}.content{display:block;padding-bottom:15px}
section:hover .carousel-control
{opacity:1;
}
.ab_title {float:left; width:100%; text-align:center; margin-bottom:30px;
}
.ab_title h3{
    font-size:22px;position:relative;
    padding-bottom:15px;
    padding-top:40px; text-transform:uppercase;
    min-width:140px;text-align:center;
}
.ab_title h3:before {
    content: "";
    background-image: url(../images/ab_top.png);
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 27px;
}

.ab_title h3:after {
    content: "";
    background-image: url(../images/ab_bottom.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
}

.news_title {
}
.news_title h3 {
    font-size: 22px;
    position: relative;
    padding-bottom: 15px;
    padding-top: 40px;
    text-transform: uppercase;
}
.news_title h3:after {
    content: "";
    background-image: url(../images/ab_bottom.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
}
.news_menu ul li {
    float: left;
    width: 100%;
    border-bottom: solid 1px #eeeeee;
    padding:15px 0;
}
.news_menu ul li a{
    float: left;
    width: 100%;
font-size:17px;
color:#666666;
}
.news_menu ul li a span{
    float: right;

}
.news_menu ul li a:hover {color:#00a8e0;
}




.ab_top_title {
    padding: 15px 0 45px 0;
}
.ab_top_title h2 {
    font-size: 45px;
}
.ab_top_title h2 span {
    color: #00a8e0
}
@media (max-width:768px) {
    .ab_top_title h2 {
        font-size: 20px;
    }
    .ab_top_title { padding-bottom:15px
    }
    #bframe {
        height: 165px; background-size:auto 100%;
    }
}




#ab_frame3 {
    background-image: url(../images/ab_f3.jpg); background-position:center center; background-repeat:no-repeat;
}
.owl_control { position:absolute;top:calc(50% - 32px); cursor:pointer;
}
#owl-left {
    left: -40px;
}
#owl-right {
    right: -40px;
}
#owl-left1 {
    left: -40px;
}

#owl-right1 {
    right: -40px;
}
#owl-left2 {
    left: -40px;
}

#owl-right2 {
    right: -40px;
}
.content {
    display: block;
    padding-bottom: 15px
}
.myBtnStyle{color:#fff;margin-top:15px;background-color:#b10000;min-width:120px;}
.myBtnStyle:hover{background-color:#333;color:#fff}
.lmb{border:solid 1px #ccc;margin-top:40px;padding:15px}
.lmb li strong{text-align:left;text-transform:capitalize;font-size:16px;padding:5px 0;display:block;cursor:pointer}
.lmb li>ul{display:none}
.thumbnail{margin-bottom:10px;}
a.thumbnail:hover {border-color:#b10000;
}
.cate_hot_info a{font-size:14px;text-align:center;display:block;margin-bottom:10px}
.cate_hot_img a{display:block;overflow:hidden}
.cate_hot_img a:hover{border-color:#00a8e0}
.cate_hot_img img{ width:100%;}
.pro_content{float:left;width:100%}
.pro_content h2{padding-bottom:10px;color:#b10000}
.pro_content p{font-size:14px}
.pro_tit span{font-size:24px;display:block;border-bottom:solid 2px #f44607;margin-bottom:15px;color:#b10000}
.hpcp a img{width:100%;margin-bottom:10px}
.hpcp a img:hover {
    border-color: #00a8e0
}
.hpcp{text-align:center}
.hpcp p{text-align:center;margin-bottom:10px;font-size:12px;font-weight:700;color:#666}
.hpcp input{float:left;width:14px;height:14px}
.hpcp span{display:inline-block;font-weight:700}
.contact{display:block;padding-bottom:15px}
.contact li{line-height:2}
.contact strong{display:block;background-color:#d00;color:#fff;padding:4px 5px}
#mapContent{padding-bottom:50px}
#mapContent h2{font-size:20px;font-weight:700;line-height:45px;text-transform:capitalize}
.cate1 li a.a1{font-size:16px;font-weight:700;line-height:40px}
.cate1{margin-left:25px}
.cate2 li a.a2{font-size:14px;line-height:25px}
#mapContent ul li a.a3{margin-left:25px;text-indent:0;font-size:14px;line-height:30px}
#mapContent a:hover{color:#f44607}
.underline-dashed{border-bottom:dashed 1px #dedede;margin-top:10px; margin-bottom:10px;display:block}
.underline-solid{border-bottom:solid 1px #f4f4f4;display:block}

.text{margin-top:10px;margin-bottom:10px}
.main{width:100%;float:left}
#nbar{margin:0 auto;width:100%}
#nbar img{float:left;width:100%;height:auto}
#left {
    margin-bottom: 15px;
    position: relative;

}
.left_menu {
    background-color:#f4f4f4; padding-bottom:30px;
}
.left_menu h2 {
    padding-left: initial;
    background-position: 10px;
    font-size: 24px;
    text-transform: capitalize;
    color: #fff;
    background-color: #4fb0fd;
    line-height: 60px;
    padding-left: 15px;
    white-space: nowrap;
}
.left_menu>ul{width:100%; padding-top:10px;}
.left_menu>ul>li{width:100%;}
    .left_menu > ul > li > a {
        font-size: 16px;
        line-height: 35px;
        text-transform: capitalize;
        display: block;
        padding-left: 35px;
        position: relative;
    }
.left_menu > ul > li > a:before {
    content: "";
    border-right: solid 7px #888888;
    border-top: solid 7px transparent;
    border-bottom: solid 7px transparent;
    position: absolute;
    left: 15px;
    top: 12px;
    transform: rotate(-45deg);
}
.left_menu>ul>li:hover>a,.left_menu>ul>li.hover>a{color:#fff; background-color:#4ca8f2}
.left_menu>ul>li:hover>a:before,.left_menu>ul>li.hover>a:before{border-right-color:#fff;}
.left_menu > ul > li > ul > li {background-color:#f0f0f0; 
}
.left_menu>ul>li>ul>li>a{padding-left:17px;display:block;line-height:35px; position:relative; font-size:14px;}
.left_menu>ul>li>ul>li>ul>li>a{padding-left:18px;display:block;line-height:35px; position:relative; font-size:12px;}
    .left_menu > ul > li > ul > li:hover > a {
        color: #FFF;
        background-color: #13b6ec;
    }
    .left_menu > ul > li > ul > li.hover > a {
        color: #FFF;
        background-color: #13b6ec;
    }



.menu_child{background-color:#62c1fd}
.menu_child li a{color:#fff!important;padding-left:20px!important;font-size:13px!important;line-height:30px!important}
.left_contact{background-color:#f4f4f4; margin-top:30px;float:left; width:100%;padding-bottom:15px;}
.left_contact h2{padding-left:18px;background-position:10px;font-size:24px;text-transform:capitalize;line-height:50px;; position:relative;}
    .left_contact h2:before {
        content: "";
        position: absolute;
        bottom: 0;
        height: 4px;
        width: 60px;
        background-image: url(../images/left_bottom.png); background-position:center center;
    }
.left_contact > ul { padding-top:15px;float:left; width:100%;
}
.left_contact>ul>li{font-size:14px;line-height:35px;width:100%; padding:0 15px;float:left;}
    .left_contact > ul > li > a {
        font-size: 14px;
        line-height: 35px;
        float: left;width:100%;
        padding-bottom:15px;
    }
.left_contact >ul>li>a>span {float:left; width:calc(100% - 70px);font-size:14px; line-height:1.2;text-overflow:ellipsis; 
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
}
.left_contact img { max-width:60px;float:right;
}


.catelist1 {float:left; width:100%;
}
.catelist1 a.thumbnail {float:left; width:100%;
}
.catelist1 a.thumbnail:hover {border-color:#b10000;
}
.catelist1 ul{float:left;width:100%;}

.catelist1 a { display:inline-block;font-size:12px;
}
.catelist1 a img{height:120px; width:auto;
}
.catelist1 a span{ text-transform:capitalize;padding-bottom:6px;font-weight:bold; font-size:14px;}
.catelist1 p{font-size:14px;color:#666;}
.catelist1 li a{color:#666;font-size:14px;white-space:nowrap;overflow:hidden;width:100%;float:left}
.hpcp a img{width:100%;margin-bottom:10px}
.hpcp a img:hover{border-color:#b10000}
.hpcp{text-align:center}
.hpcp p{text-align:center;margin-bottom:10px;font-size:12px;font-weight:700;color:#666}
.hpcp input{float:left;width:14px;height:14px}
.hpcp span{display:inline-block;font-weight:700}
#right{float:right;width:100%;padding-bottom:50px}
@media (max-width:767px){.hpcp span{font-size:12px}
}

.pcpcw{float:left;width:225px;padding-right:10px}
.ptpcw{border:2px solid #ebebeb;border-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.ptpcw,.ptpcw:hover{float:left;width:95%;height:auto;padding:4px;-webkit-border-radius:10px;-moz-border-radius:10px;behavior:url(../css/ie-css3.htc);behavior:url(../css/PIE.htc)}
.ptpcw:hover{border:2px solid #d7000f;border-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.ptpcw img{height:auto}
.ptpcw img,.text{float:left;width:100%}
.text{margin-top:15px}
.pwzcw{float:left;width:220px;padding:10px 0;line-height:18px;text-align:center;font-size:14px;color:#000}
.pcpcw4{padding-right:0}
#rnrp{float:left;width:100%}
.rtp{float:left;padding:3px;border:1px solid #c8c8c8;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
.rtp a{margin:0}
.rtp a,.rtp a img{float:left;padding:0}
.rtp a img{width:100%;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
.jCarouselLite{float:left;width:370px;padding-top:2px;padding-left:9px;height:49px;overflow:hidden}
.jCarouselLite LI{text-align:center;padding-right:9px;width:50px;height:49px}
.jCarouselLite LI img{float:left;border:1px solid #999;width:47px;height:47px;margin-left:10px}
.rtp1{float:left;padding:0;border:1px solid #e5e5e5;margin-right:5px}
.rms{color:#000;margin-left:25px}
#rms_tit,.rms{float:left;width:300px}
#rms_tit{padding:5px 0}
#productcanshu,#rms_tit{font-size:14px;line-height:25px}
#productcanshu{min-height:5pc;overflow:hidden}
#productcanshu,.product_act{float:left;width:300px}
.rms a{color:#000}
.rms a:hover{color:#da251d}
.product_act img{float:none}
.product_act_t{font-weight:700}
.product_act tr{min-height:20px;line-height:20px}
.product_act tr td{font-size:9pt;padding:5px 0}
#feed_remark{float:left;width:100%}
#feed_remark a{color:red;font-weight:700}
.repro{float:left;width:45pc;margin:10px 0}
.reprotit{float:left;width:100%;height:30px;margin-top:15px;margin-bottom:10px;line-height:30px;border-bottom:3px solid #0093f9;text-align:left}
.reprotit strong{float:left;padding-left:10px;font-size:9pt;color:#fff;background:#0093f9;padding:0 10px;border-top-right-radius:4px;border-top-left-radius:4px}
.reprocent table{border-collapse:collapse;border:1px solid #666}
.reprocent table tr td{padding-left:10px;line-height:25px;color:#000}
.btnFeedProSend{float:left;font-size:14px;width:120px;color:#fff;text-align:center;cursor:pointer;background-color:#d00;}
.btnFeedProSend:hover{color:#fff;background-color:#333;}
@media  (max-width:768px){#FeedbackContext ul li{width:100%}
}
.news-img img{width:100%}
.news-text a{float:left;width:100%;text-align:left;font-size:20px}
.news-text a:hover{color:#b10000}
.news-text span{text-align:left;font-size:14px;padding-top:2%}
.news-text p,.news-text span{float:left;width:100%;color:#999}
.news-text p{max-height:74pt;line-height:20px;overflow:hidden;font-size:9pt}
.newslist {
    float: left;
    width: 100%;
    border: solid 1px #eeeeee; padding:15px 0;margin-bottom:15px;position:relative;
}
.newslist i{
position:absolute; top:0; right:0;border-left:solid 1px #eee; border-bottom:solid 1px #eee;transition:all .3s; font-size:14px;height:40px;width:40px; line-height:40px; background-image:url(../images/sanjiao.png); background-position:left bottom; background-repeat:no-repeat;
}
.newslist a:hover i{ background-color:#00a8e0; color:#fff; 
}
.newslist img{width:100%}
.newslist a h3{font-size:17px;font-weight:700; float:left; line-height:2;width:100%;}
.newslist span{color:#00a8e0;font-size:14px;line-height:20px;float:left;}

    .newslist p {
        float: left;
        width: 100%;
        color: #666;
        text-align: left;
        font-size: 14px;
        line-height:2;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        max-height:78px;
    }
@media  (max-width:767px){
    .newslist .media-left>a{ width:80px; display:inline-block;}
    .newslist .media-body span{display:none;}
    .newslist .media-body p { max-height:40px; overflow:hidden;
    }
}


.knowledgelist{padding-bottom:7.5px;float:left;width:100%}
.knowledgelist a h2{float:left;font-size:14px;font-weight:700;line-height:2}
.knowledgelist p{float:left;width:100%;margin-top:5px;line-height:20px;color:#666;height:60px;overflow:hidden;text-align:left;font-size:12px}
.knowledgelist a.more{float:left;background-image:url(../images/morenews.jpg);background-position:left center;background-repeat:no-repeat;width:92px;margin-top:20px;height:23px;line-height:20px;padding-left:25px;font-size:12px}
#news_tit h1 { font-size:24px;line-height:2;
}


.downloadlist,.downtable{float:left;width:100%}
.downtable{margin-top:10px;border:1px solid #ccc;border-left:0;font-size:14px;line-height:20px;border-collapse:collapse}
.downtit1{width:20%}
.downtit1,.downtit2{font-size:14px;font-weight:700;color:#666;text-align:center}
.downtit2{width:60%}
.downtit3{width:20%;font-weight:700;text-align:center}
.downtable td,.downtit3{font-size:14px;color:#666}
.downtable td{height:30px;border-bottom:1px solid #ccc;border-left:1px solid #ccc}
.downtable td a{font-size:9pt;color:#666;font-weight:700;line-height:30px}
.downtable td a:hover{color:#ea3e00}
.downtable td a img{padding-right:5px;padding-top:2px}
.trdown1{background:#fff}
.trdown2{background:#eee;font-size:14px}
.contactUs{float:left;width:100%}
#destxt{float:right;width:100%;padding-bottom:5%;background:#f3f3f5;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
#destxt_tit{float:left;width:100%;padding:20px 0}
#destxt_tit strong{float:left;font-size:40px;line-height:60px;padding-left:5%}
.form_list{float:left;width:90%;padding-left:5%}
.form_list li{float:left;width:100%;min-height:30px;padding:5px 0}
.form_list li label{float:left;width:110px;padding-right:10px;font-size:14px;color:#000;line-height:30px;text-align:left}
.form_list li label em{color:red;margin-right:5px;font-size:18px}
.form_list li input{border-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;behavior:url(../css/ie-css3.htc);behavior:url(../css/PIE.htc)}
.form_list li input.textrequired,.form_list li input.textrequiredname{float:left;width:340px;border:1px solid #c5c5c5;height:30px}
.form_list li select.country{float:left;width:340px;border:solid #c5c5c5;height:30px}
.form_list li textarea.textarea{float:left;width:540px;border:1px solid #c5c5c5;height:30px;}
.form_list li select,.form_list li textarea{border-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;behavior:url(../css/ie-css3.htc);behavior:url(../css/PIE.htc)}
.form_list li select{float:right;width:50px;border:1px solid #c5c5c5;height:30px}
.form_list li input.btn_send{width:127px;background:url(../images/btn_send.jpg) no-repeat left top;color:#fff}
.form_list li input.btn_reset,.form_list li input.btn_send{float:left;height:29px;text-align:center;line-height:29px;font-size:14px;border:0;cursor:pointer}
.form_list li input.btn_reset{width:89px;background:url(../images/btn_reset.jpg) no-repeat left top;margin-left:15px}
.contactDetails{font-size:14px;padding:15px 0;line-height:30px;float:left;width:100%}
.contactDetails a{line-height:34px}
.contactDetails a:hover{color:#b80303}
.contactDetails b{float:left;width:100%;font-size:28px;color:#00000e;line-height:35px;font-weight:400}
.contactDetails p{float:left;font-size:14px;color:#666;line-height:30px;font-weight:400}
.contactDetails img{float:left;margin-top:6px;padding-right:10px}
.contactDetails span{line-height:34px;display:block}
.contactDetails em{font-style:normal;color:red}

#sitemapnav{padding-top:15px;padding-bottom:15px;float:left;width:100%}
#sitemapnav li{list-style:none}
#sitemapnav a{color:#666;white-space:nowrap;text-decoration:underline;text-transform:capitalize}
#sitemapnav .fontbig{width:100%!important}
#sitemapnav .bigli{float:left;width:100%;line-height:35px;font-size:1pc}
#sitemapnav .bigli a h2{color:#b10000;font-weight:700;line-height:35px;font-size:1pc;text-transform:capitalize;text-decoration:underline}
#sitemapnav .bigli a:hover{color:#b10000}
#sitemapnav .abli_02{font-size:14px;line-height:30px;text-align:left;float:left;width:100%}
#sitemapnav .abli_02 a:hover{color:#b10000}
.jiange{float:left;width:100%;height:1px;background-color:#d2d2d2;margin:15px 0}
.probigclass{padding-left:50px}
#sitemapnav .PROclass_01{line-height:30px;font-weight:700; overflow:hidden;}
#sitemapnav .PROclass_02{line-height:22px;font-weight:400;padding-left:45px}
#sitemapnav .PROclass_01 a{color:#b10000}
#sitemapnav .PROclass_02 a{color:#666}
#sitemapnav .PROclass_01 a:hover,#sitemapnav .PROclass_02 a:hover{color:#b10000}
#sitemapnav .PROclass_03{color:#666;font-size:9pt;line-height:20px}
#videotitle{line-height:45px;font-size:14px;font-weight:700;border-bottom:1px solid #ddd;color:#77b725}
#videocontent,#videotitle{float:left;width:100%;text-align:center}
#videocontent{padding:25px 0}
#derster{width:100%;font-size:9pt;height:auto}
#derster,#derstertit{float:left;text-align:left}
#derstertit{margin-bottom:15px;margin-top:15px}
#derstertit span{background:#77b725;color:#fff;text-transform:capitalize;line-height:30px;font-size:14px;width:100%;float:left;padding-left:15px}
#ntframe{background-color:#ebebe9}
#case_show,#ntframe{float:left;width:100%}
#case_show{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #ccc}
.case_list_img{float:left;width:30%}
.case_list_img a img{float:left;width:100%;border:1px solid #ccc;border-radius:10px}
.case_list_show{float:right;width:68%}
.case_list_show a.a1{float:left;width:100%;line-height:30px;font-size:1pc;color:#01a1e7}
.case_list_show p{float:left;max-height:125px;overflow:hidden}
.feedbackUL{float:left;width:100%;margin-top:15px;margin-bottom:15px}
.feedbackUL li{float:left;width:50%;background:#fff}
.feedbackUL li span{float:left;font-size:14px;color:#666;line-height:30px}
.feedbackUL li span em{color:red;padding-right:5px}
.feedbackUL li input{line-height:30px;width:99%;margin-right:1%}
.feedbackUL li.allli{width:100%;padding-bottom:15px}
.feedbackUL li.allli textarea{float:left;width:100%}
.feedbackUL li input.feedbtn{float:left;width:200px;text-align:center;font-size:14px;color:#fff;cursor:pointer;background:#3388d8}
.feedbackUL li btnli{float:left;width:100%;margin-right:0;padding:0}
#feedbackremark{float:left;width:100%;color:#666;font-size:16px}
@media screen and (min-width:1px) and (max-width:768px){.feedbackUL li{width:100%}
}

#productdetail_img img{width:100%}
#productdetail{float:left;width:100%;position:relative}
#productdetail_txt{padding-top:10px;padding-bottom:10px}
#productdetail_txt span {
    font-size: 23px;
 padding-bottom:10px;display:block;
}
#productdetail_txt p {
border-top:solid 1px #e6e6e6; padding-top:10px;
}
    #productdetail_txt p > span {
        color: #00a8e0
    }
#productdetail_txt .lianxi a{line-height:2pc;font-size:14px}
#productdetail_txt .lianxi a img{padding-right:10px}
#send {
    display: block;
    background-color: #00a8e0;
    color: #fff;
    margin-top: 30px;
    text-align: center;
    font-size: 26px;
    line-height: 2;
    float: left;
    width: 100%;
}

    #send i {
        color: #FFF;
    }
.productdetail-a img {
    padding-right: 10px;padding-top:2px;
}
.productdetail-a {
    display: block;
    padding: 15px 0;
    float: left;
    width: 100%;
}
.productdetail-a a {
    color: #666;padding:0;
}
.productdetail-a a span {font-size:14px!important;display:inline-block!important;
}
@media (max-width:767px) {
    .productdetail-a a span {display:none!important;
}
    .productdetail-a {text-align:center; 
    }

}


.pro_show_cent{line-height:25px;font-size:15px}
.pro_show_tit{float:left;width:100%}
.pro_show_tit strong{width:100%;font-size:18px;color:#b10000;line-height:35px}
.pro_show_tit{border-bottom:3px solid #b10000;margin-top:20px}
.pro_show{float:left;margin-top:15px;width:100%}
.video{margin-bottom:15px}
.video>a>img{width:100%}
#videocontent,.video_title{margin-top:15px}
#videocontent{float:left;width:100%}
.vmcarousel-normal li img{cursor:pointer}
.pichover{border-color:#4f84c4}
.new_hover{position:absolute;right:15px;left:15px;top:0;bottom:0;background-color:#fff;cursor:pointer;opacity:0;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.new_hover:hover{opacity:1}
.new_hover img{margin-right:5px}
.Ncate a img{max-width:100%;}
.Ncate a{font-size:25px;line-height:50px}
.ca_more{float:right;width:100%;text-align:right;font-size:18px!important;text-transform:capitalize}
@media (max-width:768px){.Ncate a{text-align:center;display:block;line-height:40px}

}

#alibaba{background-color:#ff7300;color:#fff}
#alibaba img{padding-top:3px}
#myTab {
    margin: 2% 0;
    border-color: transparent
}
#myTab li {
    text-align: center;
}
    #myTab li a {
        background-color: #f1f1f1;
        border-bottom: none;
        border-radius: 0;
        border: none;
        text-transform:capitalize;
    }
#myTab li.active a {
    background-color: #00a8e0;
    color: #fff;
    transition: all .3s;

}
#myTab li:hover { 
}
#myTab li:hover a {
    background-color: #00a8e0;
    color: #fff;
  
}

.fixed-btn{position:fixed;right:1%;bottom:10%;width:40px;border:1px solid #eee;background-color:#fff;font-size:24px;z-index:1040;-webkit-backface-visibility:hidden;border-radius:2px}
.fixed-btn a{display:inline-block;width:40px;height:40px;text-align:center}
.go-top span{font-size:18px;padding-top:5px}
.fa-qrcode{position:relative;width:40px;height:40px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;background-image:url(../images/weixin.png);background-position:center center;background-repeat:no-repeat;display:block;float:left;opacity:.6}
.fa-qrcode:hover{opacity:.8}
.fa-qq:hover{opacity:.8}
#bottom-qrcode{position:absolute;top:auto;bottom:0;padding:10px;margin:0;width:200px;right:40px;left:auto;text-align:center;opacity:0;display:none;background-color:#fff;border-radius:2px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
#bottom-qrcode p{font-size:14px}
.sorry{padding:0 15px}
.button--isi{position:relative;overflow:hidden;z-index:2}
.button--isi::before{content:'';z-index:-1;position:absolute;top:50%;left:100%;margin:-15px 0 0 1px;width:30px;height:30px;border-radius:50%;background:#b10000;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale3d(1,2,1);transform:scale3d(1,2,1);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.7,0,.9,1);transition-timing-function:cubic-bezier(.7,0,.9,1)}
.button--isi:hover::before{-webkit-transform:scale3d(9,9,1);transform:scale3d(9,9,1)}
.strrnr{margin-bottom:15px}
ul.share-buttons{
  list-style: none;
  padding: 0;
  padding-top:15px;
}
ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

ul.share-buttons img{
  width: 25px;
}
.ContactUs{	padding-left:15px; padding-right:20px;}
.ContactUs .content {border:#CCC dashed 1px;background-color:#F2F2F2; margin-top:5px; margin-bottom:5px; padding:10px;  float:left;width:100%;}
.ContactUs .companyinfo { float:left;}
.ContactUs .companyimg { float:right; }
.ContactUs .companyimg img { padding-top:3px; width:220px;}
.ContactUs p strong{ font-size:20px;display:block; }
.ContactUs p{ color:#444444; padding:0px; margin-bottom:5px;}
.ContactUs p a{color:#444444;}
.ContactUs p .blue{color:red;}
.ContactUs hr { border-top: dotted 1px #ccc}
.pro_show_describe { padding-top:15px; float:left; width:100%;
 }
.nav .open a:hover { border-color:#b10000;
}
.cont-map { position:absolute;left:0; right:0;bottom:0;height:400px;overflow:hidden;
}
.first-news {position:relative; padding:30px 0;
}

.first-news-img {
   
    overflow: hidden;
    margin-bottom:15px;
}
.first-news h3{
 padding-bottom:15px;
 display:block;
}
.first-news-img img {width:100%;
}
.first-news time {
    position: absolute;
    top: 0;
    background-color: #fff;
    left: 50px;
    width: 130px;
    text-align: center;
    height: 117px;
    font-size: 17px;
    box-shadow: 0 0 6px rgba(220,220,220,1);
    background-image: url(../images/sanjiao1.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}
.first-news time span{
font-weight:bold; display:block;font-size:38px;
}
@media (max-width:767px) {
    .first-news time {display:none;
    }
    .first-news p {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
}
#myTabContent {float:left; width:100%;
}
#myTabContent .tab-pane {
    float: left;
    width: 100%;
}