﻿html{height:100%;border:none;}
body{height:100%;min-width: 1200px;border:none;padding:0;margin:0;text-align:left;font-size:14px;color:#484848;font-family:Arial, "microsoft yahei";background:#FFF;}
div,ul,li,img,dl,dd,dt,p{padding:0;margin:0;border:none;}
ul,dl{list-style-type:none;}
h1,h2,h3,h4,h5{margin:0;padding: 0;font-weight: normal;}
a{color:#333;text-decoration:none;}
a:hover{color:#1986d8;text-decoration:none;}
.clear{clear:both;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.container{width: 1200px;margin: 0 auto;}
.mt20{margin-top: 20px;}

.category{width: 100%;padding: 20px 0; background: #FFF; height: auto; overflow: hidden;}
.category h3{line-height: 58px; width: 230px; height: 58px; margin-left: 25px; }
.category h3 a{float: left;line-height: 58px;color: #FFF;width: 230px; border-bottom: 1px solid #ccc;text-align: center;;background:#484848 url(/templets/default/picture/ico02.png) no-repeat 210px center; display: block;}
.category h3.on a{background:#1986d8 url(/templets/default/picture/ico02.png) no-repeat 210px center; color: #FFF;}
.category h3 span{float: left; }
.category ul{display: none;float: left;width: 100%; height: auto; overflow: hidden;}
.category li{display: block;line-height: 40px;}
.category li a{display: block;color: #666;font-size: 14px;padding-left: 58px;}
.category li.on a{color: #1986d8;}

.ban{ width: 100%; height: 650px; overflow: hidden; }
.ny{ height: auto; overflow: hidden; width: 100%; padding: 30px 0; }
.ny .fl{ width: 280px; border: 1px solid #ccc; }
.ny .fr{ width: 880px; }
.ny .fl .titles{ height:70px; width: 280px; background: #1986d8;text-align: center; padding-top: 15px; display: block;}
.ny .fl .titles span{ font-size: 28px; color: #FFF; }
.ny .fl .titles span i{ display: block; font-size: 14px; font-style: normal; text-transform:uppercase}

.ny .contacts{ text-align: center; padding: 20px 0; }
.ny .contacts p{ font-size: 14px; line-height: 25px; text-align: left;  padding: 0 15px;}

.cases{ padding: 5px 0 20px; }
.cases dl dt{ text-align: center; margin-top: 15px;  }
.cases dl dt img{ width: 200px; height: 140px; border: 1px solid #ccc;}

.ny .fr .titles{line-height: 42px; border-bottom: 1px solid #e1e1e1;}
.ny .fr .titles span{ font-size: 20px; height: 39px;line-height: 39px;  color: #1986d8; border-bottom: 3px solid #1986d8; padding-bottom: 10px; }
.ny .fr .titles p{ display: inline-block; float: right; }

.ny .fr .tit{line-height: 38px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px;}
.ny .fr .tit span{ font-size: 18px; color: #1986d8; border-bottom: 3px solid #1986d8; padding-bottom: 8px; }

.ny .fr .txt{ border: 1px solid #e1e1e1; background: #f4f4f4; margin-top: 20px; padding: 15px; }


.list-1 dl{margin-top: 20px;height: auto;overflow: hidden;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.list-1 dl dt{float: left;width: 200px;}
.list-1 dl dt p{font-size: 38px;
    line-height: 53px;
    margin: 5px 0 0 50px;
    color: #1986d8;}
.list-1 dl dd{float: right;width: 650px;}
.list-1 dl dt img{width: 200px;height: 140px;border: 1px solid #ccc;}
.list-1 dl dd .mores{margin-top: 8px;}
.list-1 dl dd .mores a{border: 1px solid #055dae;background: #055dae;display: block;color:#FFF;width: 120px;height: 30px;border-radius: 20px;line-height: 30px;text-align: center;}
.list-1 dl dd .mores a:hover{background: #055dae;display: block;color:#FFF;}


.list-2{ height: auto; padding-bottom: 30px; }
.list-2 ul li{ float: left; display: inline-block; margin-right: 28px; font-size: 16px; 
	text-align: center; margin-top: 20px; }
.list-2 ul li:nth-child(3n){margin-right:0}
.list-2 ul li .imgs{ width: 266px; height: 190px; border: 1px solid #c1c1c1; }
.list-2 ul li img{ max-width: 100%; height: 188px; }
.list-2 ul li p{ margin-top: 5px; }

.newss{ padding:0px 0 0; height: auto; overflow: hidden; width: 875px;  }
.newss h1{ text-align: center;font-size: 24px;padding-top:30px; }
.newss .date{ text-align: center; font-size: 14px; padding: 15px 0; }
.newss .date span{ padding: 0 15px; }
.newss .info{ line-height: 25px; padding-top: 15px; font-size: 16px; }
.newss .info p{ margin: 0; }

.tags{ border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; height:35px; line-height:35px;}
.tags span{ font-weight: bold; }
.tags a{ margin-right: 15px; }

.pagess{line-height: 25px; padding-top: 10px;}
.pages{text-align: center;}
.pages ul li{display: inline-block;}

.xg-pro{ height: auto; overflow: hidden; margin-top: 5px; }
.xg-pro ul li{ float: left; padding-top: 15px; display: inline-block; width: 205px; margin-right: 15px; margin-bottom: 10px; text-align: center; }
.xg-pro ul li img{ width: 205px; height: 160px; border: 1px solid #ccc; }

.xg-news{ height: auto; overflow: hidden;margin-top: 15px; }
.xg-news ul{ padding-top: 15px; }
.xg-news ul li{ float: left; display: inline-block; width: 47%; margin-right: 3%;line-height:25px; }
.xg-news ul li:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #1986d8; position: relative; top:-10px; }
.xg-news ul li a{ text-overflow: ellipsis;  overflow: hidden; white-space: nowrap; width: 240px; display: inline-block; }
.xg-news ul li span{ float: right; }

.xg-area{ height: auto; overflow: hidden; margin-top: 0px; margin-bottom:15px; }
.xg-area ul li{ float: left; display: inline-block; margin-right: 25px; line-height:25px; }

.pros{ width: 100%; height: auto; overflow: hidden; padding: 20px 0 30px; }
.pros .img{ float: left; display: inline-block; width: 400px; }
.pros .text{ float: right; display: inline-block; width: 450px; text-align: left; }

.pros .text h1{ font-size: 24px; padding-top: 20px; }
.pros .text .desc{ padding: 20px 0; height: 150px; font-size: 16px; line-height: 25px; }
.pros .text .btns a{ width: 120px; height: 40px; background: #1986d8; color: #FFF; display: block; text-align: center;line-height: 40px; font-size: 18px; }
.pros .text .btns span{ color: #FFF; }

.pro-content .tits{border-bottom: 1px solid #e1e1e1; height: 40px; width: 100%; font-size: 18px; }
.pro-content .tits span{ background:#1986d8; color:#FFF; display: block;width: 120px; height: 40px; text-align: center; line-height: 40px; }
.pro-content .info{ padding: 20px 0; }
