@charset "utf-8";
*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:'微软雅黑'; color:#5b5b5b; background:url(../images/x-bg.jpg) center 30px  no-repeat #fff;}
div,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}
.left{float:left;}
.right{float:right;}
.clr{height:0; overflow:hidden; clear:both;}
a{ text-decoration:none; color:#13589a; outline:none}
a:hover{text-decoration:underline;}
.red{color:#a72e40;}
.bdb{ border-bottom: 1px solid #ddd;}
.box{width:948px; margin:0 auto; margin-bottom:35px; clear:both; padding:15px; padding-bottom:0; background:none;}
h3{ height:36px; margin-bottom:20px; line-height:36px; padding-left:18px; font-size:24px; font-weight:bold; color:#fff; font-style:italic;background:url(../images/title.jpg) no-repeat;}
h3 span{ color:#fcc800}
/*top*/
.top{width:100%; background:url(../images/top_bg.gif) repeat-x; color:#8e8e8e;height:30px;}
.top ul{width:1000px; margin:0 auto;}
.top li{float:left; margin:0 3px;height:30px; line-height:30px; font-size:12px;}
.top .topline{width:3px; background:url(../images/top_line.gif) 0 6px no-repeat;}
.top li a{color:#8e8e8e; text-decoration:none;}
.top li a:hover{color:#7b0707; text-decoration:underline;}
/*header*/
.header{width:980px; height:400px; margin:0 auto;position:relative;}
/*introduction*/
.intro{background:url(../images/new-bg.jpg) right no-repeat #fff;height:412px;}
.intro .video{width:420px; height:408px; float:left;}
.intro .txt-box{width:280px; float:left; margin:0 0 0 15px; padding:12px;*padding-top:25px;_padding-top:25px;}
.intro .txt-box .subtit{width:260px; color:#4b2800; font-size:16px; padding:10px 25px 0 15px; font-weight:bold; text-align:center; line-height:25px; text-indent:0;}
.intro .txt-box .subtit a{color:#333;}
.intro .txt-box p{margin-top:15px; text-indent:0;line-height:23px}
.intro .txt-box .news{width:280px; line-height:24px;}
.intro .spreadtrum{width:180px; float:right;}

.intro .spreadtrum h4{font-size:16px; font-weight:normal; color:#222; line-height:25px; margin:5px 0 15px 0;}
.intro .spreadtrum  ul li{ margin-bottom:18px;}
.erweima .img{width:66px; height:66px; float:left;}
.erweima p{width:90px; float:right;}
/*show*/
.showdiv{ background:url(../images/box-bg.gif) repeat 0 0; padding:15px; font-size:14px; line-height:28px;}
.pro_list{ min-height:200px; _height:200px; }
.pro_xh{ width:425px; height:160px; background:url(../images/box-bg.gif) repeat 0 0; padding:15px; margin-bottom:50px;}
.pro_xh em{ display:block; float:left; width:40px; height:53px; background:url(../images/list.png) no-repeat top center; padding-left:5px; line-height:53px; font-size:40px;color:#13589a}
.pro_xh p{ display:block; width:370px; float:right; font-size:14px; line-height:28px;}
.pro_xh p span{ display:block; font-size:20px; color:#13589a; margin-bottom:5px; margin-top:10px;}
.mjjd{ height:643px; width:245px; background:url(../images/box-bg.gif) repeat; padding:30px 25px;float:left; margin-right:30px;}
.person{ line-height:28px; font-size:14px; padding-top:20px; border-bottom:1px solid #c8c5c4; padding-bottom:30px; position:relative}
.person img{ display:block; float:left; margin-right:10px; margin-top:10px; }
.pro_list ul li{ float:left;}
.pro_list ul li img{ width:237px; height:234px; display:block; border-bottom:1px solid #fff}
.pro_list2 ul li{ float:left;}
.pro_list2 ul li img{ width:312px; height:194px; display:block; border-bottom:5px solid #fff; margin-right:5px;}
/*bottom*/
.bottom{width:100%; background:url(../images/bottom_bg.gif) repeat-x; height:200px; clear:both; line-height:24px; margin-top:15px; font-size:12px;}
.bottom .bt{width:980px; margin:auto; padding:40px 0 15px 0; color:#373737; text-align:center;}
.bottom .bt a{color:#373737; text-decoration:none;}
.bottom .bt a:hover{color:#373737; text-decoration:underline;}