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

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

}
@media screen and (min-width:480px) and (max-width:767px){
}
@media screen and (min-width:1px) and (max-width:479px){
}
@media (min-width:768px) and (max-width:1078px){
}
.carousel-control{top:45%;bottom:50%}
.carousel-control.left{background-image:none}
.carousel-control.right{background-image:none}
#bframe .b1remark{width:100%;text-align:center;color:#fff;margin-top:15%}
#bframe .b1remark a{color:#fff}
#bframe .b1remark h2{font-size:40px;font-family:allerbold;text-transform:uppercase}
#bframe .b1remark strong{font-size:50px;font-family:trumpgoteasbol;text-transform:uppercase;background:url(../images/bj.png);border-radius:8px;font-size:4.375rem;padding-left:5%;padding-right:5%}
#bframe .b1remark p{margin-top:10px;font-family:allerbold;margin-bottom:20px;font-size:18px;text-transform:uppercase}
#bframe .b1remark span{font-size:12px;border:solid 1px #fff;padding:5px 40px;margin-top:5px}
#bframe .b1remark span:hover{border:solid 1px #ccc;color:#ccc}
.carousel-inner>.item>img{width:100%}
#bframe .carousel-caption{top:15%}
@media screen and (min-width:992px) and (max-width:1229px){.right_0{right:0!important}
#bframe .carousel-caption{top:15%}
#bframe .carousel-caption img{float:left;max-width:60%;height:auto}
#bframe .b1remark h2{font-size:30px}
#bframe .b1remark h3{font-size:35px}
#bframe .b1remark p{font-size:16px}
#bframe .b1remark span{font-size:12px}
}
@media screen and (min-width:767px) and (max-width:991px){#bframe .carousel-caption{top:5%}
#bframe .carousel-caption img{float:left;max-width:60%;height:auto}
#bframe .b1remark h2{font-size:25px}
#bframe .b1remark h3{font-size:30px}
#bframe .b1remark p{font-size:14px}
#bframe .b1remark span{font-size:12px}
.right_0{right:0!important}
}
@media screen and (min-width:1px) and (max-width:767px){#bframe .carousel-caption{top:0}
#bframe .carousel-caption img{float:left;max-width:40%;height:auto}
#bframe .b1remark h2{font-size:18px;padding-bottom:10px}
#bframe .b1remark h3{display:none}
#bframe .b1remark p{display:none}
#bframe .b1remark span{font-size:12px;padding:5px 15px}
}
#tframe{padding:2% 0;background-color:#f6f6f6}
#pro_tit p{font-size:12px;line-height:24px;color:#9b9b9b;background:url(../images/tf.png) no-repeat center center}
#pro_tit h2{ font-family:TrajanPro-Regular;font-size:35px;padding-top:20px;text-transform:uppercase}
#pro_cont{padding-top:2%;padding-bottom:2%;}
#tabs{float:left;min-height:44px;margin-top:6px;margin-left:0%;width:20%;}
#tabs a{margin-top:10px;width:100%;font-size:14px; border-radius:15px;color:#7d7d7d;border:2px solid #eaeaea; background-color:#eaeaea;float:left;padding-right:10px;padding-left:10px;padding-top:8px;padding-bottom:8px;cursor:pointer;margin-right:20px;transition:color 1s,border-color 1s;-moz-ransition:border-color 1s,color 1s;-webkit-transition:border-color 1s,color 1s;-o-transition:border-color 1s,color 1s;-ms-transition:border-color 1s,color 1s}
#tabs #current a{font-size:12px;color:#4f84c4;z-index:3;border:2px solid #2ab5eb;padding:8px 0;display:block}
#tabs a:hover{color:#fff;border:2px solid #2ab5eb; background-color:#2ab5eb;}

#tabs #current{color:#fff;border:2px solid #2ab5eb; background-color:#2ab5eb;}

