@charset "utf-8";
/* CSS Document */

body{ font-family:"微软雅黑","宋体",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:0px}
.clear {
    clear: both;
    line-height: 0px;
    font-size: 0px;
    width: 0;
    height: 0;
}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0;}
body,td,th{ font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif;font-size:12px;}
input{font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; }

/*开始*/

.header{background:#000; line-height:60px; }
#jsddm{line-height:60px;}
#logo a img{ max-width:100%; margin-top:6%;}
.nav>li{ padding:0px; line-height:55px; !important;}
.btn{ width:100%; background-color:#000; color:#fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:#000;}
@media screen and (min-width:1200px) 
{ 
.nav>li>a { padding: 0px 10px;}
}
@media screen and (min-width:992px) and (max-width:1200px)
{ 
.nav>li>a { padding: 0px 8px;}
}
@media screen and (min-width:768px ) and (max-width:992px)
{
#logo a img{ max-width:150%; margin-top:6%;}
.nav>li{ padding:0px; !important}
}
@media screen and (min-width:480px ) and (max-width:768px)
{

.navbar-default{background-color:transparent !important;}
.nav>li{ padding:0px; !important}
.navbar-nav>li>a{ line-height:35px !important;}
}
@media screen and (min-width:1px ) and (max-width:480px)
{
.navbar-default{background-color:transparent !important;}

.navbar-nav>li>a{ line-height:35px !important;}

}

#bframe .left span img{ margin-top:80%;}
#bframe .right span img{ margin-top:80%;}
#bframe .b1remark{ width:40%; text-align:left; color:#fff;}
#bframe .b1remark h2{ font-size:40px;}
#bframe .b1remark p{ margin-top:10px;  margin-bottom:20px; font-size:12px;}
#bframe .b1remark span{ font-size:12px; border:solid 1px #fff; padding:5px 15px;}
#bframe .b1remark span:hover{border:solid 1px #ccc; color:#ccc;}

@media screen and (min-width:1230px ) and (max-width:1440px)
{
     #bframe .carousel-caption{ top:15%;}
   #bframe .carousel-caption img{ float:left; max-width:60%; height:auto;}
}
@media screen and (min-width:992px ) and (max-width:1230px)
{
   #bframe .carousel-caption{ top:15%;}
   #bframe .carousel-caption img{ float:left; max-width:60%; height:auto;}
}
@media screen and (min-width:768px ) and (max-width:992px)
{
	#bframe .carousel-caption{ top:5%;}
	#bframe .carousel-caption img{ float:left; max-width:60%; height:auto;}
	#bframe .b1remark h2{ font-size:30px;}
	#bframe .b1remark p{ margin-top:10px; line-height:15px;  margin-bottom:20px; font-size:12px;}
	#bframe .b1remark span{ font-size:12px; border:solid 1px #fff; padding:5px 15px;}

}
@media screen and (min-width:1px ) and (max-width:768px)
{
   #bframe .carousel-caption{ top:5%;}
   #bframe .carousel-caption img{ float:left; max-width:40%; height:auto;}
   #bframe .b1remark{ width:60%; text-align:left; color:#fff;}
   #bframe .b1remark h2{ font-size:12px; }
	#bframe .b1remark p{ line-height:15px; height:15px; overflow:hidden;  margin-bottom:8px; font-size:12px;}
	#bframe .b1remark span{ font-size:12px; border:solid 1px #fff; padding:2px;}
}


#tframe{ width:100%;   background-color: #f5f5f5;padding-top: 3%;padding-bottom: 3%;}
#Choose_tit{ width:100%; background:url(../images/ab_tit.png) no-repeat bottom center; padding-bottom:10px;}
#Choose_tit h3{color:#2b91c1;font-weight:bold;font-size:30px;}

#Choose_cont{ margin-top:3%;}
.thumbnail{ background-color:transparent; border:0px;}
.a_ptp a img{max-width:100%;}
.a_pzp{ width:100%; text-align:center; margin-top:10px;}
.a_ptp a.ab_1{ display:block;}
.a_ptp a.ab_2{ display:block;}
.a_ptp a.ab_3{ display:block;}
.a_ptp a.ab_4{ display:block;}
.a_pzp a{ font-size:12px; color:#000;}
.a_pzp h5{ font-size:12px; color:#333;}


#tframe1{ width:100%;   background-color: #fff;padding-top: 3%;padding-bottom: 3%;}
#pro_tit{ width:100%;  }
#pro_tit h3{color:#2b91c1;font-weight:bold;font-size:30px;background:url(../images/ab_tit.png) no-repeat bottom center; padding-bottom:10px;}
#pro_tit h4{color:#333;font-size:12px; padding-top:10px;}

#pro_cont{ margin-top:3%;}
#pro_cont .thumbnail{ padding:0px; margin:0px; position:relative;}
#pro_cont .col-md-3{ padding:0px;}
#pro_cont .col-sm-6{ padding:0px;}
#pro_cont .col-xs-6{ padding:0px;}
.cont_tu{  overflow:hidden;}
.cont_tu img{ width:100%; height:auto;}
.cont_remark { width:100%; background:url(../images/hover.png); padding:0% 15%; position:absolute; left:0px; top:0px; display:none; }
.cont_remark img{ display:block; max-width:55px; padding-top:20%;}
.cont_remark span{ display:block; font-size:12px; color:#fff; line-height:15px; margin-top:15px;}


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

#team_cont{ margin-top:3%;}
.thumbnail{ background-color:transparent; border:0px;}
.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:bold;}
.thumbnail a.t_a2{font-size:12px; color:#333;}

#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:bold;font-size:30px;background:url(../images/c_tit.jpg) no-repeat bottom center; padding-bottom:15px;}
#Company_tit h4{color:#999;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-weight:bold;font-size:30px;background:url(../images/ab_tit.png) no-repeat bottom center; padding-bottom:10px;}
#Contact_tit h4{color:#333;font-size:12px; padding-top:10px;}

#Contact_cont{margin-top:3%;}
.an{ width:25%;}
.media-body span{display:block;   font-size:14px; font-weight:bold; color:#333; line-height:30px; padding:15px 0px;}
.media-body a{display:block; font-size:14px; font-weight:bold; color:#333; line-height:30px; padding:15px 0px;}
#cont_left{ margin:2% 0;}
#foot{background-color: #1c2637;padding-top: 20px; padding-bottom: 20px;}
.f_jsddm{ margin-top:1%;}
.f_jsddm li{ float:left; width:20%; }
.f_jsddm li a{ float:left;   font-size:14px; color:#fff;}
.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%;}
}