@charset "utf-8";
/* CSS Document */
body,div,a,img,p,form,h1,h2,h3,h4,h5,h6,input,textarea,ul,li,dt,dd,dl{margin:0;padding:0;}
body{ width:100%; margin:0 auto; color:#6c6c6c; font-family:"Microsoft YaHei"; background:#f3f3f3;}
a{ text-decoration:none;color:#6c6c6c; }
a:hover{ color:#6c6c6c;}
img{ border:none;}
li{ list-style:none;}
/* header */

.topbg{width:100%; height:88px; float:left; overflow:hidden; background:#393939;}
.top{width:1000px; margin:0 auto;}
.header{width:100%; height:88px;float:left;}
.logo{width:300px; height:88px; float:left; background:url(../images/logo.png) no-repeat center;}
.logo-right{ float:right;width:700px;}
.lang{width:260px; height:30px; float:right;text-align:right;}
.lang a{ color:#B2B2B2; font-size:14px; }
.lang li{ float:left;width:87px; line-height:30px;}
.lang img{width:20px; margin-top:2px; margin-right:8px;}
.lang a:hover{ text-decoration:underline;}

.nav{ height:58px; float:left;}
.nav .nav_list{width:100%; height:58px; margin:0 auto; z-index:9999;}
.nav li{float:left;height:58px; width:100px; line-height:58px;position:relative;}
.nav li.last{background:none;}
.nav li a{float:left;display:block; width:100px; height:58px; text-align:center; line-height:58px; color:#ececec;}
.nav li a:hover{ color:#FF6500;text-decoration:none;}
.nav li a span{float:left;display:block; width:100px; height:58px; line-height:52px;cursor:pointer; font-family:"Microsoft YaHei";text-align:center;font-size:14px;}
.nav li a span:hover{ }
.nav li a.selected{ background:url(../images/nav_hover.jpg) no-repeat center center; color:#ececec;}
.nav li a.selected2{ background:url(../images/nav_hover.jpg) no-repeat center center; color:#ececec;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:58px;left:0px; background:#34a200;}
.nav li .submenu{width:118px;}
.nav li .submenu{ z-index:9999;}
.nav li .submenu li{float:left;padding:0;background:none;height:35px; line-height:35px;}
.nav li .submenu li a{float:none;padding:0;text-align:left; font-family:"Microsoft YaHei";height:35px;line-height:35px;background:none; color:#fff; width:118px; text-align:center;}
.nav li .submenu li a:hover{background:#ff9c00;font-weight:normal; color:#fff;text-decoration:none;}

.mainbg{width:100%; float:left; overflow:hidden; margin-top:30px;}
.main{width:1000px; margin:0 auto; overflow:hidden;}
.main-pro{width:99%; margin-bottom:20px; height:180px; float:left; overflow:hidden;border: 1px solid #fdfefe;border-radius: 2px;background:url(../images/pro-bg.png) repeat;}
.mpro-con{width:960px; height:175px; float:left; overflow:hidden; padding:10px;}
.propic li{width:200px;height:162px;float:left; overflow:hidden; margin-left:5px; margin-right:5px; border:1px solid #ebebeb;}
.propic li img{width:200px; height:130px; float:left;}
.pro-ti{width:200px; height:32px; float:left; overflow:hidden; text-align:center; line-height:32px;}
.m-fenlei{width:100%; height:190px; float:left; overflow:hidden; margin-bottom:10px;}
.f-rig3{width: 280px;height: 74px;border: 1px solid #bdbdbd;border-radius: 5px;float: right;font-size: 14px;background:url(../images/fli3.png) #FFFFFF no-repeat center right;color: #6c6c6c;font-weight: bold;line-height: 74px;text-indent: 2em;margin-bottom:20px;}
.f-rig6{width: 280px;height: 74px;border: 1px solid #bdbdbd;border-radius: 5px;float: right;font-size: 14px;background:url(../images/fli6.png) #FFFFFF no-repeat center right;color: #6c6c6c;font-weight: bold;line-height: 74px;text-indent: 2em;margin-bottom:20px;}
.f-rig1{width: 280px;height: 74px;border: 1px solid #bdbdbd;border-radius: 5px;float: left; background:url(../images/fli1.png) #FFFFFF no-repeat center right;font-size: 14px;color: #6c6c6c;font-weight: bold;line-height: 74px;text-indent: 2em;margin-right:77px; margin-bottom:20px;}
.f-rig2{width: 280px;height: 74px;border: 1px solid #bdbdbd;border-radius: 5px;float: left; background:url(../images/fli2.png) #FFFFFF no-repeat center right;font-size: 14px;color: #6c6c6c;font-weight: bold;line-height: 74px;text-indent: 2em;margin-right:77px; margin-bottom:20px;}
.f-rig4{width: 280px;height: 74px;border: 1px solid #bdbdbd;border-radius: 5px;float: left; background:url(../images/fli4.png) #FFFFFF no-repeat center right;font-size: 14px;color: #6c6c6c;font-weight: bold;line-height: 74px;text-indent: 2em;margin-right:77px; margin-bottom:20px;}
.f-rig5{width: 280px;height: 74px;border: 1px solid #bdbdbd;border-radius: 5px;float: left; background:url(../images/fli5.png) #FFFFFF no-repeat center right;font-size: 14px;color: #6c6c6c;font-weight: bold;line-height: 74px;text-indent: 2em;margin-right:77px; margin-bottom:20px;}

.main-news{width:420px; height:180px; float:left; overflow:hidden;}
.title1{width:100%; height:20px; float:left; overflow:hidden; margin-bottom:20px;background:url(../images/news_03.png) no-repeat left center;}
.title1 a{ float:right;width:50px;line-height:20px; font-size:10px;}
.news-con{width:100%; height:170px; float:left;}
.main-partner{width:560px; height:180px; float:right; overflow:hidden;}
.title2{width:150px; height:20px; float:left; overflow:hidden; margin-bottom:20px;background:url(../images/news_09.png) no-repeat left center;}
.title2 a{ float:right;width:50px;  line-height:20px; font-size:10px;}
.news-con ul{width:100%; height:180px; float:left; overflow:hidden;}
.news-con ul li{width:100%; height:30px; float:left; overflow:hidden; background:url(../images/18.png) no-repeat center left;}
.news-con ul li a{width:78%; height:30px;float:left; overflow:hidden; font-family:"宋体";line-height:30px; color:#5a5a5a; text-indent:23px;}
.news-con ul li a:hover{ color:#FF9900;}
.news-con span{ float:right;font:12px/30px '宋体'; color:#333333;}

.scrollpic {width:100%; float:left;}
#myscroll {display: block;width: 100%;position: relative;height: 240px;overflow: hidden;}
#myscroll #myscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;width: 100%;}
#myscroll ul {display: block; margin-top:10px;float: left;list-style-type: none;padding: 0;}
#myscroll ul li {display: block;float: left;padding: 0;width:113px;}
#myscroll ul li a {display: block;float: left;width: 108px;padding: 0;position: relative;height: 109px;color: #333;}
#myscroll a .intro {position: absolute;left: 0;z-index: 10;background-color: #0057c4;filter: alpha(opacity=70);width: 260px;color: #fff;-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;text-align: center;}
#myscroll a .intro {bottom: -211px;}
#myscroll a:hover .intro {bottom: 0px;}
#mybtns {width: 100%;display: block;height: 20px;}
#mybtns a {width: 20px;height: 20px;display: block;float: right;margin-right: 1px;background-color: #c1c1c1;margin-left:10px;}
#mybtns a:hover {background-color: #347fdc;}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#mybtns #left {background-image: url(../images/jt_l.png);}
#mybtns #right {background-image: url(../images/jt_r.png);}
#kinMaxShow {visibility: hidden;width: 100%;height: 500px;overflow: hidden;}

/*-------底部---------*/	
.footer{width:100%; height:280px; background:#424242; float:left; margin-top:40px;}
.foot-top{width:100%; height:240px; float:left;}
.foot-left{width: 600px;height: 180px; margin-top:40px;float: left;}
.foot-right{width: 340px;height:180px;float: right; margin-top:40px;}
.foot-left a:hover{color:#FF9900}
.foot-bot{width: 100%;height: 40px; background-color: #282828;color: #898989;font-size: 12px; text-align:center; line-height: 40px;}
.foot-f1{width: 107px;height: 160px;border-right: 1px solid #2c2c2c;float: left; overflow:hidden;}
.foot-f1 span{width:100%; float:left; text-align:center;}
.foot-f1 span a{font-size: 13px; font-weight:bold;color: #aaaaaa; text-align:center;}
.foot-f1 ul{ text-align:center; float:left; width:100%;}
.foot-f1 ul li{ margin-top:7px;}
.foot-f1 ul li a{color: #898989;}
.foot-f2{width:270px;height: 160px;border-right: 1px solid #2c2c2c; border-left:1px solid #4b4b4b;float: left; overflow:hidden;}
.foot-f2 span{width:100%; float:left; text-align:center;}
.foot-f2 span a{font-size: 13px; font-weight:bold;color: #aaaaaa; text-align:center;}
.foot-f2 ul{ text-align:center; float:left; width:100%;}
.foot-f2 ul li{ margin-top:7px;width:100%; height:17px; overflow:hidden;}
.foot-f2 ul li a{color: #898989;}
.foot-f3{width:107px;height: 160px;border-right: 1px solid #2c2c2c; border-left:1px solid #4b4b4b;float: left; overflow:hidden;}
.foot-f3 span{width:100%; float:left; text-align:center;}
.foot-f3 span a{font-size: 13px; font-weight:bold;color: #aaaaaa; text-align:center;}
.foot-f3 ul{ text-align:center; float:left; width:100%;}
.foot-f3 ul li{ margin-top:7px;width:100%; height:17px; overflow:hidden;}
.foot-f3 ul li a{color: #898989;}
.f-contact{width:340px; height:100%; float:right;color: #898989; line-height:28px; font-size:13px;}

/*--------产品中心------*/
		/* css */
		.picMarquee-left{overflow:hidden; float:left;width:99%;}
		.picMarquee-left .hd{ overflow:hidden; padding:0 10px;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{width:100%; float:left;}
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; float:left;}
		.picMarquee-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;}
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:124px; height:88px; display:block; padding:2px; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; }
		.picMarquee-left .bd ul li .title{ line-height:24px; font-size:12px;}
	/* css */
/*----子页面-----*/
.page{width:100%; float:left; overflow:hidden; background:#fff; padding-top:20px;}
.pagecon{width:1000px; margin:0 auto;}
.page-banner{width:100%; float:left;}
.page-banner img{ max-width:100%;}
.page-fenlei{width:240px; float:left; overflow:hidden;background-color: #f8f8f8;padding-top: 15px; padding-bottom:20px;color: #555;}
.chinese{font-size: 18px;padding: 0 20px;line-height: 28px;font-weight: bold;}
.english{font-size: 14px;line-height: 23px;padding: 0 20px;padding-bottom: 12px;}
.mfenlei-con{width:100%; float:left;}
.mfenlei-con li{width:100%; height:40px;border-bottom: 1px #dedede solid;float:left;background:url(../images/left3.png) 220px no-repeat;}
.mfenlei-con li a{display: block;width: 100%;font-size: 14px;line-height:20px;padding: 10px 20px;}
.mfenlei-con li:hover{width:100%; color:#fff;height:40px;border-bottom: 1px #dedede solid;float:left;background:url(../images/left.png) #0a5d9f 220px no-repeat;}
.mfenlei-con li a:hover{ color:#fff;}

.right{float: right;width:740px;overflow:hidden;margin-bottom:15px;}
.righttitle{width:100%; height:41px; overflow:hidden;margin-bottom:17px;border-bottom: 1px #e7e7e7 solid;}
.righttitle p{float:left;font:600 16px/20px '微软雅黑';text-indent:20px; border-left:2px solid #0a5d9f; height:20px; margin-top:10px;}
.righttitle div{float:right; line-height:41px; padding-right:15px;}
.righttitle div a{margin:0 8px;}
.rightcon{width:100%;float:left;font:14px/30px 'Microsoft YaHei'; }
.pageabout{margin:0 auto;font:14px/30px 'Microsoft YaHei';}
.pageabout img{ float:left;}
.pagenewsul{width:100%; overflow:hidden;}
.pagenewsul li{width:99%;height:53px;float:left;overflow:hidden; background:url(../images/18.png) no-repeat left center; border-bottom:1px dotted #d2d2d2;}
.pagenewsul li a{font:14px/53px 'Microsoft YaHei';width:87%; height:53px; text-indent:27px;float:left;overflow:hidden;}
.pagenewsul li span{width:11%; height:53px;float:right; text-align:center;font-size:14px;line-height:53px; color:#0a5d9f;}
/* pages */
.pages{width:100%;height:28px; margin-top:20px; float:left; clear:both; color:#FFFFFF;}
.previous_s{width:64px;height:26px;background:url(../images/next_page.jpg) 54px center no-repeat #0a5d9f;text-indent:6px; border:1px solid #0a5d9f; text-align:left;}
.pages a{ color:#FFFFFF;}
.pages ul{float:right; margin:0 15px 0 0; display:inline;}
.pages ul li{float:left; display:inline; margin:0 7px 0 0; min-width:26px; font:500 14px/28px 宋体;height:26px;border:1px solid #0a5d9f;background:#0a5d9f; text-align:center;}
.pages ul li a{color:#fff; display:block;width:26px;height:26px;}
.pages ul li.next a{display:block;width:64px;height:26px;}
.pages ul li.next{width:64px;height:26px;background:url(../images/next_page.jpg) 54px center no-repeat #0a5d9f;text-indent:6px; border:1px solid #0a5d9f; text-align:left;}
.pages ul li.clickli{font-weight:bold;}
.pages ul li.allpage{width:56px;border:0;background:none;}
.right h1{width:100%;font:16px/60px 'Microsoft YaHei';text-align:center;}
.datetime{width:100%;font:12px/14px 'Microsoft YaHei';text-align:center;}
.border{width:100%;height:0;overflow:hidden;border-top:1px dashed #a8a8a8;margin:12px 0;}
.rightcon img{ max-width:700px;}
.pageleft{float:left; line-height:32px;display:block;width:50%;text-indent:15px; font-size:12px;}
.pageleft a{color:#1B1B1B;}
.pageli{width:100%;height:36px;overflow:hidden;}
.back{float:right;font:600 12px/36px 'Microsoft YaHei';color:#1B1B1B;}
.con5con{ width:100%; float:left;}
.con5con li{width:230px;height:200px;float:left;margin-right:5px; margin-left:10px; overflow:hidden; margin-bottom:10px;}
.con5con li img{ width:221px; height:160px; float:left; background:#FFFFFF;border:1px solid #c3bdbd;}
.imgbox{display:block;width:221px;height:160px;float:left;margin-bottom:4px;}
.imgtitle{width:221px; text-align:center;height:30px; float:left; overflow:hidden;font:13px/35px 'Microsoft YaHei';}
.con6con{ width:100%; float:left;}
.con6con li{width:230px;height:200px;float:left;margin-right:5px; margin-left:10px; overflow:hidden; margin-bottom:10px;}
.con6con li img{ width:221px; height:160px; float:left; background:#FFFFFF;border:1px solid #c3bdbd;}
.imgbox1{display:block;width:221px;height:160px;float:left;margin-bottom:4px;}
.imgtitle1{width:221px; text-align:center;height:30px; float:left; overflow:hidden;font:13px/35px 'Microsoft YaHei';}




.demo{width:299px;margin:0 auto;}