@charset "utf-8";



/* base 公共部分 */

body { font: 13px/22px "思源宋体"; color:#555;margin: 0px auto; text-align:center;}

*{ padding:0; margin:0;font-family: "思源宋体" !important;}

a { color:#555; text-decoration:none;}

a:hover{ color:#0278b8; text-decoration:none;}

ul,li{ list-style:none;}

img { border:none; }

.clearboth { clear:both; }

.page{ text-align:center; margin:10px 0; width:100%; float:left;}

.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}

.page a.dq,.page a:hover{ background:#555;}



/*主题色*/

.hs{ color:#fb122f;}

.ls{ color:#0f659d;}



.wrapper{width:980px; margin:0 auto;text-align:left;}



/*头部*/

.header{width:980px;height:92px;}

.logo{ float:left;height:92px;width: 306px;}

.top_right{ float:right; color:#bebebe; text-align:right; margin-top:0px;width:632px;}

.top_right .zy{ height:30px; background:url(../images/nav-zy.jpg)no-repeat right top; margin-bottom:6px;}

.top_right .zy a{ line-height:30px; height:30px; display:block; float:right; text-align:center;}

/*.top_right a{ margin-left:5px; margin-right:4px;}*/





/*菜单*/

.nav{height:46px; line-height:46px;font-size:13px;background:url(../images/nav1.jpg) no-repeat right top;}

.nav ul{width:632px; margin:0 auto; }

.nav ul li{ float:left; position:relative;}

.nav ul li a{display: block;color: #fff;font-weight: bold;height: 15px;line-height: 15px;border-right: 1px solid #fff;margin-top: 15px; margin-bottom:15px; width:107px; text-align:center;}

.last{ border:none;}

.nav ul li .nav111{ border-right:none; margin-left:12px; width:80px;}

.nav ul li a:hover,.header .nav ul li a.dq{ color:#fb122f;}

/*二级菜单*/

#menu ul ul { display:none;  position:absolute; top:40px; left:2px; z-index:99999; width:auto; background:#0291d8;}

#menu ul ul li{ background:none; float:none; border-bottom:solid 1px #fff;}

#menu ul ul li a{ color:#fff; font-size:12px; padding:0; display:block; width:106px; text-align:center; font-weight:normal; border:none;}

#menu ul ul li a:hover{ color:#fb122f;}



/*banner*/

.banner{ width:100%; /*float:left; */position:relative; z-index:100; border-bottom:solid 1px #fff; height:100px; overflow:hidden;}

#campaign_slide_navigation{ text-align:center; position:absolute; bottom:10px; left:50%; margin-left:-15px; z-index:10;}

#campaign_slide_navigation li{ float:left; margin:0 2px; cursor:pointer;}

#campaign_slide_navigation li.campaign_navi_item{ background:#f1f1f1; width:10px; height:10px; border-radius:50%;}

#campaign_slide_navigation li.activeSlide{ background:#e63820; width:10px; height:10px; border-radius:50%;}



/*主体*/

.main{ width:100%;/* float:left; */margin-top:12px;}

.box1{ width:980px; margin:auto; margin-bottom:20px;}

.box1 .box1_l{ float:left; width:314px; height:195px; border:1px solid #ccc; border-radius:6px 6px 0 0; padding-top:1px;}

.box1 .box1_r{ float:right; width:646px; border:1px solid #ccc; border-radius:6px 6px 0 0; padding-top:1px;}

.box1 .box1_l .title_l{ height:30px; border-radius:6px 6px 0 0; background:url(../images/box1_l.jpg) no-repeat right top; margin-bottom:15px;}

.box1 .box1_r .title_l{ height:30px; border-radius:6px 6px 0 0; background:url(../images/box1_r.jpg) no-repeat right top; margin-bottom:15px;}

.title_l .xian{ height:16px; width:2px; margin:7px 0 0 10px; float:left; background:#0f659d;}

.title_l p{ float:left; font-size:13px; line-height:30px; color:#0f659d;}

.title_l span{ display:block; float:right; line-height:30px; margin-right:22px; opacity:0; color:#0f659d;}



.box1 .box1_l_con li{ height:34px; border-bottom:1px dashed #ccc; font-size:12px; line-height:34px; padding-left:10px;}

.box1 .box1_l_con li span{ color:#0f659d;}

.box1 .box1_l_con li a{ color:#404040;}

.box1 .box1_l_con li a:hover{ color:#0f659d;}



.box1 .box1_r_con .box1_img{ float:left; width:200px; height:130px; border:1px solid #ccc; padding:4px; margin: 0 0 10px 15px;}

.box1 .box1_r_con p{ margin:0; padding:0; float:left; width:395px; margin-left:15px; text-indent:20px; color:#555; font-size:12px; line-height:22px; text-align:left;}



.box2{ width:980px; margin:auto;}

.box2 .box2_l{ float:left; width:314px; border:1px solid #ccc; border-radius: 6px 6px 0 0; padding-top:1px;}

.box2 .box2_r{ float:right; width:646px; border:1px solid #ccc; border-radius: 6px 6px 0 0; padding:1px 0 10px 0;}

.box2 .box2_l .title_l{ height:30px; border-radius:6px 6px 0 0; background:url(../images/box1_l.jpg) no-repeat right top; margin-bottom:15px;}

.box2 .box2_r .title_l{ height:30px; border-radius:6px 6px 0 0; background:url(../images/box1_r.jpg) no-repeat right top; margin-bottom:15px;}





.box2_r_con ul li{ float:left; margin:0 5px; width:136px; padding:4px; text-align:center; overflow:hidden;}

.box2_r_con ul li img{ width:136px; height:122px; border:solid 1px #ccc;}

#List{ float:left; margin-top:15px;}

#List li{ float:left; margin:0 5px; width:90px; height:50px; text-align:left; padding-left:99px; padding-right:20px; padding-top:6px;border:1px solid #ccc;}

.list1{ background:url(../images/icon1.jpg) no-repeat left;}

.list2{ background:url(../images/icon2.jpg) no-repeat left;}

.list3{ background:url(../images/icon3.jpg) no-repeat left;margin-right:0 !important;}

.list4{ background:url(../images/icon4.jpg) no-repeat center;}

.list1 a{ color:#555; line-height:16px; text-align:right;}

#List a:hover{ color:#0f659d;}



.box2-1{ float:right; width:648px;}

/*盒子模块*/

.box{ width:480px; float:left; background:#fff; border:solid 1px #dadada; height:200px; overflow:hidden; margin-bottom:14px;}

.box .title{ background:url(../images/title_bg2.jpg) repeat-x; padding:0 10px; height:27px; padding-top:10px; border-bottom:solid 1px #dadada;}

.box .title span{ padding-left:6px; font-size:16px; border-left:solid 3px #cf0000;}

.box .title a{ float:right;}

.box .intro{ padding:10px;}

.box .intro img{ float:left; margin-right:10px; width:142px; height:127px;}

.box2{ float:right;}

.news{ padding:5px 10px;}

.news ul li{ background:url(../images/iocn02.jpg) no-repeat left; padding-left:10px; line-height:24px;}

.box3{ width:980px; height:auto;}

.product{ padding:0 0 20px 0;}

.product ul li{ float:left; width:190px; text-align:center; overflow:hidden;}

.product ul li img{ width:175px; height:220px; border:1px solid #ccc; margin:0 4px;}

.rollBox{width:200px; position:relative; padding:0 36px; margin: 0 21px;}

.rollBox .LeftBotton{height:44px;width:26px;background:url(../images/gd_l.jpg) no-repeat left;overflow:hidden; cursor:pointer; position:absolute; left:0; top:32%;}

.rollBox .RightBotton{height:44px;width:26px;background:url(../images/gd_r.jpg) no-repeat left;overflow:hidden; cursor:pointer; position:absolute; right:0; top:32%;}

.rollBox .Cont{width:190px; padding:4px;overflow:hidden;float:left;}

.rollBox .ScrCont{width:10000000px;}

.rollBox #List1,.rollBox #List2{float:left;}



/*内页左边菜单*/

.sidebar{ width:200px; float:left; margin-left:1px;}

.side_menu{}

.side_menu .title{ background:#0291d8; height:55px; text-align:center; line-height:55px; margin-bottom:5px;}

.side_menu .title span{ display:block; color:#fff; font-size:20px;}

.side_menu .intro{}

.side_menu .intro ul li{ border-bottom:solid 1px #fff; font-size:14px; position:relative;}

.side_menu .intro ul li a{ display:block; background:#e1f2fa; height:32px; line-height:32px; padding-left:26px;}

.side_menu .intro ul li a:hover,.side_menu .intro ul li a.active,.side_menu .intro ul li:hover{ background:#0f659d; color:#fff;}

#menu2 ul ul{ display:none;  position:absolute; top:0;  left:200px; width:200px; border-left:solid 1px #fff; z-index:10;}



/*======内页右边内容=====*/

/*内页右边标题*/

.side_right{ width:725px; float:right; background:#fff; border:solid 1px #dcdcdc; box-shadow:0 0 2px #e8e8e8; padding:15px; /*min-height:400px;*/}

.side_right .title{ border-bottom:solid 1px #e3e3e3; height:24px;}

.side_right .title .dangq{ font-size:14px; border-left:solid 3px #0f659d; color:#0f659d; padding-left:6px; float:left;}

.side_right .title .weizhi{ float:right;}

.side_right .title a:hover{ text-decoration:underline;}



/*内页右边单页及表格、表单样式*/

.side_right .intro{ line-height:26px; padding:20px;}

.side_right .intro p{ /*margin-bottom:15px;*/}

.side_right .intro table{ background:#dadada; margin-bottom:20px;}

.side_right .intro table tr td{ padding:5px; background:#fff;}

.side_right .intro table tr .zxbj-input{ width:60px; height:12px;}

.side_right .intro table tr td a:hover{ color:#c30;}



.side_right .intro .jszc-d{ background:#e1f2fa;}



.button{ float:right; margin-right:10px; border:1px solid #ccc; font-size:12px; padding:2px 10px; color:#fff; line-height:16px; background:#5F5F5F;}



.side_right .intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"思源宋体"; border-radius:3px;}

.side_right .intro table input .button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}

.cplx{ width:260px; height:24px;}



/*新闻列表*/

.news_list{ padding:20px 0;}

.news_list ul li{ border-bottom:dotted 1px #dbdbdb; background:url(../images/iocn02.jpg) no-repeat 6px; padding-left:16px; line-height:24px; margin-bottom:10px;}

.news_list ul li a:hover{ text-decoration:underline; color:#c30;}

.news_list ul li span{ float:right;}



/*新闻详细页*/

.news_show{ padding:20px 0;}

.news_show .name{ font-size:14px; text-align:center; line-height:40px;}

.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}

.news_show .nr{ padding:8px 18px;}

.news_show .nr p{ margin-bottom:10px; line-height:26px;}

.news_show .back{ text-align:center;}

.news_show .back a:hover{ color:#ec6100;}



.jishuzhichi_show{ padding:20px 0;}

.jishuzhichi_show .name{ font-size:12px; text-align:left; line-height:40px; color:#333; background:#e1f2fa; padding-left:10px;}

.jishuzhichi_show .date{ text-align:left; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}

.jishuzhichi_show .nr{ padding:8px 18px;}

.jishuzhichi_show .nr p{ margin-bottom:10px; line-height:26px;}

.jishuzhichi_show .back{ text-align:center;}

.jishuzhichi_show .back a:hover{ color:#ec6100;}





/*产品列表*/

.cpzs_list{ padding:20px 0;}

.cpzs_list .cp li{ text-align:left; float:left; width:300px; margin-right:20px; height:300px; padding:4px; border:1px solid #ccc; overflow:hidden;}



.cpzs_list .cp li img{  }

.cpzs_list .cp li span{ text-align:left; color:#0f659d; font-size:14px; line-height:26px;}

.cpzs_list .cp .cp_xian{ width:360px; height:2px; background:#ccc;}

.cpzs_list h2{ margin:10px 10px 6px 0; padding:0; color:#333; font-size:14px;}

.texing{ padding-left:10px; line-height:26px; font-size:12px; color:#333;}



/*产品详细*/

.product_show{ padding:20px 0;}

.product_show .pic{ width:380px; float:left;}

.product_show .pic img{ width:400px; border:solid 1px #dadada;}

.product_show .guige{ width:300px; float:right;}

.product_show .guige ul li{ border-bottom:dotted 1px #ccc; line-height:24px; padding-left:10px; margin-bottom:10px;}

.product_show .guige ul li .font1{ color:#287fc6;}

.product_show .sm{ width:100%; float:left; margin-top:20px;}

.product_show .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}

.product_show .sm .smbt span{ background:#287fc6; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:14px; float:left;}

.product_show .sm .neirong{ padding:10px; line-height:24px; float:left;}



/*footer*/

.footer{ margin-top:15px; width:980px; margin:auto; border-top:3px solid #e6e6e6; border-bottom:3px solid #e6e6e6; line-height:24px; font-size:13px; color:#333; margin-top:15px; text-align:center; padding:15px 0;}

.footer a{ color:#333;}





/*产品列表*/

.product_list{ padding:20px 0;}

.product_list ul li{ float:left; margin:0 25px 20px; width:180px; text-align:center; overflow:hidden;}

.product_list ul li img{ border:solid 1px #dadada; width:178px; height:220px;}