*{ padding:0px; margin:0px;box-sizing: 0;}
li{list-style:none;}
img{border:none;border:0;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
a:hover{color:#3e9fa8;} 
a:focus {outline:0; } 
body{font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;background:#fff; font-size: 14px;max-width:1920px; margin: 0 auto;}
input,input:focus{outline:none;}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*通用调用*/
.fl{float:left;}
.fr{float:right;}
.border_box{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.clearfix::before,.clearfix::after{content: "";display: block; height: 0;clear:both; visibility: hidden;}
.clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/}
.all_w{width:1170px; margin: 0 auto;}
/*导航*/
.header{height:90px; width:100%;background:#3e9fa8;position:fixed;top:0; left: 0; z-index: 999;}
.header_up{text-align:center;height:90px;}
.header_up .logo{ height:90px;}
.header_up .logo a{ display:block; width: 100%; height: 100%;}
.header_up .logo a img{height:80px;margin-top:5px;}
.header_up .right{float:right;}
.header_up .right a{display:block;margin-left:20px; height:90px; float: left;}
.header_up .right a img{display:block; height:30px; margin-top: 30px;}
.header .nav_ul{float:left; margin-left: 121px;}
.header .nav_ul li{height:90px; float:left; line-height:90px; text-align:center;}
.header .nav_ul li a{ display:block;height:90px; padding: 0 12px; color:#fff; font-size: 18px; font-weight: 100;}
.header .nav_ul li a:hover{font-weight: 700;}
.header .nav_ul li a:active{font-weight: 700;}
.header .nav_ul li.on a{font-weight: 700;}
/*手机端菜单*/
.menu{width:30px;height:90px; float: right;text-align: center; display: none; margin-left: 20px;}
.menu .nav_icon{display:inline-block; position:relative;width:30px;height:3px;margin-top: 44px;background-color:#ffffff;transition: .3s;}
.menu .nav_icon:before{content:'';display:block;width:30px;height:3px;position:absolute;background:#ffffff;transition: .3s;margin-top:-10px}
.menu .nav_icon:after{content:'';display:block;width:30px;height:3px;position:absolute;background:#ffffff; transition: .3s;margin-top:10px}
.menu.active .nav_icon{background:transparent;}
.menu.active .nav_icon::before{margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu.active .nav_icon::after{margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
/*轮播图*/
.train_banner{width:100%;overflow:hidden;position:relative;max-height: 700px; margin-top: 90px;}
.train_banner .banner_images{width:1000%;}
.train_banner .banner_images li{float:left;width:10%}
.train_banner .banner_images li a{display:block;width:100%}
.train_banner .banner_images li a img{display:block;width:100%;object-fit: cover;}
.train_banner .banner_index{position:absolute;bottom:20px;width: 100%;text-align: center}
.banner_index-frame{display: inline-block;}
.train_banner .banner_index li{transition: all 0.3s;margin-right:15px ;float:left;width:10px;height:10px;border-radius:50%;background: #FFFFFF;}
.train_banner .banner_index li.current{transition: all 0.3s;background-color:#3e9fa8;width: 40px;border-radius: 5px;}
.train_banner .banner_index li:hover{transform: scale(1.5);}
.train_banner .banner_index li.current:hover{transform: scale(1);}
.train_banner_left{cursor: pointer;transition: all 0.5s;position:absolute;left: 0;top:50%;height:50px;width: 50px;text-align: center;z-index: 5;opacity: 0.5; margin-top: -25px}
.train_banner_right{cursor: pointer;transition: all 0.5s;position:absolute;right: 0;top:50%;height:50px;width: 50px;text-align: center;z-index: 5;opacity: 0.5; margin-top: -25px;}
.train_banner_left:hover,.train_banner_right:hover{display: block;opacity: 1;}
.train_banner_li{position: absolute;width: 100%;text-align: center;}
/*产品中心*/
.product{margin-top:60px;}
.all_title{text-align:center;}
.all_title .tit{font-size: 50px; line-height: 50px;color: #3e9fa8;font-weight: bold;}
.all_title .font{font-size: 16px;line-height: 26px;color: #666;margin: 23px 0 30px;}
.product ul li{width:32%; margin-right: 2%; float: left; background:#f9f9f9; transition: .3s; margin-bottom: 20px;}
.product ul li a{display:block; width:100%; height:100%;}
.product ul li:nth-child(3n){margin-right:0;}
.product ul li .font{padding:40px 20px 20px 20px; text-align: center; font-weight: 100;}
.product ul li .font .a{font-size: 20px; margin-bottom: 10px; color:#333;transition: .3s; height:20px; line-height: 20px; overflow: hidden; flex-wrap: nowrap; text-overflow: ellipsis;}
.product ul li .font .b{font-size: 14px;color:#666;height:52px; line-height: 26px; overflow: hidden; transition: .3s;}
.product ul li .img{width:100%; overflow: hidden;}
.product ul li .img img{display:block; width:100%; transition: .3s;}
.product ul li:hover{background:#3e9fa8;}
.product ul li:hover .font .a{color:#fff;}
.product ul li:hover .font .b{color:#fff;}
.product ul li:hover .img img{transform:scale(1.1,1.1);}
/*广告条*/
.index1{ background:url(../image/index_banner.jpg); width:100%;background-attachment: fixed; margin: 60px auto}
.index1 .font{width:90%; margin: 0 auto; padding: 80px 0; text-align: center;}
.index1 .font .t{ font-size:28px; color: #fff; line-height: 30px;}
.index1 .font .d{ font-size:14px; color: #fff; line-height: 20px; margin-top: 10px;}
/*关于明工*/
.about_us{ width:100%; padding-bottom: 60px;}
.about_us .content .font{width:50%; height:356px; overflow: hidden; padding: 50px;background:#f9f9f9; }
.about_us .content .font .tit{font-size:36px; line-height: 36px; margin-bottom: 20px;}
.about_us .content .font .wen{font-size:16px; color:#666; line-height: 30px; height:120px; overflow: hidden;}
.about_us .content .font .more{font-size:16px; color:#666; line-height: 50px; margin-top: 20px; display: block;}
.about_us .content .font .more:hover{color:#3e9fa8;}
.about_us .content .font .more:active{color:#3e9fa8;}
.about_us .content .img{width:50%; height:356px;}
.about_us .content .img img{display:block; width:100%;}
/*首页视频*/
.index2{ margin: 60px auto;background:url(../image/index_banner2.jpg) no-repeat center center; width:100%; background-size:100%;}
.index2 .font{color:#ffffff;padding: 80px 0;}
.index2 .font .t{font-size:38px;text-align: center;}
.index2 .font .d{font-size:18px;line-height:36px; text-align: center; margin-top: 30px;}
.index2 .font .more{display:block;width:200px;padding:20px;color:#ffffff;border:1px solid #ffffff;margin:50px auto 0 auto;border-radius:5px;transition:all .4s ease; text-align: center;}
.index2 .font .more:hover{background:#3e9fa8;color:#ffffff;border:1px solid #3e9fa8;}
/*成品颗粒*/
.particles{ max-width: 1170px;position: relative;}
.particles .rvc-wrapper{margin: auto;	overflow: hidden;}
.particles .rvc-wrapper ul{overflow: hidden;position: relative;}
.particles .rvc-wrapper ul li{float: left; background:#f9f9f9;}
.particles .rvc-wrapper ul li a{display: block;width: 100%;height: auto;text-decoration: none;}
.particles .rvc-wrapper ul li a .img-wrapper{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;}
.particles .rvc-wrapper ul li a .img-wrapper img{display:block; width:100%;}
.particles .rvc-wrapper ul li a .font{height:50px; line-height: 50px; padding: 0 10px; overflow: hidden; font-size: 16px; color:#333; text-align: center;}
.particles .rvc-wrapper ul li a:hover .font{color:#3e9fa8;}
.particles .rvc-wrapper ul li a:active .font{color:#3e9fa8;}
.rvc-prv,.rvc-next{	position: absolute;	height: 100%;	top: 0;	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;}
.rvc-prv{left: 0;}
.rvc-next{right: 0;}
/*新闻资讯*/
.news{padding: 120px 0; background:url(../image/news_back.jpg) no-repeat center center; background-size: cover; margin-bottom: 60px;}
.news .all_title .tit{color:#fff;}
.news .all_title .font{color:#fff;}
.news .content{background:#fff; background: rgba(255, 255, 255, 0.8); padding: 45px;}
.news .content .right{width:50%; float: right; height:360px; position: relative; border-radius: 5px; overflow: hidden;}
.news .content .right a{display:block; width:100%; height: 100%;}
.news .content .right img{width:100%; height:505px; object-fit: cover; transition: .3s;}
.news .content .right .back{width:100%;height:105px; background:#000; opacity: 0.5; filter: alpha(opacity=0); position: absolute; left:0; bottom: 0;}
.news .content .right .con{height:105px; padding:20px; width:100%; position: absolute; left: 0; bottom: 0; z-index: 2;}
.news .content .right .con .tit{font-size:20px; color:#fff; line-height: 40px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; font-weight: 700;}
.news .content .right .con .time{font-size:14px; color:#fff; line-height:25px; height:25px; overflow: hidden;}
.news .content .right:hover img{transform:scale(1.1,1.1);}

.news .content .left{width:47%; float: left;}
.news .content .left li{width:100%; margin-bottom: 30px;transition: .3s; padding: 10px; background:#B6CED1;}
.news .content .left li a{display:block; width:100%; height:100%;}
.news .content .left li:last-child{margin-bottom: 0;}
.news .content .left li .time{width:70px; float: left; margin-right: -70px;}
.news .content .left li .time .tit{font-size:50px; line-height: 50px; color:#333; margin-top: 3px;}
.news .content .left li .time .font{font-size:14px; line-height: 20px; color:#666;}
.news .content .left li .font{width:100%; float: right;}
.news .content .left li .font .z{margin-left:70px;}
.news .content .left li .font .t{ height:20px; line-height: 20px; color:#333; overflow: hidden; font-size:16px;}
.news .content .left li .font .d{height:50px; line-height: 25px; font-size: 14px; color: #666; font-weight: 100; overflow: hidden; margin-top: 10px;}
.news .content .left li:hover{background:#3e9fa8;}
.news .content .left li:hover .z .t{color:#fff;}
.news .content .left li:hover .z .d{color:#fff;}
.news .content .left li:hover .time .tit{color:#fff;}
.news .content .left li:hover .time .font{color:#fff;}
.news .content .left li:active{background:#3e9fa8;}
.news .content .left li:active .z .t{color:#fff;}
.news .content .left li:active .z .d{color:#fff;}
.news .content .left li:active .time .tit{color:#fff;}
.news .content .left li:active .time .font{color:#fff;}
/*留言*/
.message{margin-top:60px;}
.message form{width:100%; margin-top: 30px;}
.message form .left{width:48%; float: left;}
.message form .right{width:48%; float: right;}
.message form .t{ width:100%; padding:0 10px; outline: none; border-radius: 0; -webkit-appearance: none; height:40px; line-height: 40px;border:1px solid #dedede; margin-bottom: 20px; border-radius: 5px;}
.message form .t::-webkit-input-placeholder{color:#666;}
.message form .t::-moz-placeholder{color:#666;}
.message form .t:-moz-placeholder{color:#666;}
.message form .t:-ms-input-placeholder{color:#666;}
.message form textarea{ width:100%; padding:10px; outline: none; border-radius: 0; -webkit-appearance: none;line-height:28px;border:1px solid #dedede; margin-bottom: 10px; border-radius: 5px;}
.message form .t:hover{border-color:#3e9fa8;}
.message form .t:focus{border-color:#3e9fa8;}
.message form textarea::-webkit-input-placeholder{color:#666;}
.message form textarea::-moz-placeholder{color:#666;}
.message form textarea:-moz-placeholder{color:#666;}
.message form textarea:-ms-input-placeholder{color:#666;}
.message form textarea:hover{border-color:#3e9fa8;}
.message form textarea:focus{border-color:#3e9fa8;}
.message form .btn{border: none; width: 120px;  height: 40px;  line-height: 40px; background-color: #3e9fa8; color: #fff; border-radius: 3px; font-size: 14px; margin: 0 auto; display: block;}
.message form .btn:hover{cursor:pointer;}
/*底部*/
.footer{width: 100%; background:url(../image/footer_bg.jpg) no-repeat center center; background-size: cover; padding: 30px 0; color:#777; height:auto;overflow: hidden; margin-top: 60px;}
.footer .content{margin:0 auto; overflow: hidden; color:#777;}
.footer .content p{line-height: 24px; margin-bottom: 5px;}
.footer .content a{ color:#777; transition: .3s;}
.footer .content a:hover{color:#3e9fa8;}
.footer .content a:active{color:#3e9fa8;}
.footer .content span{ color:#777;}
.footer .content .tel{width:40%; float: left;}
.footer .content .title{height:60px; line-height: 60px; color:#333; font-size: 20px; font-weight: 600;}
.footer .content .logo{width:10%; float: right;}
.footer .content .logo img{width:100%; display: block;}
.footer .footer_nav{width:40%; float: left; margin-left: 5%;}
.footer .footer_nav ul li{display:block; width:50%; float: left; height:24px; line-height: 24px; margin-bottom: 5px;}
/*内页*/
.list_banner img{width:100%; display: block;}
.list_banner{position:relative; overflow: hidden; margin-top: 90px;}
.all_list{line-height: 30px; padding: 10px 0;}
.all_list .t{ font-size:20px; color:#3e9fa8; font-weight: 700; float: left;}
.all_list .f{ float: right; color: #999;}
.all_list .f a{color:#333;}
.all_list .f a:hover{color:#3e9fa8;}
.all_list .f a:active{color:#3e9fa8;}
/*内页导航*/
.page_nav_plan{height:auto; overflow: hidden; padding:10px 0;text-align: center;}
.page_nav_plan ul li{ display: inline-block; height:40px; line-height: 40px; overflow: hidden; margin:10px;}
.page_nav_plan ul li a{ background:#f1f1f1;  color:#666; font-size:16px; transition: .3s; padding:0 15px; display: block;}
.page_nav{text-align:center;}
.page_nav li{display:inline-block;height:30px;line-height:30px; margin: 5px;border: 3px solid #e6e6e6;  border-radius: 5px;}
.page_nav li a{padding-left: 15px;  padding-right: 15px;  display: inline-block;  font-size: 16px;  color: #666;  transition: .3s;  background: #f1f1f1;  }
.page_nav li a .border{width:0%; height:1px; background:#fff; transition: .3s;}
.page_nav li:hover a{background: #3e9fa8; color: #fff;}
.page_nav li.on a{background: #3e9fa8; color: #fff;}
.page_nav li:active a{ background: #3e9fa8; color: #fff;}
.page_nav li:hover{border-color: #31949d;}
.page_nav li.on{border-color: #31949d;}
.page_nav li:active{border-color: #31949d;}
/*内页产品中心*/
.pro_ul{margin-top:20px;}
.pro_ul li{width:32%; margin-right: 2%; float: left; background:#f9f9f9; transition: .3s; margin-bottom: 20px;}
.pro_ul li a{display:block; width:100%; height:100%;}
.pro_ul li:nth-child(3n){margin-right:0;}
.pro_ul li .font{padding:40px 20px 20px 20px; text-align: center; font-weight: 100;}
.pro_ul li .font .a{font-size: 20px; margin-bottom: 10px; color:#333;transition: .3s; height:20px; line-height: 20px; overflow: hidden; flex-wrap: nowrap; text-overflow: ellipsis;}
.pro_ul li .font .b{font-size: 14px;color:#666;height:52px; line-height: 26px; overflow: hidden; transition: .3s;}
.pro_ul li .img{width:100%; overflow: hidden;}
.pro_ul li .img img{display:block; width:100%; transition: .3s;}
.pro_ul li:hover{background:#3e9fa8;}
.pro_ul li:hover .font .a{color:#fff;}
.pro_ul li:hover .font .b{color:#fff;}
.pro_ul li:hover .img img{transform:scale(1.1,1.1);}
/*分页*/
.page{padding: 15px 20px;color: #ccc;text-align:center; margin-bottom: 30px;}
.page span{	display: inline-block;	color: #ddd;	height: 25px;line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;vertical-align: middle;}
.page a{display: inline-block;color: #666;	height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;vertical-align: middle;}
.page a:hover{text-decoration: none;color: #fff;background-color: #3e9fa8;	border: 1px solid #3e9fa8;}
.page .page_current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #fff;background-color: #3e9fa8;	border: 1px solid #3e9fa8;vertical-align: middle;}
/*内页人力资源*/
.resources{margin: 50px auto 0 auto;line-height: 200%; color: #666; font-size: 14px;}
.resources img{ width:40%; float: left; margin-right: 2%;}
/*内页新闻中心*/
.news_ul{margin-top:20px;}
.news_ul li{font-weight: 100; float: left;margin-bottom: 20px; transition: .3s;border-bottom: 1px solid #e9e9e9;box-shadow: 0px 3px 20px 0px #e9e9e9; width:49%; margin-right: 2%;}
.news_ul li:nth-child(2n){margin-right:0;}
.news_ul li a{ padding: 20px; display: block; width:100%; height:100%;}
.news_ul li .left{height:120px; width:160px; float: left; margin-right: -160px;overflow: hidden;}
.news_ul li .left img{display:block; width:100%; transition: .3s; height:100%; object-fit: cover;}
.news_ul li .right{width:100%; float: right;}
.news_ul li .right .con{margin-left:180px;}
.news_ul li .right .tit{font-size:16px; color: #333; line-height: 16px; margin-top: 10px; height:16px; overflow: hidden;}
.news_ul li .right .font{color:#999; font-size: 14px; margin-top: 10px; line-height:25px; height:50px; overflow: hidden;}
.news_ul li .right .time{color:#999; font-size: 14px;line-height:20px; height:20px; overflow: hidden;}
.news_ul li .right a{color:#999;}
.news_ul li:hover .left img{transform: scale(1.1,1.1);}
.news_ul li:hover .right .tit{color:#3e9fa8;}
.news_ul li:active .right .tit{color:#3e9fa8;}
.news_ul li:hover{box-shadow: 0px 3px 20px 0px #b3d0d3;}
/*内页联系我们*/
.map .left{height:350px; margin-top: 20px; width:60%; float: left;}
.map .right{width: 38%; float: right;}
.map .right .tit{height: 60px; line-height: 60px; color: #333; font-size: 20px; font-weight: 600;}
.map .right p{line-height: 24px; margin-bottom: 5px;color: #777;}
.map .right a{color: #3e9fa8;  transition: .3s;}
/*内页关于明工*/
.con_about{font-size: 14px; color: #666; line-height: 28px; margin: 20px auto;}
.con_about .pic{width: 40%; float: right;margin-left: 2%;}
.con_about .tit{font-size:28px; color:#333; font-weight: 700; text-align: center; line-height: 28px; margin-bottom: 20px;}
/*内页解决方案*/
.plan_ul{margin-top:20px;}
.plan_ul li a .down{height:50px; line-height: 50px; color:#333; font-size: 16px; overflow: hidden; text-align: center; transition: .3s;}
.plan_ul li{width:48%; margin-right: 2%; float: left; margin-bottom: 20px;}
.plan_ul li:nth-child(2n){margin-right:0;}
.plan_ul li a{display:block; width:100%; height:100%; padding:10px 2%; overflow: hidden; transition: .3s; position: relative; background-color: #f8f8f8;}
.plan_ul li a .pic{width:30%; overflow: hidden; float: left;}
.plan_ul li a .pic img{width:100%; display: block;}
.plan_ul li a .tit{ height:18px; line-height: 18px; font-size: 18px; color: #333;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; font-weight: 600; float: right; width:68%;}
.plan_ul li a .font{height:96px; line-height: 24px; color: #666; overflow: hidden; font-size: 14px; width:65%; position: absolute;    right:2%; bottom:10px;}
.plan_ul li a .blue{ width:3px; height: 3px; background-color:#f8f8f8; position: absolute; transition: .5s;}
.plan_ul li a .blue.one{top:0px; }
.plan_ul li a .blue.one.a{ left:0px;}
.plan_ul li a .blue.one.b{ right:0px;}
.plan_ul li a .blue.two{top:0px; }
.plan_ul li a .blue.two.a{ left:0px;}
.plan_ul li a .blue.two.b{ right:0px;}
.plan_ul li a .blue.three{bottom:0px; }
.plan_ul li a .blue.three.a{ right:0px;}
.plan_ul li a .blue.three.b{ left:0px;}
.plan_ul li a .blue.four{bottom:0px; }
.plan_ul li a .blue.four.a{ right:0px;}
.plan_ul li a .blue.four.b{ left:0px;}
.plan_ul li:hover .blue.one{width:3px; height: 100%;background-color:#3e9fa8;}
.plan_ul li:hover .blue.two{width:100%; height: 3px;background-color:#3e9fa8;}
.plan_ul li:hover .blue.three{width:3px; height: 100%;background-color:#3e9fa8;}
.plan_ul li:hover .blue.four{width:100%; height: 3px;background-color:#3e9fa8;}
.plan_ul li:hover .tit{ color:#3e9fa8;}
.plan_ul li:active .tit{ color:#3e9fa8;}
/*产品详情*/
.content_pro{background:#f9f9f9; margin: 20px auto;}
.content_pro .con{padding: 40px 0;}
.content_pro .con .img{display:block; width:48%; float: left; height:100%;height:420px;}
.content_pro .con .img img{display:block; width:100%; height:100%; object-fit: cover;}
.content_pro .con .right{width:50%; float: right; height:420px; overflow: hidden;}
.content_pro .con .right .blue{color:#3e9fa8;}
.content_pro .con .right .title{font-size: 16px; line-height: 16px; color:#3e9fa8; font-weight: 700; margin-bottom: 10px;}
.content_pro .con .right .tel{width: 100%;  height: 40px;    line-height: 40px;   font-size: 18px;    font-weight: 700;   color: #fff;  padding-left: 30px;  background-color: #3e9fa8;    display: flex; justify-content: center;}
.content_pro .con .right .tel img { display: block;  height: 20px;  margin-top: 10px; margin-right: 5px;}
.content_pro .con .right .tel div { display: block;   height: 40px; line-height: 40px;}
.content_pro .con .right .content_pro_par{margin-bottom: 15px;}
.content_pro .con .right .content_pro_par li{width:22%; margin-right: 4%; float: left; position: relative;}
.content_pro .con .right .content_pro_par li .back{background:#000;opacity:.4;filter: alpha(opacity=40); position: absolute; bottom: 0; left:0; width:100%; height:30px; z-index: 1;}
.content_pro .con .right .content_pro_par li:nth-child(4n){margin-right:0;}
.content_pro .con .right .content_pro_par li img{display:block; width:100%}
.content_pro .con .right .content_pro_par li .font{height:30px; line-height: 30px; color:#fff; overflow: hidden; text-align: center;transition: .3s; position: absolute; bottom: 0; left: 0; z-index: 2; width:100%;}
.content_pro .con .right .content_pro_par li:hover .back{background:#3e9fa8;}
.content_pro .con .right .content_pro_par li:active .back{background:#3e9fa8;}
.target-fix{position: relative;  top: -100px;  display: block;  height: 0;  overflow: hidden;}
.wenben{height:auto; overflow: hidden;font-size:14px; color:#666; line-height: 200%; margin: 20px auto;}
.wenben img{display: block; width:70%; margin: 10px auto;}
.content_pro .con .right .content_pro_plan{margin-bottom: 15px;}
.content_pro .con .right .content_pro_plan li{width:50%; float: left;}
.content_pro .con .right .content_pro_plan a{height:30px;display:block; float: left; line-height: 30px; padding-left: 12px; background:url(../image/icon3.png) no-repeat left center; margin-right: 20px; padding-right: 10px; overflow: hidden;}
.content_pro .con .right .jieshao{margin-bottom:15px; max-height:72px; line-height: 24px; font-size: 14px; color:#666; overflow: hidden;}
.content_pro .con .right .font_a{margin-bottom:15px; max-height:336px; line-height: 24px; font-size: 14px; color:#666; overflow: hidden;}
.list_title{height: 20px; line-height: 20px;font-size: 16px; font-weight: bold;border-bottom: 1px solid #dedede; padding-bottom: 10px; margin:0px auto;}
.list_title span{border-left:6px solid #3e9fa8;  text-indent: 5px; display: block;}
.pro_table table{width: 100%; margin: 20px auto; font-size: 14px; border-collapse: collapse; border-spacing: 0px 0px;font-size: 14px; color: #666; line-height: 200%;}
.pro_table table tr{height:50px; background:#f1f1f1;}
.pro_table table tr:nth-child(2n){background:#fff;}
.pro_table table td { text-align: center;  padding: 5px;border: 1px solid #dedede;}
table{width: 100%; margin: 20px auto; font-size: 14px; border-collapse: collapse; border-spacing: 0px 0px;font-size: 14px; color: #666; line-height: 200%;}
table tr{height:50px; background:#f1f1f1;}
table tr:nth-child(2n){background:#fff;}
 table td { text-align: center;  padding: 5px;border: 1px solid #dedede;}
.pro_con_ul{ margin: 20px auto 0 auto;}
.pro_con_ul li{width:22%; margin-right: 4%; float: left; margin-bottom: 20px;}
.pro_con_ul li:nth-child(4n){margin-right:0;}
.pro_con_ul li img{display:block; width:100%;}
.pro_con_ul li .font{line-height:30px; font-size:14px; color:#666; max-height:30px; overflow: hidden; text-overflow: ellipsis; flex-wrap: nowrap; text-align: center; }
.vid{margin:20px auto;}
.vid video{width:49%; margin-right:2%; display:block; float: left;}
.vid video:nth-child(2n){margin-right:0;}
.plan_list{height:30px; line-height: 30px; font-size: 16px; color:#3e9fa8; font-weight: 700;}
/*新闻详情*/
.news_content{height: auto; overflow: hidden; margin-top: 30px;}
.news_content h3{ text-align:center;}
.news_content img{ width:75%; margin: 20px auto; display: block;}
.news_content .font{ font-size:14px; color: #666; line-height: 200%;}
/*服务支持*/
.service .con{width:100%; padding: 40px 0; position: relative;min-height:350px;}
.service .con .img{display:block; width:40%; float: left; height:100%;height:350px;}
.service .con .img img{display:block; width:100%; height:100%; object-fit: cover;}
.service .con .font{width:58%; float: right;}
.service .con .font .title{font-size: 24px; line-height: 24px; color:#333;}
.service .con .font .x{display: block; width: 10px; height: 2px; background-color: #3e9fa8; transition: .3s; margin: 20px 0px;}
.service .con .font .down{line-height: 30px; color: #666666;overflow: hidden;}
.service .con .font .tel{width:50%; display: block; height:40px; line-height: 40px; font-size: 14px; color:#fff; text-align: center; background:#3e9fa8; margin-top: 20px;}
.service .con:hover .x{width:50px;}
.service .con:nth-child(2n){background:#f9f9f9;}
.service .con:nth-child(2n) .img{ float: right;}
.service .con:nth-child(2n) .font{ float: left;}
/*右侧*/
.right_bar{position: fixed; display: block; bottom:50px;  right: 0; width: 50px; height: 203px;z-index: 999;}
.right_bar li{z-index:20;}
.right_bar li a{display: block; color: #FFF; font-size: 14px; height: 50px; line-height: 50px;overflow: hidden; background-color: #39424b; opacity: 0.8; border-radius: 6px 0 0 6px;}
.right_bar li a img{display: block; float: left; vertical-align: middle;  width: 24px;  height: 24px; margin: 12px 12px 14px 14px;}
.rtbar_shwx{display: none; position: absolute; top: -51px; right:0px;}
.rtbar_shwx img{padding:10px; background:#fff; display: block; width:100px;}
.right_bar .li1{position: absolute; top:0; width:172px; transition: .3s;}
.right_bar .li1:hover{margin-left:-116px;}
.right_bar .li1:hover a{background:#3e9fa8;}
.right_bar .li2{position: absolute; top:51px;}
.right_bar .li2:hover .rtbar_shwx{display:block; right:55px}
.right_bar .li2:hover a{background:#3e9fa8;}
.right_bar .li3{position: absolute; top:102px; width:126px; transition: .3s;}
.right_bar .li3:hover{margin-left:-70px;}
.right_bar .li3:hover a{background:#3e9fa8;}
.right_bar .li4{position: absolute; top:153px;}
.right_bar .li4:hover a{background:#3e9fa8;}
.bottom_bar{display:none; height:40px; line-height: 40px; background:#fff; position: fixed; z-index: 999; bottom: 0; left: 0; width:100%;}
.bottom_bar .left{background:#3e9fa8; color:#fff; display:block; float:left; width:70%; text-align: center; border-right:1px solid #fff;}
.bottom_bar .right{background:#3e9fa8; color:#fff; display:block; float:right; width:30%; text-align: center;}
/*自适应*/
@media (max-width:1200px){	
	.all_w{width:940px;}
	.menu{display:block;}
	.header .nav_ul{width:auto; position: absolute; z-index: 0; right:0; opacity: 0; display:none; transition: .3s; top: 90px;}
	.header .nav_ul.active{right:5%; opacity: 1;z-index: 333; display:block;}
	.header .nav_ul li{width:100px; height: 50px;font-size: 14px; line-height: 50px;border-bottom:1px solid #eaeaea; text-align: center; float: none;}
	.header .nav_ul li a{display: block; width:100%; height:100%;color: #666; padding: 0; background:#f7f7f7;}
	.about_us .content .img{height:286px;}
	.about_us .content .font{height:286px;}
	.about_us .content .font .wen{height:90px;}
	.service .con .img{width:52%;height:366px;}
	.service .con .font{width:46%;}
	.index2 .font{padding-top:15%}
	.plan_ul li a .font{height:72px;}
}
@media (max-width:990px){
	.all_w{width:740px;}
	.product ul li{width:49%;}
	.product ul li:nth-child(3n) {margin-right:2%;}
	.product ul li:nth-child(2n) {margin-right: 0;}
	.about_us .content .img{height:225px;}
	.about_us .content .font{height:225px;}
	.about_us .content .font .tit{font-size:18px;line-height: 18px; margin-bottom: 10px;}
	.about_us .content .font .wen{font-size:14px; line-height: 24px; height:72px;}
	.about_us .content .font .more{font-size:14px; line-height: 24px; margin-top: 10px;}
	.pro_ul li{width:49%;}
	.pro_ul li:nth-child(3n) {margin-right:2%;}
	.pro_ul li:nth-child(2n) {margin-right: 0;}
	.plan_ul li{width:49%; margin-right: 2%;}
	.plan_ul li:nth-child(2n){margin-right:0%;}
	.service .con .img{width:100%;height:auto; float: none;}
	.service .con .font{width:100%; float: none; margin-top: 30px;}
	.content_pro .con .img{float:none; width:100%;}
	.content_pro .con .right{float:none; width:100%; margin-top: 20px;}
	.pro_con_ul li{width:49%; margin-right: 2%}
	.pro_con_ul li:nth-child(2n){margin-right:0;}
	.news_ul li{float:none; width:100%;}
	.map .left{float:none; width:100%;}
	.map .right{float:none; width:100%;}
	.content_pro .con .right .jieshao{height:auto; max-height:none;}
	.content_pro .con .right{height:auto;}
	.plan_ul li a .font{height:48px;}
}
@media (max-width:768px){
	.all_w{width:94%;}
	.about_us .content .img{float:none; width:100%; height: auto;}
	.about_us .content .font{float:none; width:100%; height: auto; padding: 20px;}
	.about_us .content .font .wen{height:auto;}
	.news .content .left{float:none; width:100%;}
	.news .content .left li{margin-bottom: 20px;}
	.news .content .right{float:none; width:100%; margin-top: 20px;}
	.message form .left{float:none; width:100%;}
	.message form .right{float:none; width:100%;}
	.all_title .tit{font-size:30px; line-height: 30px;}
	.all_title .font{font-size:14px; margin: 10px auto 20px auto;}
	.con_about .pic{width:100%; float: none; margin-left: 0;}
	.plan_ul li{width:100%; float: none; margin-right: 0;}
	.case_content .pic img{float: none; width:100%; margin-right: 0;}
	.right_bar{display:none;}
	.footer{margin-bottom:40px;}
	.bottom_bar{display:block;}
	.plan_ul li a .font{height:120px;}
	
}
@media (max-width:740px){	
	.plan_ul li a .font{height:96px;}
}
@media (max-width:620px){	
	.plan_ul li a .font{height:72px;}
}
@media (max-width:520px){	
	.plan_ul li a .font{height:48px;}
}
@media (max-width:340px){	
	.plan_ul li a .font{height:24px;}
}
@media (max-width:480px){
    .footer .content .tel{float:none; width:100%;}
	.footer .footer_nav{float:none; width:100%; margin-left: 0; margin-top: 30px;}
	.footer .content .title{height:30px; line-height: 30px;}
	.footer .content .logo{float:none; width:100%; margin-top: 30px;}
	.footer .content .logo img{width:50%;}
	.product ul li{width:100%; float: none;}
	.news .content{padding:15px;}
	.pro_con_ul li{width:100%; margin-right: 0; float: none;}
	.content_pro .con .right .content_pro_plan li{float:none; width:100%;}
	.wenben img{width:100%;}
	
}