@charset "utf-8";

/* base 公共部分 */
body { font: 0.85em Source Han Sans CN, "思源黑体"; color:#555; margin: 0px; text-align:center; background:#fff;}
*{ padding:0; margin:0;font-family:"思源黑体" !important;}
a { color:#555; text-decoration:none;}
a:hover{ color:#b21d23; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.clearboth { clear:both; }
.page{ text-align:center; margin:10px 0 30px 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;}

.wrapper{min-width:300px; max-width:640px; margin:0 auto;overflow:hidden;padding:0;}
.header{width:100%;}
.header .logo{width:40%; float:left;}
.header .logo img{width:100%;}
.header .nav-box{width:25%;float:right; margin-top:4%; margin-right:4%;}
.header .nav-box img{width:70%;}

.nav{ width:100%; position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:right;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  text-align:right; }
.nav .sub{ display:none; width:120px; right:0; top:40px;  position:absolute; background:#0a60b0;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#b21d23; color:#fff;  }


.banner{width:100%; }
.slideBox{ width:100%; overflow:hidden; position:relative;  }
.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:10px; height:10px;  background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f60;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

.main{width:100%;}
.box1{width:100%; margin:4% auto;}
.bb1-title{width:60%; font-size:2em; line-height:40px; margin:0 auto; text-align:center; margin-bottom:10px; color:#333;}
.bb1-title-xian{ background:#0a60b0; height:3px; width:14%; margin:auto; margin-bottom:30px;}

.box1 .b-con ul li{ width:20%; max-height:120px; overflow:hidden; margin:0 2% 20px 2%; background-color:#fff; border: 1px solid #0a60b0; float:left;}
.box1 .b-con ul li .b-li-img{ height:px; padding:13.5% 5%;}
.box1 .b-con ul li .b-li-img img{ max-width:100%;}
.box1 .b-con ul li .zi{ width:100%; height:36px; background:#0a60b0; color:#fff; font-size:12px; text-transform:uppercase; text-align:center; line-height:36px;}
.box1 .b-con ul li:hover{ background:#0a60b0;}

.box1 .b-cp ul li{ width:94%; border:1px solid #ccc;/* max-height:120px; overflow:hidden;*/ margin:0 2% 20px 2%; background-color:#fff; float:left; padding-bottom:4%;}
.box1 .b-cp ul li h2{ font-size:1.4em; color:#555; line-height:40px; text-transform:uppercase; font-weight:normal;}
.box1 .b-cp ul li img{ max-width:100%;}

.box2{padding:4% 0;}
.bb2-content{padding:0 2%;}
.box2-tu img{ width:100%;}
.box2-zi{ margin-top:20px; font-size:12px; line-height:1.8; text-align:left; padding:2%; background:#1cbde9; color:#fff;}
.box2-zi .box2-more{ width:16%; float:right; text-align:center; text-transform:uppercase; font-size:12px; line-height:24px; border-radius:4px; background:#fff;}
.box2-zi .box2-more a{ display:block; width:100%; line-height:24px; color:#0a60b0;}

.box3{width:100%; margin:4% auto;}
.bb3-content{}
.bb3-content ul li{width:21%;float:left; margin:0 2%; display:inline; text-align:center; line-height:36px;}
.bb3-content ul li img{width:100%;}

.d-con{ max-width:100%; margin:auto;}
.d-con ul li{ float:left; width:94%; background:#f2f0f0; padding:2%; margin-bottom:20px; }
.d-con ul li .d-img{ float:left; width:36%; 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:60%;}
.d-con ul li .d-zi h4{ color:#0a60b0; font-size:14px; line-height:24px; text-align:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.d-con ul li .d-zi p{ text-align:left; font-size:12px; line-height:20px;}
.d-con ul li .d-zi .d-more{ width:28%; height:22px; background:#e0dede; line-height:22px; 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:30%; height:32px; margin:auto; border: 1px solid #003883; border-radius:6px; font-size:14px; text-align:center; line-height:32px; background:#e0dede;}
.d-con .news-more a{ color:#003883;}


.box4{background:#f5f5f5; padding:4% 0;}
.bb4-content{}
.bb4-content img{width:100%;}

.box5{width:100%; margin:4% auto;}
.bb5-content{text-align:left; line-height:2;}
.bb5-content img{width:100%; margin-bottom:2%;}
.bb5-content a{color:#b91a1e;}

.box6{background:#f5f5f5; padding:4% 0 6% 0;}
.bb6-content{padding:0 2%;}
.bb6-content ul li{height:36px; line-height:36px; border-bottom:1px dashed #ddd; text-indent:25px; background:url(../images/bg2.jpg) left center no-repeat; text-align:left;}

/*内页*/
.sider-title{height:40px; line-height:40px; background:#b81c22;padding:0 2%; color:#fff;font-size:1.1em; font-weight:bold; }
.sider-title span{float:left; text-transform:uppercase;}
.sider-title a{float:right; color:#fff; text-transform:uppercase; }

.sider-nav{margin:2% 0;}
.sider-nav ul li{height:30px; line-height:30px; width:46%; margin:1% 2%;float:left; display:inline; text-overflow:ellipsis; overflow:hidden;}
.sider-nav ul li a{display:block;background:#28499a;color:#fff;padding:0 2%;}
.sider-nav ul li a.active,.sider-nav ul li a:hover{background:#b81c22;}

.video{ padding:3% 0;}
.video p{ font-size:12px; line-height:20px; text-align:left; padding: 0 2%;}
.video ul li{width:42%; float:left; margin:2% 3%;text-align:center; line-height:2;border:1px solid #ddd; height:176px; overflow:hidden;}
.video ul li h4{ font-size:12px; line-height:16px; margin:4px 0;}
.video ul li img{max-width:100%; height:150px;}

.video1{ padding:3% 0;}
.video1 p{ font-size:12px; line-height:20px; text-align:left; padding: 0 2%;}
.video1 ul li{width:42%; float:left; margin:2% 3%;text-align:center; line-height:2;border:1px solid #ddd; height:120px; overflow:hidden;}
.video1 ul li h4{ font-size:12px; line-height:16px; margin:4px 0;}
.video1 ul li p{ text-align:center; font-size:12px; line-height:26px;}
.video1 ul li img{max-width:100%; height:92px;}

.video2{ padding:3% 0;}
.video2 p{ font-size:12px; line-height:20px; text-align:left; padding: 0 2%;}
.video2 ul li{width:42%; float:left; margin:2% 3%;text-align:center; line-height:2;border:1px solid #ddd; height:120px; overflow:hidden;}
.video2 ul li h4{ font-size:12px; line-height:12px; float:left; margin-left:1%;}
.video2 ul li a{ float:right; text-align:right; font-size:12px; line-height:12px; margin-right:1%;}
.video2 ul li img{width:100%; height:92px;}

/*新闻列表*/
.news_list{ padding:0 2% 20px 2%;}
.news_list ul li{ border-bottom:dotted 1px #dbdbdb; background:url(../images/bg3.jpg) left center no-repeat;  text-indent:25px; text-align:left; height:36px; line-height:36px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_list ul li a:hover{ text-decoration:underline; color:#c30;}

/*新闻详细页*/
.news_show{ padding:20px 0;}
.news_show .name{ font-size:20px; text-align:center; line-height:30px;}
.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}
.news_show .nr{ padding:8px 18px; line-height:2; text-align:left;}
.news_show .nr img{width:100%;}
.news_show .back{ text-align:center;}
.news_show .back a:hover{ color:#ec6100;}

.about{padding:2%; text-align:left; line-height:2;}
.about img{width:100%;}
.about span{ color:rgb(192, 0, 0);}

.about1{padding:2%; text-align:left; line-height:2;}
.about1 h3{ font-size:14px; color:rgb(247, 150, 70);}
.about1 img{width:100%;}
.about1 span{ color:rgb(192, 0, 0);}

.about2{padding:2%; text-align:left; line-height:2;}
.about2 img{width:100%;}
.about2 span{ color:rgb(192, 0, 0);}


.about3{padding:2%; text-align:left; line-height:2;}
.about3 img{width:100%;}
.about3 span{ color:rgb(192, 0, 0);}
/*内页右边单页及表格、表单样式*/
/*.side_right .intro{ line-height:26px; padding:20px;}
.side_right .intro p{ margin-bottom:15px;}*/
.about3 table{ background:#dadada; margin-bottom:20px;}
.about3 table tr td{ padding:4px; background:#fff;}
.about3.intro table tr td a:hover{ color:#c30;}
.about3 table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; border-radius:3px;}
.about3 table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}



.product_list{padding:2% 2% 5% 2%; text-align:left;}
.product_list h3{font-size:1.15em; font-weight:Bold; margin:4% 0 2% 0; text-transform:uppercase;}
.product_list ul{padding-bottom:2%; border-bottom:1px solid #ddd;}
.product_list ul li{float:left; width:30%; margin:1% ;}


.footer{ width:100%; margin-top:30px; background:#686868;}

.footer .center{ width:94%; margin:0 auto; padding:10px 3%; text-align:left; color:#fff;}
.footer .footer-left{ width:100%; color:#fff; font-size:16px;}
.footer .footer-right{ float:right; width:26%; margin-right:10%;}
.footer .footer-right p{ font-size:14px; text-align:center; color:#bdbbb9;}
.footer .footer-right img{ max-width:100%;}

.footer .footer-left ul li a{ color:#fff; text-align:center; display:inline-block; padding:0 8px; font-size:12px; line-height:24px;}
.footer .center ul li{ float:left; text-align:center;}
.footer .center ul .footer-s{ border:none;}
.footer .footer-xian{ width:100%; height:1px; background:#fff; margin:10px 0;}
.footer .footer-left .footer-l{ width:100%;}
.footer .footer-left .footer-l p{ font-size:12px; color:#fff; line-height:20px;}
.footer .footer-left .footer-r{ float:left; width:290px; height:54px; background:url(../images/footer-tel.png) no-repeat top left; margin-top:48px; margin-left:15%;}
.footer .footer-left .footer-r p{ font-weight:bold; font-size:30px; text-align:left; color:#fff; margin:6px 0 0 60px;}
.footer .footer-left .footer-r span{ font-size:16px; color:#fff; margin-left:60px;}

/*点击放大*/
	.bigimg{width:100% !important; height:auto !important; position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
	.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
	.bigbox{max-width:100%;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
	.bigbox>.imgbox{width:44%; height:auto; float:left; overflow: hidden; margin: 0 3% 10px 3%;}
	.bigbox>.imgbox>img{width:100%; height:94px;}
	.imgbox p{ font-size:12px; line-height:24px; text-transform:uppercase;}
	.imgbox:hover{cursor:zoom-in}
	.mask:hover{cursor:zoom-out}
	.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
	.mask>img:hover{cursor:pointer}