/* CSS Document */
*{ margin:0 auto; padding:0; }
body{text-align:center; margin:0 auto; font-family: 微软雅黑, Arial, 宋体; font-size:14px;}
ul,li{margin:0;padding:0; list-style:none;}

/* 默认链接颜色 */
a{outline-style:none;text-decoration:none; color:#000; target:blank;}
a:hover{text-decoration:none;color:#0060c2; position: relative;}

/* 通用属性 */
.clear{clear:both;font-size:1px;width:1px;visibility:hidden;margin-top:0px!important;*margin-top:-1px;height:0;line-height:0}/*ie and firefox1.5 updata */

/* 顶部 */
.ding{margin:0 auto; background:url(../image/topimg.jpg) repeat-x;}
.dwid{ width:1200px; height:33px;}
.dleft{ width:400px; float:left; line-height:33px; color:#777; text-align:left;}
.dright{ width:680px; float:right; line-height:33px; color:#777; text-align:right;}

.topb{margin:0 auto; background:url(../image/topbj.jpg) no-repeat center;}
.top{height:150px; width:100%; overflow:hidden;}
.logo{ width:600px; float:left; padding-top:15px;margin-left:10%;}
.tel{ float:right; padding-top:15px;margin-right:5%;}

/* 导航 */
.nav{ height:57px; margin:0 auto; background:url(../image/dhbj.jpg) no-repeat center;}
.nav ul{ width:1200px; margin:0 auto;}
.nav li{ width:130px; float:left; background:url(../image/nav_li.png) no-repeat right;}
.nav li a{ width:130px; height:53px; line-height:53px; color:#FFF; float:left; font-size:16px; text-align:center;}
.nav li a:hover{ color:#fff; font-size:18px;}

/* flash */
.bannern{width:100%; height:350px; background:url(../image/ban.jpg) no-repeat center;}
#banner{width:100%;height:600px;position:relative;}
#banner .imglist{width:100%;height:600px;position:absolute;top:0px;left:0px;}
.btn{position:absolute;bottom:15px;left:46%;display:inline-block;padding:2px 15px;border-radius:11px;}
.btn li{float:left;height:16px;width:16px;margin:0px 5px;background:url(../image/1.png) no-repeat;}
.btn .hover{background:url(../image/2.png) no-repeat;}

/* 公告 */
.gg{ width:100%; height:50px; line-height:50px; background:#f2f2f2; border-bottom:1px #CCC solid; margin-bottom:20px;}
.ggad{width:100%; height:160px; background:url(../image/ggtimg.jpg) no-repeat center; margin-bottom:20px;}

/* 产品分类 */
.fenlei{ width:100%; margin:5px auto;}
.fenlei ul{ display:flex; flex-direction:row; justify-content:center;}
.fenlei ul li{ background:#0060c2; border-radius:5px; height:20px; line-height:20px; padding:8px 20px; margin:5px 20px; display:inline-block;}
.fenlei ul li:hover{ background:#ee5f00;}
.fenlei ul li a{ font-size:16px; color:#FFF;}

.zhf{width:1200px; height:140px; left:0px; z-index:10; margin-top:30px;}
.zhf h4 {background:url(http://www.xiangyugg.cn/images/title.png) no-repeat center 10px; font-size:22px; color:#333333; text-align:center;}
.zhf h4 p {padding: 0; margin: 0; font-size: 24px; color: #005dbb; font-weight: bold;}
.zhf h4 i {display: block; font-style: normal; text-transform: uppercase; font: 12px 'microsoft yahei',Verdana, Arial; color: #cccccc; padding: 10px 0;}
.zhf h4 a {text-decoration: none; margin: 0 auto; display: block; font: 12px 'microsoft yahei',Verdana, Arial; color: #666666; width: 97px; height: 26px; border: 1px solid #cccccc; text-align: center; line-height: 26px;}

.single{ width:1200px; height:60px; margin:0px auto; padding:0px;}
.subchannellist ul{width:100%; text-align:center;}
.subchannellist li{float:left; text-align:center; width:12%; height:30px; line-height:30px; }
.subchannellist li a{display:block; margin:5px; font-size:16px; padding:5px 2px; background-color:#FFFFFF;border:1px solid #CCC; border-radius: 8px;}

/* 底部导航 */
ul#nav2{width:100%; background:#0060c2; height:50px; margin:0 auto; border-top:2px #ee5f00 solid;}
ul#nav2 li{display:inline; height:40px;}
ul#nav2 li a{display:inline-block; padding:0 30px; height:50px; line-height:50px; color:#FFF; font-size:16px;}
ul#nav2 li a:hover{background:#ee5f00;}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:250px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#0060c2 url(../image/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0060c2 url(../image/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#0060c2 url(../image/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0060c2 url(../image/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}