/* CSS Document 定律 2014.9*/

body{background:url(../images/bg.jpg) repeat-x center top;color:#333;font-size:12px;font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; padding:0; margin:0; }
div,ul,li,dl,dt,p,h1,h2,h3{ padding:0; margin:0; list-style:none;}

img{ border:0;}

.clear{clear:both; }

 
a{color:#262626;text-decoration:none;}
a:hover{color:#005097;}
 
 
.top{width:960px;height:133px;margin:0 auto;overflow:hidden;}
.logo{float:left;height:70px;padding:10px 0; }
.top_right{float:right;margin-right:5px; text-align:right;  background:url(../images/top_r.jpg) no-repeat; margin-top:5px;}
.top_right b{ font:20px/180% normal "微软雅黑"; margin-top:10px; display:block;}
.menu{clear:both;height:43px;overflow:hidden;}
.menu li{float:left;height:43px;line-height:43px;text-align:center;width:94px;background:url(../images/nav_x.jpg) no-repeat 4px 0; padding:0 1px;}
.menu li a{color:#FFF;display:block;font-size:14px;}
.menu li.hover a,.menu li a:hover{color:#000;background:url(../images/nav_bg_h.jpg) no-repeat;}
.menu li.first{background:none;padding:0;margin:0;background:url(../images/nav_bg_h.jpg) no-repeat;}

.banner{width:100%;height:380px;margin:0 auto;overflow:hidden;}


.main{width:960px;background:#FFF;margin:0 auto;padding:10px 0;overflow:hidden;}
.main_left,.left{float:left;}
.main_right,.right{float:right;}
.main_left{width:200px;overflow:hidden;}
.main_right{width:745px;overflow:hidden;}
.main .tit,.location{height:28px;background:url(../images/tit.png) no-repeat;line-height:28px;font-size:14px;overflow:hidden;border-bottom:2px solid #005097;}
.main .tit span,.location span{padding-left:25px;color:#FFF;font-weight:bold;float:left;}
.location span{padding-right:35px;background:url(../images/tit2.png) no-repeat right 0px;}
.main .tit .more{float:right;line-height:28px;font-size:12px;margin-right:10px;}
.procate,.contact{width:200px;}
.procate ul,.contact ul{margin-top:5px;}
.procate .tit{}
.procate li{background:url(../images/arrow.png) no-repeat 5px center;height:30px;line-height:30px;padding-left:25px; font-weight:bold; }
.contact{margin-top:5px;}
.contact .tit{height:80px;border:none;text-indent:-999px;background:url(../images/feedback.jpg) no-repeat;}
.contact li{background:url(../images/arrow.png) no-repeat 5px center;height:25px;line-height:25px;padding-left:25px;}

/*滚动css样式 */
#scroll { width:100%; overflow:hidden; margin:0 auto;}
#scroll_box {float: left;width: 800%;}
#scroll_begin {float: left;}
#scroll_end {float: left;}


.product{width:745px;float:left;overflow:hidden;}
.product .tit{}
.product ul {width:750px;margin-top:10px;}
.product ul li{float:left;margin-right:10px;width:140px;}
.product ul li a{float:left;text-align:center;line-height:28px;width:140px;overflow:hidden;}
.product ul li a img{width:132px;height:132px;padding:2px 3px;border:1px solid #dededc;}
.product ul li a:hover img{border:1px solid #005097;}
.about{width:480px;float:left;margin-bottom:10px;}
.about .tit{}
.about_txt{margin:10px 0 0 0;}
.about_txt img{float:left;padding:0px 15px 0 0;}
.about_txt p{text-indent:2em;line-height:200%;}
.news{float:right;width:250px;margin-bottom:10px;}
.news .tit{}
.news ul{ margin:5px 10px 0 10px;}
.news ul li{ font-size:12px;height:28px;line-height:28px;overflow:hidden;border-bottom:1px dotted #ddd;background:url(../images/arrow.png) no-repeat left center; padding-left:8px;}
.news ul li a{ height:30px;overflow:hidden;padding-left:10px;display:block;}
.news ul li span{float:right;}

.position{float:right;margin-right:10px;}
.content{padding:10px; line-height:180%;}
.content p{ text-indent:2em; margin-bottom:10px;}
.content h1{font-size:22px;text-align:center; line-height:200%; margin-bottom:10px;}
.content .fbt{ border-top:1px #ddd solid;border-bottom:1px #ddd solid; background:#eee; line-height:180%;}
.infos{background-color:#F7F7F7;border:1px solid #E8E8E8;height:28px;line-height:26px;margin:15px auto;font-size:12px;text-align:center;}
.newslist li{ list-style:inside square ; height:36px;line-height:36px; color:#013D86; border-bottom:1px dotted #ddd;}
.newslist li span{float:right; color:#333; }
.prolist{width:720px;}
.prolist li{float:left;width:160px;text-align:center;margin-right:20px;padding-bottom:5px; height:170px;}
.prolist li span{line-height:25px;font-size:12px;}
.prolist li img{width:160px;height:130px;border:#ddd 1px solid;padding:4px; display:block;}
.prolist li img:hover{ border:1px #005097 solid;}
.pagelist{clear:both;font-size:14px;padding:14px 0px 14px 16px; margin-top:10px; text-align:center}
.pagelist span{  line-height:17px;margin-right:6px;border:1px solid #E9E9E9;padding:4px 4px;}
.pagelist span a{color:#555;display: inline-block;}
.pagelist span a:hover{color:#196BA7;text-decoration:none;}
.pagelist span.thisclass a, .pagelist span.thisclass{background-color:#F8F8F8;font-weight:bold;}

.proview{height:280px;}
.proview .proimg{float:left;}
.proview .proimg a{display:block;width:330px;height:270px;border:2px solid #F5F5F5;padding:2px;}
.proview .proimg img{width:330px;height:270px;}
.proview .procol{float:right;width:380px;}
.proview .procol h1{border-bottom:1px solid #CCC;padding:10px 0px 15px 0;text-align:center;font-size:24px;margin-bottom:10px;}
.proview .procol h1 span{ font-size:12px; font-weight:normal; padding-left:8px;}
.proview .procol li{line-height:35px;height:35px;}
.proview .procol li span{margin-right:10px;}
.proview .procol li.center{text-align:center}
.proview .procol .lx_btn{height:35px;margin-top:10px;}
.proview .procol .lx_btn a{float:left;width:126px;height:35px;display:block;}
.proview .procol .lx_btn .rx{margin-left:30px;background:url(../images/rx.jpg) no-repeat;}
.proview .procol .lx_btn .ly{margin-left:50px;background:url(../images/ly.jpg) no-repeat;}
.IntroTitle {line-height:35px;border-bottom:2px solid #196BA7;margin:10px 0px;padding-left:0px;color:#FFF;}
.IntroTitle span{background:#005097; display:inline-block; padding:0 10px;}
.links{clear:both;width:960px;margin:0;float:left;}
.links li{float:left;margin:10px 10px 0 0;}
.links li.links_t{font-weight:bold;}
.footer{margin:0 auto;width:960px;background:#FFF;clear:both;line-height:30px;}
.footmenu{background:#005097;height:30px;text-align:center;color:#FFF;}
.footmenu a{color:#FFF;padding:0 10px;}
.copyright{text-align:center;padding:5px 0;}
.copyright p{ line-height:25px;}

@media screen and (max-device-width: 700px) {
	 body{ background:none;}
	.top,.main{ width:100%;height: auto;}
	.logo{ height:50px;   float:none;}
	.logo img{ height:50px;}
	.top_right{ display: none;}
	.menu{ width:100%; height:auto; background:#004E96;}
	.menu li{ line-height:normal; height:auto; width:30%; text-align:center;}
	.menu li a{ padding:0.5em 0; }
	.menu li.hover a,.menu li a:hover,.menu li.first{color:#fff;background: none;}
 	.banner,.left,.main_left{ display:none;}
	.main_right,.links{ width:99%; float:none; margin:0 auto;}
	.about,.news,.footer,.prolist{ width:100%; float:none; overflow:hidden; }
	.footmenu{ line-height:none; height:auto;}
	.footmenu a { padding:0 ;}
	.content p img{ margin-left:-2em; width:100%;}
	.pagelist{ font-size:12px; padding:0;}
	.pagelist span{ border:0;}
	.newslist li{ position:relative; z-index:1}
	.newslist li a{white-space:nowrap;}
	.newslist li span{ position:absolute; top:0; right:5px; background:#fff; z-index:2; padding-left:10px;}
	#bdshare{ display:none;}
	.content .prolist{ width:100%;}
	.content .prolist li{ width:45%; height:auto; padding:0; margin-right:5%;}
	.prolist li img{ width:100%;}
	
	.product,.proview,.proview .procol{ width:100%;}
	.proview .proimg{ float:none;}
	.proview .proimg a{ width:100%; height:auto; border:none;}
	.proview .proimg a img{ width:100%; height:auto;}
	.proview .procol .lx_btn{ text-align:center; margin-bottom:10px;}
	.proview .procol .lx_btn .rx{ margin-left:0;}
	.proview .procol .lx_btn .ly{ margin-left:10px;}
	
	.gtextarea{ width:60%;}
	.ContactWay,.ewm{ display:none;}
}