@charset "utf-8";
html,body{ font:12px/1.8 'microsoft yahei',tahoma,verdana,'simsun'; color:#606060; background:#fff; -webkit-text-size-adjust:none;}
a{ color:#464646; text-decoration:none;}
a:hover{ color:#11578b; text-decoration:none;}
.lf{ float:left;}
.ri{ float:right;}
.ptp{ padding-top:20px;}
.br-bg{}
.editor{word-wrap: break-word;font-family:宋体b8b\4f53,arial; font-size:14px;}
.editor p,.editor li,.editor div{ margin-bottom:28px; margin-top:15px;}
/*头部*/
*,ul{ padding:0px; margin:0px; list-style:none;}
.clear{ clear:both;}
.logo{ width:1200px; height:110px; margin:0px auto; position:relative;}
#web_logo{ width:811px; float:left;}
.phone{ width:200px; float:right; background:url(../phone.jpg) no-repeat 210px 5px; height:62px; text-align:right; padding-right:100px; color:#f74650; font-size:18px; line-height:30px; margin-top:35px;}
.phone span{ color:#367ed9; font-size:30px; font-family:impact,"微软雅黑";}

.nav{ width:100%; height:58px;  min-width:1200px; margin-top:10px;  z-index:1; position:relative; color:#FFF;}
.nav:hover{ color:#FFF;}
.nav .daohang{background:url(../logo.png) no-repeat 10px center; z-index:9999; width:1200px; margin:0px auto; height:57px;}
.inner{ width:1000px; margin:0 auto; position:relative;}
.nav ul li{ width:130px; float:left; line-height:57px; margin:0px 10px; text-align:center; }
.nav ul li a{ font-size:15px; color:#FFF;  padding:0px 25px 15px 40px; transition:all .2s linear;}
.nav ul li .first{border-bottom:2px solid #FFF;}
.nav ul li a:hover{border-bottom:2px solid #FFF;}





/*首页*/
.titles{ text-align:center; display:block; margin-top:40px;}
.titles p{ background:#367ed9; margin:0px 380px; padding:5px 10px; color:#FFF; font-size:16px;}
.titles h3{ font-size:24px; font-weight:normal; color:#000; letter-spacing:2px; margin:10px 0px;}
.titles span{ border-top:1px solid #b0b0b0; color:#6b6b6b; text-transform:uppercase; padding:10px 10px;}
.inner .activimg{ margin:20px 0px;}
.inner .activimg li{ float:left; margin:0px 2px;}
.inner .activimg li a:hover{ opacity:0.9;}
.rem{ width:100%; min-width:1200px; height:478px; background:url(../bg.jpg) no-repeat; margin:30px 0px;}
.rem h4{ background:url(../biaoti.png) no-repeat 0px 20px; width:246px; height:100px; margin:0px auto;}
.rem h4 span{ display:none;}
.rem ul{ margin:20px;}
.rem ul li{ background:url(../rembg.png) no-repeat; width:201px; height:313px; float:left; margin:0px 19px;}
.rem ul li p{ width:150px; font-size:16px; color:#b3894d; padding-top:15px; padding-left:25px;}
.rem ul li p span{ display:block;}
.rem ul li .xm{ margin:10px auto; width:170px; height:130px; border-radius:100px; border:2px solid #b3894d; cursor:pointer;
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;
}
.rem ul li .xm:hover{	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);}
.rem ul li .more{ border:1px solid #8e8e8e; display:block; text-align:center; margin:0px 28px; line-height:25px; border-radius:15px; transition:all .2s linear;}
.rem ul li .more:hover{ background:#b18a4d; color:#FFF;}
.rem ul li .img01{ background:url(../01.jpg) no-repeat;}
.rem ul li .img02{ background:url(../02.jpg) no-repeat;}
.rem ul li .img03{ background:url(../03.jpg) no-repeat;}
.rem ul li .img04{ background:url(../04.jpg) no-repeat;}
.inner .shipin{ margin:20px 10px; height:270px;}
.inner .shipin li{ width:320px; height:250px; float:left; background:#19588b; margin:3px;}
.inner .intro{ margin:15px 0px;}
.inner .intro_text{ text-indent:2em; border-bottom:1px solid #dedede; line-height:30px; padding-bottom:30px; display:block;}
.inner .intro_text a:hover{ color:#000; text-decoration:underline;}
.inner .links{ margin:30px 40px;}

.headx{ width:100%; height:58px; background:#367ed9; margin-top:10px; min-width:1200px;}
.daohang{  width:1200px; height:58px; margin:0 auto; background:url(../logo.png) no-repeat center;}
.daohang li.dh2{ height:58px; line-height:58px; width:130px; margin:0px 10px; float:left; text-align:center; position:relative}
.daohang li{ height:58px; line-height:58px; width:130px; float:left; text-align:center; position:relative}

.dh2 a{ font-size:15px; color:#FFF; font-weight:bold}
.dh2:hover a.dh2a{color:#fff; font-weight:bold;transition:0.5s;  padding:0px 0px 14px 20px; transition:all .2s linear;}
.dh3 a{ font-size:15px; color:#FFF; font-weight:bold}

.dh3 a{color:#fff !important; font-weight:bold;transition:0.5s;  padding:0px 0px 14px 0px; transition:all .2s linear;}

.daohang li ul li a{ color:#000;; font-weight:bold; font-size:12px;}
.daohang li ul{ display:none; width:130px;z-index:100; position:absolute; top:58px; left:0px;}
.daohang li ul li{ background:#5da3fb; border-bottom:1px solid #fff; height:40px; line-height:40px; width:130px; border-top:1px solid #fff;}
.daohang li ul li:hover{ background:#94c3fe}
.daohang li:hover ul{ display:block;}



/*底部*/
.foot{ background:#367ed9; width:100%; min-width:1200px; height:260px;}
.foot-text{ width:724px; margin:0 auto; text-align:center; padding-top:50px; line-height:300%;}
.foot-logo{ float:right;}
.foot-text a{ color:#fff;}
.foot-text a:hover{ color:#000; text-decoration:underline;}
.foot-text .foot-text01{ color:#fff; font-size:16px;}
.foot-text .foot-text02{ color:#fff; font-size:14px;}
.foot-text .foot-text03{ color:#fff; font-size:18px;} 
.foot-text .foot-text04{ color:#FFF; font-size:16px;}
.foot-text .foot-text05{ color:#FFF; font-size:16px;}
.foot .foot-logo{ margin-top:50px; margin-right:50px;}


/*内页侧栏*/
.sidebar{ margin-top:15px;}
.sidebar .sb_nav{ float:left; width:250px; position:relative;}
.sb_nav .nei_kinds li.cla{ width:246px; height:37px; border:1px solid #5da3fb; line-height:37px; position:relative; overflow:hidden; margin-top:10px; margin-bottom:5px; font-size:18px;}
.sb_nav .nei_kinds li.cla a{ display:block; background:#5da3fb; text-align:center; color:#FFF;}
.sb_nav .nei_kinds li.cla a:hover{ background:#367ed9;}

.sb_nav .nei_kinds li.cla1{ width:246px; height:30px; border:1px solid #94c3fe; line-height:30px; position:relative; overflow:hidden; margin-bottom:5px; font-size:18px;}
.sb_nav .nei_kinds li.cla1 a{ display:block; background:#94c3fe; text-align:center; color:#FFF;}
.sb_nav .nei_kinds li.cla1 a:hover{ background:#5da3fb;}

.sb_nav h3{font-size:25px; font-weight:normal; text-align:center; width:250px; overflow:hidden;zoom:1;z-index:1; background:#367ed9; color:#FFF; margin:10px 0px 0px 0px;}
.sb_nav .lianxi li{background:#f3f3f3; line-height:25px; margin:3px 0px; color:#367ed9; padding:3px 10px; text-align:center; width:230px;}
.sidebar .sb_box{ float:right; width:720px; overflow:hidden;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:20px; border-bottom:2px solid #367ed9; padding:0px 15px; color:#367ed9;}
.sidebar .sb_box h3.title{ border-bottom:1px solid #cce6f5;height:35px; line-height:35px; position:relative;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px; color:#000;}
.sidebar .sb_box h3.title div.position a{ color:#666;}
.sidebar .sb_box h3.title div.position a:hover{ text-decoration:underline;}


/*新闻*/
#newslist li{ background:url(../li.png) no-repeat left 17px;}
#newslist li p{ color:#888;}
#shownews h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #4d6e95; margin:15px 0px 10px 0px;}
#shownews h4.related span{ float:left; display:inline; background:url(../rela-bg.jpg) repeat-x left top; min-width:70px;_width:70px; white-space:nowrap; text-align:center; color:#fff; text-shadow:-1px -1px #4d6e95; padding:0px 10px;}
#shownews .relatedlist li{ float:left; width:30%; margin-right:10px; height:27px; line-height:27px; padding-left:12px; background:url(../diantb.jpg) no-repeat 3px 12px; overflow:hidden; }
#shownews .relatedlist li a:hover{ text-decoration:underline; }
*html #shownews .relatedlist li img{ margin-top:8px;}
/*产品*/
#productlist li h3{ padding-top:7px; padding-bottom:15px;}
#productlist li h3 a{ color:#000;}
#productlist li h3 a:hover{ color:#06F; text-decoration:underline;}
#showproduct h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #4d6e95; margin:15px 0px 10px 0px;}
#showproduct h4.related span{ float:left; display:inline; background:url(../rela-bg.jpg) repeat-x left top; min-width:70px;_width:70px; white-space:nowrap; padding:0px 10px; text-align:center; color:#fff; text-shadow:-1px -1px #4d6e95;}
#showproduct h3.sl-ti{ height:31px; border-bottom:1px solid #ccc; margin-top:13px;zoom:1;}
#showproduct h3.sl-ti a{ float:left; display:inline; cursor:pointer; min-width:60px;_width:60px; white-space:nowrap; text-align:center; height:30px; line-height:30px; background:url(../sl-ti.jpg) repeat-x left top; margin-right:4px; border:1px solid #ccc; padding:0px 10px;} 
#showproduct h3.sl-ti a.hover{ background:url(../rela-bg.jpg) repeat-x; color:#fff; text-shadow:-1px -1px #4d6e95; border:1px solid #5985ba;}
#rl-product{ position:relative; width:690px; overflow:hidden; margin-left:18px;}
#rl-product ul{position: absolute;width: 2012em;}
#rl-product li{ float:left; display:inline; zoom:1; overflow:hidden;text-align:center;}
#rl-product li a.img{ display:block; text-align:center; font-size:0px;}
#rl-product li img{ border:1px solid #ccc;}
#rl-product li h3{ margin-top:5px;}
#showproduct .flip{ position:absolute;z-index:1;}
#showproduct #trigger{ display:none;}
#showproduct .next,#showproduct .prev{ width:12px; height:20px; overflow:hidden; display:block;background:url(../p-arrow.jpg) no-repeat; cursor:pointer;}
#showproduct .next{background-position:0px 0px; position:absolute;top:60px; left:710px;}
#showproduct .next:hover{background-position:0px -20px; }
#showproduct .prev{background-position:-12px 0px;position:absolute;top:60px;left:0px;}
#showproduct .prev:hover{ background-position:-12px -20px;}
*html #showproduct .prev{ left:-18px;}
*html #showproduct .next{ left:693px;}
*+html #showproduct .prev{ left:-18px;}
*+html #showproduct .next{ left:693px;}
/*下载*/
#downloadlist dl.top dt a{ color:#004080;}
#downloadlist .metlist dd{ background:#eef3fa;}
/*地图*/
#sitemaplist .sitemapclass2 h3{background:url(../li.png) no-repeat left center;}

/*双排产品滚动*/
#demo {
overflow:hidden;
width: 1000px;
height:420px;margin:0 auto;
margin-top:15px;
}
#demo img {
border: 1px solid #eee;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left; height:420px; width:1000px;
}
#demo2 {
float: left;height:420px; width:1000px;
}
.pro li {FLOAT: left; OVERFLOW: hidden; WIDTH: 246px; HEIGHT: 210px; text-align:center; margin-right:15px;}
.pro li img {padding:5px; WIDTH: 246px;HEIGHT: 210px;}
.pro li .product_name {display:block; OVERFLOW: hidden; WIDTH: 270px; LINE-HEIGHT: 20px; HEIGHT: 20px; }

/*产品滚动结束*/

/*内页侧栏*/
.inner_side{width:254px; float:left; margin-top:10px;margin-left:10px; }
.side_cont h6{ width:254px;background:url(../side_title.jpg) no-repeat 0 0;color:#fff;font-family:"微软雅黑"; font-size:14px; height:37px; line-height:37px; font-weight:normal;text-indent:1em;}
.side_cont ul{ background:#f3f3f3; line-height:30px; text-indent:15px; margin:5px 0 0px 0;}
.main_li{ width:240px; background:#5da3fb;margin-left:5px;float:left;text-indent:15px;overflow:hidden; line-height:40px;}
.side_cont ul li{ border-bottom:2px solid #fff; }
.ullf{ display:none;}
.liff{ font-size:18px; background:#94c3fe;text-indent:35px;overflow:hidden; line-height:35px;}
.liff:hover{ background:#367ed9; line-height:35px;}
.side_cont ul li:hover ul{ display:block}
.side_cont .sub_series{ margin-bottom:0px;}
.side_cont .sub_series li{ background:url(../sub_arr.png) no-repeat 2em center; text-indent:40px;}




.sidebar{ margin-top:10px;}
.sidebar .sb_nav{ float:left; width:250px; position:relative;}
div.ti1-bg{ position:absolute; width:295px; height:37px; background:url(../left_title.png) no-repeat; overflow:hidden;zoom:1;top:10px;left:-6px;z-index:1;}
div.ti1-bg span{ display:block; width:290px; overflow:hidden; margin-left:30px; line-height:30px; font-size:14px; font-weight:bold; color:#fff;}
.sidebar .sb_nav h3.title1{ border:1px solid #ccc; border-bottom:none; height:48px; line-height:48px; overflow:hidden;zoom:1;}
.sidebar .sb_nav h3.title2{ height:30px; line-height:30px; border:1px solid #cccccc;  padding-left:22px; overflow:hidden; font-size:14px; color:#333;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ padding:0px 15px 10px 15px; border:1px solid #cccccc; border-top:none;zoom:1;}
.sidebar .sb_nav .ct-con{ padding-top:10px; color:#333;}
.sidebar .ct-con{ line-height:2; color:#333;}
.sidebar .ct-con ul,.sidebar .ct-con ol{ padding:0px 0px 0px 25px; margin:0px;}
.sidebar .ct-con a{ color:#1C57C4; text-decoration:underline;}
#sidebar dl{ margin-left:5px;}
#sidebar dl dt{ padding:4px 0px 5px 15px; background:url(../dt-11.gif) no-repeat 2px 13px; border-bottom:1px dashed #ccc;}
#sidebar dl dt a{font-size:14px; color:#666;}
#sidebar dl dt a:hover{color:#09F;}
#sidebar dl dd{ padding:0px 0px 0px 15px;}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../job_ico.gif) no-repeat left 12px;}
#sidebar dl dt.on a{ font-weight:bold; color:#11578b; }
#sidebar dl h4.on a{ font-weight:bold;}

.main_li .nav span{ font-size:18px;}