#content{z-index:2;margin-top:60px;width:78%;float:right;}
#content .thumbnail{padding:0;margin:5px 0;position:relative;border:0;background-color:#ececec}
.cont_tu a{display:block}
.cont_tu a img{max-width:100%}
.cont_tu a p{font-size:14px;color:#333;padding:10px 0;display:block;background-color:#ececec}
.cont_remark{width:100%;background:rgba(42,181,235,.9);position:absolute;left:0;top:0;height:0;overflow:hidden;float:left}
.cont_remark img{display:block;max-width:62px;padding-top:20%}
.cont_remark span{display:block;font-size:14px;color:#fff;line-height:18px;margin-top:15px;padding:0 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden; max-height:72px;}
.an{color:#fff;display:none;background-color:#2ab5eb;font-size:14px;margin-top:20px;transition:background 1s;-moz-ransition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s;-ms-transition:background 1s;border:solid 1px #2ab5eb;}
.an:hover{border: 1px solid transparent;}
@media screen and (min-width:1px) and (max-width:767px){#pro_tit p{line-height:12px}
.cont_remark span{padding:0 23px}
#tabs{margin-left:0}
#tabs a{width: 48%;
margin-bottom: 10px;
margin-right: 1%;
margin-left: 1%;}
#tabs{width:100%;}


}
@media screen and (min-width:767px) and (max-width:1026px){#tabs{margin-left:0;width:100%}
#tabs a{width:48%;margin-bottom:10px;margin-right:1%;margin-left:1%}
}
#tframe1{background-color:#f4f4f4;padding:2% 0;font-family:"Trebuchet MS"}
#tabst{overflow:hidden;width:35%}
#tabst li{width:100%;min-height:60px;border-right:1px solid #cbcaca;padding-right:0!important;display:block}
#tabst a{position:relative;line-height:30px;font-size:14px;color:#233252;font-family:"Trebuchet MS";display:block;width:100%}
#tabst #current a{font-size:14px;line-height:30px;color:#4f84c4;z-index:3;font-family:"Trebuchet MS";width:100%;border-right:2px solid #4f84c4;display:block}
#content1{width:65%;z-index:2}
.an1{background-color:#4f84c4;font-size:14px;margin-top:20px;transition:background 1s;-moz-ransition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s;-ms-transition:background 1s}
#tframe1 .col-md-6{padding:0}
#tframe1 .col-md-4{padding:0}
.ab_cont{width:90%;padding:0 5%}
.ab_cont h3{width:100%;font-family:"Trebuchet MS";font-size:30px;color:#233252}
.ab_cont h5{width:100%;font-size:16px;color:#2f2f2f;margin-top:15px}
.ab_cont p{width:100%;font-size:13px;color:#6d6d6d;margin-top:15px;line-height:20px;max-height:223px;overflow:hidden}
#ab_tu,#about_tit{ display:block; margin-top:15px;}
#ab_new h3{font-family:"Trebuchet MS";font-size:25px;color:#233252;text-transform:uppercase}
#ab_new p{font-family:"Trebuchet MS";font-size:12px;color:#191919;background:url(../images/dian.jpg) no-repeat 0 8px;width:90%;padding-left:10%;margin-top:15px;transition:color 1s;-moz-ransition:color 1s;-webkit-transition:color 1s;-o-transition:color 1s;-ms-transition:color 1s}
#ab_new a:hover p{color:#4f84c4}
@media screen and (min-width:767px) and (max-width:991px){#ab_new{margin-top:2%}
#ab_tu a img{max-width:60%;margin-top:2%}
#ab_new h3{font-size:30px}

}
@media screen and (min-width:1px) and (max-width:767px){.ab_cont h3{font-size:19px}
.ab_cont h5{font-size:12px}

#ab_tu a img{display:none}
#ab_new h3{font-size:25px}
.btn-lg{padding:5px 8px}
#ab_new h3{margin-top:5%}
}
#tframe2{padding:2% 0}
#choose_tit p{font-size:12px;line-height:24px;color:#9b9b9b;background:url(../images/tf.png) no-repeat center center}
#choose_tit h2{font-size:30px;color:#233252;padding-top:20px}
#choose_cont{margin-top:2%}
#ch_tu img{max-width:100%}
#ch_zi ul{width:100%;margin-top:17%}
#ch_zi ul li{width:100%;padding-left:3%;font-family:"titillium-bolditalic";font-size:14px;color:#9b9b9b;background:url(../images/dian2.jpg) no-repeat 0 10px;margin-top:15px;line-height:20px;overflow:hidden}
@media screen and (min-width:1px) and (max-width:767px){#choose_tit p{line-height:12px}
}
#tframe3 h4{font-size:50px;color:#fff;font-family:allerbold;text-transform:uppercase}
#tframe3 h5{font-size:13px;color:#fcfcfc;padding-top:20px}
@media screen and (min-width:1230px){#tframe3 .carousel-caption{top:25%}
}
@media screen and (min-width:767px) and (max-width:991px){#tframe3 .carousel-caption{top:10%}
#tframe3 h4{font-size:30px}
}
@media screen and (min-width:1px) and (max-width:767px){#tframe3 .carousel-caption{top:0}
#tframe3 h4{font-size:15px}
#tframe3 h5{display:none}
}
#tframe4{/*background-color:#4f84c4*/}
#new{padding:5% 0}
#new_1 h3{font-family:"Trebuchet MS";font-size:40px;color:#233252;text-transform:uppercase;font-weight:700;text-align:left}
#new_1 p{font-family:"Open Sans";font-size:13px;color:#233252;margin-top:15px;text-align:left;line-height:20px;height:60px;overflow:hidden}
#new_2 h3{font-size:60px;color:#233252;font-weight:700}
#new_2 p{font-family:"Open Sans";font-size:13px;color:#233252;line-height:20px;height:40px;overflow:hidden}
@media screen and (min-width:767px) and (max-width:991px){#new_3 h3{font-size:50px}
#new_2 h3{font-size:50px}
}
@media screen and (min-width:1px) and (max-width:767px){#new_1 h3{font-size:25px}
#new_3 h3{font-size:25px}
#new_2 h3{font-size:25px}
#new_2{padding-bottom:3%}
}
#tframe5{background-color:#f6f6f6}
#nr{padding:4% 0;margin-top:20px;}
#nr .thumbnail{border:0;border-radius:0;background-color:#fff;border-bottom:4px solid #dbdbdb;transition:background 1s;-moz-ransition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s;-ms-transition:background 1s}
.n_ptp{background:url(../images/n_1_1.png) no-repeat center 10px}
.n_pzp{padding-top:40px;padding-bottom:20px}
.n_pzp a{font-size:18px;color:#233252;margin-top:40px;display:block;text-transform:uppercase}
.n_pzp p{font-size:13px;color:#4b4b4b;line-height:20px;height:70px;overflow:hidden;margin-top:10px;display:block;padding-left:25px;padding-right:25px}
#nr .thumbnail:hover{background-color:#2ab5eb;border-bottom:4px solid #14569f}
#nr .thumbnail:hover .n_ptp{background:url(../images/n_1.png) no-repeat center 10px}
#nr .thumbnail:hover .n_pzp a{color:#fff}
#nr .thumbnail:hover .n_pzp p{color:#fff}
.n2{background:url(../images/n_2_2.png) no-repeat center 10px}
#nr .thumbnail:hover .n2{background:url(../images/n_2.png) no-repeat center 10px}
.n3{background:url(../images/n_3_3.png) no-repeat center 10px}
#nr .thumbnail:hover .n3{background:url(../images/n_3.png) no-repeat center 10px}
#footer{background:url(../images/foot.jpg) top center}
#foot_fck{padding:2% 0}
#foot_fck h3{font-size:23px;color:#fff;text-transform:uppercase}
#foot_fck p{font-size:13px;color:#9d9da3;line-height:20px;height:60px;overflow:hidden;display:block;margin-top:20px}
#foot_fck span{font-size:13px;color:#9d9da3;display:block;margin-top:20px;line-height:20px;transition:color 1s;-moz-ransition:color 1s;-webkit-transition:color 1s;-o-transition:color 1s;-ms-transition:color 1s}
#foot_fck a:hover span{color:#FFF}
#foot_fck ul li{font-size:13px;color:#9d9da3;display:block;margin-top:20px;line-height:20px;}
#foot_fck ul li a{color:#9d9da3}
#foot_fck ul li a:hover{color:#FFF}
#f_fx a img{width:45px;height:45px;margin-right:5px}
#foot_by p{color:#fff;padding:10px 0}
@media screen and (min-width:767px) and (max-width:991px){#foot_by p{text-align:center}
}
@media screen and (min-width:1px) and (max-width:767px){#foot_fck p{font-size:13px;margin-top:10px}
#foot_by p{text-align:center}
#foot_fck h3{margin-top:10px}
}
#foot_by a{color:#fff}
#foot_by a:hover{color:#4f84c4}
.copyright{color:#fff}
.copyright:hover{color:#4f84c4}
.no-padding{padding:0}
.no-padding-left{padding-left:0}
.text{margin-top:15px;margin-bottom:15px; float:left; width:100%;}
#left{background:#fff;box-shadow:20px 20px 20px -20px #999;border:solid 1px #ddd;margin-bottom:10px}
#menu h2{padding-top:8%;padding-bottom:8%;padding-left:18%;background-image:url(../images/lbt_bg.png);background-position:10px;background-repeat:no-repeat;background-color:#4f84c4;color:#fff}
.rbt{line-height:38px;background-image:url(../images/home.png);background-repeat:no-repeat;background-position:left center;padding-left:25px;font-size:15px}
.title span{float:left;width:100%;border-bottom:solid 1px #ccc;line-height:38px;font-size:16px}
#menu ul{width:100%}
#menu ul li{border-bottom:1px solid #ccc;width:100%;line-height:35px;height:35px;overflow:hidden;padding-left:10px}
#menu ul li a{font-size:14px;line-height:35px;color:#333;text-transform:capitalize}
#menu ul li:hover{background-color:#e4e4e4}
#menu ul li:hover a{color:#4f84c4}
#menu ul li.hover{background-color:#e4e4e4}
#menu ul li.hover a{color:#4f84c4}
#contact{margin-top:15px;margin-bottom:15px}
#contact ul{width:100%}
#contact ul h2{font-size:15px;color:#171717;font-weight:700;line-height:35px;height:35px;background-color:#e4e4e4;border-bottom:1px solid #ccc;padding-left:10px;overflow:hidden;text-transform:uppercase}
#contact ul li{width:94%;line-height:20px;overflow:hidden;padding-left:10px;font-size:14px;line-height:20px;color:#333;padding:6px 3%}
#contact ul li img{max-width:100%}
#contact ul li a{color:#333}
.sorry{padding:15px;float:left}
.pro_box{margin-top:15px}
.pcp{float:left}
.pcp a{float:left;width:100%;text-align:center;line-height:25px}
.pcp span{float:left;width:100%;text-align:center;line-height:19px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;max-height:74px;}
#productdetail{margin-top:20px}
#productdetail_txt strong{font-size:25px;color:#4f84c4;margin-bottom:10px}
.pro_show_cent{line-height:25px;font-size:14px}
.pro_show_tit strong{font-size:18px;color:#4f84c4;line-height:35px}
.pro_show_tit{border-bottom:solid 3px #4f84c4;margin-top:20px;padding-bottom:15px;}
.pro_show{margin-top:10px}
.pro_show span{line-height:20px}
.pro_show_cent>.nav>li>a{padding:10px 10px;background:#205ea4;color:#fff;font-family:Arial;font-size:14px}
@media screen and (min-width:1px) and (max-width:767px){.pro_show_cent>.nav>li>a{padding:10px 7px;font-size:12px}
}
.pro_show_cent>.nav>li.active>a{background:#fff;color:#4f84c4}
.pro_show_cent>.nav>li:hover a{background-color:#4f84c4;color:#fff}
.pro_show_cent>.nav>li.active:hover a{background:#fff;color:#4f84c4}
ul.share-buttons{list-style:none;padding:0}
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}
.news-img img{max-width:100%}
.news-text a{float:left;width:100%;text-align:left;font-size:20px;padding-top:3%}
.news-text a:hover{color:#337ab7}
.news-text span{float:left;width:100%;text-align:left;font-size:14px;padding-top:2%;color:#999}
.news-text p{float:left;width:100%;height:60px;line-height:20px;overflow:hidden;font-size:12px;color:#999}
.newslist{margin-top:1%}
.news_xianguang{float:left;width:100%}
.news_xg_left{float:left;width:70%;line-height:30px}
.news_xg_left a{font-size:14px}
.news_xg_left a:hover{color:#f54b00}
.newscontext{float:left;margin-bottom:20px;width:100%}
#newsdate{float:left;width:100%;color:#999;line-height:25px;font-size:14px;text-align:center;margin-bottom:20px;margin-top:20px}
.underline-black{float:left;width:100%;border-bottom:solid 1px #ccc;height:1px;padding:1% 5px}
.contactushead{float:left;width:100%;font-size:17px;padding:10px 0}
.contactDetails{float:left;width:100%;font-size:14px;line-height:30px;background:url(../images/contact.jpg) no-repeat right center}
.contactDetails li{float:left;width:100%}
.contactDetails a:hover{color:#00afa5}
.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-family:Verdana;font-weight:400}
.contactDetails img{float:left;margin-top:6px;padding-right:10px}
.contactDetails span{float:left;font-size:14px;color:#00000e;font-weight:700;padding-right:5px}
.contactDetails i{float:left;width:100%;height:40px}
.contactPic{float:right;width:40%}
.contactPic img{float:left;width:100%}
.contactUs{float:left;padding:20px 0}
.form_list li label{float:left;width:100%;padding-right:10px;font-size:14px;color:#000;line-height:30px;text-align:left}
#destxt_tit{float:left;width:100%}
#destxt_tit strong{float:left;font-size:30px;line-height:60px}
#search11{float:left;position:absolute;display:none;top:70px;width:160px;margin-left:-160px;z-index:999}
#langer a img{max-width:60%;margin-top:20px}
#key{float:left}
#sub1{float:right}





#bottom {
    width: 100%;
    overflow: hidden;
    background: #333;
}#bottom .bottom1 {
    width: 100%;
    background: #2ab5eb;
    overflow: hidden;
}#bottom .bottom1 .bottom2 {
    width: 1024px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom:30px;
}#bottom .bottom1 .bottom2 {
    width: 1200px !important;
}#bottom .bottom1 .bottom2 .b_left {
    float: left;
}#bottom .bottom1 .bottom2 .b_left dl.my_dl {
    font-size: 12px;
    line-height: 18px;
}#bottom .bottom1 .bottom2 .b_left dl {
    float: left;
    color: #fff;
    padding-top: 55px;
}#bottom .bottom1 .bottom2 .b_left dl.my_dl {
    font-size: 14px;
    line-height: 22px;
}#bottom .bottom1 .bottom2 .b_left dl {
    color: #fff;
}#bottom .bottom1 .bottom2 .b_left dl.my_dl a {
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
        padding-left: 10px;
}#bottom .bottom1 .bottom2 .b_left dl.my_dl p.tel {
    font-size: 30px;
    line-height: 52px;
}
#bottom .bottom1 .bottom2 .b_right {
    float: right;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    padding-top: 55px;
    margin-left: 20px;
}

#bottom .bottom3 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 70px;
    text-align: left;    font-size: 14px;
    color: #999;
}

#aboiu{width:100%;}


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

#bottom .bottom3{width:96%;line-height:30px;}

#bottom .bottom1 .bottom2{width:96% !important;}

}


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



#content{width:100%;float:right;margin-top:20px;margin-bottom:20px;}

}

@media screen and (max-width:640px ){
#pro_tit h2{ font-size:30px;}
#bottom .bottom1 .bottom2 .b_right{width:100%; text-align:center;}

}