@charset "utf-8";
#top { height: 36px; background: #242424; }
#navigation{width:auto;height:102px;float:right;position: absolute;left: 851px;}
#navigation ul li { float: right; text-align: center; position: relative; padding: 20px 0; margin-left: 5px; }
#navigation ul li a { display: block; font-size: 16px; color: #5F5F5F; line-height: 60px; padding: 0 25px; }
#navigation ul li a:hover { background: #2C2C2C; color: #FFF; text-decoration: none; transition: all .5s ease 0s; border-radius: 30px; box-shadow: 0 0 10px #CCC; }
#navigation ul li .current { background: #0071ce; color: #FFF; border-radius: 30px; box-shadow: 0 0 10px #CCC; }
#contact { background: #242424; height: 60px; line-height: 60px; font-size: 16px; text-align: right; color: #FFF; }
#contact a { color: #FFF; }
#logo{width:100px;height:102px;float:left;}
#logo img{margin-top:23px;    height: 64%;}
.logo_name{width:350px;height:102px;float:left}
.logo_name_one{font-size: 20px;color: #003f97;font-weight: 600;width: 400px;height:40px;line-height:40px;margin-top:34px;padding-left: 0px;}
.logo_name_two{font-size:21px;color:#003f97;font-weight:600;padding-left: 84px;}
/*轮播图*/
.banner{ width:100%; height:600px; overflow:hidden; position:relative;font-size:0;}
.b-img{ height:500px;  position:absolute; left:0; top:-71px;}
.b-img a{ display:block; height:600px; float:left;}
.b-img a img{width:100%;height:100%;}
.b-list{ height:50px; padding-top:504px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:205px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:205px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*首页新闻*/
.line-big{width:100%;height:auto;}
.left{width:100%;height:auto;margin-top:20px;margin-bottom:20px;}
.left li a p{width:400px;height:40px;color:#333;line-height:40px;font-size:18px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:keep-all;_overflow:hidden;}
.left li span{float:right;margin-top:11px;}
.right{width:100%;height:auto;margin-top:20px;margin-bottom:20px;}
.right .list-group .new_list_p{float:left;width:900px;line-height:30px;margin-left:20px;margin-top:20px;margin-right:20px;}
.right .list-group img{float:left;width:200px;padding:10px;}
/*首页关于我们*/
.list-group_sy{width:100%;height:auto;float:left;}
.list-group_sy p{width:769px;line-height:25px;float:left;margin:20px;text-indent:2em}
.list-group_sy img{width:391px;height: 260px;padding:20px;padding-top:16px;float:right;}
.qyzz{width:100%;height:auto;float:left;margin-bottom: 40px;}
.qyzz img{width:auto;height:300px;float:left;margin-left:21px;margin-right:21px;}

/*首页产品*/
.container{width:1200px;margin:0 auto;}
.container_box{width:100%;height:auto;margin-top:20px;margin-bottom:20px;}
.container_box_product{width:100%;height:auto;}
.wrap a img{width:100%;height:100%;}
.wrap1 a img{width:240px;height:260px;}
.title{width:100%;height:50px;line-height:50px;font-size:16px;text-align:center;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:keep-all;_overflow:hidden;}
#copyright {width:100%;height:auto;float:left;background: #242424; color: #FFF; padding: 20px 0; }
#index_link{margin-top:20px;margin-bottom:20px;}
#index_link .xx24 a { background: #EEE; display: block; line-height: 32px; text-align: center; }
#template { margin-top: 20px; }
#template img { width: 100%; }
#case { margin-top: 20px; }
#case img { width: 342px;height:206px; }
#products { margin: 20px 0; }
#products .hd { height: 60px; }
#products .hd li span { display: block; height: 60px; text-align: center; line-height: 60px; cursor: pointer; font-size: 20px; background: #EEE; }
#products .hd li span.on { background: #F54325; color: #FFF; }
#products .content { margin-top: 20px; }
#products .hd2 li { display: block; background: #EEE; height: 32px; text-align: center; line-height: 32px; padding: 0 20px; margin-bottom: 10px; cursor: pointer; font-size: 16px; }
#products .hd2 li.on { background: #0A8; color: #FFF; }
#products .content2 { }
.fenlei{float: left;width: 440px;height:45px;margin-left:80px;margin-right:80px;margin-bottom:10px;font-size:16px;background:#eee;text-align:center;}
.fenlei.on { background: #e33;}
.fenlei.on p{color:#fff;}
.fenlei p{width:100%;height:45px;line-height: 45px;font-weight: bold;}

#about { margin: 20px 0; }
#about .hd { height: 60px; }
#about .hd li span { display: block; height: 60px; text-align: center; line-height: 60px; cursor: pointer; font-size: 20px; background: #EEE; }
#about .hd li span.on { background: #F54325; color: #FFF; }
#about .content { margin-top: 20px; }

#notice { margin-top: 20px; }
#help { margin-top: 20px; }
#detail_content { margin: 20px 0;text-indent: 2em }

.page_turner { margin:20px 0;text-align:center;}
.page_turner a, .page_turner span { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin-right: 2px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #7C7C7C; color: #FFF; }

.case-list .wrap { padding: 19px; margin-bottom: 10px; margin-top: 10px; box-shadow: 0 0 10px #666; border-radius: 5px;}
.case-list .wrap:hover { border-radius: 50px; transition: all .5s ease 0s; }

.template-list .wrap { padding: 9px; border: 1px solid #EEE;}
.plist .wrap { padding: 5px; border: 1px solid #EEE; margin-bottom: 10px; text-align: center;}
.icon-weixin { position: relative;}
.wx { position: absolute; top: 0; right: 0; display: none;z-index: 9; }
.wx img{}

.list-group p{width:1000px;color:#666;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:keep-all;_overflow:hidden;}
.list-group span{float:right;margin-top: 11px;}
.list-group a p{font-size: 16px;color:#333;}

/*联系我们*/
.contact{width:100%;height:auto;margin-top:50px;margin-bottom:50px;text-align: center;}
.contact img{width:250px;padding:20px;}
.contact p{width:800px;height:40px;text-align:center;line-height: 40px;padding-left:366px;font-size: 18px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:keep-all;_overflow:hidden;}

.about{width:100%;height:auto;text-align:center;margin-top:50px;margin-bottom:50px;}
.about img{width:350px;}
.about p{width:95%;text-align:left;margin:30px auto;line-height:30px;text-indent: 2em;}

/*新闻内容*/
.news_content{text-align:center;width:100%;margin-top:20px;margin-bottom:20px;}
.news_content p{text-align:left;line-height:25px;}
.hot_product{width:100%;height:auto;padding-top: 20px;}
.hot_product ul{width:100%;height:auto;float:left;margin-bottom: 20px;margin-top: 20px;}
.hot_product ul li{width:200px;float:left;margin-left:20px;margin-right:20px;}
.hot_product ul li img{height:200px;}

/*长条广告*/
.gg{width:100%;height:auto;}
.gg img{width:100%;height:100%;}

/*footer*/
.footer_left{width:auto;float:left;}
.footer_nav{width:150px;float:left;margin-left: 78px;}
.footer_nav a{width:150px;color:#fff;float:left;line-height:35px;padding-left:20px;font-size:16px;}
.bqsy{text-align:center;margin:30px 0 30px 0;}
.down{margin-left: 50px;}
.footer_img{width:auto;float:left;}
.footer_img .footer_logo{width:140px;float:left;margin-left: 80px;padding-top: 20px;}
.footer_img .footer_logo img{width:100%;padding:5px;}
.footer_img .footer_weixin{width:140px;float:left;margin-left:130px;}
.footer_weixin p{width:140px;text-align:center;}
.footer_con{width:400px;float:left;margin-left:340px;margin-top: 29px;}
.footer_con p{width:400px;float:left;line-height:35px;}

.team{width:100%;height:330px;}
.bd{width:1200px;height:220px;margin:0 auto;overflow:hidden;}
.bd ul{width:1200px;height:auto;margin:0 auto;}
.bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center; position:relative;  }
.bd ul li .pic{ text-align:center; }
.bd ul li .pic img{ width:288px; height:220px; display:block; padding:5px; border:1px solid #ccc; }
.bd ul li .pic a:hover img{ border-color:#999;  }
.bd ul li .title{color:#FFF; position:absolute; bottom:-33px; left:3px; background:#000;width:288px; height:30px; line-height:30px;  text-align:center; font-size:13px; }