/*内页通用*/
.nybanner{background-color:#fff; background-repeat:no-repeat; background-position:center center; height:360px;}
.ny-main{width:890px;}
.ny-title{background-color: #fff; padding: 10px; position: relative; padding-bottom:20px;}
.ny-title .title-box{padding-bottom: 1px; border-bottom: 1px solid #ececec;}
.ny-title h3{border-bottom: 1px solid #2375ef; font-size: 20px; display: inline; color: #2375ef;}
.ny-title .more{float: right; color: #999;}
.ny-title h3 a{color: #2375ef;}
.ny-title h3 small{font-size: 16px; color: #bcbcbc; text-transform: uppercase;}
.ny-title .tagcell{background-color: #fff; padding: 10px; position: absolute; right: 0; top: 0;}
.ny-title .tagcell span{float: left; width: 21px; height: 21px; border-radius: 2px; background-color: #2375ef; background-image: url(../images/prev-next.png); background-position: left center; background-repeat: no-repeat; margin: 0 5px; cursor: pointer;}
.ny-title .tagcell .next{background-position: right center;}

.page-about h3{height:60px; border-bottom:#e1e3df dashed 1px; line-height:60px; color:#505050; font-size:22px; font-weight:bold; text-align:center;}
.page-about .news_author{width:100%; height:30px; line-height:30px; color: #505050; font-size:12px; text-align:center; border-bottom:#e1e3df dashed 1px; margin: 0 auto; color:#666; margin-bottom:20px;}
.page-content{height:auto; line-height: 25px; color: #505050; font-size:15px; overflow: hidden; padding:15px 0;}
.page-content p{line-height:30px;}
.page-content a{color:#333; font-size:15px; font-weight:900;}
.page-content img{max-width:99%; height:auto;}

.page-content .pageimg{width:100%; background:#FFF;}
.page-content .pageimg li{width:250px; margin-left:30px; margin-bottom:30px; float:left; background:#FFF !important; text-align:center;}
.page-content .pageimg li:nth-child(3n+1){margin-left:0;}
.page-content .pageimg li img{max-width:100%; height:187px;}
.page-content .pageimg li p{background:#2375ef; color:#FFF;}
.content-show{border:18px solid #f4f4f4; padding:22px; background-color:#fff;}
.line{width: 100%; height:7px; background-image:url(../images/bg1.gif);}

/*内页通用标题*/
.ny-h3{text-align: center; margin-bottom: 30px;}
.ny-h3 h3 a{display: block; color: #313131; font-size: 26px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.ny-h3:hover h3 a{transform: translateY(20px); -webkit-transform: translateY(20px);}
.ny-h3 span{*display: inline; _display: inline; display: inline-block; zoom: 1; font-size:20px; color: #cdcdcd; position: relative; -webkit-transition: all .3s ease-out;transition: all .3s ease-out; text-transform: uppercase;}
.ny-h3:hover span{transform: translateY(-35px); -webkit-transform: translateY(-35px);}
.ny-h3 span i,
.ny-h3 span em{position: absolute; top: 10px; float: left; width: 30px; height: 1px; margin: 0 auto; background-color: #bdbdbd;}
.ny-h3 span i{left: -40px;}
.ny-h3 span em{right: -40px;}

/*内页 通用图片效果 图片层链接效果*/
.img-link{display: block; width: 38px; height: 38px; background-image: url(../images/link.png); background-repeat: no-repeat; background-position: center center;}
.img{overflow:hidden; position:relative; border:1px solid #eee; background-color:#f4f4f4;}
.img img{-webkit-transition:transform .3s ease-out; transition:transform .3s ease-out;}
li:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.item-mask{width:100%;height:100%; background: rgba(0, 0, 0, 0);position: absolute;left:0; top:0; opacity:0; -webkit-transform: rotateX(180deg) scale(0.5, 0.5); transform: rotateX(180deg) scale(0.2, 0.2); transition: all ease-out .5s;}
li:hover .item-mask{opacity: 1; -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1); transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s; background: rgba(0, 0, 0, 0.3);}
.item-mask .item-link-icon{display: block; width: 38px; height: 38px; text-align: center; font-size: 22px; line-height: 38px; border: 1px solid rgba(255, 255, 255, .5);border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px;}


/*内页面包屑和搜索框*/
.breadcrumb-search{height:60px; margin-bottom:40px; background-color: #f4f4f4; overflow:hidden;}
.breadcrumb{width:700px; height:60px; line-height:65px; overflow: hidden; color: #676767; background:url(../images/home.png) no-repeat center left; padding-left:28px;}
.breadcrumb a{color: #676767;}
.breadcrumb a:hover{color:#2375ef;}
.bread-search{line-height:60px; width:300px; overflow:hidden;}
.bread-search .search-key a{color:#b7b7b7; padding: 0 5px;}
.bread-search .form{color:#666; margin-top:12px; margin-left:20px;}
.bread-search .search-t{float:left; width:180px; height:35px; line-height:35px; color:#666; padding:0 10px; margin-bottom:4px; outline:0; font-size: 12px; background:#fff; border:1px solid #e5e5e5;}
.bread-search .search-s{float:left;width:70px; height:37px; line-height:37px; color:#fff; font-size:12px; cursor:pointer; background:#2375ef; border:1px solid #2375ef; margin-left:-1px; font-size:16px;}

/* 分页 */
.pages{clear:both;margin: 20px;overflow: hidden;margin-left:0px;text-align:center;font-size:12px}
.layui-laypage{display:inline-block;vertical-align:middle;margin:10px 0;font-size:0}
.layui-laypage>a:first-child,.layui-laypage>a:first-child em{border-radius:2px 0 0 2px}
.layui-laypage>a:last-child,.layui-laypage>a:last-child em{border-radius:0 2px 2px 0}
.layui-laypage>:first-child{margin-left:0!important}
.layui-laypage>:last-child{margin-right:0!important}
.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span{border:1px solid #e2e2e2}
.layui-laypage a,.layui-laypage span{display:inline-block;vertical-align:middle;padding:0 15px;height:28px;line-height:28px;margin:0 -1px 5px 0;color:#333;font-size:12px}
.layui-flow-more a *,.layui-laypage input,.layui-table-view select[lay-ignore]{display:inline-block}
.layui-laypage a:hover{color:#2375ef !important; border:1px solid #e2e2e2 !important;}
.layui-laypage em{font-style:normal}
.layui-laypage .layui-laypage-spr{color:#999;font-weight:700}
.layui-laypage a{text-decoration:none}
.layui-laypage .layui-laypage-curr{position:relative}
.layui-laypage .layui-laypage-curr em{position:relative;color:#fff}
.layui-laypage .layui-laypage-curr .layui-laypage-em{position:absolute;left:-1px;top:-1px;padding:1px;width:100%;height:100%;background-color:#2375ef !important;}
.layui-laypage-em{border-radius:2px}
.layui-laypage-next em,.layui-laypage-prev em{font-family:Sim sun;font-size:16px}
.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh,.layui-laypage .layui-laypage-skip{margin-left:10px;margin-right:10px;padding:0;border:none}
.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh{vertical-align:top}
.layui-laypage .layui-laypage-refresh i{font-size:18px;cursor:pointer}
.layui-laypage select{height:22px;padding:3px;border-radius:2px;cursor:pointer}
.layui-laypage .layui-laypage-skip{height:30px;line-height:30px;color:#999}
.layui-laypage button,.layui-laypage input{height:30px;line-height:30px;border-radius:2px;vertical-align:top;background-color:#fff;box-sizing:border-box}
.layui-laypage input{width:40px;margin:0 10px;padding:0 3px;text-align:center}
.layui-laypage input:focus,.layui-laypage select:focus{border-color:#2375ef!important}
.layui-laypage button{margin-left:10px;padding:0 10px;cursor:pointer}

/*内页 左侧*/
.side-bar{width: 250px;}
.side-bar .side-bar-tit{background-color: #f8f8f8; padding: 15px 0;}
.side-bar .side-bar-tit i{float: left; width: 30px; height: 30px; background-color: #2375ef; margin-right: 5px;}
.side-bar .side-bar-tit h2{font-size: 30px; font-weight: bold; height: 35px; line-height: 30px; color: #2375ef;}
.side-bar .side-bar-tit span{font-size: 16px; font-weight: bold; color: #bcbcbc; text-transform: uppercase; padding-left: 5px;}
.side-bar dl{margin-bottom: 20px; border-bottom: 1px solid #e8e8e8;}
.side-bar dl dt i,
.side-bar dl dd i{display: block; width: 16px; height: 8px; background-color: #fff; position: absolute; left: 7px; top: 50%; margin-top: -4px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.side-bar dl .cur i,
.side-bar dl dt:hover i,
.side-bar dl dd:hover i{transform: scale(1, 0.2); -webkit-transform: scale(1, 0.2);}
.side-bar dl dt{height: 45px; line-height: 45px; margin-bottom: -2px; background-color:#2375ef; background-image: url(../images/ico1.png); background-repeat: no-repeat; background-position: 230px center; position: relative;}
.side-bar dl dt a{color: #fff; font-size: 18px; display: block; width: 185px; height: 45px; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 30px;}
.side-bar dl dd{position: relative;}
.side-bar dl dd a{display: block; height: 30px; line-height: 30px; border-top: 2px solid #fff; background-color: #f8f8f8; padding: 0 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.side-bar dl dd i{display: none;}
.side-bar dl .cur i,
.side-bar dl dd:hover i{display: block;}
.side-bar dl .cur a,
.side-bar dl dd:hover a{background-color: #2375ef; color: #fff; padding-left: 50px;}
.side-bar dl ul{padding: 10px;}
.side-bar dl ul li{padding-top: 10px; border-bottom: 1px solid #e9e9e9;}
.side-bar dl ul li .img{width:210px; height:210px; padding:4px; margin: 0 auto; background-color: #e9e9e9;}
.side-bar dl ul li img{}
.side-bar dl ul li .title-a{display:block; width:90%; font-size:15px; font-weight:700; height:40px; line-height:40px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;}

.side-bar #pro-side-hot{background-color: #f8f8f8;}
.side-bar #pro-side-hot .tempWrap{margin: auto;}
.side-bar #pro-side-hot span.prev,
.side-bar #pro-side-hot span.next{display: inline-block; _display: inline; *display: inline; zoom: 1; width: 35px; height: 20px; margin: 0 5px; cursor: pointer;}
.side-bar #pro-side-hot .hot-btn{text-align: center; padding: 10px;}
.side-bar #pro-side-hot span.prev{background: url(../images/sidebar_left.png);}
.side-bar #pro-side-hot span.next{background: url(../images/sidebar_right.png);}
.side-bar dl .tag{padding: 15px 0; line-height: 25px;}
.side-bar dl .tag a{padding: 2px 10px; background-color: #f8f8f8; *display: inline; _display: inline; zoom: 1; display: inline-block; margin-bottom: 10px;}
.side-bar dl .tag a:hover{background-color: #2375ef; color: #fff;}
.side-contact{margin-bottom: 20px;}
.side-contact .side-contact-phone{background-color: #2375ef; font-size: 16px; color: #fff; background-image: url(../images/phone.png); background-position: 20px center; background-repeat: no-repeat; padding: 10px 10px 10px 55px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.side-contact .side-contact-phone:hover{background-position: 20px 5px;}
.side-contact .side-contact-phone p{font-size: 23px; font-weight: bold; line-height: 22px;}
.side-contact .side-contact-adress{padding: 10px 20px; background-color:#2375ef; background-image: url(../images/adress.png); background-position: 20px 10px; background-repeat: no-repeat; text-indent: 25px; color:#fff; line-height:22px;}




/*上下篇*/
.hdover{height: 35px; margin-top: 20px;}
.hdover ul{width: 900px;}
.hdover ul li{float: left; width: 340px; margin-right: 90px; padding: 0 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid #e5e5e5; background: #fafafa; height: 28px; line-height: 28px;}
.hdover ul li a{color: #333; font-size: 14px; font-weight: 100; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*详情页推荐内容*/
.relevant{border: 1px solid #e5e5e5; margin-top: 20px;}
.relevant .title{height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; padding: 0 10px; overflow: hidden;}
.relevant .title h3{display: inline; color: #2375ef; font-size: 18px; font-weight: bold;}
.relevant .title .tag{display: inline; color: #676767;}
.relevant .title .tag a{margin-right: 10px; color: #676767;}
.relevant .title .back{float: right; padding-right: 20px; background-image: url(../images/back.gif); background-repeat: no-repeat; background-position: right center;}
.relevant .content{padding: 10px 20px;}
.relevant .content ul{width: 845px;}
.relevant .content ul li{float: left; width: 320px; height: 30px; line-height: 30px; padding-left: 20px; background-image: url(../images/ico4.png); background-repeat: no-repeat; background-position: left center; margin-right: 80px; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.relevant .content ul li:hover{transform: translateX(10px); -webkit-transform: translateX(10px);}
.relevant .content ul li a{color: #676767; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/*内页案例滚动展示*/
.image-list{margin-top:45px; margin-bottom:40px;}
.image-list .content ul{width:1230px;}
.image-list .content ul li{float:left; width:180px; padding:19px; border: 1px solid #e4e4e4; margin-right:20px; position:relative; -webkit-transition:all .8s ease-out; transition:all .8s ease-out;}
.image-list .content ul li .border-top,
.image-list .content ul li .border-right,
.image-list .content ul li .border-bottom,
.image-list .content ul li .border-left{display:block; position:absolute; background-color:#2375ef; -webkit-transition:all .8s ease-out; transition:all .8s ease-out;}
.image-list .content ul li .border-top{height:1px; width:0; left:-1px; top:-1px;}
.image-list .content ul li:hover .border-top{width:218px;}
.image-list .content ul li .border-right{height: 0; width: 1px; right: -1px; top: -1px;}
.image-list .content ul li:hover .border-right{height:237px;}
.image-list .content ul li .border-bottom{height: 1px; width: 0; right: -1px; bottom: -1px;}
.image-list .content ul li:hover .border-bottom{width:218px;}
.image-list .content ul li .border-left{height:0; width: 1px; left: -1px; bottom: -1px;}
.image-list .content ul li:hover .border-left{height:237px;}
.image-list .content ul li .title-a{font-size:15px; height:40px; line-height:40px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.image-list .content ul li:hover .title-a{color:#2375ef;}
.image-list .content ul li img{width:180px; height:119px;}
.image-list .content ul li p{color:#999; text-indent:2em; height: 69px; line-height: 23px; overflow: hidden; margin: 15px auto 35px;}
.image-list .content ul li .more{display: block; width:170px; height: 35px; line-height: 35px; text-align: center; margin: 0 auto; border: 1px solid #d0d0d0; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.image-list .content ul li:hover .more{background-color: #2375ef; border: 1px solid #2375ef; color: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.image-list .content ul li .more span{overflow: hidden; line-height: 35px; height: 35px; vertical-align: middle;}
.image-list .content ul li .more i{_display: inline; *display: inline; display: inline-block; zoom: 1; width: 0; height: 35px; background-image: url(../images/bg2.gif); background-repeat: no-repeat; background-position: left center; vertical-align: middle; margin-left: 10px; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.image-list .content ul li:hover .more i{width: 33px;}
.image-list .tagcell{margin: 20px 0; text-align: center;}
.image-list .tagcell span{_display: inline; *display: inline; display: inline-block; zoom: 1; background-color: #e3e3e3; width: 42px; height: 10px; line-height: 10px; border-radius: 5px; margin: 0 10px;}
.image-list .tagcell .on{background-color: #a6a6a6;}
 
.text-list{margin-bottom:40px;}
.text-list .content{border-right:1px solid #e4e4e4;}
.text-list ul li{float: left; width:50%; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; position: relative; margin-left:-1px; margin-bottom:-1px; z-index: 9}
.text-list ul li:hover{z-index: 999;}
.text-list ul li .border-top,
.text-list ul li .border-bottom{display: block; width: 0; height: 1px; position: absolute; background-color: #2375ef; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.text-list ul li .border-top{left: 0; top: -1px;}
.text-list ul li:hover .border-top{width: 100%;}
.text-list ul li .border-bottom{left: 0; bottom: -1px;}
.text-list ul li:hover .border-bottom{width: 100%;}
.text-list dl dt{float: left; width: 170px; height: 130px; background-color: #f8f8f8; border-right: 1px solid #e4e4e4; color: #999; position: relative;}
.text-list dl dt i{display: block; width: 100%; height: 0; background-color: #2375ef; position: absolute; left: 0; bottom: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.text-list ul li:hover dl dt i{height: 100%;}
.text-list dl dt .date{position: absolute; z-index:99; left:42px; top:30px;}
.text-list ul li:hover .date{color: #fff;}
.text-list dl dt .date span{font-size: 32px; display: block;}
.text-list dl dt .date em{font-size:16px; padding-left:25px;}
.text-list dl dd{float:left; width: 335px; padding: 30px 0 0 40px;}
.text-list dl dd a{display: block; font-size: 16px; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.text-list ul li:hover dd a{color: #2375ef;}
.text-list dl dd p{color: #999; line-height: 18px; height: 36px; overflow: hidden;}

/*内页快速*/
.express-lane{border-bottom: 1px solid #e4e4e4;}
.express-lane h3{padding-left:20px; background-image: url(../images/ico4.png); background-repeat: no-repeat; background-position: left ; border-bottom: 1px solid #e4e4e4; line-height: 30px; font-size: 20px; color: #747474; text-transform: uppercase;}
.express-lane .content{padding: 10px 0;}
.express-lane dl{ background-image: url(../images/header_icon02.png); background-repeat: no-repeat; background-position:left; line-height: 35px;}
.express-lane dl dt,
.express-lane dl dd{display: inline;}
.express-lane dl dt{font-size: 17px; color: #747474;}
.express-lane dl dd a{color: #999; font-size: 15px; *display: inline; _display: inline; display: inline-block; zoom: 1; margin-right: 20px;}
.express-lane dl dd a:hover{color: #2375ef;}
.bottom-contact{text-align: center;}
.bottom-contact .tel,.bottom-contact .qq{*display: inline; _display: inline; display: inline-block; padding-left: 50px; text-align: left; color: #747474; height: 50px; overflow: hidden; margin: 0 20px; padding: 20px 0 20px 50px; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.bottom-contact .tel{background-image: url(../images/phone2.png); background-repeat: no-repeat; background-position: 10px center; font-size: 16px;}
.bottom-contact .tel p{font-size: 24px; font-weight: bold; position: relative;}
.bottom-contact .tel p span{display: block; width: 0; position: absolute; left: 0; top: 0; font-size: 24px; color: #2375ef; white-space: nowrap; overflow: hidden; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.bottom-contact .tel:hover p span{width: 100%;}
.bottom-contact .qq{background-image: url(../images/qq.png); background-repeat: no-repeat; background-position: left center; line-height: 25px;}
.bottom-contact .tel:hover{background-position: 10px 15px;}
.bottom-contact .qq:hover{background-position: left 15px;}


 
.list01,.list02,.list03{background-color: #f4f4f4; padding: 20px 0;}
.list01 .list01-content,.list02 .list02-content,.list03 .list03-content{background-color: #fff;}
.list01 .ny-title,.list02 .ny-title,.list03 .ny-title{border-bottom: 1px solid #f4f4f4;}
.list01 .content,.list02 .content,.list03 .content{padding: 0 20px 25px;}
.list01 .list01-top{margin-bottom: 50px;}
.list01 .list01-top ul li{position: relative;}
.list01 .list01-top .img{width: 420px; height: 270px;}
.list01 .list01-top .info{width: 660px; padding: 35px 0;}
.list01 .list01-top .info .title-a{display: block; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list01 .list01-top .info em{float: right;}
.list01 .list01-top .info p{margin: 20px 0; color: #999; line-height: 22px; height: 66px;}
.list01 .list01-top .info .more{display: block; width: 170px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #d0d0d0; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.list01 .list01-top:hover .info .more{background-color: #2375ef; border: 1px solid #2375ef; color: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.list01 .list01-top .info .more span{overflow: hidden; line-height: 35px; height: 35px; vertical-align: middle;}
.list01 .list01-top .tag-hot{position: absolute; display: block; width: 38px; height: 24px; line-height: 24px; background-color: #2375ef; color: #fff; text-align: center; text-transform: uppercase; right: 0; bottom: 0;}
.list01 .list01-top .info .more i{_display: inline; *display: inline; display: inline-block; zoom: 1; width: 0; height: 35px; background-image: url(../images/bg2.gif); background-repeat: no-repeat; background-position: left center; vertical-align: middle; margin-left: 10px; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.list01 .list01-top:hover .info .more i{width: 33px;}
.list01 .list ul{width: 1200px;}
.list01 .list ul li{float: left; width: 535px; border: 1px solid #e4e4e4; height: 98px; position: relative; -webkit-transition: all .8s ease-out; transition: all .8s ease-out; background-color: rgba(255, 255, 255, .8); *background-color: #fff; _background-color: #fff; margin: 0 60px 20px 0;}
.list01 .list ul li:hover{border: 1px solid #2375ef; transform: translate(-10px, -10px); -webkit-transform: translate(-10px, -10px); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)}
.list01 .list ul li .more{display: block; width: 15px; height: 15px; position: absolute; right: 0; top: 0; background-image: url(../images/more2.png); background-repeat: no-repeat; background-position: center center; background-color: #999;}
.list01 .list ul li:hover .more{background-color: #2375ef;}
.list01 .list dl dt{float: left; width: 125px; height: 98px; color: #999; position: relative;}
.list01 .list dl dt .date{position: absolute; z-index: 99; left: 30px; top: 10px;}
.list01 .list dl dt .date span{font-size: 32px; display: block; color: #999;}
.list01 .list ul li:hover .date span{color: #2375ef;}
.list01 .list dl dt .date em{font-size: 16px; color: #b7b7b7;}
.list01 .list dl dd{float: left; width: 335px; padding: 15px 0 0 40px;}
.list01 .list dl dd a{display: block; font-size: 16px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list01 .list dl dd p{color: #999; line-height: 18px; height: 36px; overflow: hidden;}
.list02 .list ul{width: 1160px;}
.list02 .list ul li{float: left; width: 510px; height: 110px; border: 1px solid #ececec; padding: 20px; margin: 0 28px 20px 0;}
.list02 .list ul li:hover{border: 1px solid #2375ef;}
.list02 .list ul li img{width: 230px; height: 110px;}
.list02 .list ul li .info{width: 255px;}
.list02 .list ul li .info .title-a{display: block; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list02 .list ul li:hover .info .title-a{color: #2375ef;}
.list02 .list ul li .info em{float: right;}
.list02 .list ul li .info p{margin: 10px 0; color: #999; line-height: 22px; height: 44px; overflow: hidden;}
.list02 .list ul li .info .more{display: block; width: 100px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #d0d0d0; color: #d0d0d0; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.list02 .list ul li:hover .info .more{background-color: #2375ef; border: 1px solid #2375ef; color: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.list02 .list ul li .more span{overflow: hidden; line-height: 20px; height: 20px; vertical-align: middle;}
.list03 .menu-text{color: #999; font-size: 15px; line-height: 20px; text-indent: 2em; margin-bottom: 50px;}
.list03 .menu-text span{display: block; text-align: right; color: #999;}
.list03 .menu-text span a{color: #999;}
.list03 .list ul{width: 1195px;}
.list03 .list ul li{float: left; width: 338px; margin: 0 60px 60px 0; text-align: center;}
.list03 .list ul li .img{width: 318px; height: 233px; border: 10px solid #f4f4f4;}
.list03 .list ul li .info .title-a{margin-top: 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; line-height: 30px; color: #999; font-size: 15px;}
.list03 .list ul li .info .more{color: #999;}
.list03 .list ul li .info i{display: block; width: 100%; height: 1px; background-color: #cacaca; margin-top: 10px;}
.list03 .list ul li .info i em{display: block; width: 0; height: 1px; background-color: #2375ef; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.list03 .list ul li:hover .info i em{width: 100%;}

/*内页通用左侧*/
.subleft{width:245px;}
.lefta{width:245px; margin-bottom:10px;}
.lefta .comt{background: #fff;}
.lefta .comt ul{border:1px solid #ddd;}
.lefta .comt ul li a{background:#fff url(../images/left1-1.png) 40px center no-repeat; border-top: 1px solid #eaeaea; line-height: 60px; height: 60px; display: block; padding-left:60px; font-size: 14px;}
.lefta .comt ul li .box{padding: 10px 0px; display: none;}
.lefta .comt ul li .box a{height:30px; line-height: 30px; display: block; color: #888; border: 0px;}
.lefta .comt ul li .box a:hover{color: #007eb9; background: none;}
.lefta .comt ul li:hover a, .lefta .comt ul li.hover a, .lefta .comt ul li.hover a{background:#2375ef url(../images/left1-2.png) 40px center no-repeat;font-weight:bold;color:#fff;}
.lefta .comt ul li.hover .box a{background: none; font-weight: normal;}
.lefta .comt ul li.hover .box a.hover{color: #007eb9; font-weight: bold;}

.lefta .comt ul li .boxlist{padding:0;display:block; border:none; width:100%;}
.lefta .comt ul li .boxlist a{height:40px; padding-left:70px;color: #333; font-weight: normal; border-bottom: 0; line-height:40px; background: #f6f6f6 url(../images/left2-1.png) 45px center no-repeat;border-top:none;}
.lefta .comt ul li .boxlist a:hover, .lefta .comt ul li .boxlist a.hover{color:#137c32; font-weight: bold}
/*.lefta .comt ul li.hover .boxlist, .lefta .comt ul li:hover .boxlist{display:block;}*/

.leftnews .title2{height: 42px;height: 42px;padding-left: 52px;padding-top: 18px;}
.leftnews .leftcont{background: #fff; padding: 10px;}
.leftnews .leftcont h2{font-size: 16px; font-weight: bold; color: #333; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2;}
.leftnews .leftcont span{line-height: 24px; font-size: 12px; padding-top: 10px; display: block; border-bottom: 1px solid #f2f2f2;}
.leftnews .leftcont p{font-size: 18px; color: #333; padding-top: 10px; line-height: normal;}
.leftnews .leftcont p i{font-size: 22px; color: #333; display: block; }

.bor9{border-bottom: 5px solid #eaeaea;}
.title2{background: url(../images/title2.jpg) no-repeat left;height: 102px;color: #fff;font-size: 20px;font-weight: bold;padding-right: 29px;}
.title2 h2{line-height: 102px; text-align: center; font-size: 20px; font-weight: bold;margin-left:20px;}
.title2 i{font-size: 20px;font-weight: bold;color: #fff;padding-left: 26px;padding-top: 2px; font-style: normal;}

.news-list ul li{position: relative; padding: 10px; height: 110px; border-bottom: 1px solid #f4f4f4; overflow: hidden; margin-bottom: 20px; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.news-list ul li:before{z-index: -1; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F8F8F8; opacity: 0; -webkit-transform: scale3d(1, 0.1, 1); transform: scale3d(1, 0.1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.news-list ul li:hover:before{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.news-list ul li .title-a{font-weight: bold; font-size:16px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-list ul li span{float: right; color: #747474; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.news-list ul li p{color: #747474; height: 44px; line-height: 22px; overflow: hidden; margin: 10px 0; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.news-list ul li .more{float: right; width: 100px; height: 22px; line-height: 22px; border: 1px solid #333; text-align: center; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.news-list ul li:hover .more{color:#FFF; background:#2375ef; border: 1px solid #2375ef;}





 
.hot-rec{height: 400px; padding: 15px; background-color: #f8f8f8; margin-bottom: 20px; overflow: hidden;}
.hot-rec .content .img{width: 470px; height: 305px; background-color: #fff; border: 14px solid #fff; position: relative;}
.hot-rec .content .img img{}
.hot-rec .content .info{width: 345px;}
.hot-rec .content .info .title-a{display: block; height: 35px; line-height: 35px; background-color: #2375ef; color: #fff; font-size: 17px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; padding: 0 10px; margin-bottom: 12px;}
.hot-rec .content .info p{font-size: 14px; border: 1px solid #ececec; background-color: #fff; padding: 10px; color: #525252; line-height: 27px; height: 162px; overflow: hidden; margin-bottom: 12px;}
.hot-rec .content .info .tag{width: 160px; font-size: 13px; background-color: #efefef; padding: 9px; height: 72px; line-height: 24px; border: 1px solid #ececec; color: #999; overflow: hidden;}
.hot-rec .content .info .tag a{color: #999;}
.hot-rec .content .info .online{background-color: #2375ef; color: #fff; height: 92px;}
.hot-rec .content .info .online .more{display: block; background-image: url(../images/more1.png); background-repeat: no-repeat; background-position: 10px center; padding-left: 30px; color: #fff; height: 30px; line-height: 30px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.hot-rec .content .info .online .tel{padding: 8px 10px;}
.hot-rec .content .info .online span{display: block; font-size: 20px; font-weight: bold;}

/*产品列表*/
.prolist{background:#FFF; padding:0 10px;}
.product-list .prolist{padding:15px; background-color:#f8f8f8;}
.product-list .prolist ul{width:990px;}
.product-list .prolist ul li{float:left; width:388px; padding: 10px; border: 1px solid #ececec; background-color: #fff; margin: 0 20px 20px 0;}
.product-list .prolist ul li:hover{border: 1px solid #2375ef;}
.product-list .prolist ul li .img{float: left; width:245px; height: 170px;}
.product-list .prolist ul li .img img{width:245px;}
.product-list .prolist ul li .info{padding-left: 255px;}
.product-list .prolist ul li .info .title-a{display: block; font-size: 16px; line-height: 19px; height: 38px; margin-bottom: 10px; overflow: hidden; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.product-list .prolist ul li:hover .info .title-a{color: #2375ef;}
.product-list .prolist ul li .info p{color: #999; line-height: 20px; height: 60px; overflow: hidden; margin-bottom: 10px;}
.product-list .prolist ul li .info .more{display: block; color: #999; border: 1px solid #999; width: 80%; height: 22px; line-height: 22px; margin: auto; text-align: center; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.product-list .prolist ul li:hover .info .more{color: #2375ef; border: 1px solid #2375ef;}

/*案例列表*/
.caselist{background:#FFF; padding:0 10px;}
.product-list .caselist{padding:15px; background-color:#f8f8f8;}
.product-list .caselist ul{width:990px;}
.product-list .caselist ul li{float:left; width:240px; padding:10px; border: 1px solid #ececec; background-color: #fff; margin: 0 20px 20px 0;}
.product-list .caselist ul li:hover{border:1px solid #2375ef;}
.product-list .caselist ul li .img{float:left; width:240px; height:159px;}
.product-list .caselist ul li .img img{width:240px;}
.product-list .caselist ul li .info{width:100%; height:40px; margin-top:160px; text-align:center;}
.product-list .caselist ul li .info .title-a{font-size:16px; color:#333;height:40px; font-size:15px; text-align:center; line-height:40px; overflow: hidden;}
.product-list .caselist ul li:hover .info .title-a{color:#2375ef;}




.prohead{margin-bottom: 25px;}
.prohead .hleft{width: 402px; float: left}
.prohead .hleft .proimg,
.prohead .hleft .cloud-zoom-big{width: 400px; height: 300px; border: 1px solid #ececec; padding: 2px; margin-bottom: 10px;}
.prohead .hleft .proimg img{width: 400px; height: 300px;}
.prohead .hleft .smallimg{width: 402px; height: 70px; overflow: hidden;}
.prohead .hleft .smallimg dl{width: 402px; height: 70px;}
.prohead .hleft .smallimg dl dt{width: 10px; height: 45px; margin-top: 13px;}
.prohead .hleft .smallimg dl dt.prev{float: left;}
.prohead .hleft .smallimg dl dt.next{float: right;}
.prohead .hleft .smallimg dd{width: 366px; height: 70px; float: left; margin-left: 10px; overflow: hidden;}
.prohead .hleft .smallimg dd li{width: 102px; float: left; height: 70px; text-align: center; margin: 0 10px;}
.prohead .hleft .smallimg dd li img{width: 98px; height: 68px; border: 1px solid #ccc;}
.prohead .hleft .smallimg dd li a:hover img,
.prohead .hleft .smallimg dd li a.hover img{border-color: #2375ef;}


.btns1{clear: both; margin-top: 15px;}
.btns1 a{margin-right: 20px;}
.prohead .hright{width: 380px; border: 1px solid #dbdbdb; padding-bottom: 10px;}
.prohead .hright .title-a{display: block; height: 38px; line-height: 38px; text-align: center; font-size: 18px; font-weight: bold; color: #2375ef; border-bottom: 1px solid #dbdbdb; padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prohead .hright p{padding: 20px; color: #666; line-height: 20px; height: 60px; overflow: hidden; border-bottom: 1px solid #dbdbdb;}
.prohead .hright .info{height: 75px; overflow: hidden; padding: 18px 20px; border-bottom: 1px solid #dbdbdb;}
.prohead .hright .info ul li:first-child{height: 25px;}
.prohead .hright .info ul li{color: #2375ef; line-height: 25px; height: 50px; overflow: hidden;}
.prohead .hright .info ul li label{*display: inline; _display: inline; zoom: 1; display: inline-block; width: 70px;}
.prohead .hright .info ul li a{color: #2375ef; margin-right: 10px;}
.prohead .hright .tel{font-size: 18px; font-weight: bold; color: #2375ef; text-align: center; height: 33px; line-height: 33px; overflow: hidden; border-bottom: 1px solid #dbdbdb;}
.prohead .hright .tel span{color: #2375ef; position: relative; *display: inline; _display: inline; zoom: 1; display: inline-block;}
.prohead .hright .tel span em{color: #333; font-weight: bold; position: absolute; left: 0; top: 0; display: block; width: 0; height: 33px; line-height: 33px; white-space: nowrap; overflow: hidden; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.prohead .hright .tel:hover span em{width: 100%;}
.prohead .hright .online{text-align: center; padding: 30px 0;}
.prohead .hright .online a{*display: inline; _display:inline; zoom:1; display: inline-block; width:130px; height: 35px; line-height: 35px; background-color: #2375ef; font-size: 18px; font-weight: bold; color: #fff; margin: 0 10px;}
.prohead .hright .share{padding: 5px 20px;}
.prohead .hright .share .bds_txt{float: left; margin: 4px 6px 4px 0;}

.product-content{margin-top: 10px; margin-bottom: 20px;}
.product-content .ny-title{padding: 10px 0;}
.contact{background-color: #f4f4f4; border-top: 5px solid #efefef; padding:40px 0; margin-top:20px;}
.contact .contact-text .title{width: 78px; height: 100px; padding: 180px 10px 10px 10px; background-color: #2375ef; background-image: url(../images/contact.png); background-repeat: no-repeat; background-position: 10px 10px;}
.contact .contact-text .title .qrcode img{width: 78px; height: 78px; background-color: #fff;}
.contact .contact-text .title .qrcode span{display: block; height: 20px; line-height: 20px; color: #fff; font-size: 12px; text-align: center;}
.contact .contact-text .content{background-color: #fff; padding: 40px 0 0 35px; width: 440px; height: 250px; position: relative;}
.contact .contact-text .content ul{width:360px; height: 210px; overflow: hidden;}
.contact .contact-text .content ul li{font-size: 15px; color: #828282; height: 30px; line-height: 30px;}
.contact .contact-text .content .kf-img{position: absolute; bottom: 0; right: -50px;}
.contact .contact-form{width: 560px;}
.contact .contact-form p{font-size: 16px; line-height:25px; margin-bottom:15px;}
.contact .contact-form p span{display: block; color: #2375ef;}
.contact .contact-form ul li{background-color: #fff; width:250px; height:32px; float: left; margin-right:30px; margin-bottom: 15px;}
.contact .contact-form ul li label{vertical-align: middle; float: left; border-right: 3px solid #f4f4f4;}
.contact .contact-form ul li input{float: left; height:32px; line-height:32px; vertical-align: middle; padding: 0 10px;}
.contact .contact-form ul li textarea{height: 75px; width: 460px; padding: 10px;}
.contact .contact-form ul .form-content{height: 95px; width: 530px;}
.contact .contact-form .form-button .btn-submit,.contact .contact-form .form-button .submit,
.contact .contact-form .form-button a{*display: inline; _display: inline; zoom: 1; display: inline-block; width: 135px; line-height: 35px; height: 35px; text-align: center; font-size: 18px; font-weight: bold; background-color: #2375ef; border: 0; color: #fff; cursor: pointer; margin-right: 20px;float:left;}
.contact .contact-form .form-button .online,.contact .contact-form .form-button .submit{background-color: #2375ef; -webkit-transition: all 0s; transition: all 0s; position: relative; border: 1px solid #2375ef;}
.contact .contact-form .form-button .online span{position: relative; z-index: 9;}
.contact .contact-form .form-button .online i{position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #2375ef; -webkit-transition: all .6s ease-out; transition: all .6s ease-out; -webkit-transform: scale(0.6, 1); transform: scale(0.6, 1); z-index: 8; opacity: .6;}
.contact .contact-form .form-button .online:hover{background-color: #fff;}
.contact .contact-form .form-button .online:hover i{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1);}

/*联系我们中地图*/
.ny-map{position: relative;}
.ny-map #wmap{width: 100%; height: 500px;}
.ny-map #r-result{position: absolute; right: 0; top: 0; width: 450px; max-height: 500px; overflow-y: scroll; overflow-x: hidden; z-index: 99; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.ny-map .luxianjieguo #r-result{}
.ny-map .anchorBL{display: none;}
.ny-map .BMap_pop>div>div{border-radius: 8px; border: 0!important;}
.ny-map .BMap_pop .BMap_center{border: 0!important; border-right: 1px solid #fff!important;}
.ny-map .BMap_top{border: 0!important;}
.ny-map .BMap_bottom{border: 0!important;}
.ny-map .map-marker dt{float: left;}
.ny-map .map-marker dd{height: 80px; overflow: hidden; margin-left: 110px;}
.ny-map .map-marker dd span{font-size: 18px;}
.ny-map .map-marker h4{height: 30px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ny-map .map-marker p{height: 40px; line-height: 20px; overflow: hidden;}


.contact-content{width:100%;padding-top:25px;}
.contact-content li{float:left; width:360px; font-size:16px; color:#888; padding-left:40px; height:32px; line-height:32px; padding-bottom:25px; background-position: 0 0; background-repeat: no-repeat;}
.contact-content .ct-address{background-image: url(../images/ct-address.png);}
.contact-content .ct-phone{background-image: url(../images/ct-phone.png);}
.contact-content .ct-mobile{background-image: url(../images/ct-mobile.png);}
.contact-content .ct-email{background-image: url(../images/ct-email.png);}

/*
#fancybox-loading{position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none;}
#fancybox-loading div{position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox.png');}
#fancybox-overlay{position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; display: none;}
#fancybox-tmp{padding: 0; margin: 0; border: 0; overflow: auto; display: none;}
#fancybox-wrap{position: absolute; top: 0; left: 0; padding: 20px; z-index: 99999; outline: none; display: none;}
#fancybox-outer{position: relative; width: 100%; height: 100%; background: #fff;}
#fancybox-content{width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff;}
#fancybox-hide-sel-frame{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101;}
#fancybox-close{position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../images/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none;}
#fancybox-error{color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0;}
#fancybox-img{width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top;}
#fancybox-frame{width: 100%; height: 100%; border: none; display: block;}
#fancybox-left,
#fancybox-right{position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../images/blank.gif'); z-index: 1102; display: none;}
#fancybox-left{left: 0px;}
#fancybox-right{right: 0px;}
#fancybox-left-ico,
#fancybox-right-ico{position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block;}
#fancybox-left-ico{background-image: url('../images/fancybox.png'); background-position: -40px -30px;}
#fancybox-right-ico{background-image: url('../images/fancybox.png'); background-position: -40px -60px;}
#fancybox-left:hover,
#fancybox-right:hover{visibility: visible; /*IE6 *}
#fancybox-left:hover span{left: 20px;}
#fancybox-right:hover span{left: auto; right: 20px;}
.fancybox-bg{position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001;}
#fancybox-bg-n{top: -20px; left: 0; width: 100%; background-image: url('../images/fancybox-x.png');}
#fancybox-bg-ne{top: -20px; right: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -162px;}
#fancybox-bg-e{top: 0; right: -20px; height: 100%; background-image: url('../images/fancybox-y.png'); background-position: -20px 0px;}
#fancybox-bg-se{bottom: -20px; right: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -182px;}
#fancybox-bg-s{bottom: -20px; left: 0; width: 100%; background-image: url('../images/fancybox-x.png'); background-position: 0px -20px;}
#fancybox-bg-sw{bottom: -20px; left: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -142px;}
#fancybox-bg-w{top: 0; left: -20px; height: 100%; background-image: url('../images/fancybox-y.png');}
#fancybox-bg-nw{top: -20px; left: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -122px;}
#fancybox-title{font-family: Helvetica; font-size: 12px; z-index: 1102;}
.fancybox-title-inside{padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative;}
.fancybox-title-outside{padding-top: 10px; color: #fff;}
.fancybox-title-over{position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left;}
#fancybox-title-over{padding: 10px; background-image: url('../images/fancy_title_over.png'); display: block;}
.fancybox-title-float{position: absolute; left: 0; bottom: -20px; height: 32px;}
#fancybox-title-float-wrap{border: none; border-collapse: collapse; width: auto;}
#fancybox-title-float-wrap td{border: none; white-space: nowrap;}
#fancybox-title-float-left{padding: 0 0 0 15px; background: url('../images/fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main{color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../images/fancybox-x.png') 0px -40px;}
#fancybox-title-float-right{padding: 0 0 0 15px; background: url('../images/fancybox.png') -55px -90px no-repeat;}

.fancybox-ie6 #fancybox-close{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-left-ico{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-right-ico{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-over{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_over.png', sizingMethod='scale'); zoom: 1;}
.fancybox-ie6 #fancybox-title-float-left{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-main{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_main.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-right{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame{height: expression(this.parentNode.clientHeight + "px");}
#fancybox-loading.fancybox-ie6{position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2: document.body.clientHeight/2) + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');}
#fancybox-loading.fancybox-ie6 div{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_loading.png', sizingMethod='scale');}

.fancybox-ie .fancybox-bg{background: transparent !important;}
.fancybox-ie #fancybox-bg-n{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_n.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-ne{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_ne.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-e{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_e.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-se{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_se.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-s{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_s.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-sw{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_sw.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-w{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_w.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-nw{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_nw.png', sizingMethod='scale');}
*/

/*在线留言*/
.module_form_content{width:80%;}
.module_form_content .btn-area{padding-left:130px!important;}
.module_form_content .btn-area .btn-submit{margin-right: 0!important;}
.module_field{overflow:hidden; zoom:1; padding:5px 0; clear:both;}
.module_field:after{content:"";display:table;clear:both}
.module_field .c_left{float:left; width:100px; padding-right:30px; color:#333; font-size:14px; line-height:46px; text-align:right;}
.module_field .middle{display:block; overflow:hidden; zoom:1;}
.module_field .middle .input{float:none !important; width:90%; padding:10px 16px; font-size:14px; transition: all 0.3s linear; vertical-align:top; box-sizing: border-box; border:#999 1px solid}
.module_field .middle .input[name="code1"]{float:left !important; width:50% !important; padding: 10px 16px !important;}
.module_field .middle textarea.input{min-height:166px;}
.btn-area .btn-submit, .btn-area .reset{color:#fff;}
.btn-area .reset{color: #999;}
.btn-area .btn-submit{background:#2375ef; margin-right:10px; cursor:pointer;}
.btn-area .btn-submit:hover{background:#5997f2;}
.btn-area .reset{background:#122922;color: #fff; cursor:pointer;}
.btn-area .reset:hover{background:#0d1e18;}
.btn-area{padding:20px 0 !important;}
.btn-area .btn-submit, .btn-area .reset{display: inline-block; width:49%; height:44px; border:0; font-size:18px; line-height:44px; transition:all 0.3s linear; z-index:1; vertical-align: top;}




/*网站风格改变*/
.breadcrumb a:hover{color:#313131;}
.bread-search .search-s{background:#313131; border: 1px solid #313131;}
.bread-search .search-s:hover{background:#2375ef; border: 1px solid #2375ef;}

.side-bar .side-bar-tit i{background-color: #313131;}
.side-bar .side-bar-tit h2{color: #313131;}
.side-bar dl dt{background-color: #313131;}
.side-bar dl .cur a,
.side-bar dl dd:hover a{background-color: #313131;}
.side-bar dl .tag a:hover{background-color: #313131;}
.side-contact .side-contact-phone{background-color: #313131;}
.ny-title h3{border-bottom: 1px solid #313131; color: #313131;}
.ny-title h3 a{color: #313131;}
.ny-title .tagcell span{background-color: #313131;}

.relevant .title h3{color: #313131;}
.image-list .content ul li .border-top,
.image-list .content ul li .border-right,
.image-list .content ul li .border-bottom,
.image-list .content ul li .border-left{background-color: #313131;}
.image-list .content ul li:hover .title-a{color: #313131;}
.image-list .content ul li:hover .more{background-color: #313131; border: 1px solid #313131;}
.text-list ul li .border-top,
.text-list ul li .border-bottom{background-color: #313131;}
.text-list dl dt i{background-color: #313131;}
.text-list ul li:hover dd a{color: #313131;}
.express-lane dl dd a:hover{color: #313131;}
.bottom-contact .tel p span{color: #313131;}

.list01 .list01-top:hover .info .more{background-color: #313131; border: 1px solid #313131;}
.list01 .list01-top .tag-hot{background-color: #313131;}
.list01 .list ul li:hover{border: 1px solid #313131;}
.list01 .list ul li:hover .more{background-color: #313131;}
.list01 .list ul li:hover .date span{color: #313131;}
.list02 .list ul li:hover{border: 1px solid #313131;}
.list02 .list ul li:hover .info .title-a{color: #313131;}
.list02 .list ul li:hover .info .more{background-color: #313131; border: 1px solid #313131;}
.list03 .list ul li .info i em{background-color: #313131;}

.news-list ul li:hover .more{color:#FFF; background:#2375ef; border: 1px solid #2375ef;}
.news-center-company .company-top dl{background-color: #313131;}
.news-center-company .company-top ul li:hover .more{background-color: #313131; border: 1px solid #313131;}
.news-center-company .company-list .title dl{color: #313131;}
.news-center-company .company-list .title .title-h3 h3 a{color: #313131; border-bottom: 1px solid #313131;}
.news-center-company .company-list .list ul li:hover{border: 1px solid #313131;}
.news-center-company .company-list .list ul li:hover .more{background-color: #313131;}
.news-center-company .company-list .list ul li:hover .date span{color: #313131;}

.hot-rec .content .info .title-a{background-color: #313131;}
.hot-rec .content .info .online{background-color: #313131;}
.product-list ul li:hover{border: 1px solid #313131;}
.product-list ul li:hover .info .title-a{color: #313131;}
.product-list ul li:hover .info .more{color: #313131; border: 1px solid #313131;}
.prohead .hleft .smallimg dd li a:hover img,
.prohead .hleft .smallimg dd li a.hover img{border-color: #313131;}
.prohead .hright .title-a{color: #313131;}
.prohead .hright .info ul li{color: #313131;}
.prohead .hright .info ul li a{color: #313131;}
.prohead .hright .tel{color: #313131;}
.prohead .hright .tel span{color: #313131;}
.prohead .hright .online a{background-color: #313131;}
.contact .contact-text .title{background-color: #313131;}
.contact .contact-form p span{color: #313131;}
.contact .contact-form .form-button .online{background-color: #313131; border: 1px solid #313131;}
.contact .contact-form .form-button .online i{background-color: #313131;}