@charset "utf-8";

/* common */
p {margin-bottom: 0;}

.local {margin-bottom: 10px;}
.local .container {border-bottom: 1px solid #EDEDED; }
.local h3 {margin-top: 0; position: relative; font-size: 14px;}
.local h3:after {height: 1px; background-color: #666; width: 130px; position: absolute; bottom: -11px; left: 0; content: '';}

.page-banner {position: relative;}
.page-banner img {display: block;}
.page-banner .gxb-text {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.page-banner .gxb-text .container {display: table; height: 100%; text-align: center; }
.page-banner .gxb-text .container .gxb-text-con {display: table-cell; vertical-align: middle; }
.page-banner .gxb-text h2 {font-size: 36px; font-weight: bold; color:#fff; opacity: 0;}


.newsl{width:200px;padding:10px 0 0}
.newsr{width:750px}
.nn{margin:0 auto 30px}
.nn li{padding:18px 0;border-bottom:1px solid #ddd;overflow:hidden}
.nn li .img{display:inline-block;float:left;margin:0 14px 0 0}
.nn li .img img{width:160px;height:105px}
.nn li .div h3{font-weight:400;margin-bottom:7px}
.nn li .div h3 a{font-size:20px;color:#5e5e5e}
.nn li .div div{color:#999}
.h3{border-bottom:1px solid #ddd;line-height:24px;padding:0 0 5px; margin: 0; font-weight: bold; font-size: 13px;}
.newnew{margin:10px auto 26px}
.newnew li{line-height:22px}
.newnew li a{font-size:12px;color:#9d9c9c}
.i_service{margin:30px auto}
.ser_one{margin:0 auto 30px}
.ser_one .h3,.ser_two .h3{padding-left:20px; font-size: 14px;}
.serul li{display:inline-block;float:left;width:48%;margin:20px 40px 20px 0}
.serul li.nor{margin-right:0}
.serul li h2{padding:0 0 8px;font-weight:400;font-size:16px}
.serul li .serb span{display:inline-block;float:left;margin:0 20px 0 0}
.serul li .serb span img{width:220px;height:220px}
.serul li .serb div{line-height:22px;padding:20px 0 0}

.sercustorm {/* height:354px; */border:1px solid #ececec;border-top:0}
.sercustorm li{width:25%;height:116px;overflow:hidden;float:left;border:1px solid #ececec}
.sercustorm li a{display:block;text-align:center}
.sercustorm .pic{width:165px;height:116px}

.teamul li{padding:18px 0;overflow:hidden}
.teamul li .img{display:inline-block;float:right;margin:0 14px 0 0}
.teamul li .img img{width:220px;height:155px}
.teamul li .div{float:left;width:722px}
.teamul li .div h3{font-weight:400;margin-bottom:7px}
.teamul li .div h3 a{font-size:20px;color:#5e5e5e}
.teamul li .div div{color:#999}
.teamul li .div div p{margin:5px auto}
.llist li{margin:3px 0}
.llist li a{display:block;height:30px;line-height:30px;font-size:13px;padding-left:22px;border-bottom:1px dotted #ccc;background:url(../img/ico1.gif) no-repeat 6px center}
.llist li a:hover,.llist li.currclass a{color:red}
.map{height:34px;line-height:34px;padding:0 6px 0 0;border-bottom:2px solid #288ab6;font-size:14px;color:#000}
.map em{float:right;font-style:normal;font-size:12px}
.map em a{font-size:12px}
.manr {margin:14px 0;line-height:26px;font-size:13px; }
.manr p {margin-bottom: 0;}
.manr img {max-width: 100%;}
.newslist{padding:15px 0 0}
.newslist li{overflow:hidden;margin:0 auto}
.newslist li:hover{box-shadow:0 0 10px #ddd;transition:all .3s linear 0s}
.newslist li a{display:inline-block;float:left;line-height:32px;text-indent:24px;background:url(../img/n_ico1.png) no-repeat 8px center}
.newslist li em{display:inline-block;float:right;font-size:12px;margin:3px 5px 0 0}
.newslist li i{display:inline-block;float:right;margin:3px 10px 0 0}


#art_title{text-align:center;padding-top:20px}
#art_title h2{font-size:16px}
#art_xinxi{text-align:center;color:#999;margin:8px 0;padding:0 0 8px}
#art_xinxi span{display:inline-block;margin:0 8px}
#art_content{margin:0;font-size:13px;border-bottom:#ddd 1px solid;border-top:#ddd 1px solid;padding:30px 0}
#MyContent img{max-width:100%}
#art_copy{text-align:right;font-size:14px;margin:15px auto 0}
#art_xguan{margin:15px 0;padding:6px 0 0}
#art_xguan span{display:block;color:#666}
#art_xguan span a{color:#666}
#gallery{clear:both;text-align:center}
#gallery li{display:block;float:left}
#gallery li img{width:162px;height:120px}
#gallery li a{margin:6px 10px 20px;width:225px;border-radius:3px;display:block;padding:4px;border:1px solid #ccc}
#gallery li a:hover{color:#000;text-decoration:none;box-shadow:0 0 18px #bbb}


.fieldmenu{padding:26px 0 30px;overflow:hidden}
.fieldmenu .condition_title{font-size:12px;width:70px;float:left;padding:12px 0 0;text-indent:6px}
.fieldmenu .cc{font-size:12px;float:left;position:static;margin:0;padding:6px 10px 0;line-height:28px}
.fieldmenu .cc strong{padding:2px 4px;margin:0;color:#fff;background:#ec281e;border-radius:3px}
.fieldmenu .cc a{padding:0 2px;margin:0 1px}
.fieldmenu .cc a:hover{color:#ec281e}
.fieldmenu .cc .num{display:none}


.i_classcase{padding:15px 0}
.classhotlist li{display:inline-block;float:left;padding:8px 0;margin:0 21px 0 0}
.classhotlist li.no{margin-right:0}
.classhotlist li a{display:block}
.classhotlist li img{width:320px;height:200px}
.classhotlist li p{padding:10px 0 6px}
.casemore a{font-size:24px;color:#888}

#tablist {padding-bottom:0;}

.pagination>.active>a {background-color: #f00; border-color: #f00;}
.pagination>li>a, .pagination>li>span {color:#333;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color:#f00;}


@media (max-width:768px) {

.jl-pmenu {position:relative; left:0; right:0; z-index:999; margin-bottom: 5px; width: 100%; height: 46px; overflow: hidden; background: #fdfdfc; font: 1.4rem/43px hiragino sans gb, microsoft yahei, simsun; box-shadow:3px 3px 3px rgba(0,0,0,0.2); }
.jl-pmenu .swiper-slide {padding: 0 20px; width:auto; }
.jl-pmenu .active {background:#EA2F21; }
.jl-pmenu .active a {color:#fff;}
.jl-pmenu .pline { width: 100%; height: 3px; line-height: 0; font-size: 0; overflow: hidden; text-align: center; z-index: 1; background-color: #0fa6ea;
	background: -webkit-linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);
	background: -moz-linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);
	background: -ms-linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);
	background: linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);
}

.page-banner {padding-bottom: 0; background: none;}
.local, #tablist {display: none;}
.local h3 {font-size: 14px;}

.pagec {margin-bottom: 0;}
.pagec .l {float: right;}
.pagec .r {float: left;}

.ser_one {margin-bottom: 0;}
.ser_one .col-sm-9 {padding-top: 2em;}
.manr {margin-bottom: 2em; padding: 15px;}

  
  .classhotlist li p {height:52px; overflow:hidden;}

.teamul li {padding-left: 15px; padding-right: 15px;}
.teamul li .img {float: none; text-align: center; display: block;}
.teamul li .div {width: auto; float: none;}
.teamul li .div span {display: block; line-height: 1.6;}
.teamul li .div p:first-child {text-align: center;}

.serul li {width: auto; float: none; margin: 15px ; display: block;}
.serul li .serb span {width: 45%;}
.serul li .serb span img {max-width: 100%; height: auto;}

.sercustorm {margin: 15px;}
.sercustorm li {width: 50%;}


.newsl, .newsr {width: auto; float: none;}
.newsl {padding-left: 15px; padding-right: 15px;}
.newsl p {text-align: center}
.newsl p img {width: 100%;}

.nn li {margin: 0 15px;}
.nn li .div h3 {margin-top: 0; font-size: 14px;}
.nn li .div h3 a {font-size: 14px;}
.nn li .img img {width: 120px; height: 90px;}

.pagination {margin: 10px 0;}

.fieldmenu {padding: 0px 0;}


.classhotlist {padding: 0 5px;}
.classhotlist li {width: 50%; padding: 10px 10px 5px; margin: 0;}
.classhotlist li img {width: 100%; height: 120px;}

#art_content {margin: 0 15px;}
#art_xguan {margin:10px  15px;}
#art_content img {max-width: 100%;}


}