@charset 'utf-8';

* { margin:0; padding:0; list-style:none; }

body { font: 12px/22px 'Ubuntu','Helvetica',"微软雅黑",Tahoma,Arial,Helvetica,sans-serif;color:#363636; }

.fl { float:left; }

.fr { float:right; }

img { border:none; }

.clear { clear:both; }

a { color:#363636; text-decoration:none; -o-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; }

a:hover { text-decoration:none; color:#006abb; }

p { line-height:26px; }

.bk60{height: 60px;}

.main2{width: 1200px; margin:0 auto;overflow: hidden;}

/* 顶部 */

.header2 {

    background: #fff;

    height: 200px;

    overflow: hidden;

}



.header2 .top {

    height: 40px;

    background: #f2f2f2;

    line-height: 40px;

    font-size: 14px;

}



.main2 {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}



.fl {

    float: left;

}



.fr {

    float: right;

}

.main2 {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}

.header2 .logo {

    float: left;

    margin: 15px 0;

}

.header2 .logo img {

    margin: 0;

    display: block;

    height: 80px;

}

.tel1 {

    float: right;

    margin-top: 30px;

}

/* 导航 */

.menu {

    display: block;

    width: 100%;

    height: 50px;

    background: #0066cb;

}

.menu ul {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}



.menu ul .on {

    color: #fff;

    background: #1687ff;

}



.menu ul li {

    float: left;

    height: 50px;

    line-height: 50px;

    padding: 0;

    width: 148px;

    text-align: center;

    margin: 0;

    border-right: 1px solid #ddd;

}



.menu ul li a {

    font-size: 16px;

    color: #fff;

    font-family: Mircosoft Yahei;

    font-weight: bold;

}

.menu ul li:hover{color:#fff;background:#1687ff;}

.menu ul .on a {

    color: #fff;

}





/*banner*/

.banner{/* height:547px; */}

.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}

.banner .ban_nav{display:none;}

.banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url(../images/cir_white.gif) no-repeat #aaa;right:50%;bottom:15px;}

.banner .Left{margin-right:-450px;background-position:5px 0}

.banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#e6292f;}



.frontCover .open{background:#e60013;}




.slide{position:relative;width:100%;}

.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}

.ban_c img{width:100%;height:100%;}

.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}

.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}

.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}

