.cl_banner {overflow: hidden;width: 100%;height: 200px;background: url(/templets/default/img/pgsolution.jpg) 50% 50% no-repeat;}
.xh-nav{margin-top: 2.5rem;text-align: center;overflow: hidden;}
.xh-nav li{width: 18%;margin: 0 1%;margin-bottom: 1rem;line-height: 50px;text-align: center;float: left;}
.xh-nav li a{ display: block; width: 100%; background-color: #f2f2f2;border-radius: 3px;}
.xh-nav li a:hover{text-decoration: none;background-color: #4667af;color: #fff;}
.xh-nav li.cur a{text-decoration: none;background-color: #4667af;color: #fff;}

.xh-list{margin-top: 2rem;margin-bottom: 1rem;}
.xh-list ul{margin-left: -2%;overflow: hidden;}
.xh-list ul li {width: 23%;float: left;margin-left: 2%;margin-bottom: 1.5rem;}
.xh-list ul li img{border-radius: 5px 5px 0 0;opacity: 0.9;}
.xh-list ul li:hover img{opacity: 1;transition: 0.3s;}
.xh-list ul li span{display: block;background: #f6f6f6;height: 3rem;line-height: 3rem;text-align: center;}

.fenye{text-align:center;margin-bottom: 2rem;}
.fenye ul{display: inline-block;margin-bottom: 2%;}
.fenye ul li{float:left;margin: 0 5px;padding: 4px 14px;border:1px solid #d8dadf;font-size: 1rem;}
.fenye ul li:hover{text-decoration:none;color:#fff;border: 1px #4667af solid;background-color: #4667af;}
.fenye ul li:hover a{color:#fff}
.fenye ul li.thisclass{background-color: #4667af;color:#fff;border: 1px #4667af solid;}
.fenye ul .thisclass a{color:#fff}

.xh-tit {text-align: center;margin: 2rem auto;font-size: 1.6rem;}
.xh-tit a {color: #333;}
.xh-tit:after{content: "";display: block;width: 5rem;border-bottom: 2px solid #4667aa;margin: 0 auto;padding-top: .2rem;}
.xh-box{margin-bottom: 2rem;padding: .5rem;background: #f5f5f5;}
.xh-box .hd {/*height: 60px;*/background: #fff;margin-bottom: 6px;overflow: hidden;}
.xh-box .hd li {height: 20px;line-height: 20px;float: left;color: #666;margin: 1.2rem auto;padding: 0 20px;position: relative;margin-right: 1px;border-right: 1px solid #CCC;}
.xh-box .hd li.on {color: #4667aa;}
.xh-box .hd li:after {content: "";width: 0;height: 2px;background: #4667aa;position: absolute;bottom: -1.2rem;left: 0;transition: all 0.3s cubic-bezier(0.55, 0.09, 0.68, 0.53);}
.xh-box .hd li:hover:after, .xh-box .hd li.on:after { width: 100%; }
.xh-box .hd li:last-child { border: none; }
.xh-box .hd .chat {display: block;width: 262px;height: 38px;line-height: 38px;color: #fff;background: #4667aa;text-align: center;float: right;margin: 10px 10px 0 0;}

.xh-boxs{overflow:hidden;}
.xh-txt .pimg {width: 37%;height: 294px;padding: 7px;overflow: hidden;float: left;margin-right: 10px;background: #fff;}
.xh-txt dl {float: left;width: 26.4%;height: 151px;background: #fff;overflow: hidden;margin: 0 6px 6px 0;padding-left: 45px;color: #666;font-size: 1rem;}
.xh-txt dl:nth-child(odd) { margin-right: 0; }
.xh-txt dl a, .xh-txt dl a:hover {color: #4667aa;}
.xh-txt dl dd {padding-right: 1.5rem;line-height: 2rem;}
.xh-txt dl dt {font-size: 1rem;margin: 1.5rem 0 .5rem 0;color: #333;}

.list-xh {margin-left:-1%}
.list-xh dl dt {width: 50%;overflow: hidden;float: left;margin-right: 3%;}
.list-xh dl {float: left;width: 47.6%;margin-left: 1%;margin-bottom: 1%;background: #fff;overflow: hidden;color: #666;font-size: 1rem;padding: .5rem;}
.list-xh dl dd b{display: block;font-size: 1rem;margin-bottom: .5rem;}
.list-xh dl dd {line-height: 2rem;font-size: .875rem;}

.bg {background: #f6f6f6;padding: 1rem;margin-top: 30px;border-radius: 5px;}
.xh-lianxi {background: #fff;padding: 1rem 1rem 1rem 0;overflow: hidden;}
.xh-lianxi .botsms{margin: 0 auto;background: none;padding: 0;}
.xh-lianxi .botsms .leftform,.xh-lianxi .botsms .select,.xh-lianxi .botsms .textbox{width: 100%;}
.xh-lianxi .botsms ul li{width: 18%;float: left;padding: 0;line-height: 35px;padding-left: 2%;}
.xh-lianxi .botsms .bssubmit{width: 100%;border: 1px solid #ff9600;margin: 0 auto;background: #ff9600;padding: 0;height: 35px;}
