/*内页样式*/

.path{color: #888;padding: 30px 0;line-height:22px;font-size:12px;}

.path a{color: #888;}

.path i{color: #888;margin-right: 10px;}
.path a,.path i{ display: inline-block;vertical-align:top;}


.inner{padding: 0 0 3% 0;}

.inner h3{font-size: 36px;font-weight: bold;color: #2b5aaa;font-family: 'Oswald';margin-bottom: 30px;text-transform: uppercase;}

.inner .txt{color: #666;}



/* pro */
.xgcp{padding-bottom: 50px;}

.inner .prolist li{margin-top: 30px;}

.inner .prolist li .wrap{padding: 30px 60px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);text-align: center;color: #96a3b0;position: relative;overflow: hidden;}

.inner .prolist li span{display: inline-block;line-height: 1;}

.inner .prolist li h4{font-size: 18px;color: #2b5aaa;text-transform: capitalize;margin: 15px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.inner .prolist li .hovertxt{position: absolute;width: 100%;left: 0;bottom: 0;opacity: 0;transform: translateY(50px);}

.inner .prolist li .hovertxt .more{display: inline-block;padding: 12px 0;width: 80%;background: #1b64e4;color: #fff;}

.inner .prolist li:hover .hovertxt{transform: translateY(-30px);opacity: 1;transition: opacity .35s,transform .35s;}

.inner .prolist .protop{transition: all 0.5s;}

.inner .prolist li:hover .protop{transform: translateY(-100px);transition: opacity .35s,transform .35s;}

.inner .prolist img{width: 100%;height: 185px;}



/* proshow */

.proshow{padding-bottom: 0;}

.proshow .mod1{padding-bottom: 50px;}

.proshow h5{font-size: 24px;font-weight: bold;margin-bottom: 10px;padding-bottom:20px;}

.proshow .article{margin-bottom: 30px;}

.proshow .piclist li{margin-bottom: 20px;}

.proshow .piclist li .imgarea{height: 205px;}



/* news */

.inner .newslist li{position: relative;padding: 30px 0;border-bottom: 1px solid #ddd;}

.inner .newslist .imgarea{width: 200px;height: 160px;overflow: hidden;float: left;transition: all 0.5s;}

.inner .newslist .txtarea{padding-left: 230px;}

.inner .newslist .txtarea h5{font-size: 20px;font-family: Arial;font-weight: bold;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.inner .newslist .txtarea .time{margin: 10px 0 5px;color: #4e6ca0;}

.inner .newslist .txtarea .des{color: #666;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}

.inner .newslist .txtarea .more{font-size: 14px;font-weight: bold;font-family: Arial;margin-top: 15px;display: inline-block;background: #ddd;color: #999;padding: 8px 25px;border-radius: 5px;}

.inner .newslist li:hover{padding: 30px 20px;transition: all 0.5s;}

.inner .newslist li:hover .imgarea{top: 30px;left: 20px;}

.inner .newslist li:hover .more{background: #1b64e4;color: #fff;transition: all 0.5s;}

.inner .newslist .txtarea1{padding-left: 0;}

/* case */

.inner .caselist li{margin-top: 30px;}

.inner .caselist li .txtarea{padding: 20px 30px;text-align: center;}

.inner .caselist li h5{font-size: 18px;font-weight: bold;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: Arial;}

.inner .caselist li .more{color: #1b64e4;text-decoration: underline;font-weight: bold;opacity: 0;transition: all 0.3s;}

.inner .caselist li:hover .wrap{box-shadow:0 0 10px rgba(0, 0, 0, 0.2);transition: all 0.3s;}

.inner .caselist li:hover .more{opacity: 1;}

.inner .caselist li .imgarea{height: 230px;}



/* contact */

.contact{padding-bottom: 0;}

.contact .mod1{margin-top: 30px;}

.contact .mod1 h5{font-size: 22px;font-weight: bold;margin-bottom: 20px;}

.inner .message{background: #eceff1;padding: 40px 0;margin-top: 40px;}

.inner .message h4{color: #2b5aaa;font-size: 24px;font-weight: bold;margin-bottom: 30px;}

.inner .message input{width: 100%;height: 50px;line-height: 48px;padding-left: 15px;color: #888;background: #fff;margin-bottom: 30px;}

.inner .message textarea{width: 100%;height: 120px;line-height: 30px;background: #fff;}

.inner .message .ui-btn1{height:48px;line-height:48px;display: inline-block;padding: 4px 30px;border-radius: 5px;background: #e6ad00;color: #fff;font-size: 14px;width: auto;height: auto;;text-transform: uppercase;font-family: Arial;font-weight: bold;margin-top: 30px;}

.inner .message p{color: #666;line-height: 2;}

.inner .message p i{font-style: normal;color: #ef0000;}



/* about */

.about .mod1 .imgarea{padding:0 40px;}

.about .mod2{padding: 60px 0;}

.about .mod2 .wrap{padding: 30px;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

.about .mod2 span{color: #888;text-transform: uppercase;}

.about .mod2 h4{color: #2b5aaa;font-size: 18px;margin: 15px 0 30px;}

.about .mod2 .icon{width: 75px;height: 66px;text-align: center;overflow: hidden;margin: 0 auto;}

.about .mod2 .icon img{max-width: 100%;transition: all 0.5s;}

.about .mod2 li:hover .icon img{transform: translateY(-66px);}





.relate-news{overflow: hidden;margin-top: 40px;}

.relate-news h4{font-size: 16px;line-height: 18px;margin-bottom: 20px;color: #fff;}

.relate-news h4 i{display: inline-block;line-height: 38px;position: relative;padding: 0 5px 0 10px;margin-right: 20px;background: #333;font-size: 18px;}

.relate-news h4 i::after{content: '';position: absolute;width: 0;height: 0;border-right: 15px solid transparent;border-bottom: 38px solid #333;right: -15px;bottom: 0;}

.relate-news h4 span{display: inline-block;line-height: 38px;position: relative;padding: 0 20px;margin-right: 20px;background: #2b5aaa;}

.relate-news h4 span::after{content: '';position: absolute;width: 0;height: 0;border-left: 15px solid transparent;border-top: 38px solid #2b5aaa;left: -15px;top: 0;}

.relate_scroll li{border: 1px solid #ddd;text-align: center;}

.relate-news .newsl li{width: 46%;margin: 0 2%;float: left;margin-bottom: 10px;border-bottom: 1px dashed #ddd;position: relative;padding-left: 15px;}

.relate-news .newsl li::before{position: absolute;content: '';width: 6px;height: 6px;border-radius: 50%;background: #2b5aaa;top: 10px;left: 0;}

.relate-news .newsl li .tit{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.relate-news .newsl li span{float: right;font-size: 12px;color: #666;}



/* newshow */

.right_slide .col_tit{font-size: 24px;font-weight: bold;margin-bottom: 20px;}

.sub_title {padding-bottom: 10px;border-bottom: 1px dashed #dfdfdf;line-height: 30px;margin-bottom:15px;text-align: center;}

.sub_info,.sub_info a{color: #777;}

.sub_info span{margin-right: 10px}

.sub_title h4{font:500 24px/1 "microsoft yahei";margin-bottom: 10px;color: #000;}

.article img{text-align: center;height: auto !important;max-width:100%;}

.skip{padding: 5px;}

.skip>div{line-height:40px;height: 40px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;margin-bottom: 10px;background: #eee;width: 49%;}

.skip a{color: #666666}
.skip a:hover{color:#2b5aaa;}

.skip span{display: inline-block;color: #666;margin-right: 10px;}

.right_slide .art_tags{font-size: 15px;font-weight: bold;color: #2b5aaa;position: relative;margin-top: 50px;margin-bottom: 10px; overflow:hidden;}

.right_slide .art_tags a{color: #666;margin-right: 10px;}

.right_slide .art_tags .link{float: right;display: inline-block;padding: 0px 20px;background: #2b5aaa;color: #fff;border-radius: 20px;}





/* ============分页=========== */

#dcms_pager{text-align: center;margin: 50px 0;font-size: 13px;}

#dcms_pager li{display: inline-block;color: #333; cursor: pointer;height: auto;}

#dcms_pager a, #dcms_pager span {float: left;color: #333;line-height: 2;text-align: center;border: 1px solid #ddd;min-width: 14px;padding:2px 10px;margin-right: 5px;border-radius: 3px;}

#dcms_pager a:hover {text-decoration: none;background: #2b5aaa;color:#fff}

#dcms_pager .active {color: #FFF;border:none; cursor: default;}

#dcms_pager .active a{background: #2b5aaa;color: #fff;border: 1px solid #2b5aaa;}

#dcms_pager .disabled {color: #333;cursor: default;}

.article table,.article td{width: auto !important;}
.article tr,.article td{border: 1px solid #ccc;}


