﻿body {font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;overflow-x: hidden; margin:0; background:#fff;}p{ margin:0; padding:0;}*{font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;}.container-slide{ overflow: hidden;}a,a:hover{ text-decoration:none;}.form-control{border-radius:0;}ul{ list-style:none;}dl,dt,dd,h2,form,ul,li,p,img, span, h1,h3,h4,h5,h6{margin:0; padding:0;}a {color:#4f4f4f;text-decoration:none;margin:0;}a:hover {color:#026db3;text-decoration:none; border:0;}a img {border:0;}ul{list-style-type:none;}.clear{clear:both;}.container {margin:0 auto;}@media (max-width:767px){.container{padding:0px 15px;}}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1230px){.container{width:1200px}}/* header and menu */.menu>ul,.menu>ul>li{display:block;margin:0;padding:0;list-style:none;}.menu>ul>li>a{display:block;text-align:center;}.logo{float:left;}.logo a{display:block;}.logo img{display:block;max-height:100%;}@media(min-width:768px){	header .container{height:85px; }	.logo{ padding:29px 0;}	.menu{float:right;}	.menu>ul{margin-right:-27px;height:100%;}	.menu>ul>li{float:left;}	.menu>ul>li>a{color: #302c2c;line-height: 64px;padding:9px 16px;border-top:3px solid #fff;}	.menu>ul>li:hover>a,.menu>ul>li.active>a{ border-top:3px solid #026db3; background:#f6fbfd;}	.menu-icon{display:none;}	.sub-menu{display:none; width:100%; background:#f6fbfd; position:absolute; top:86px;left:0; height:55px; text-align:center;z-index:999;}	.sub-menu a{display:inline-block; color:#505257; font-size:12px; padding:0 10px; line-height:55px;}	.menu>ul>li.active .sub-menu{display:block;}}@media(max-width:1229px){	.menu>ul{margin-right:-20px;}	.menu>ul>li>a{ padding:9px 10px; font-size:14px; }}@media(max-width:991px){	.menu>ul{margin-right:-12px;}	.menu>ul>li>a{ padding:9px 8px; font-size:12px; }	.logo img{ width:75px;}}@media(max-width:767px){	header .container{height:50px;}	.logo{ padding:14px 0;}	.popup-menus{display:none;}	.menu{display:none;}	.menu-icon{display:block;float:right;padding-top:12px;}	.menu-icon a{display:block;width: 31px;height: 27px;background:url(../images/menu-icon.png) no-repeat;outline:none;}}/* menu for mobile */.nav{background:#313541;display:none;padding-top:60px;}.nav>ul>li{padding:5px 10px; padding-left:35px;}.nav>ul>li>a{display:block;text-align:left;color:#fff;font-size:16px;line-height:30px;position:relative;}.nav>ul>li>a>span{display:block;width:30px;height:30px;position:absolute;top:0;right:0; background:url(../images/jt.png) no-repeat center ;}.nav>ul>li.open-sub>a>span{background-image:url(../images/jt2.png);}.nav .sub-menu{display:none;}.nav li.open-sub .sub-menu{display:block;}.nav .sub-menu p{}.nav .sub-menu p a{display:block;padding:3px 10px;text-align:left;color:#d6d6d6;font-size:14px;line-height:25px;}/* banner */.banner img{ max-width:100%;}.cooperation img{ max-width:97%; margin:0 auto;}.slick-dots li button{ background:#fff;}.zy_banner img{ max-width:100%; margin:0 auto; display:block;}/* foot */.foot_box{ background-color:#026db3; margin-top:80px; padding:30px 0;}.foot{ font-size:14px; color:#676565; line-height:28px; overflow:hidden;}.public_sign{ float:left;}.right_foot{ float:right; text-align:right;}.right_foot p{ font-size:12px; color:#fff; line-height:30px;} .right_foot p a{ color:#fff; padding:0 6px; display: inline-block;}.right_foot .foot a { padding:0;}.link{ background:url(../images/link.png) repeat-x bottom; padding-bottom:5px; margin-bottom:5px;} @media(max-width:767px){.public_sign{ display:none;}.right_foot{ float:none; text-align:left;}}/* index */.business{ margin-top:40px;text-align:center;}.business img{ max-width:97%; margin:0 auto;}.business a { outline:none; }.business a :hover { color:#026db3;}.business .slick-dots{ bottom:-70px;}.business .slick-dots li button:before{ width:80px; display:block; height:6px; background:#cccccc; content: ''}.business .slick-dots li{ width:80px; margin:0 6px;}.business .slick-dots li.slick-active button:before{ background:#026db3;}.business .slick-slide{ position:relative;}.bus_con{ position: absolute; height:62px; line-height:62px; margin-top:-31px; font-size:20px; color:#242424; background:url(../images/bj.png); top:50%; left:0; right:0; text-align:center; color:#4f4f4f;}.news_box{ background:#f6f6f6; overflow: hidden; padding:50px 0; margin-top:120px; margin-bottom:50px;} .tit_big{ text-align:center; padding-bottom:50px;}.tit_big img{ max-width:100%;}.newslist{ float:left; width:670px; border-top:1px dashed #e1e1e1;}.newslist h1{ font-size:14px; font-weight:normal; overflow: hidden; display:block; line-height:32px; border-bottom:1px dashed #e1e1e1; padding:11px 0; background:url(../images/jt0.png) no-repeat 10px; padding-left:30px; padding-right:10px;}.newslist h1 a{ color:#413d3d; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; margin-right:100px;}.newslist h1 span{ float:right; font-size:14px; color:#878787;}.newimg{ float:right;}@media(max-width:1230px){	.newslist{ width:490px;}}@media(max-width:991px){	.newslist{ width: auto; float:none;}	.newimg{ display:none;}}@media(max-width:767px){	.business{ margin-top:20px;}	.business .slick-dots{ bottom:-40px;}	.business .slick-dots li button:before{ width:40px; height:4px;}	.business .slick-dots li{ width:40px; margin:0 6px;}	.news_box{ margin-top:60px; padding:30px 0;} 	.tit_big{ padding-bottom:30px;}}/* about-us */.titbox{ overflow:hidden; margin-bottom:40px; background:url(../images/titx.png) repeat-x 0 70px; margin-top:20px;}.titbox h2{ background:url(../images/kuai.png) right no-repeat; color:#026db3; font-size:26px; display:inline-block; padding-right:70px; font-weight:inherit; padding-top:17px;}.titbox h3{ font-weight:inherit; font-size:24px; color:#2f353b; display:inline-block; background:#fff; padding-right:10px;}.titleft{ float:left;}.position{ float:right; font-size:12px; color:#676767; margin-top:40px;}.position a{ padding:0 2px;}.menu_left{ width:194px; background:#2f353b; padding:0 13px; float:left;}.menu_left a{ color:#fff; font-size:14px; border-top:1px solid #b6b8bb; padding:22px 0; padding-left:30px; background: url(../images/dian.png) no-repeat left; display:block;}.menu_left a.active { color:#026db3;}.con_box{ width:930px; float:right;}.about_us h2{ text-align:center; font-weight:inherit; font-size:20px; color:#343434; padding-bottom:30px;}.about_us p{ font-size:14px; line-height:30px; color:#585858;}.about_us img { max-width:100%;}@media(max-width:1229px){	.con_box{ width:700px;}}@media(max-width:991px){	.con_box{ width:490px;}}@media(max-width:767px){	.position{ display:none;}	.menu_left{ width:auto; background:none; padding:0; float:none; overflow:hidden; margin-bottom:20px;}	.menu_left a{ background:#2f353b; float:left; border:0; margin-right:10px; padding:8px 10px; margin-bottom:10px;}	.con_box{ width:auto; float:none;}}/* news */.news h2{ text-align:center; font-weight:inherit; font-size:20px; color:#343434; padding-bottom:30px;}.news h2 span{ display:block; font-size:12px; color:#737373; padding-top:20px;}.news p{ font-size:14px; line-height:30px; color:#585858; padding-bottom:15px;}/* customer_service */.customer_service h2{ font-weight:inherit; font-size:16px; color:#343434; margin:17px 0; padding-left:15px; background:url(../images/server.png) no-repeat left;}.customer_service p{ font-size:14px; line-height:30px; color:#585858;}.prompt{ padding-top:50px;}.prompt p{ background:url(../images/yuan.png) no-repeat left 11px; padding-left:18px;}.customer_service .sertit{ font-weight:bold; background:none; padding-left:0; font-size:18px; color:#026db3; padding-bottom:15px;}/* equipment */.equipment{ margin-left: -15px; margin-right: -15px; overflow: hidden; text-align: center;}.equipment li{ float: left; width: 33.3%; margin-bottom:30px;}.equipment li .pic{ padding: 0 15px;}.equipment li .pic div{ position:relative;}.equipment img{ max-width:100%; display:block;}.equipment p{ font-size:14px; text-align:center; background:url(../images/tmbj.png); color:#fff; padding:15px 0; position:absolute; bottom:0; left:0; right:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}@media(max-width:991px){	.equipment li{ width:50%;}}@media(max-width:767px){	.equipment{ margin-left: -5px; margin-right: -5px;}	.equipment li{ width: 33.3%; margin-bottom:10px;}	.equipment li .pic{ padding: 0 5px;}}@media(max-width:550px){	.equipment li{ width:50%;}} /* pagination */.simple-pagination{padding: 3px 3px 3px 3px;text-align: center;font-size: 12px;line-height: 23px; margin-top:40px;}.simple-pagination a, div.simple-pagination span{padding: 2px 5px 2px 5px;margin-right: 2px;margin-bottom: 2px;font-size: 12px;white-space: nowrap;display: inline-block;min-width: 23px;height: 23px; box-sizing:content-box;}.simple-pagination a{text-decoration: none;border: solid 1px #e8e8e8;color: #727272;background: #fff;}.simple-pagination span.ellipsis{color: #9e9e9e;font-size:14px;}.simple-pagination span.disabled{border: #f3f3f3 1px solid;color: #ccc;background: #fff;}.simple-pagination input{margin-left:10px;width: 30px;padding: 0px;margin-right: 2px;margin-bottom: 2px;font-size: 12px;height: 27px;line-height: 27px;border: #ddd 1px solid;text-align: center;color: #727272;}.simple-pagination select{margin-left:10px;height: 29px;padding: 0px;margin-right: 2px;margin-bottom: 2px;font-size: 12px;border: #ddd 1px solid;text-align: center;color: #727272;}span.record{color:#ccc;}.simple-pagination a:hover, .simple-pagination a:active{color: #fff;background: #026db3;border-color: #026db3;}.simple-pagination span.current{border: #026db3 1px solid;font-weight: bold;color: #fff;background: #026db3;}.simple-pagination input:focus{border: #026db3 1px solid;outline:none;}.simple-pagination select:focus{border: #026db3 1px solid;}/* case */.case{ margin-left: -15px; margin-right: -15px; overflow: hidden; text-align:center;}.case li{ float: left; width: 33.3%; margin-bottom:40px;}.case li .pic{ padding: 0 15px;}.case img{ max-width:100%; display:block; margin:0 auto;}.case p{ color:#585858; font-size:16px; padding:20px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}.case a{ border:1px solid #2f353b; display:block; font-size:14px; color:#2f353b; padding:5px 0;}.case a:hover{ border:1px solid #026db3; color:#026db3;}@media(max-width:991px){	.case li{ width:50%;}}@media(max-width:767px){	.case{ margin-left: -5px; margin-right: -5px;}	.case li{ width: 33.3%;}	.case li .pic{ padding: 0 5px;}}@media(max-width:550px){	.case li{ width:50%;}}/* contact */.contact{ margin-bottom:50px; position:relative; overflow:hidden;}.contact_con{ background:url(../images/bj1.png); width:300px;  display: table; line-height:35px; padding:0 60px; position:absolute; top:0; bottom:0; height:552px; right:0; color:#e0e0e0; font-size:14px;}.contact_con p{ text-indent: -3em; margin-left: 3em;}.contact_con div{ display: table-cell; vertical-align: middle;}@media(max-width:991px){.contact_con{ width:200px;}}@media(max-width:991px){	.contact{ margin-bottom:0;}	.contact img{ display:none;}	.contact_con{ width:auto; background:none; color:#4c4c4c; position:inherit; height:auto; padding:0;}}/* newslist */.news_con{ overflow:hidden;}.news_con li{ border-bottom:1px dashed #dbd4cd; padding:20px; overflow:hidden;}.time{ background:#026db3; display:inline-block; color:#fff; text-align:center; width:72px; padding:12px 0; float:left; }.time h2{ font-weight:inherit; font-size:22px;}.time p{ font-size:12px;}.newcon{ padding-left:95px;}.newcon h2{ font-weight:inherit; font-size:16px; color:#585858; padding:8px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}.newcon p{ font-size:14px; color:#676767; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}/* equipment-con */.pro_img{ background:#f3f3f3; overflow:hidden; margin-bottom:50px;}.pro_img img{ float:left; max-width:100%;}.eq_con{ padding-left:330px;}.eq_con h2{ border-bottom:1px solid #d6d6d6; font-size:18px; font-weight:inherit; color:#1d1d1d; padding:20px 0;}.eq_con p{ font-size:12px; color:#535353; line-height:25px;}.eq_con h3{ background:url(../images/server.png) no-repeat left; font-weight:inherit; font-size:16px; padding-left:12px; margin:20px 0;}.function p{ font-size:14px; line-height:35px; color:#585858;}.function_tit{ border-bottom:2px solid #e2e2e2; margin-bottom:30px;}.function_tit h2{ font-weight:inherit; font-size:16px; color:#026db3; border-bottom:2px solid #026db3; display:inline-block; padding-bottom:5px; margin-bottom:-2px;}@media(max-width:991px){	.pro_img{ text-align:center; padding:35px 0;}	.pro_img img{ float:none;} 	.eq_con{ padding-left:0;}	.eq_con h3{ display:inline-block;}}.no-row { text-align:center;}.list{ width:230px; float:left;}.list ul li{background-color:#f6f6f6; border-top:solid 1px #dddddd;}.list ul li a{color: #565656; font-size:16px; display: block;position: relative;padding: 20px 0;padding-left: 15px;}.list ul li .inactive{ background:url(../images/dian1.png) no-repeat left; padding-left:25px;}.list ul li .inactives{background:url(../images/dian2.png) no-repeat left; color:#026db3;} .list ul li ul{ display: none;}.list ul li ul li { border-top:1px dashed #dddddd; background:#fafafa}.list ul li ul li ul{display: none;}.list ul li ul li a{ padding:10px 0; padding-left:30px; font-size:14px;}.list ul li ul li a.active { color:#026db3;}.last{ background-color:#d6e6f1; border-color:#6196bb;}.list span { float:right; font-size:18px;padding-right:5px; font-weight:bold; display:block; }.list .open { display:block;}@media(max-width:767px){	.list{ width:auto; background:none; padding:0; float:none; overflow:hidden; margin-bottom:20px; border:0;}	.list ul li .inactive{ background:#ededed; float:left; border:0; margin-right:10px; padding:8px 10px; margin-bottom:10px; border:none;} 	.list ul li{ border:none;}    .list ul li ul { display:none;}    .list span { display:none; }    .list .open { display:none;}}.contact_p{ font-size:12px; margin-top:30px; line-height:30px; color:#676767; background:#f6f6f6; padding:15px 20px;}@media(max-width:767px){
	.contact_p{ clear:both; margin-top:65px;}
}