@charset "utf-8";
/* CSS Document */

/* base 公共部分 */
body { font: 12px/22px "思源黑体"; color:#555; margin: 0px; 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;}
.right0{ margin-right:0;}
.left0{ margin-left:0;}

.wrapper{ width:100%; text-align:left;}
/*头部*/
.header{ width:100%; margin:0 auto;}

.logo{ max-width:1200px; margin: 0 auto;}
.top_left{ float:left;}
.top_right{ float:right; width:280px; height:100px; color:#bebebe; text-align:right; background:url(../images/tel.jpg) no-repeat; }
.top_right p{ padding-left:58px; margin-top:26px; margin-left:10px; font-size:18px; color:#333; line-height:26px; text-align:left; text-transform:uppercase;}


/*菜单*/
.nav-box{ width:100%; height:50px; border-top:1px solid #ccc;}
.nav{width:1200px; margin: 0 auto; height:50px; line-height:50px;  font-size:16px;}
.nav ul{width:1200px; margin:0 auto;}
.nav ul li{ float:left; position:relative;}
.nav ul li a{ display:block; padding:0 52px; color:#223fb4; font-weight:700; font-size:16px;}
.nav ul li a:hover,.header .nav ul li a.dq{ background:#1839be; color:#fff;}
/*二级菜单*/
#menu ul ul { display:none;  position:absolute; top:50px; left:0; z-index:99999; width:auto; background:#e5e5e5;}
#menu ul ul li{ background:none; float:none; border-bottom:solid 1px #fff;}
#menu ul ul li a{ color:#555; font-size:12px; line-height:40px; padding:0; display:block; width:168px; text-align:center;}
#menu ul ul li a:hover{ color:#fff;}
 

/*banner*/
.banner{ width:100%; float:left; position:relative; z-index:6; border-bottom:solid 1px #fff; height:500px; overflow:hidden;}
#campaign_slide_navigation{ text-align:center; position:absolute; left:50%; margin-left:24px; bottom:16px; z-index:10;}
#campaign_slide_navigation li{ float:left; margin:0 2px; cursor:pointer;}
#campaign_slide_navigation li.campaign_navi_item{ background:#f1f1f1; width:16px; height:16px; border-radius:50%;}
#campaign_slide_navigation li.activeSlide{ background:#e63820; width:16px; height:16px; border-radius:50%;}

.main1{ width:1200px; margin: 0 auto; position:relative;}
.b{ max-width:1200px; margin:auto; position:absolute; margin-top:-70px; left:0; z-index:20;}
.title-tt{ margin-top:60px; margin-bottom:30px;}
.title-tt h5{ font-size:26px; text-align:center; color:#666; margin:0 auto; padding:0; margin-bottom:15px; font-weight:500;}
.title-tt h4{ font-size:12px; text-align:center; color:#666; margin: 0 auto; padding:0; text-transform:uppercase;}
.title-tt .xian-tt{ background:#4379fd; width:40px; height:1px; margin:auto; margin-top:15px;}


.b .b-left{ float:left; background:#f0f0f0; width:500px; height:180px; padding:40px 30px; margin-right:80px;}
.b .b-right{ float:right; background:#f0f0f0; width:500px; height:180px; padding:40px 30px;}
.b h2{ font-family:'思源黑体'; font-size:20px; color:#555; text-align:left; margin-bottom:30px;}
.b ul li{ float:left; width:240px; margin-bottom:30px;}
.b ul li .b-img{ width:46px; height:46px; border-radius:4px; float:left;}
.b ul li .b-img img{ max-width:100%;}
.b ul li h6{ float:left; margin-left:10px; font-size:14px; color:#555; line-height:46px;}

.c{ width:1200px; margin:auto; margin-top:254px;}
.c ul li{ float:left; width:265px; height:312px; padding:10px; margin:0 8px; border:1px solid #b2b2b2;}
.c ul li .c-img{ width:265px; height:200px;/* border:1px solid #b2b2b2;*/}
.c ul li .c-img img{ max-width:100%;}
.c ul li h1{ font-size:16px; line-height:30px; margin:16px 0 10px 0; border-bottom:1px solid #b2b2b2; text-align:left;}
.c ul li h1 a{ color:#666;}
.c ul li p{ text-indent:20px; font-size:14px; line-height:24px; text-align:left;}
.c .c-more{ display:block; width:200px; height:40px; margin:auto; margin-top:30px; border-radius:20px; border:1px solid #2096ee; font-size:16px; line-height:40px; text-align:center; color:#666;}
.c .c-more:hover{ background:#2c4fdd; color:#fff;}

.d-box{ background:#2c4fdd; padding:60px 0; width:100%; height:300px; margin-top:60px;}
.d-box .d{ width:1200px; margin:0 auto;}
.d-box .d .d-left{ float:left; width:495px; height:180px; background:#fff; padding:60px 50px;}
.d-box .d .d-right{ float:right; width:550px; height:300px;}
.d-box .d .d-left h2{ padding:0; font-size:26px; color:#666; text-align:left; font-weight:normal; margin-bottom:26px;}
.d-box .d .d-left h2 span{ font-size:16px; color:#666; text-align:right; font-weight:normal;}
.d-box .d .d-left p{ text-indent:20px; font-size:12px; line-height:24px; color:#666;}
.d .d-more{ display:block; width:200px; height:40px; margin-top:30px; border-radius:20px; border:1px solid #2096ee; font-size:16px; line-height:40px; text-align:center; color:#666;}
.d .d-more:hover{ background:#2c4fdd; color:#fff;}

.e{ width:1200px; margin:auto;}
.e ul li{ float:left; width:295px; height:185px; padding:40px; border:1px solid #b2b2b2; margin:0 17px;}
.e ul li h3{ font-size:16px; text-align:left; line-height:40px; border-bottom:1px solid #b2b2b2;}
.e ul li h3 a{ color:#4379fd;}
.e ul li p{ font-size:14px; line-height:24px; color:#b2b2b2; text-align:left; margin:20px 0;}
.e ul lie-moer-1{ width:31px; height:29px;}
.e ul lie-moer-1 img{ max-width:100%;}
.e .e-more{ display:block; width:200px; height:40px; margin:auto; margin-top:30px; border-radius:20px; border:1px solid #2096ee; font-size:16px; line-height:40px; text-align:center; color:#666;}
.e .e-more:hover{ background:#2c4fdd; color:#fff;}


.footer{ width:100%; margin-top:100px;}
.footer .f2{ width:100%; height:60px; font-size:12px; line-height:60px; color:#fff; background:#2f2f2f; padding:10px 0;}
.footer .f2 .center{ width:1200px; margin:0 auto; text-align:center;color:#fff;}
.footer .f2 .center a{color:#fff;}


/*内页左边菜单*/
.sidebar{ width:240px; float:left; margin-left:1px;}
.side_menu{ margin-bottom:30px;}
.side_menu .title{ background:#1839be; height:55px; text-align:left; line-height:55px; margin-bottom:5px;}
.side_menu .title span{ display:block; color:#fff; font-size:20px; margin-left:26px;}
.side_menu .intro{}
.side_menu .intro ul li{ border-bottom:solid 1px #fff; font-size:14px; position:relative; background:#e5e5e5;}
.side_menu .intro ul li a{ background:#e5e5e5; line-height:20px; display:block; padding:10px 0 10px 26px;}
.side_menu .intro ul li a:hover,.side_menu .intro ul li a.active,.side_menu .intro ul li:hover{ background:#3087ff; color:#fff;}
#menu2 ul ul{ display:none;  position:absolute; top:0;  left:240px; width:200px; border-left:solid 1px #fff; z-index:10;}


/*======内页右边内容=====*/
/*内页右边标题*/
.side_right{ width:880px; float:right; background:#fff; border:solid 1px #dcdcdc; box-shadow:0 0 2px #e8e8e8; padding:15px; min-height:400px; position:relative;}
.side_right .title{ border-bottom:solid 1px #e3e3e3; height:24px;}
.side_right .title .dangq{ font-size:16px; border-left:solid 3px #3087ff; padding-left:6px; float:left;}
.side_right .title .weizhi{ float:right; text-transform:uppercase;}
.side_right .title a:hover{ text-decoration:underline;}
.side_right .intro{ margin-top:20px;}
.side_right .intro p{ font-size:14px; line-height:26px; color:#555; text-indent:20px;}
.side_right .about-img{ width:300px; height:252px; float:right;}
.side_right .about-img img{ max-width:100%;}
.main{ max-width:1200px; margin:auto; margin-top:30px;}


/*新闻列表*/
.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:#1839be;}
.news_list ul li span{ float:right;}

/*新闻详细页*/
.news_show{ padding:20px 0;}
.news_show .name{ font-size:20px; 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:10px 18px; /*width:500px; float:left;*/}
.news_show .nr-right{ width:260px; float:right; margin-right:80px; margin-top:10px;}
.news_show .nr p{ margin-bottom:10px; line-height:26px;}
.news_show .back{ text-align:center;}
.news_show .back a:hover{ color:#1839be;}

.servict{ padding:20px 0;}
.servict .servict-a{ color:#3087ff; font-size:14px; line-height:26px;}
.servict .servict-b{ margin-bottom:20px;}
.servict h6{ margin:0; font-size:14px; color:#1839be; line-height:22px;}
.servict h5{ margin:0; font-size:14px; color:#404040; line-height:22px;}
.servict p{ margin:0; font-size:12px; color:#333; line-height:24px;}
.servict .back{ text-align:center; position:absolute; bottom:20px; left:50%; margin-left:-10px;}
.servict .back a:hover{ color:#1839be;}

/*产品列表*/
.product_list{ padding:20px 0;}
.product_list ul li{ float:left; margin:0 10px 20px; width:255px; text-align:center; overflow:hidden; border:1px solid #b2b2b2; padding:5px;}
.product_list ul li h2{ font-size:14px; color:#555; text-align:center; font-weight:normal; line-height:40px; text-transform:uppercase;}
.product_list ul li h2:hover{ color:#fff; background:#1839be;}
.product_list ul li img{ border:solid 1px #dadada; width:255px; height:200px;}
.product_list ul li img:hover{}

.product_list2{ padding:20px 0;}
.product_list2 ul li{ float:left; margin:0 10px 30px; width:255px; height:130px;text-align:center; overflow:hidden; border:1px solid #e5e5e5; padding:5px;}
.product_list2 ul li .pr-img{ float:left; width:61px; height:61px;}
.product_list2 ul li .pr-img img{ max-width:100%;}
.product_list2 ul li .pr-zi{ float:right; width:180px;}
.product_list2 ul li .pr-zi h4{ font-size:16px; text-align:left; line-height:40px;}
.product_list2 ul li .pr-zi a{/* display:block; */color:#1839be; line-height:20px; font-size:12px; text-align:left; text-decoration:underline !important;}
.product_list2 ul li .pr-zi p{ text-align:left; font-family:'宋体';}
.product_list2 ul li .pr-zi p *{ font-size:12px !important;}

/*产品详情页的滚动*/
.product{ padding:0 0 20px 0;}
.product ul li{ float:left; width:400px; text-align:center; overflow:hidden;}
.product ul li img{ width:400px; height:auto; /*border:1px solid #ccc;*/ margin:0 4px;}
.rollBox{width:364px; 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:36px; top:38%;}
.rollBox .RightBotton{height:44px;width:26px;background:url(../images/gd_r.jpg) no-repeat left;overflow:hidden; cursor:pointer; position:absolute; right:0; top:38%;}
.rollBox .Cont{width:400px; overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox #List1,.rollBox #List2{float:left;}

/*新产品详情页的滚动*/
.product1{ padding:0 0 20px 0;}
.product1 ul li{ float:left; width:400px; text-align:center; overflow:hidden;}
.product1 ul li img{ width:100%; height:auto; /*border:1px solid #ccc;*/ margin:0 4px;}
.rollBox1{width:364px; position:relative; padding:0 36px; margin: 0 21px;}
.rollBox1 .LeftBotton{height:44px;width:26px;background:url(../images/gd_l.jpg) no-repeat left;overflow:hidden; cursor:pointer; position:absolute; left:36px; top:38%;}
.rollBox1 .RightBotton{height:44px;width:26px;background:url(../images/gd_r.jpg) no-repeat left;overflow:hidden; cursor:pointer; position:absolute; right:0; top:38%;}
.rollBox1 .Cont{width:400px; overflow:hidden;float:left;}
.rollBox1 .ScrCont{width:10000000px;}
.rollBox1 #List1,.rollBox #List2{float:left;}


.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:#1839be; 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;*/}
.product_show .sm table{border-collapse:collapse; margin:auto;}
.product_show .sm table td,.product_show .sm table th{border-collapse:collapse; border:1px solid #555;}
.product_show .sm .neirong table{width:100%;}
.product_show .sm .neirong table,td{border-collapse:collapse;}

/*产品详细*/
.product_show{ padding:20px 0;}
.product_show .pic{ width:400px; float:right; margin-right:40px;}
.product_show .pic img{ width:400px;/* border:solid 1px #dadada;*/}
.product_show .guige{ width:360px; float:left; /*margin-right:140px;*/}
.product_show .guige ul li{ border-bottom:dotted 1px #ccc; line-height:24px; padding-left:10px; margin-bottom:10px; font-size:16px;}
.product_show .guige ul li a{ color:#1839be;}
.product_show .guige ul li .font1{ color:#287fc6;}
.product_show .guige table{border-collapse:collapse; margin:auto;}
.product_show .guige table,td{border-collapse:collapse;}

.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;*/}

.product_show .pic2{ width:450px; float:left;}
.product_show .guige2{ width:360px; float:right;  margin-right:30px;/*margin-right:140px;*/}
.product_show .guige2 ul li{ border-bottom:dotted 1px #ccc; line-height:24px; padding-left:10px; margin-bottom:10px; font-size:16px;}
.product_show .guige2 ul li a{ color:#1839be;}
.product_show .guige2 ul li .font1{ color:#287fc6;}


.product_show .pic1{ width:240px; float:right; margin-right:100px;}
.product_show .pic1 img{ width:300px; border:solid 1px #dadada;}
.product_show .guige1{ width:500px; float:left; /*margin-right:140px;*/}
.product_show .guige1 ul li{ line-height:24px; padding-left:10px; margin-bottom:10px;}
.product_show .guige1 ul li a{ color:#1839be;}
.product_show .guige1 ul li .font1{ color:#287fc6;}


/*内页右边单页及表格、表单样式*/
.side_right .intro{ line-height:26px; padding:20px;}
.side_right .intro .input1{ float:left;}
.side_right .intro .contact{ float:right; width:360px; margin-right:40px; height:440px;}
.side_right .intro .contact h2{ font-size:14px; font-weight:500; color:#555; text-align:left; line-height:30px; margin-bottom:10px;}
.side_right .intro h1{ font-weight:500; font-size:16px; line-height:30px; text-align:left; color:#555;}
.side_right .intro .input1 .inputa{ width:300px; height:30px; line-height:30px; border:1px solid #e5e5e5; background:#fff;}
.hs{ color:red; line-height:30px;}
.side_right .intro .bd{ margin:10px 0;}


.side_right .intro p{ margin-bottom:15px;}
.side_right .intro table{ background:#dadada; margin-bottom:20px;}
.side_right .intro table tr td{ padding:4px; background:#fff;}
.side_right .intro table tr td a:hover{ color:#c30;}
.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;}

.side_right .intro h1{ color:#1839be; font-size:20px; line-height:40px; font-weight:bold;}
.side_right .intro .contact-1{ font-size:12px; line-height:24px; font-family:"思源黑体";}


.product_list1{ padding:20px 0;}
.product_list1 ul li{ float:left; margin:0 25px 20px; width:221px; text-align:center; overflow:hidden; border:1px solid #dadada; padding:10px;}
.product_list1 ul li h2{ font-size:14px; color:#555; text-align:center; font-weight:normal; line-height:26px; text-transform:uppercase; float:left;}
/*.product_list1 ul li h2:hover{ color:#1839be;}*/
.product_list1 ul li span{ float:right; font-size:14px; color:#1839be;line-height:26px; text-transform:uppercase;}
.product_list1 ul li img{ border:solid 1px #dadada; width:218px; height:220px; overflow:hidden; transition:xz 0.5s}
.product_list1 ul li img:hover{ transform:scale(1.1);}




		/* 圆点滚动-本例子css */
		.slideBox{ width:400px; height:300px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:400px; height:300px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }













