@import url(font/siyuan.css);
html, body {
	font-size: 16px;
	color:#666;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family:"siyuan",airal;
	background: #fff;
	-webkit-text-size-adjust: none;
	user-select:text;
}
table{border-spacing: 0}
td,th {
    white-space:nowrap; /* 自适应宽度*/
    word-break:keep-all; /* 避免长单词截断，保持全部 */
	border:solid #b7b7b7 1px;
	text-align:center;
	white-space:pre-line;
    word-break:break-all !important;
	word-wrap:break-word !important;
	display:table-cell;
	vertical-align:middle !important;
	white-space: normal !important;
	height:auto;
	vertical-align:text-top;
	padding:2px 2px 0 2px;
	display: table-cell;
}
a,a:focus,a:active {color: #1d61c4;	text-decoration: none;outline: 0px none;}
.m30{margin-top: 30px;}
.m15{margin-top: 15px;}
.m45{margin-top: 45px;}
.p90{padding: 90px 0}
.p80{padding: 80px 0}
h1,h2,h3,h4{margin:0;padding:0;}
a:hover,a:active{text-decoration: none;}
ul,dl,dl dd{padding:0;margin:0;}
ul li{list-style:none;}
.fl{float:left;}
.fr{float:right}
.ct{text-align: center;}
.clear{clear:both;}
div{padding:0;margin:0;}
.p75{padding: 75px 0;}
.p85{padding: 85px 0;}
.w100{width:100%;overflow:hidden;}
.w1200{width:1200px;margin:0 auto;overflow: hidden;}
.top{background-color: #1c8dee;height: 30px;color: #fff;line-height: 30px;font-size: 14px;}
.top h1{font-size: 14px;display: inline-block;font-weight: normal;}
.top a{color: #fff;font-size: 14px;line-height: 30px;display: inline-block;}
.top span{margin-left: 20px;}
.top img{margin-right: 7px;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
.nbanner{height: 320px;position: relative;}
.nbanner .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1200px;}
.nbanner .text span{color: #333;font-size: 30px;display: block;}
.nbanner .text .xian{width: 60px;height: 3px;background-color: #da251d;margin-top: 18px;}
.nbanner .text .xian::after{width: 60px;height: 3px;background-color: #333;float: left;content: '';display: block;margin-left: 60px;}
.nbanner .text p{font-size: 22px;color: #333;width: 420px;}
.nbanner .text img{display: block;margin: 0 auto;}
header{border-top: 6px solid #1c8dee;}
header .tel{width: 32px;height: 32px;background-color: #1c8dee;line-height: 29px;float: right;border-radius: 50%;text-align: center;margin-top: 33px;}
header .tel img{vertical-align: middle;}
.logo{float:left;height:100px;line-height: 100px;margin-right: 105px;position: relative;}
.logo img{ vertical-align: middle;}
.logo span{position: absolute;top: 0;display: block;right: -60px;line-height: 55px;background: url(../images/class.png) center no-repeat;background-size:contain;width: 70px;height: 45px;font-size: 14px;font-weight:200;text-align: center;}
.logo span a{color: #000;}
.menu{float:left;width:760px;height:61px;position: relative;}
.menu ul{display: flex;display:-webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;}
.menu ul li {font-size:16px;height: 97px;line-height:97px; vertical-align: middle;}
.menu ul li a{color:#333;}
.menu ul li.active a,.menu ul li:hover a{color:#1c8dee;font-weight: bold;}
.menu ul li:hover .submenu{display: block;}
.submenu{position: absolute;z-index:999;background: #1c8dee;padding:0 20px;display: none;}
.submenu ul{display: block !important;}
.submenu ul li{height:50px;line-height:50px;display: block;text-align: center;overflow: hidden;}
.submenu ul li a{color:#fff;display: block;width:100%;}
.submenu ul li:hover{border-bottom: none;}
.submenu ul li:hover a{display: block;color:#fff !important;}
.menu ul li.active .submenu ul li a,.menu ul li:hover .submenu ul li a{color:#fff !important;}
.citylist dl{width: 100%;}
.citylist dl dt{height: 40px;line-height:40px;clear: both;border-bottom: 1px dotted #bbbbbb;margin-bottom: 20px;}
.citylist dl dd{float: left;width: 110px;height: 30px;line-height: 30x;}
.citylist dl dd a{color: #484a4d;}
.banner img{width:100%;}
header .tel{cursor: pointer;position: relative;}
header .tel p::before{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #1c8dee;position: absolute;right: 15px;bottom: 28px;content: '';display: block;}
header .tel p{position: absolute;bottom: -70px;opacity: 0;;width: 200px;right: -0px;height: 28px;line-height: 28px;font-size: 14px;color: #fff;z-index: 9999;background-color: #1c8dee;text-align: center;border-radius: 10px;transition: .5s;}
header .tel:hover p{opacity: 1;bottom: -50px;}
.prv,.next,.prv a,.next a{font-size: 14px;color: #666;margin: 30px 0;}
/* index */
.index_about .fl{width: 537px}
.index_about .fl span{font-size: 36px;font-weight: bold;color: #1c8dee}
.index_about .fl p{margin: 0px 0 42px 0;font-size: 24px;color: #333}
.index_about .fl h3{margin: 0px 0 42px 0;font-size: 24px;color: #333; font-weight: normal;}
.index_about .fl .neirong{line-height: 28px;font-size: 14px;color: #666;margin-bottom: 50px}
.index_about .fl .neirong em{font-style: normal}
.index_about .fl .more{width: 127px;height: 45px;color: #fff;background: #1c8dee;border-radius: 22.5px;text-align: center;}
.index_about .fl .more a{color: #fff;display: block;padding: 13px 24px;box-sizing: border-box;font-size: 14px}
.index_about .fl .more img{float: left;margin-top: 2px}
.index_about ul{margin-top: 80px;display: flex;justify-content: space-between;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;width: 100%}
.index_about ul li{width: 278px;text-align: center;border-right: 1px solid #e7e7e7;width: 25%}
.index_about ul li:nth-child(4){border: none}
.index_about ul li span{font-size: 52px;font-weight: bold;color:#333;}
.index_about ul li .text{position: relative;}
.index_about ul li sup{font-size: 14px;color: #333;position: absolute;top: 0}
.index_about ul li abbr{font-size: 14px;color: #333;margin-left: 10px}
.index_about ul li p{color: #333;font-size: 16px;margin: 25px 0 0 0;}
.index_pro{background: url(../images/indexpro_bg.jpg)no-repeat center top}
.index_pro .w1200{position: relative;}
.index_pro .w1200>span{font-size: 36px;line-height: 42px;color: #1c8dee;}
.index_pro .w1200>p{margin: 0;font-size: 24px;color: #333;margin-bottom: 35px}
.index_pro .w1200>h2{margin: 0;font-size: 24px;font-weight: normal; color: #333;margin-bottom: 35px}
.index_pro .w1200>h3{margin: 0;font-size: 24px;font-weight: normal; color: #333;margin-bottom: 35px}
.index_pro .more{position: absolute;right: 0;top: 15px;width: 160px;height: 45px;border: 1px solid #999;border-radius: 22.5px}
.index_pro .more a{padding: 13px 25px;box-sizing: border-box;font-size: 14px;color: #333;font-size: 14px;display:block;}
.index_pro .more a img{float: left;margin-top: 3px;margin-right: 5px}
.index_pro .tabs ul{width: 100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 27px}
.index_pro .tabs ul li{width: 149px;height: 49px;background: #fff;text-align: center;padding: 20px 0}
.index_pro .tabs ul li i{background: url(../images/indexproico.png)no-repeat;width: 30px;height: 30px;display: block;margin: 0 auto}
.index_pro .tabs ul li:nth-child(2) i{background-position-x: -44px}
.index_pro .tabs ul li:nth-child(3) i{background-position-x: -82px}
.index_pro .tabs ul li:nth-child(4) i{background-position-x: -120px;width: 32px}
.index_pro .tabs ul li:nth-child(5) i{background-position-x: -160px;width: 32px}
.index_pro .tabs ul li:nth-child(6) i{background-position-x: -207px;width: 18px}
.index_pro .tabs ul li:nth-child(7) i{background-position-x: -236px;width: 41px}
.index_pro .tabs ul li:nth-child(8) i{background-position-x: -283px}
.index_pro .tabs ul li p{font-size: 14px;color: #333;margin: 10px 0 0 0}
.index_pro .tabs ul li.active{background: #1c8dee;}
.index_pro .tabs ul li.active p{color: #fff}
.index_pro .tabs ul li.active i{background-position-y: -41px}
.index_pro #tabs-container .swiper-slide{flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.index_pro #tabs-container .swiper-slide::after{content: '';display: block;width: 286px;}
.index_pro #tabs-container li{width: 286px;background: #fff;margin-bottom: 20px;position: relative;box-sizing: border-box}
.index_pro #tabs-container li:nth-child(n+5){margin-bottom: 0}
.index_pro #tabs-container li .pimg{width: 100%;}
.index_pro #tabs-container li .pimg p{font-size: 14px;color: #333;}
.index_pro #tabs-container li .pimg img{width: 100%;display: block}
.index_pro #tabs-container .text{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(28, 141, 239, 0.9);padding: 60px 35px;box-sizing: border-box;opacity: 0;transition: .3s}
.index_pro #tabs-container .text span{display: block;color: #fff;font-weight: bold;margin-bottom: 180px;text-align: left;}
.index_pro #tabs-container .text .xiangqing{font-size: 14px;font-weight: bold;color: #fff;text-align: left;position: relative;line-height: 38px;border-bottom: 1px solid #fff;}
.index_pro #tabs-container .text .xiangqing::after{content: 'next';font-family: swiper-icons;display: block;position: absolute;right: 0;color: #fff;font-size: 12px;top: 0px}
.index_pro #tabs-container li:hover .text{opacity: 1;}
.index_fuwu .w1200{position: relative;}
.index_fuwu .w1200>span{font-size: 36px;line-height: 42px;color: #1c8dee;}
.index_fuwu .w1200>p{margin: 0;font-size: 24px;color: #333;margin-bottom: 35px}
.index_fuwu .w1200>h3{margin: 0;font-size: 24px;color: #333;margin-bottom: 35px;font-weight: normal;}
.index_fuwu .more{position: absolute;right: 0;top: 15px;width: 160px;height: 45px;border: 1px solid #999;border-radius: 22.5px}
.index_fuwu .more a{padding: 13px 25px;box-sizing: border-box;font-size: 14px;color: #333;font-size: 14px;display:block;}
.index_fuwu .more a img{float: left;margin-top: 3px;margin-right: 5px}
.index_fuwu ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;-webkit-justify-content: space-between;}
.index_fuwu ul li{width: 290px;height: 435px;overflow: hidden;}
.index_fuwu ul li .pimg{height: 232px;width: 100%;overflow: hidden;transition: .5s}
.index_fuwu ul li .pimg img{display: block;width: 100%}
.index_fuwu ul li .text{padding: 40px 30px;width: 100%;box-sizing:border-box;background: #f0f0f0;}
.index_fuwu ul li .text span{font-size: 22px;color: #333;display: block;text-align: center;margin-bottom: 23px}
.index_fuwu ul li .text .neirong{width: 100%;font-size: 14px;line-height: 22px;color: #666}
.index_fuwu ul li.active .text{background: #1c8dee;color: #fff !important;height: 256px;}
.index_fuwu ul li.active .text span{color: #fff}
.index_fuwu ul li.active .text .neirong{color: #fff}
.index_fuwu ul li.active .pimg{height: 198px}
.index_news {background: #f8f8f8}
.index_news .w1200{position: relative;}
.index_news .w1200>span{font-size: 36px;line-height: 42px;color: #1c8dee;}
.index_news .w1200>p{margin: 0;font-size: 24px;color: #333;margin-bottom: 35px}
.index_news .w1200>h2{margin: 0;font-size: 24px;font-weight: normal; color: #333;margin-bottom: 35px}
.index_news .w1200>h3{margin: 0;font-size: 24px;font-weight: normal; color: #333;margin-bottom: 35px}
.index_news .more{position: absolute;right: 0;top: 15px;width: 160px;height: 45px;border: 1px solid #999;border-radius: 22.5px}
.index_news .more a{padding: 13px 25px;box-sizing: border-box;font-size: 14px;color: #333;font-size: 14px;display:block;}
.index_news .more a img{float: left;margin-top: 3px;margin-right: 5px}
.index_news .w1200>.fr{width: 660px}
.index_news .text{width: 490px;}
.index_news .fr ul li:nth-child(1){margin-bottom: 10px}
.index_news span{font-size: 14px;color: #333}
.index_news h3{font-size: 14px;color: #333; font-weight: normal;}
.index_news p{font-size: 14px;color: #888;margin: 10px 0}
.index_news .date{font-size: 14px;color: #888}
.index_news .date img{float: left;margin-right: 10px}
.index_news .fr ul li:nth-child(n+2) a{display: flex;justify-content: space-between;display: -webkit-flex;-webkit-justify-content: space-between;}
.index_news .mtext{line-height: 36px;font-size: 14px;color: #666;}
/* foot */
.foot_download{background: url(../images/foothuace.jpg)no-repeat center top;padding: 70px 0;}
.foot_download .fl span{font-size: 24px;color: #fff;display: block;margin-bottom: 25px;}
.foot_download .fl span::after{content: '';display: block; width: 48px;height: 2px;background-color: #fff;margin-top: 25px;}
.foot_download .fl ul{width: 450px;display: flex;justify-content: space-between;display: -webkit-flex;-webkit-justify-content: space-between;}
.foot_download .fl ul li{width: 98px;height: 28px;line-height: 28px;border: 1px solid #fff;border-radius: 14px;}
.foot_download .fl ul li a{display: block;font-size: 14px;color: #fff;text-align: center;}
.foot_download .fl ul li:hover{background-color: #fff;}
.foot_download .fl ul li:hover a{color: #1c8dee;}
.foot_download .fr span{font-size: 24px;color: #fff;display: block;margin-bottom: 25x;}
.foot_download .fr span::after{content: '';display: block; width: 48px;height: 2px;background-color: #fff;margin-top: 25px;}
.foot_download .fr p{display: block;color: #fff;font-size: 14px;}
footer{padding:75px 0 75px 0;background: #282828;}
footer .w1200{display: flex;justify-content: space-between;display: -webkit-flex;-webkit-justify-content: space-between;}
footer .w1200 span{font-size: 14px;color: #fff;}
footer .w1200 ul{display: block;margin-top: 30px;}
footer .w1200 ul li a,footer .w1200 ul li{color: #c5c5c5;font-size: 14px;line-height: 24px;}
footer .w1200 .fcontact span{color: #c5c5c5;margin-bottom: 20px;}
footer .w1200 .fcontact p{font-size: 24px;color: #fff;}
footer .w1200 .fcontact p::after{content: '';display: block;width: 338px;height: 1px;background-color: #535353;margin: 20px 0;}
footer .w1200 .fcontact ul li i{display: block;width: 16px;height: 16px;background: url(../images/footico.png)no-repeat;float: left;margin-top: 5px;margin-right: 10px;}
footer .w1200 .fcontact ul li:nth-child(1) i{width: 10px;margin-right: 16px;}
footer .w1200 .fcontact ul li:nth-child(2) i{background-position-x: -30px;width: 10px;margin-right: 16px;}
footer .w1200 .fcontact ul li:nth-child(3) i{background-position-x: -56px;width: 16px;}
footer .w1200 .fcontact ul li:nth-child(4) i{background-position-x: -56px;width: 16px;}
footer .w1200 .fcontact ul li:nth-child(5) i{background-position-x: -85px;width: 16px;}
footer .w1200 .fcontact ul li:nth-child(6) i{background-position-x: -114px;width: 16px;}
.beian{height: 50px;border-top: 1px solid #3e3e3e;line-height: 50px;text-align: center;font-size: 14px;color: #7c7c7c;background-color: #282828;}
.beian a{font-size: 14px;color: #7c7c7c;}
/*荣誉资质*/
.honor{background:#f6f6f6;padding:70px 0;}
.honor h3{font-size:30px;color:#333;text-align: center;}
.honor abbr{display: block;font-size:18px;color:#444;text-align: center;height:40px;line-height: 40px;margin-bottom: 30px;}
.honor ul{margin-top:40px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.honor ul li{margin:10px 0;}

/* 列表 */
.list{width: 270px;float: left;margin: 50px 0;}
.list .tt{width: 100%;background-color: #1c8dee;color: #fff;height: 60px;box-sizing: border-box;margin-bottom: 3px;line-height: 60px;padding-left: 20px;box-sizing: border-box;}
.list .tt span{display: inline-block;font-size: 44px;font-weight: bold;}
.list .textfr{display: inline-block;font-size: 18px;font-weight: bold;margin-left: 9px;}
.list .textfr abbr{font-size: 14px;font-weight: normal;display: block;text-align: left;}
.list li{display: flex;justify-content: center;line-height: 45px;height: 45px;background-color: #eeeeee;margin-bottom: 3px;transition: .3s;}
.list li a{width: 100%;display: block;color: #333;font-size: 14px;text-align: left;}
.list li h3{font-weight: normal;display: block;width: 100%;padding-left: 20px;box-sizing: border-box;}
.list li.active2{background-color: #1c8dee;}
.list li.active2 a{color: #fff;}
.list li.active2::before{border-color: #fff;}
.list li.active2::after{border-top: 5px solid transparent;border-left: 8px solid #fff;border-bottom: 5px solid transparent;}
.list li:hover{background-color: #1c8dee;}
.list li:hover a{color: #fff;}
.list li:hover::before{border-color: #fff;}
.list li:hover::after{border-top: 5px solid transparent;border-left: 8px solid #fff;border-bottom: 5px solid transparent;}
.weizhi{height: 48px;border-bottom: 1px solid #e8e8e8;}
.weizhi span{color: #666;font-size: 14px;line-height: 48px;}
.weizhi span a{color: #666;font-size: 14px;line-height: 48px;}
.weizhi span img{margin-right: 10px;}
.weizhi form{width: 300px;height: 30px;line-height: 30px;background-color: #e8e8e8;margin-top: 10px;border-radius: 15px;position: relative;}
.weizhi form input{background: transparent;color: #333;border: none;box-shadow: none;text-indent: 1em;outline: none;width: 100%;}
.weizhi form button{position: absolute;right: 10px;top: 5px;background-color: transparent;border: none;box-shadow: transparent;}
/*新闻*/



.procat{margin-top:50px;width:250px;float:left;margin-bottom:30px;}
.procat dl{border:1px solid #e0e0e0;}
.procat dl dt{height:65px;line-height:65px;padding-left: 25px;color:#f6f6f6;font-size:18px;background:#1c8dee;font-weight:bold;}
.procat dl dd{padding:0 15px;height:55px;line-height: 55px;border-top:1px solid #e0e0e0}
.procat dl dd h3{font-weight:normal;background: url(../images/crial.png) left center no-repeat;padding-left:25px;font-size:16px}
.procat dl dd a{color:#0b0a0a;}
.procat dl dd:hover a,.procat dl dd.active a{color:#fff;}
.procat dl dd:hover,.procat dl dd.active{background:#1c8dee;}
.procat dl dd:hover h3,.procat dl dd.active h3{font-weight:bold;}

.realnews,.realpro{margin:30px 0;}
.realnews dl dt{height:60px;line-height:60px;padding-left: 25px;color:#f6f6f6;font-size:18px;background:#1c8dee;font-weight:bold;margin-bottom: 3px;}
.realnews dl dd{padding:0 20px;line-height: 30px;overflow: hidden;background-color: #f1f1f1;}
.realnews dl dd:nth-child(2){padding-top: 20px;}
.realnews dl dd:last-child{padding-bottom: 20px;}
.realnews dl dd h3{font-weight:normal;background: url(../images/crial.png) left center no-repeat;padding-left:25px;}
.realnews dl dd a{color:#666;font-size: 14px;display: block;}
.realnews dl dd:hover a,.procat dl dd.active a{text-decoration: underline;}

.realpro dl{border:1px solid #e0e0e0;margin-bottom:14px;}
.realpro dl dt{height:65px;line-height:65px;padding-left: 25px;color:#f6f6f6;font-size:18px;background:#1c8dee;font-weight:bold;}
.realpro dl dd{padding:15px 10px;height:auto;border-top:1px solid #e0e0e0;overflow: hidden;    line-height: normal;text-align: center;}
.realpro dl dd img{max-width:100%;width:auto;}
.realpro dl dd p{margin:0;}
.realpro dl dd a{display: block;}
.realpro dl dd:hover p{color:#fff;}

.prolist{margin-top:50px;width:880px;float:right;}
.crom{width:100%;height:48px;line-height:48px;border-bottom: 1px solid #e9e9e9;}
.crom h2{float:left;font-size: 20px;border-bottom: 1px solid #1c8dee;color: #444;}
.crom span{display: block;float:right;color:#666;font-size: 14px;}
.crom span>a{color:#666;font-size: 14px;}
.crom img{margin-right: 9px;}
.prolist abbr{padding:20px;color:#666;background: #f6f6f6;border-radius: 5px;margin:30px 0;display: block;}
.prolist ul{margin:30px 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: space-between;
	justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
	.prolist ul li{width: 280px;margin-bottom: 25px;}
	.prolist ul li .pic{width: 100%;height: 280px;border: 1px solid #dedede;padding: 3px;box-sizing: border-box;}
	.prolist ul li .pic a{display: block;position: relative;width: 100%;height: 100%;}
	.prolist ul li .pic img{width: auto;max-width: 100%;max-height: 100%;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
	.prolist ul li p{line-height: 50px;text-align: center;font-size: 15px;color: #666666;margin: 0;background-color: #fbfbfb;border: 1px solid #dedede;border-top: none;}
	.prolist ul li p a{color: #666;}
	.prolist ul li:hover p{background-color: #1c8dee;border: 1px solid #1c8dee;}
	.prolist ul li:hover p a{color: #fff;}
	.prolist ul li:hover .pic{border-color: #1c8dee;}
	.prolist ul::after{content: '';display: block;width: 280px;}
.pview{margin-top:30px;}
.pview .fl{width: 422px;}
.pview .fl .swiper-container{height: 366px;border: 1px solid #e8e8e8;}
.pview .tabs{width: 100%;margin-top: 7px;}
.pview .tabs ul{display: block;}
.pview .tabs ul li{width: 78px;float: left;margin-right: 8px;box-sizing: border-box;height: 78px;overflow: hidden;position: relative;border: 1px solid #e8e8e8;}
.pview .tabs ul li img{width: auto;height: auto;}
.pview .tabs ul li.active{border: 2px solid #1c8dee;}
.pview .fl img{width: auto;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: auto;max-width: 100%;max-height: 100%;}
.pview{margin-top:30px;}
.pview .pimg{width:460px;float:left;height:300px;}
.pview .pimg img{max-width: 100%;width:auto;    max-height: 100%; height: auto;}
.pview .txt{width:430px;float:right;}
.pview .txt p{font-size: 14px;color: #666666;}
.pview .txt h1{font-size:24px;color:#1c8dee;padding-bottom: 25px;border-bottom: 1px solid #e9e9e9;margin-bottom: 20px;font-weight: normal;}
.pview .txt span{line-height: 28px;font-size: 14px;display: block;}
.pview .txt abbr{display: block;margin:7px 0;color:#666;padding:15px;border-radius: 5px;font-size:14px;line-height:25px;}
.pview .telqq{width:145px;height:42px;line-height: 42px;text-align: center;background: #1c8dee;font-size:14px;float:left;margin-top: 30px;}
.pview .telqq a{color:#fff;display: block;}
.pview .tel{width:145px;height:42px;line-height:42px;text-align:center;color:#fff;background-color: #19a520;box-sizing:border-box;margin-left:20px;float:left;font-size:14px;margin-top: 30px;}
.pview .tel a{color:#fff;display: block;}
.pcontent{margin:30px 0;}
.pcontent h1{text-align:center;}
.pcontent .line{line-height:50px;height:50px;margin-bottom: 30px;border-bottom: 1px solid #d2d2d2;}
.pcontent .line span{min-width:100px;width:auto;height:50px;line-height:50px;display:block;text-align:center;color: #333;float:left;font-size:20px;border-bottom: 1px solid  #1c8dee;font-weight: bold;}
.pcontent>p{line-height:25px;}
.pcontent .neirong{padding: 0 20px;width: 100%;box-sizing: border-box;}
.pcontent ul{margin:30px 0;}
.pcontent ul::after{content: '';display: block;width: 206px;}
.pcontent ul li{width: 206px;}
.pcontent ul li a{display: block;}
.pcontent ul li .pimg{width:100%;height:206px;line-height:206px;overflow: hidden;text-align: center;display: block;border: 1px solid #e8e8e8;box-sizing: border-box;}
.pcontent ul li .pimg img{max-width:100%;width:auto;display: block;}
.pcontent ul li  p{width:206px;height:50px;line-height:50px;text-align: center;background:#fff;margin:0;display: block;}
.pcontent ul li  p>a{color:#0b0a0a;font-size:15px;}
.pcontent ul li:hover p{background:#1c8dee}
.pcontent ul li:hover p>a{color:#fff;}
.pcontent table{border-collapse:collapse;max-width:100%;width:auto !important;}
.pcontent table tr td{padding:0 8px!important;}
.pcontent1{border: solid 1px #d2d2d2;margin-top: 50px;}
.pcontent1 .xianglie{width: 100%;}
.pcontent1 .xianglie ul{margin: 0;}
.pcontent1 .xianglie li{width: 33.33%;}
.pcontent1 .xianglie li a{width: 100%;line-height: 60px;height: 60px;display:block;text-align: center;color: #666;background-color: #f8f8f8;border-right: 1px solid #ececec;}
.pcontent1 .xianglie li:nth-child(1) a{background-color: #fff;color: #1c8dee;}
.pcontent1 .neirong{padding: 33px 25px;box-sizing: border-box;width: 100%;font-size: 14px;line-height: 30px;}
.pnews{margin-top: 30px;}
.pnews .line{line-height:50px;height:50px;margin-bottom: 30px;border-bottom: 1px solid #d2d2d2;}
.pnews .line span{min-width:100px;width:auto;height:50px;line-height:50px;display:block;text-align:center;color: #333;float:left;font-size:20px;border-bottom: 1px solid  #1c8dee;font-weight: bold;}
.pnews ul li{width: 100%;}
.pnews ul li a{font-size: 14px;color: #444;}
.pnews ul li{line-height: 30px;font-size: 14px;margin: 0;color: #444;}
.pnews ul li p{float: left;background-color: transparent;border: none;line-height: 30px;height: 30px;}
.pnews ul li .date{float: right;}
.pnews ul li:hover{color: #444;background-color: transparent;}
.pnews ul li:hover p{background-color: transparent;color: #444;border: none;}
.pnews ul li:hover p a{color: #444;}
/* 案例 */
.caselist{width: 880px;float: right;margin-top: 50px;}
.caselist ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.caselist ul li{width: 280px;margin-bottom: 20px;cursor: pointer;}
.caselist ul li .pic{width: 100%;position: relative;height: 208px;border: 1px solid #d2d2d2;box-sizing: border-box;}
.caselist ul li .pic img{width: auto;height: auto;max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;}
.caselist ul li p{text-align: center;color: #666;line-height: 40px;height: 40px;background-color: #fff;margin: 0;}
.caselist ul li p a{color: #666;}
.caselist ul li:hover p{text-align: center;color: #fff;background-color: #0059a9;}
.caselist ul li:hover p a{color: #fff;}
.newslist{float: right;width:880px;margin:60px 0;}
.newslist>p{font-size: 14px;color: #666;}
.newslist>p a{font-size: 14px;color: #666;}
.newslist .panel {float:left;width:80px; margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);border-color: #ddd;}
.newslist blockquote { padding: 0 20px;  margin: 0 0 20px;  font-size: 17.5px; border-left: 5px solid #eee;display: inline-block;}
.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd;text-align: center;height: 30px;line-height: 30px;}
.panel-body { height:40px;line-height:40px;text-align: center}
.panel-body::before,.panel-body:after{display: table;content: " ";}
.newslist ul{margin:30px 0;}
.newslist ul li{width:100%;height:85px;border: none;line-height:25px;clear:both;}
.newslist ul li .txt a{color: #333;}
.newslist ul li:hover{border:none;}
.newslist ul li:hover .txt{border-top:none;background:none;}
.newslist .txt{width:87%;float: left;margin-left:30px;padding-top:0;border-top:none;background:none;}
.newslist ul li:hover .txt a{color:#0059a9}
.newslist .txt small{display: block;color:#373737;}
.newslist .txt .down{width:80px;text-align: center;height: 30px;line-height:30px;background: #ee0000;border-radius: 20px;font-size:14px;margin-top:12px;}
.newslist .txt .down a,.newslist ul li:hover .down a{color: #fff;}
.nview{line-height:25px;}
.nview abbr{display:block;text-align: center;}
.nview h1{font-size:24px;text-align:center;margin:30px auto;color: #333;}
.nview p{line-height:24px;font-size:14px;color: #666;}
.nview p a{color: #666;}
.nview p>img{max-width:100%;width:auto;}
.nview span{float:none;}
.about{line-height:25px;width: 100%;}
.about abbr{display:block;text-align: center;}
.about h1{font-size:24px;text-align:left;margin:30px auto;color: #333;}
.about p{line-height:24px;font-size:14px;color: #666;}
.about p a{color: #333;}
.about p>img{max-width:100%;width:auto;}


.xiangguanxinwen ul li{width:100%;height:30px;line-height:30px;overflow: hidden;border:none;}
.xiangguanxinwen ul li .date{color:#666;float:right;}
.xiangguanxinwen ul li a{color:#666;}

.xiangguanchanpin ul{margin:20px 0;height:340px}
.xiangguanchanpin ul li{float:left;width:23%;height:325px;padding:5px;box-sizing: border-box;border:1px solid #dfdfdf;margin:8px;clear:none;}
.xiangguanchanpin .pimg{width:100%;height:270px;overflow: hidden;background:#ededed;text-align: center;}
.xiangguanchanpin .pimg img{max-width: 100%;width:auto;}
.xiangguanchanpin ul>li>p{line-height: 17px;text-align: center;}
.xiangguanchanpin ul li:hover{background:#1c8dee}
.xiangguanchanpin ul li:hover a{color:#fff;}

.downloadlist{width: 880px;float: right;margin-top: 50px;}
.downloadlist ul{margin-top: 30px;}
.downloadlist ul li{height: 40px;line-height: 40px;border-bottom: 1px dotted #999;}
.downloadlist ul li .txt{display: flex;justify-content: space-between;}
.downloadlist ul li .txt a{font-size: 16px;color: #333;}
.downloadlist ul li .down a{font-size: 14px;color: #0059a9;}
.downliat .nview img{margin: 0 auto;display: block;}
.page {padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }
.page span{float:none;}
.page a { color:#666; background:#fff; margin:5px; padding:0 15px; line-height:40px; display: inline-table;border: 1px solid #cccccc; border-radius: 10px;}
.page a:hover { background:#d80b0b; color:#fff;border-radius: 10px;}
.page a:active {  background:#d80b0b; color:#fff;border-radius: 10px;}
.page a.page-num-current { background:#d80b0b; color:#fff; display:inline-table;line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#d80b0b; color:#fff; display:inline-table;line-height:40px; padding:0 15px; margin:0 5px;}
.page span.no { background:#f1f1f1; color:#333; display:inline-table;line-height:40px; padding:0 15px; margin:0 5px;}
.page span.disabled { padding:0 9px 0 0px; }
/* 联系我们 */
.contact_us .biaoti h1{color: #3d3d3d;font-size: 34px;font-weight: normal;text-align: center;margin-bottom: 50px;}
.contact_us .biaoti span{color: #666; font-size: 1.5em;font-weight: bold;}
.contact_us{position: relative;}
.contact_us  .list{position: absolute;left: 50%;transform: translateX(-50%);margin: 35px 0;width: 610px;}
.contact_us  .list li{width: 140px;height: 40px;line-height: 40px;border: 1px solid #dedede;text-align: center;float: left;margin: 5px;}
.contact_us .list li a{display: block;color: #666;}
.contact_us .list li.active2{background: #2db0a2;color: #fff;border: none;}
.contact_us .list li.active2 a{color: #fff;}
.contact_us .list li:hover a{background: #2db0a2;color: #fff;transition: all .3s;}
.contact_us .lianxi{margin-top: 130px;}
.contact_us iframe{width: 50%;}
.contact_us .details{width: 100%;height: 500px;background-color: #1c8dee;color: #fff;float: right;padding: 20px 20px;box-sizing: border-box;}
.contact_us .details ul{padding: 30px 70px;box-sizing: border-box;}
.contact_us .details ul li{padding-bottom: 20px;box-sizing: border-box;line-height: 24px;width: 100%;}
.contact_us .details ul li span{font-size: 16px;margin-left: 20px;float: right;}
.contact_us .details ul li i{background: url(../images/contact_icon.png) no-repeat;width: 42px;height: 42px;display: inline-block;float: left;margin-right: 20px;}
.contact_us .details ul li p{margin: 0px 0;font-size: 14px;}
.contact_us .details ul li a{font-size: 14px;}
.contact_us .details ul li:nth-child(1) i{background-position: 0 0;}
.contact_us .details ul li:nth-child(2) i{background-position: -52px 0;}
.contact_us .details ul li:nth-child(3) i{background-position: -52px 0;}
.contact_us .details ul li:nth-child(4) i{background-position: -52px 0;}
.contact_us .details ul li:nth-child(5) i{background-position: -104px 0;}
.contact_us .details ul li:nth-child(6) i{background-position: -156px 0;}

.contact_us .contact_input .submit{background-color: #1c8dee;padding: 15px 80px;color: #fff;text-align: center;border: none;box-sizing: border-box;margin-right: 15px;cursor: pointer;margin-top: 30px;}
.contact_us .contact_input .reset{background-color: #bababa;margin-right: 0;padding: 15px 80px;color: #fff;text-align: center;border: none;box-sizing: border-box;margin-right: 15px;}
.contact_input input{width: 49%;float: left;margin-right: 10px;height: 45px;line-height: 45px;background: #fff;border: 1px solid #dedede;margin-top: 20px;padding-left: 20px;box-sizing: border-box}
.contact_input input:nth-child(2n){float: right;margin-right: 0;}
.contact_input textarea{width: 100%;background: #fff;border: 1px solid #dedede;line-height: 24px;height: 175px;margin-top: 20px;padding-left: 20px;box-sizing: border-box;}
.contact_input{background: #f8f8f8;border: 1px solid #e4e4e4;width: 100%;padding: 30px;box-sizing: border-box;margin-top: 50px;}
.contact_us .details a{color: #fff;}
@media screen and (max-width:1200px){
	.w100{width: 1200px;}
	.top{width: 1200px;}
	.nbanner{width: 1200px;}
	.list .tt::after{margin-top: 3px;}
	html,body{
		width: 1200PX;
		height:100%;
		
		}
}