.ban_nav .on{background:#f90;color:#fff;}

.Left,.Right{cursor:pointer;}



.sub{ width:100%; padding:10px 0; display:table; background:#ddd;  margin-top:10px;}



.scla{ width:1140px; margin:0 auto; display:table; font-size:14px; color:#fff;}



.scla tr{ float:left; width:284px; padding:3px 0;}



.tt{ width:70px;     color: #666;}



.scla input{ width:170px;}



select{ width:170px;}



/*  search  */

.in_search{width:100%;padding:30px 0;overflow: hidden;background: #f2f2f2;}

.in_search .sebox{overflow:hidden;padding-left:80px;background:url(../images/searchbg.jpg) no-repeat 0px center;height: 62px;}

.in_search .sebox ul li{float: left;height: 26px;margin: 18px 0 18px 20px;}

.in_search .sebox ul li span{font-size: 16px;}

.in_search .sebox ul li select{width: 160px;height: 26px;font-size: 14px;border: 1px solid #888;}

.in_search .sebox ul li .text1{height: 24px;width: 100px;border: 1px solid #999;padding: 0 10px;}

.in_search .sebox ul li .btn{width: 62px;border: none;height: 62px;background: url(../images/btn.jpg) no-repeat center center; text-indent: -200px;cursor: pointer;margin-top: -18px;}


.img-responsive {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
}
.inbt{width: 100%; text-align: center;}

.inbt .title{font-size: 32px; font-weight:bold;letter-spacing: 2px;line-height: 40px;background: url(../images/inbtline.jpg) no-repeat bottom center;}

.inbt .title span{color: #005bac;}

/*========== 关于我们 ===========*/

.in_about{width:100%;margin:0 auto;background:#005aac;}

.in_about .pic{ float: left; width:428px;}

.in_about .pic img{display: block; width: 100%;}

.in_about .text{width: 740px;float:right;}

.in_about .text .title{font-size: 20px; color: #fff; margin-top: 60px;margin-bottom: 20px;}

.in_about .text p{float:left;text-align:justify;text-indent:2em;font-size:14px;line-height:24px;color: #fff;}

.in_about .text .xq,.in_about2 .infor .xq{font-size: 16px;background: #ebb309;display: block;float: left;margin-top: 20px;width: 130px;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;color: #fff;}

/*========== end ===========*/



/*===== 品牌 =====*/



.in_brand{width:100%;margin-top: 70px;padding-bottom: 50px;}

.in_brand .bdbox{margin-top: 45px;padding-bottom: 30px;}

.in_brand .bdbox ul{overflow: hidden;}

.in_brand .bdbox ul li{float: left;width: 210px;margin-right: 37px;margin-bottom: 40px;background: url('../images/bdbg.png') no-repeat center center;height: 210px; overflow:hidden;}

.in_brand .bdbox ul li img{width: 120px;height: 120px;display: block;margin: 20px auto 0;}

.in_brand .bdbox ul li span{display: block; text-align: center; width: 100%;font-size: 14px; line-height: 20px;}

.in_brand .bdbox ul li:nth-child(5n){margin-right:0;}



.in_brand .bdbox ul li:hover img{transform: rotateY(360deg);

    -webkit-transform: rotateY(360deg);

    transition: 1s;}





.in_brand .hd{text-align: center;}

.in_brand .hd .next{}

.in_brand .hd .prev{}

.in_brand .hd ul{display: inline-block;}

.in_brand .hd ul li{display: inline-block;width: 30px;height: 8px;background: #f60;margin: 0 4px;text-indent: -100px;overflow: hidden;cursor: pointer;}

.in_brand .hd ul li.on{background: #f00;}





#demo {overflow:hidden; width: 1200px; margin: 0 auto;}

#demo li {float:left;width:270px;text-align:center;list-style:none;margin: 0 5px; border:1px solid #ddd; padding:2px;}

#demo img {display: block;}

#indemo {float: left;width: 800%;}

#demo1 {float: left;}

#demo2 {float: left;}



















/*  领域  */

.lingyu {width:100%;margin:70px 0 80px; }

.lingyu ul {overflow:hidden; padding: 40px 0 0;}

.lingyu li {width:286px;height: 212px;margin-right: 15px;margin-bottom: 20px;overflow:hidden;float:left;position: relative;border: 1px solid #ddd;vertical-align:top;}

.lingyu li .pic {display:block;margin: 6px;position: absolute; height: 100%;}

.lingyu li .pic img{display: block; width: 100%;height: 200px;}

.lingyu li .bg{display: none;background: #000;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;}

.lingyu li .txt {display: none; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; font-size:28px;font-family:"微软雅黑";line-height: 250px; text-align: center; color: #fff;}

.lingyu li:hover .bg{display: block; }

.lingyu li:hover .txt{display: block;}

.lingyu li:nth-child(4n){margin-right: 0;}







/*  新闻  */

.in_news{width:100%;overflow: hidden;padding: 60px 0;background: url(../images/newsbg.png) no-repeat center top;}

.in_news .nsbox{float:left;width:370px;margin-right: 30px;margin-top: 40px;}

.in_news .nsbox .xwbt{height: 40px;line-height: 40px;}

.in_news .nsbox .xwbt span{float: left;font-size: 18px;line-height: 40px;}

.in_news .nsbox .xwbt span img{display: block;float: left;margin: 10px 10px 10px 0px;}

.in_news .nsbox .xwbt .more{float: right;font-size: 14px;font-weight: bold;}

.in_news .nsbox .nslist{margin-top: 10px;}

.in_news .nsbox .nslist .pic{width: 100%;}

.in_news .nsbox .nslist .pic img{}

.in_news .nsbox .nslist ul{width: 100%;margin-top: 15px;}

.in_news .nsbox .nslist ul li{line-height:30px;height:30px; border-bottom: 1px dashed #ddd;padding: 0 10px;}

.in_news .nsbox .nslist ul li .title{float:left;font-size: 14px;}

.in_news .nsbox .nslist ul li em{float: right;font-style: normal;font-size: 13px;color: #888;}

.in_news .nsbox:last-child{margin-right:0;}

















/* 产品 */

.in_pro{width:100%;background:#efefef;padding-top:60px;overflow:hidden;padding-bottom: 60px;}

.in_pro .pcat{float: left;width:220px;margin-top: 40px;border: 1px solid #737373;}

.in_pro .pcat .catbt{font-size: 26px;height: 100px;background: #777777;text-align: center;color: #fff;overflow: hidden;}

.in_pro .pcat .catbt strong{display: block;line-height:30px;margin-top:25px;}

.in_pro .pcat .catbt span{display: block;line-height: 30px;}





.in_pro .pcat ul{padding: 10px;height:639px;}

.in_pro .pcat ul li{width: 100%;height: 44px;background: #777777;margin: 0 0 10px;}

.in_pro .pcat ul li a{display: block;padding-left: 30px;line-height: 44px;font-size: 16px;color: #fff;}

.in_pro .pcat ul li:hover{background: #005aac;}

.in_pro .inlist{width:950px;float:right;overflow:hidden;margin-top: 40px;}

.in_pro .inlist li{float:left;width:228px;margin-right:10px;margin-bottom:10px;overflow:hidden;background:#fff;border:1px solid #777;}

.in_pro .inlist li:hover{border:1px solid #005aac;-o-transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-ms-transition: all 1s;border-radius: 12px;}

.in_pro .inlist li .p_img{display: block;width:208px;height: 180px;margin:10px auto;overflow:hidden;}

.in_pro .inlist li .p_img img{width:100%;height: 100%;display:block;    -webkit-transition-duration: 300ms;

    -moz-transition-duration: 300ms;

    -ms-transition-duration: 300ms;

    -o-transition-duration: 300ms;

    transition-duration: 300ms;}

.in_pro .inlist li:hover .p_img img{-ms-transform: scale(1.06);

    -moz-transform: scale(1.06);

    -webkit-transform: scale(1.06);

    -o-transform: scale(1.06);

    transform: scale(1.06);} 



.in_pro .inlist li .title{display:block;font-size:14px;line-height:30px;text-align:center;margin:0 10px 15px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.in_pro .inlist li:nth-child(4n){margin-right: 0;}





.in_youshi{width: 100%; padding:45px 0 0;}

.in_youshi .ysbox{position: relative;height: 680px;background: url(../images/ysbg.png) no-repeat right bottom;margin-top: 40px;}

.in_youshi .ysbox .item{width:470px;position: absolute;}

.in_youshi .ysbox .item.it{}

.in_youshi .ysbox .item.it1{top: 0;right: 0;}

.in_youshi .ysbox .item.it2{top: 235px;left: 120px;}

.in_youshi .ysbox .item.it3{top: 430px;left: 0;}

.in_youshi .ysbox .item span{display: block ;text-align:right;font-size: 20px;line-height: 30px; font-weight: bold;}

.in_youshi .ysbox .item p{margin-top: 10px;font-size:14px; line-height:22px;text-align: justify;}











/*网站底部*/

.footer{background: #1d1d1d;width: 100%;}

.footer .toplx{background: url(../images/ftbg.jpg) repeat-x center center;height: 250px;}

.footer .toplx .ltbox{width: 680px;}

.footer .toplx .ltbox .bt{font-size: 22px;color: #fff;margin-top: 40px;line-height: 30px;}

.footer .toplx .ltbox .desc{font-size: 16px;color: #000b15;line-height: 40px;}

.footer .toplx .ltbox ul{overflow:hidden; margin-top: 10px;}

.footer .toplx .ltbox ul li{float: left;width: 300px;font-size: 16px;color: #000b15;line-height: 30px;margin:5px 0;}



.footer .toplx .ltbox ul li i{display: block;width: 33px;height: 33px;background-image: url('../images/foot-icon.png');background-repeat: no-repeat;margin-right: 6px;float:left;}

.footer .toplx .ltbox ul li.icon1 i{background-position:-6px -3px;}

.footer .toplx .ltbox ul li.icon2 i{background-position:-45px -3px;}

.footer .toplx .ltbox ul li.icon3 i{background-position:-6px -50px;}

.footer .toplx .ltbox ul li.icon4 i{background-position:-45px -50px;}

















.footer .bmenu{width: 100%;height: 45px;}

.footer .bmenu ul{width: 1200px;margin: 0 auto;text-align: center;height: 42px;margin-top: 20px;color: #888;}

.footer .bmenu ul li{display: inline-block;width: 90px;line-height: 42px;font-size: 14px;}

.footer .bmenu ul li a{color: #888;font-size: 14px;}

.footer .bmenu ul li a:hover{}

.footer .info{width: 1200px;margin: 0px auto;padding: 30px 0 40px;}

.footer .info .fpic{float: left;width: 283px;height: 167px;}

.footer .info .fpic img{width: 283px;height: 167px;display: block;}

.footer .info .tlx{float: left;margin-left: 50px;width: 420px;}

.footer .info .tlx li{font-size: 14px;color: #fff;line-height: 26px;}

.footer .info .ewm{float: right;width: 320px;}

.footer .info .ewm li{margin-left: 20px;float: left;width: 140px;}

.footer .info .ewm li img{width: 140px;height: 140px;display: block;}

.footer .info .ewm li span{display: block;background: #fff;font-size: 14px;text-align: center;height: 24px;line-height: 24px;}

.footer .copy{color: #888;text-align: center;line-height: 26px;padding: 14px 0 20px;font-size: 14px;}

.footer .copy a{color: #888;}



.footer .link{height:50px;line-height: 50px;width: 1200px; margin: 0 auto; border-bottom: 1px solid #333;color:#aaa;}

.footer .link span{font-size: 16px;

    color: #888;}

.footer .link a{font-size: 14px;color:#666;}









/*   内页   */

.website {margin-top:30px;}

.website a, .website span {font-size:16px;color:#fff;padding:10px;border-radius:5px;}

.website .red {background:#1687ff;}

.website .black {background:#333;}

.website a:hover {background:#333; color:#fff;}



/*  page  */

.inTitle {background:url(../images/icon_title.gif) no-repeat left top;height:35px;overflow:hidden;line-height:9999px;margin:35px 0 25px;}

.inAbout .txt {width:1200px;margin:0 auto;line-height:1.8em;color:#333;}



/*  内页  news  */

.news .inTitle {background-position:0 -140px;margin-bottom:15px;}

.service .inTitle {background-position:0 -280px; margin-bottom:15px;}

.news .list_bt li,.service .list_bt li {float:left;margin-left:7px;margin-bottom:8px;display:inline;zoom:1;}

.news .list_bt a,.service .list_bt a {display:block;width:115px;height:40px;background:#333;color:#fff;float:left;text-align:center;line-height:40px;font-size:14px;border-radius:4px;}

.news .list_bt a.on,.service .list_bt a.on {background:#e41023;font-weight: bold;}

.news .list_bt a:hover,.service .list_bt a:hover {background:#e41023;font-weight: bold;}

.news .list {width:100%; border-bottom:1px dashed #ccc;}

.news .list li{border-bottom:1px dotted #ccc;padding:10px 15px;}

.news .list li h2.tt1 {position:relative; padding-bottom:8px;}

.news .list h2.tt1a {font-size:16px;font-weight:bold;color:#333;height:1.5em;line-height:1.5em;}

.news .list h2.tt1 a:hover {color:#e41023;}

.news .list h2.tt1 span {position:absolute;right:0;color:#999;font-weight:100;top:5px;font-size: 14px;}

.news .list .txt {line-height:1.5em;font-size: 14px;}

.news .list .txt a {color:#e41023;font-size: 14px;}

.news .list .txt a:hover {color:#333; text-decoration:underline;}

.news .list .lab {line-height:2em;color:#999;}

.news .list .lab span {color:#e41023;}

.news .detail h1.tt1 {font-size:24px;line-height:2em;text-align:center;color:#0066FF;border-bottom:1px dotted #ccc;}

.news .detail .date {line-height:2em;text-align:center;color:#999;}

.news .detail .txt {line-height:1.8em;padding:20px;}



/*  内页  product   */

.inPro .inTitle {background-position:0 -70px;}

.inPro .list {margin-left:-12px; zoom:1;}

.inPro .list li {float:left;margin-left:13px;margin-bottom:10px;zoom:1;display:inline;}

.inPro .list a {display:block;width:160px;height:40px;background:#333;color:#fff;float:left;text-align:center;line-height:40px;font-size:14px;border-radius:4px;}

.inPro .list a.on {background:#e41023;font-weight: bold;}

.inPro .list a:hover {background:#e41023;font-weight: bold;}

.proList {overflow:hidden;padding:0px 0;border-bottom:1px dashed #ccc;}

.proList li {float:left;width:363px;margin:20px 0;margin-right:37px;}

.proList li .pic {float:left;display:block;width:158px;height:118px;border:1px solid #303030;overflow:hidden;}

.proList .pic:hover {border:1px solid #e41023;}

.proList li .txt {float:right;width:200px;color:#2FA8DF;line-height:1.8em;}

.proList li .txt .tt {font-size:14px;color:#303030;line-height:24px;background:url(../images/icon1.gif) no-repeat left;padding-left:10px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.proList .txt .tt:hover {color:#e41023;}

.proList li .txt p {border-top:1px dashed #666;border-bottom:1px dashed #666;color:#303030;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 22px;}

.proDetail {padding:20px 15px;}

.proDetail .jianjie .pic {float:left;width:300px;height:206px;padding:10px;border:1px solid #ccc;}

.proDetail .jianjie table{float:left;width:596px;border-left:1px solid #666;border-top:1px solid #666;margin-left:30px;background:#fff;margin-top:30px;}

.proDetail .jianjie table span {padding-left:20px;}

.proDetail .jianjie table td {border-right:1px solid #666;border-bottom:1px solid #666;width:35%;height:30px;line-height:30px;}

.proDetail .jianjie table th {border-right:1px solid #666;border-bottom:1px solid #666;width:15%;}

.proDetail .mod .tt {font-size:18px;color:#e41023;line-height:35px;margin-top:20px;border-bottom:1px solid #ccc;padding-left:5px;font-family:"微软雅黑","宋体";}

.proDetail .mod .inTitle {background-position:0 -245px;margin: 20px 0px 10px;}

.proDetail .mod .txt {line-height:1.8em;padding:10px;}

.proDetail .mod ul {overflow:hidden;padding-bottom:70px;}

.proDetail .mod li {width:156px;float:left;background:url(../images/icon5.gif) no-repeat left;background-position:5px 14px;padding-left:15px;border-bottom:1px dashed #ccc;height:30px;line-height:30px;margin:0 9px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.proDetail .mod li a {color:#333;}

.proDetail .mod li a:hover {color:#036FC9;}





/*  内页  brand  */

.inBrand .inTitle{background-position:0 -35px;}

.inBrand .list li {float:left;margin-left:7px;margin-bottom:8px;display:inline;zoom:1;}

.inBrand .list a {display:block;width:127px;height:40px;background:#333;color:#fff;float:left;text-align:center;line-height:40px;font-size:14px;border-radius:4px;}

.inBrand .list a.on {background:#e41023;font-weight: bold;}

.inBrand .list a:hover{background:#e41023;font-weight: bold;}



.inBrand .picList {margin-left:-20px; zoom:1; margin-top:30px;}

.inBrand .picList li {float:left;width:180px;margin-left:20px;margin-top:10px;margin-bottom:10px;display:inline;zoom:1;}

.inBrand .picList .pic {width:180px;height:180px;display:block;overflow:hidden;}

.inBrand .picList .txt {display:block;width:180px;height:35px;line-height:35px;font-size:16px;font-weight:bold;color:#2DA8E1;text-align:center;}



.inBrand .picList .txt:hover {color:#e41023;}

.inBrand .detail {line-height:1.8em;padding:20px;}

.inBrand .detail .pic {float:left;width:210px;height:170px;border:1px solid #1C327E;margin:0 10px 10px 0;}

.recom .inTitle {background-position:0 -245px;margin: 20px 0px 10px;}

.recom li {float:left;width:140px;padding-left:20px;height:28px;line-height:28px;background:url(../images/icon5.gif) no-repeat left;background-position:8px 13px;border-bottom:1px dashed #ccc;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 18px;zoom:1;display:inline;}





/*  内页  filed   */

.inlingyu .inTitle{background-position:0 -175px;}

.inlingyu .list{margin-left:-35px;zoom:1;}

.inlingyu .list li{float:left;width:536px;height:150px;overflow:hidden;border:3px solid #ccc;background:#F7F7F7;padding:0 20px 20px;margin-left:35px;display:inline;margin-bottom:20px;border-radius:6px;}

.inlingyu .list .txt{float:left;width:370px;height:132px;overflow:hidden;margin-top:18px;line-height:22px;color: #888;font-size: 14px;}

.inlingyu .list .txt .tt{font-size:16px;color:#0071F6;font-weight:bold;border-bottom:1px dashed #0071F6;display:block;line-height:26px;background:url(../images/icon4.gif) no-repeat left;padding-left:19px;margin-bottom: 10px;}

.inlingyu .list .txt .tt:hover{color:#e41023;}

.inlingyu .list .pic{display:block;width:120px;height:120px;padding:4px;border:1px solid #ccc;float:right;margin-top:18px;background:url(../images/lingyu_bg.gif) no-repeat left top;}

.inlingyu .list .pic:hover{border:1px solid #e41023;}









.search{margin: 30px 0px 20px;border: 1px solid #ddd;overflow: hidden;padding: 15px 0;background: #f2f2f2 url(../images/search_bg.jpg) no-repeat 40px center;}

.search ul{width: 1000px;margin-left: 180px;}

.search ul li{float: left;width: 25%;padding: 5px 0;}

.search ul li span{font-size: 14px;font-weight: bold;color: #666;line-height: 26px;}

.search ul li select{display: inline-block;width:180px;height: 26px;line-height: 26px;cursor:pointer;color: #333;border: 1px solid #888;background: #fff;font-size: 14px;padding: 0 4px;}

.search ul li select option{cursor: pointer;}

.search ul li .text{display: inline-block;width: 150px;height: 26px;border: 1px solid #888;background: #fff;padding: 0 4px;line-height: 26px;font-size: 14px;color: #333;}

.search .submit{background: #1687ff;float: left;border: none;font-size: 14px;width: 106px;height: 26px;color: #fff;border-radius: 3px;cursor: pointer;}

.search .submit:hover{background: #333;}

.search .reset{background: #1687ff;float: right;border: none;font-size: 14px;width: 106px;height: 26px;color: #fff;border-radius: 3px;margin-right: 26px;cursor: pointer;}

.search .reset:hover{background: #333;}



.xhlist{width: 100%;margin-top: 20px;}

.tablist{border-collapse: collapse;width: 100%;}

.tablist th{background: #1687ff;height: 40px;border: 1px solid #ddd;color: #fff;}

.tablist td{border: 1px solid #ddd;text-align: center;height: 30px;font-size: 14px;color: #666;}

.tablist tr:hover{background: #f2f2f2;}





.page{float:left;clear:both;width:100%;text-align:center;font-size:14px;margin:20px 0;}

.page a{padding:5px 7px;border:1px solid #808080;}

.page span{padding:5px 7px;border:1px solid #0066CB;background:#0066CB;color:#fff;}