@charset "utf-8";body{font-family:"\5fae\8f6f\96c5\9ed1","\5b8b\4f53",Arial,Helvetica,sans-serif}
a{color:#333;text-decoration:none;outline:medium none}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none;color:#da4343}
img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*,*:before,*:after{margin:0;padding:0,-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
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-family:"\5fae\8f6f\96c5\9ed1","\5b8b\4f53",Arial,Helvetica,sans-serif;font-size:12px}
input{font-family:"\5fae\8f6f\96c5\9ed1","\5b8b\4f53",Arial,Helvetica,sans-serif}
img{ max-width:100%;}
.no-padding{ padding:0 !important;}
.header{background:#000;min-height:57px}
#jsddm{line-height:60px}
#logo a img{max-width:100%;margin-top:6%}
.nav>li{padding:0;line-height:55px}
.btn{background-color:#000;color:#fff}
.navbar{background:#000;}
.navbar-toggle{margin-right:10px}
.navbar-collapse{ max-height:1000px !important;}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#000}
.nav>li>a{ background-position:bottom; background-repeat:no-repeat;}
.nav>li>a:hover{ background-image:url(../images/nav.png); background-position:bottom; background-repeat:no-repeat;}
.dropdown-menu>li>a:hover{ background-color:#337ab7; color:#fff;}
.navbar-right .dropdown-menu{ right:inherit !important;}
@media screen and (min-width:1200px){.nav>li>a{padding:0 10px}
}
@media screen and (min-width:992px) and (max-width:1200px){.nav>li>a{padding:0 8px}
}
@media screen and (min-width:768px) and (max-width:991px){.navbar{background:#000;padding:0 0}
#logo a img{max-width:150%;margin-top:6%}
.nav>li{padding:0}
.nav>li>a{line-height:55px}
}
@media screen and (min-width:1px) and (max-width:768px){.navbar{background:#000;padding:0 0}
.nav>li{padding:0}
.navbar-nav>li>a{line-height:35px!important}
.nav>li>a:hover{ background-image:none;}
.open{background-image:none !important;}
.dropdown-menu>li>a:hover{ background-color:#337ab7 !important; color:#fff !important;}
}
.carousel-control.left{ background:none;}
.carousel-control.right{ background:none;}
.carousel-control{ top:50%; bottom:auto;}


#tframe{width:100%;padding-top:3%;padding-bottom:3%}
#Choose_tit{width:100%;}
#Choose_tit h3{color:#2b91c1;font-size:30px;background:url(../images/ab_tit.png) no-repeat bottom center;padding-bottom:10px}
#Choose_tit p{font-size:14px;padding-top:10px}
#Choose_cont{margin-top:3%}
.a_ptp{ border:solid 1px #f3f3f3;}
.a_ptp:hover{ border:solid 1px #999}
.a_ptp a img{max-width:100%}
.a_pzp{width:100%;text-align:center;margin-top:10px}
.a_ptp{ text-align:center;}
.a_pzp a{font-size:17px;color:#000; font-weight:500; line-height:2; display:block;}
.a_pzp span{font-size:12px;color:#333;line-height:2; }
#tframe1{width:100%;background-color:#fff;padding-top:3%;padding-bottom:3%}
#pro_tit{width:100%}
#pro_tit h3{color:#2b91c1;font-size:30px;background:url(../images/ab_tit.png) no-repeat bottom center;padding-bottom:10px}
#pro_tit p{color:#333;font-size:12px;padding-top:10px}
#pro_cont{margin-top:3%}


.cont_tu{ display:block; padding:15px 0;}
.cont_tu img{width:100%;height:auto;}
.cont_tu .pic{ position:relative; display:block;}
.cont_tu .pic:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.6); background-image:url(../images/jia.png); background-position:center center; background-repeat:no-repeat; opacity:0;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
.cont_tu .pic:hover:before{ opacity:1;}
.cont_tu a span{ text-align:left; display:block; font-size:18px; font-weight:bold; padding:15px 0; color:#333}
.cont_tu p{ text-align:left; max-height:34px; overflow:hidden; color:#666;}


#tframe2{width:100%;background-color:#f5f5f5;padding-top:3%;padding-bottom:3%}
#team_tit{width:100%}
#team_tit h3{color:#2b91c1;font-size:30px;background:url(../images/ab_tit.png) no-repeat bottom center;padding-bottom:10px}
#team_tit p{color:#333;font-size:14px;padding-top:10px}
#team_cont{margin-top:3%}

.t_ptp a img{max-width:100%}
.t_pzp{width:100%;text-align:center;margin-top:10px;padding-bottom:5px}
.t_pzp a.t_a1{font-size:12px;color:#333;font-weight:700}

#owl .item{ padding:0 15px;}
#owl .item img{ margin-bottom:15px;}

#tframe3{background-image:url(../images/c_bj.jpg);background-size:100% 100%;background-repeat:no-repeat;padding-top:4%;padding-bottom:6%}
#Company_tit{width:100%}
#Company_tit h3{color:#fff;font-weight:700;font-size:30px;background:url(../images/c_tit.jpg) no-repeat bottom center;padding-bottom:15px}
#Company_tit p{color:#fff;font-size:12px;padding-top:30px;line-height:20px}
#tframe4{width:100%;background-color:#f5f5f5;padding-top:3%;padding-bottom:3%}
#Contact_tit{width:100%}
#Contact_tit h3{color:#2b91c1;font-size:30px;background:url(../images/ab_tit.png) no-repeat bottom center;padding-bottom:10px}
#Contact_tit p{color:#333;font-size:14px;padding-top:10px; line-height:20px;}
#Contact_cont{margin-top:3%}
.an{width:25%}
.media-body span{display:block;font-size:14px;font-weight:700;color:#333;line-height:30px;padding:15px 0}
.media-body a{display:block;font-size:14px;font-weight:700;color:#333;line-height:30px;padding:15px 0}
#cont_left{margin:2% 0}
#foot{background-color:#1c2637;padding-top:20px;padding-bottom:20px}
.f_jsddm{margin-top:1%}
.f_jsddm a{float:left; padding:0 15px;font-size:14px;color:#fff;}
.f_jsddm li a{float:left;width:100%;font-size:14px;color:#fff;text-align:center}
.f_nr h5{float:left;width:100%;line-height:25px}
#f_x h4{font-size:14px;color:#fff}
@media screen and (min-width:1px) and (max-width:768px){#f_x h4{text-align:center;font-size:14px;color:#fff}
#cont_fx a{display:block;text-align:center}
.an{width:50%}
}
.copyright{color:#fff}
.barpicture>img{ width:100%; }
.main{ padding:25px 0; }
.rbt{ float:left; width:100%; margin:10px  0; background-image:url(../images/Actions-98.png); background-position:left center; background-repeat:no-repeat; padding:0 20px;}

.left ul li a{display:block; width:100%;}
.left ul li:hover{ border-color:#337ab7; background-color: #337ab7;}
.left ul li.hover{ border-color:#337ab7; background-color: #337ab7;}

.left ul li:hover a{color:#fff;}
.left ul li.hover a{color:#fff;}
.context{ float:left; width:100%; background-color:#fff; min-height:237px;}
.title span{ float:left; width:100%; border-bottom:solid 1px #ccc; line-height:38px; font-size:16px;}
.text{ padding:20px 0;} 
.rnr{ float:left; width:100%; margin-top:10px; margin-bottom:10px;}
.pro_box{ margin-top:15px;}
.pcp{ float:left; width:100%;}
.pcp a img{ float:left; width:100%; border:solid 1px #ccc;}
.pcp a img:hover{ border-color:#337ab7;}
.pcp a { float:left; width:100%; text-align:center; line-height:25px;}
.pcp span {float:left; width:100%; text-align:center;line-height:25px;}
.sorry{ padding:15px; float:left;}
.contactushead{ float:left; width:60%; font-size:17px; padding:10px 0px; }
.contactDetails{ 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:#b80303;}
.contactDetails b{ float:left; width:100%; font-size:28px; color:#00000e; line-height:35px; font-weight:normal;}
.contactDetails p{ float:left; font-size:14px; color:#666666; line-height:30px; font-family:Verdana; font-weight:normal;}
.contactDetails img{ float:left; margin-top:6px; padding-right:10px;}
.contactDetails span{ float:left; font-size:14px; color:#00000e; font-weight:bold; padding-right:5px;}
.contactDetails i{ float:left; width:100%; height:40px;}
.contactPic{ float:right; width:40%;}
.contactPic img{ float:left; width:100%;}
.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:#f54b00}
.news-text span{float:left; width:100%; text-align:left; font-size:14px; padding-top:2%;color:#999999;  }
.news-text p{ float:left; width:100%; height:60px; line-height:20px; overflow:hidden; font-size:12px; color:#999999;}
.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:#999999; 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 ; }
#productdetail{ float:left; margin:15px;}
#productdetail_img{float:left;width:35%;}
#productdetail_img img{ border: solid 1px #e5e5e5; }
@media (max-width:479px){#productdetail_img{width:100%}
}
#productdetail_txt{float:right;padding:5px 0;width:64%;color:#333;font-size:20px;font-size:14px;line-height:25px}
.product_act{float:left;width:100%}
.product_act_t{font-weight:700}
.product_act tbody tr{min-height:20px;line-height:20px}
.product_act tbody tr td{padding:5px 0;color:#333;font-size:9pt}
@media (max-width:479px){#productdetail_txt{width:100%;text-align:center}
.product_act tbody tr td a>img{float:left}
}
#feed_remark{float:left;width:100%}
#feed_remark a{color:red;font-weight:700}
.repro{margin:10px 0}
.repro,.reprotit{float:left;width:100%}
.reprotit{margin-top:15px;margin-bottom:10px;height:30px;border-bottom:3px solid #337ab7;text-align:left;line-height:30px}
.reprotit strong{float:left;padding:0 10px;padding-left:10px;background:#337ab7;color:#fff;font-size:9pt}
.reprocent{float:left;width:100%;color:#000;line-height:25px}
.reprocent table{border:1px solid #666;border-collapse:collapse}
.reprocent table tr td{padding-left:10px;color:#000;line-height:25px}
#FeedbackContext{float:left;padding-top:1%;width:100%}
#FeedbackContext ul{float:left;margin:0;width:100%}
#FeedbackContext ul li{float:left;margin-top:10px;margin-right:3%;width:45%;border:1px solid #ccc;list-style:none}
#FeedbackContext ul li span{float:left;padding-right:10px;padding-left:10px;color:#000;font-size:14px;line-height:35px}
#FeedbackContext ul li input.textStyle{float:left;width:74%;height:2.5em;border:0;background:0 0}
#FeedbackContext ul li input.textStylecompany{float:left;width:76%;height:2.5em;border:0;background:0 0}
#FeedbackContext ul li textarea.textAreaStyle{float:left;width:87%;border:0;background:0 0;color:#333;font-family:Arial;line-height:35px}
#FeedbackContext ul li.feed_pro_all{float:left;margin-right:0;width:100%}
#FeedbackContext ul li input.btnFeedProSend{float:left;width:200px;height:38px;border:none!important;background:#da251c;color:#fff;text-align:center;font-size:14px;font-size:18px;line-height:38px;cursor:pointer}
@media (max-width:479px){#FeedbackContext ul li{float:left;margin-top:10px;margin-right:3%;width:100%;border:1px solid #ccc;list-style:none}
}
.reprocent li{float:left;margin-right:1%;width:24%;list-style-type:none}

.reprocent>li>span{float:left;width:100%}
.reprocent>li>span{text-align:center}
@media (max-width:479px){.reprocent li{float:left;margin-right:2%;width:48%}
}
@media (min-width:480px) and (max-width:767px){#FeedbackContext ul li{width: 100%;}
}
.reprocent img 
{
	width:100%;
	border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #e5e5e5;
    border-right-color: #e5e5e5;
    border-bottom-color: #e5e5e5;
    border-left-color: #e5e5e5;}
    .reprocent img:hover{ border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;}
    .reprocent li a span{ float:left; width:100%; text-align:center;}
    .carousel1{ float:left; width:100%; padding-top:5px;}
.carousel1 .prev1{padding-top:5px; float:left;width: 14px;display: block;height: 49px;overflow: hidden;cursor: pointer;background:url(../images/pro-left.gif) no-repeat left center;text-decoration: none;}
.carousel1 .next1{padding-top:5px; float:right;width: 14px;display: block;height: 49px;overflow: hidden;background:url(../images/pro-right.gif) no-repeat left center;cursor: pointer;text-decoration: none;}
.jCarouselLite{ float:left;padding-top:2px; padding-left:9px; height:49px;overflow: hidden; width:90%;}
.jCarouselLite LI{ text-align:center; padding-right: 12px;width: 25%;}
.jCarouselLite LI img{ float:left; border:solid 1px #999; width:100%;}
.list-group-item.active { font-size:16px;}
.thanks{float: left;width: 100%;font-size: 16px;line-height: 30px;}
#sitemapnav {float:left; width:100%; }
#sitemapnav li{  list-style:none;}
#sitemapnav a{ text-decoration:underline;}
#sitemapnav .fontbig {	width:100% !important;}
#sitemapnav .bigli{float:left;	width:100%;  line-height:35px;font-size:16px;}
#sitemapnav .bigli a {text-decoration:underline; font-weight:bold;}
#sitemapnav .bigli a:hover {color:#da261d;}
#sitemapnav .abli_02{ float:left;width:18%;margin-left:5%;font-size:14px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
#sitemapnav .abli_02 a:hover{color:#da261d;}
.jiange{ float:left; 	width:100%;  height:2px; border-bottom:solid 1px #d2d2d2; }
.probigclass {padding-left:50px;}
#sitemapnav .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:14px; line-height:30px; display:inline;font-weight:bold; }
#sitemapnav .PROclass_02 { float:left;width:90%;margin-left:8%;font-size:14px; height:22px; line-height:22px;  overflow:hidden;display:inline;font-weight:normal; }

#sitemapnav .PROclass_01 a{}
#sitemapnav .PROclass_02 a{}
#sitemapnav .PROclass_01 a:hover{ color:#da261d;}
#sitemapnav .PROclass_02 a:hover{ color:#da261d;}

#sitemapnav .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:12px;display:inline; line-height:20px;}
#sitemapnav .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;}
.downloadlist{ float:left; width:100%;}
.downtable{ float:left; width:99%; margin-top:10px; border:solid 1px #cccccc;border-left:0px;font-size:14px;font-family:Arial; line-height:20px; border-collapse: collapse;}
.downtit1{ width:20%; font-size:14px; font-weight:bold; color:#666; text-align:center;}
.downtit2{width:60%; font-size:14px; font-weight:bold; color:#666; text-align:center;}
.downtit3{width:20%; font-size:14px; font-weight:bold; color:#666; text-align:center;}
.downtable td{ height:30px; font-size:14px;color:#666; border-bottom:solid 1px #cccccc;border-left:solid 1px #cccccc; text-align:center;}
.downtable td a{ font-size:12px; color:#666;  font-weight:bold;line-height:30px;}
.downtable td a:hover{ color:#ea3e00;}
.downtable td a img{ padding-right:5px; padding-top:9px;}
.hpcp a img{width:100%;margin-bottom:10px}
.hpcp a img:hover{border-color:#0066b8}
.hpcp p{text-align:center;margin-bottom:10px}
.text{ padding:10px 0; float:left; width:100%;}