@charset "utf-8";
/* CSS Document */

/* base 公共部分 */
body { font: 12px/22px Source Han Sans CN, "思源黑体"; 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; position:relative;}
/*头部*/
.header{ width:100%; margin:0 auto;}
.a{ width:100%; height:30px; background:#f5f5f5; border-bottom:1px solid #dbdbdb;}
.a .a1{ max-width:1200px; margin: 0 auto;}
.a .a1 p{float:right;}
.a .a1 a{ text-align:right; color:#555; line-height:30px; font-size:12px;}

.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.png) no-repeat; }
.top_right p{ padding-left:54px; margin-top:22px; margin-left:10px; font-size:22px; color:#333; line-height:28px; text-align:left; text-transform:uppercase;}


/*菜单*/
.nav-box{ width:100%; background:#0a60b0; height:90px;}
.nav{width:1200px; margin: 0 auto; height:90px; line-height:90px; font-size:16px; background:#0a60b0;}
.nav ul{width:1200px; margin:0 auto;}
.nav ul li{ float:left; position:relative;}
.nav ul li a{ display:block; padding:0 22px; color:#fff;}
.nav ul li a:hover,.header .nav ul li a.dq{ background:#b21d23;}
/*二级菜单*/
#menu ul ul { display:none;  position:absolute; top:90px; left:0; z-index:99999; width:auto; background:#ecf9fe;}
#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:128px; 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%;}


.b{ max-width:1200px; margin:auto;}
.title-tt{ margin-top:100px; margin-bottom:70px;}
.title-tt h5{ font-size:48px;  text-align:center; color:#333; margin:0 auto; padding:0;}
.title-tt .xian-tt{ background:#0a60b0; width:76px; height:5px; margin:auto; margin-top:40px;}

.b .b-con ul li{ width:110px; height:120px; margin:0 20px 40px 20px; background-color:#fff; border: 1px solid #0a60b0; float:left;}
.b .b-con ul li .b-li-img{ width:0px; height:84px; padding:20px 30px;}
.b .b-con ul li .zi{ width:109px; height:36px; background:#0a60b0; color:#fff; font-size:12px; text-transform:uppercase; text-align:center; line-height:36px;}
.b .b-con ul li:hover{ background:#0a60b0;}

.c{ width:100%;}
.c-left{ float:left; width:36.7%;}
.c-left img{ max-width:100%;}
.c-right{ float:right; width:63.3%; overflow:hidden;}
.c-right .c1{ width:100%; height:299px; background:#1cbde9; padding:60px 0 20px 30px; }
.c-right .c1 p{ font-size:14px; color:#fff; line-height:24px; width:740px; text-indent:20px;}
.c-right .c1 .more{ width:130px; height:30px; background:#fff; border-radius:4px; font-size:14px; line-height:30px; text-align:center; text-transform:uppercase; margin-top:20px;}
.c-right .c1 .more a{ color:#0a60b0;}

.d-con{ max-width:1200px; margin:auto;}
.d-con ul li{ float:left; width:580px; height:200px; background:#f2f0f0; padding:20px; margin-bottom:40px; margin:20px;}
.d-con ul li .d-img{ float:left; width:160px; height:160px; overflow:hidden;}
.d-con ul li .d-img img{ max-width:100%; transition:d11 0.5s;}
.d-con ul li .d-img img:hover{ transform:scale(1.1);}
.d-con ul li .d-zi{ float:right; width:350px;}
.d-con ul li .d-zi h4{ color:#0a60b0; font-size:16px; line-height:30px;}
.d-con ul li .d-zi .d-more{ width:60px; height:26px; background:#e0dede; line-height:26px; border-radius:4px; font-size:12px; margin-top:10px; text-align:center;}
.d-con ul li .d-zi .d-more a{ color:#0a60b0;}
.d-con .news-more{ width:140px; height:36px; margin:auto; border: 1px solid #003883; border-radius:6px; font-size:16px; text-align:center; line-height:36px; background:#e0dede;}
.d-con .news-more a{ color:#003883;}

.footer{ width:100%; margin-top:100px;}
.footer .f1{ width:100%; height:335px; background:#1e1e1e;}
.footer .f1 .center{ width:1200px; margin:0 auto; padding:50px 0; text-align:left; color:#fff;}
.footer .f1 .center ul li{ float:left; width:120px; margin-right:30px;}
.footer .f1 .center ul li .tit{ height:48px; line-height:48px; font-size:16px;}
.footer .f1 .center ul li .tit a{ color:#fff;}
.footer .f1 .center ul li p{ line-height:26px; font-size:14px;}
.footer .f1 .center ul li p a{ color:#fff;}
.footer .f1 .center ul li p a:hover{ color:#1cbde9;}
.footer .f1 .center .last{ margin-right:0; width:500px;}
.footer .f1 .center .last .left{ float:left; width:310px;}
.footer .f1 .center .last .right{ float:right; width:130px;}
.footer .f1 .center .last .right img{width:130px; height:130px;}
.footer .f2{ width:100%; height:30px; font-size:12px; line-height:30px; color:#fff; background:#1e1e1e; border-top:1px solid #8f8f8f;}
.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{}
.side_menu .title{ background:#0a60b0; 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:#b21d23; 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: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 #0a60b0; 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:#0a60b0;}
.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:8px 18px;}
.news_show .nr p{ margin-bottom:10px; line-height:26px;}
.news_show .back{ text-align:center;}
.news_show .back a:hover{ color:#0a60b0;}

.servict{ padding:20px 0;}
.servict .servict-a{ color:#b21d23; font-size:14px; line-height:26px;}
.servict .servict-b{ margin-bottom:20px;}
.servict h6{ margin:0; font-size:14px; color:#0a60b0; 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:#0a60b0;}

/*产品列表*/

.cpms{ text-align:left; line-height:2; padding:10px 0; font-size:14px;}

.product_list{ padding:20px 0;}
.product_list ul li{ float:left; margin:0 25px 20px; width:170px; text-align:center; overflow:hidden;}
.product_list ul li h2{ font-size:14px; color:#555; text-align:center; font-weight:normal; line-height:27px; text-transform:uppercase;}
.product_list ul li h2:hover{ color:#0a60b0;}
.product_list ul li img{ border:solid 1px #dadada; width:168px; height:190px; transition:cp 0.6s; overflow:hidden;}
.product_list ul li img:hover{ transform:scale(1.1);}

/*产品详细*/
.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; margin-right:140px;}
.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;}

/*内页右边单页及表格、表单样式*/
.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: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; 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:#0a60b0; font-size:20px; line-height:40px;}
.side_right .intro .contact-1{ font-size:12px; line-height:24px; }


.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:#0a60b0;}*/
.product_list1 ul li span{ float:right; font-size:14px; color:#0a60b0;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);}