﻿*{padding: 0;margin: 0;text-decoration: none;}

.transition{transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
/*@head*/
#head__{width: 100%;}
#head__ .top .more_m{position: absolute;top: 14px;right: 30px;cursor: pointer;}
#head__ .top .more_m .p{width: 80px;height: 12px;background: #e5c780;margin: 15px 0;}
#head__ .top .more_m .c:first-child{transform: rotate(50deg) translate(3px,15px);}
#head__ .top .more_m .c:last-child{transform: rotate(-50deg) translate(7px,-15px);}
#head__ .top .more_m img{height:40px;}
#head__ .top .logo{float: left;}
#head__ .top .logo img{height: 60px;margin-top: 10px;}
#head__ .top .logo_m{display: inline-block;margin: auto;}
#head__ .top .logo_m img{height: 70px;}
#head__ .top .contact{float: right;width: 240px;margin-top: 15px;margin-right: 10px;}
#head__ .top .contact img{float: left;margin-right: 10px;}
#head__ .top .contact .p{font: 16px "微软雅黑";color: #666;text-align: right;}
#head__ .top .contact .phone{font: 26px "微软雅黑";color: #e5c780;white-space :  nowrap ;text-align: right;}
#head__ .nav .main{width: 100%;}
#head__ .nav .main .in{max-width: 1200px;margin: auto;text-align: center;}
#head__ .nav .main .in li{list-style: none;display: inline-block;width: 76px;padding: 0 10px;vertical-align: top;height: 50px;}
#head__ .nav .main .in li:hover{background: #e5c780;}
#head__ .nav .main .in li .n{font: 15px  "微软雅黑";text-align: center;line-height: 48px;color: #333;letter-spacing: 1px;}
#head__ .nav .main .in li .n img{width:30px;margin-right:10px;display:none;position: relative;top: 3px;}
#head__ .nav .main .in li .n:hover{color: #fff;}
#head__ .nav .main .in li .x{width: 100%;height: 2px;background: ;position: relative;top: -10px;margin: auto;}
#head__ .nav .main .in li .all{width: 100%;height: auto;background: rgba(255,255,255,0.3);display: none;position: relative;z-index: 12;}
#head__ .nav .main .in li .all .p{font: 12px "微软雅黑";color: #666;text-align: center;line-height: 30px;}
#head__ .nav .main .in li .all .p:hover{color: #fff;background: #ff6c00;}

@media only screen and (min-width: 1023px){
	#head__ .nav .main .in li{list-style: none;display: inline-block;width: auto;padding: 0 20px;vertical-align: top;}
}
@media only screen and (max-width: 1022px) {
	#head__ .nav .main .in li{list-style: none;display: inline-block;width: auto;padding: 0 15px;vertical-align:top;}
}
@media only screen and (min-width: 961px){
	#head__{height: 130px;}
	#head__ .top{max-width: 1200px;overflow: hidden;margin: auto;position: relative;text-align: center;height: 80px;}
	#head__ .top .logo_m,#head__ .top .more_m,#head__ .top .contact_m,#foot_m{display: none;}
	#head__ .top .more_m,#head__ .top .logo_m{transform: translate(0px,0px);-ms-transform: translate(0px,0px);-webkit-transform: translate(0px,0px);-o-transform: translate(0px,0px);-moz-transform: translate(0px,0px);}
	#head__ .top .contact_m{transform: translate(0px,0px);-ms-transform: translate(0px,0px);-webkit-transform: translate(0px,0px);-o-transform: translate(0px,0px);-moz-transform: translate(0px,0px);}
	#head__ .nav{width: 100%;height: 50px;border-bottom: solid 1px #ccc;background: #cacaca;}
	
}
@media only screen and (max-width: 960px) {
	
	#head__ .top .logo{margin-left: 20px;}
	#head__{height: 80px;}
	#head__ .top{max-width: 1200px;overflow: hidden;margin: auto;border-bottom: none;height: 80px;position: relative;text-align: center;position: fixed;top: 0;width: 100%;z-index: 13;background: #fff;box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.2);}
	#head__ .top .logo img{margin-top: 15px;height: 50px;}
	#head__ .top .contact,#head_n,#foot__,#head__ .nav .main .in li .x{display: none;}
	#head__ .top .more_m{transform: translate(10px,5.5px);-ms-transform: translate(10px,5.5px);-webkit-transform: translate(10px,5.5px);-o-transform: translate(10px,5.5px);-moz-transform: translate(10px,5.5px);}
	#head__ .top .contact_m{transform: translate(-10px,15px);-ms-transform: translate(-10px,15px);-webkit-transform: translate(-10px,15px);-o-transform: translate(-10px,15px);-moz-transform: translate(-10px,15px);}
	#head__ .nav{width: 100%;height: auto;border-bottom: solid 1px #ccc;position: relative;z-index: 13;background: rgba(255,255,255,.9);padding: 20px 0;display: none;position: fixed;top: 80px;}
	#head__ .nav .main .in li{display: block;width: 100%;height:76px;}
	#head__ .nav .main .in li .n{font: 22px  "微软雅黑";text-align: left;line-height: px;color: #333;letter-spacing: 1px;}
	#head__ .nav .main .in li .n img{display:inline;}
	body{padding-bottom: 150px;}
}
#head_banner{width: 100%;position: relative;overflow: hidden;border-bottom: solid 8px #efddb1;box-shadow: 0px 8px 0px 0px #e5c780;}
#head_banner .main{width: 100%;height: 100%;position: absolute;top: 0;display: none;}
#head_banner_butt{ width: 100%;height: auto;margin: auto;text-align: center;position: relative;top: -50px;}
#head_banner_butt ul{overflow: hidden;text-align: center;padding: 5px 0;}
#head_banner_butt ul li{width: 40px;height: 5px;background: #c4bfcf;display: inline-block;margin: 0 6px;cursor: pointer;}
@media only screen and (max-width: 719px) {
	#head_banner{height: 280px;}
}
@media only screen and (min-width: 720px) {
	#head_banner{height: 360px;}
}
@media only screen and (min-width: 960px) {
	#head_banner{height: 460px;}
}
@media only screen and (min-width: 1200px) {
	#head_banner{height: 620px;}
}
/*@foot__*/
#foot__{width: 100%;background: #e5c780;margin-top: 30px;}
#foot__ .main{max-width: 1100px;margin: auto;overflow: hidden;}
#foot__ .main .nav{width: 100%;margin: auto;margin: 45px 0;}
#foot__ .main .nav table{width:100%;text-align: center;font: 14px "微软雅黑";color: #333;}
#foot__ .main .nav table tr td{line-height: 30px;border-left:solid 1px #fff;}
#foot__ .main .nav table tr td:first-child{border-left:none;}
#foot__ .main .nav table tr td a{color: #333;}
#foot__ .main .nav table tr td a:hover{color: #f0f0f0;}
#foot__ .main .cop{width: 100%;margin: auto;overflow: hidden;padding-bottom: 60px;}
#foot__ .main .cop .left{width: 50%;float: left;padding-top: 10px;}
#foot__ .main .cop .left .l{width: 40%;float: right;}
#foot__ .main .cop .left .l .h{font: 16px "微软雅黑";color: #606060;}
#foot__ .main .cop .left .l .d{width: 100%;padding-top: 10px;}
#foot__ .main .cop .left .l .d img{width: 51px;float: left;margin-right: 10px;}
#foot__ .main .cop .left .l .d .p{font: 16px "微软雅黑";}
#foot__ .main .cop .left .l .d .p a{color: #7e6c44;}
#foot__ .main .cop .left .r{width: 30%;float: right;text-align: center;}
#foot__ .main .cop .left .r img{width: ;}
#foot__ .main .cop .right{width: 50%;float: left;border-left: solid 1px #606060;padding-left: 67px;box-sizing: border-box;}
#foot__ .main .cop .right .p,#foot__ .main .cop .right .c,#foot__ .main .cop .right .c_{font: 14px "微软雅黑";color: #7e6c44;line-height: 19px;}
#foot__ .main .cop .right .c_{text-indent: 3em;}
#foot__ .main .cop .right .p a{color: #7e6c44;font-weight: bold;}
#foot_m{width: 100%;height: auto;background: #e5c780;position: fixed;bottom: 0px;padding: 8px 0;box-shadow:0 -2px 2px 0px rgba(0,0,0,0.15)}
#foot_m li{width: 33.3333333%;float: left;list-style: none;text-align: center;}
#foot_m li .i img{height: 30px;}
#foot_m li .p{font: 16px "微软雅黑";color: #fefefe;letter-spacing: 2px;padding-top: 5px;}
/*@home*/
#home_{max-width: 1100px;margin: auto;}
#home_ .news{width:100%;margin: auto;overflow:hidden;}
#home_ .news .left{position:relative;}
#home_ .news .left>.t{height:3px;width:0px;position:absolute;top:0px;background:#e5c780;}
#home_ .news .left>.tl{height:0px;width:3px;position:absolute;left:0px;background:#e5c780;}
#home_ .news .left>.tr{height:0px;width:3px;position:absolute;right:0px;background:#e5c780;}
#home_ .news .left>.b{height:3px;width:0px;position:absolute;bottom:0px;background:#e5c780;}
#home_ .news .left{width: 310px;padding: 30px;box-sizing: border-box;float:left;}
#news_details .nav{width: 310px;padding: 30px;box-sizing: border-box;border: solid 3px #e5c780;float: left;}
#home_ .news .left .title .h,#news_details .nav .title .h{font: 45px "微软雅黑";color: #e5c780;}
#home_ .news .left .title .p,#news_details .nav .title .p{font: 20px "微软雅黑";color: #333333;letter-spacing: 1px;}
#home_ .news .left .top .h,#news_details .nav .top .h{font: 16px "微软雅黑";color: #e5c780;line-height: 30px;margin-top: 10px;}
#home_ .news .left .top .h{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#home_ .news .left .top .p,#news_details .nav .top .p{font: 12px "微软雅黑";color: #333333;line-height: 22px;margin-top: 10px;padding-bottom: 15px;border-bottom: solid 1px #323232;}
#home_ .news .left .top .p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:50px;}
#home_ .news .left .top .p a,#news_details .nav .top a{float: right;color: #ff0000;border:solid 1px #ff0000;padding: 0 5px;line-height: 17px;margin-top: 2.5px;}
#home_ .news .left ul,#news_details .nav ul{margin-top: 10px;}
#home_ .news .left ul li,#news_details .nav ul li{list-style: none;}
#home_ .news .left ul li .p,#news_details .nav ul li .p{font: 12px "微软雅黑";color: #333;line-height: 25px;line-height: 25px;overflow: hidden;}
#home_ .news .left ul li .p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#home_ .news .left ul li .p:hover,#news_details .nav ul li .p:hover{color:#e5c780;}
#home_ .news .left .d.#news_details .nav .d{text-align: center;font: 18px "微软雅黑";line-height: 40px;margin-top: 40px;}
#home_ .news .left .d{margin-top:30px;}
#home_ .news .left .d a,#news_details .nav .d a{background: #e5c780;line-height: 40px;padding: 8px 10px;color: #fff;border-radius: 20px;}
#home_ .news .right{width: 100%;padding-left: 355px;box-sizing: border-box;height: 427px;}
#home_ .news .right .i{width: 100%;height: 100%;position: relative;}
#home_ .news .right .i .p{font: 26px "微软雅黑";color: #fff;background: rgba(0,0,0,0.3);text-align: center;line-height: 70px;position:absolute;bottom: 0px;width: 100%;}
#home_ .brief{width: 100%;margin-top: 30px;}
#home_ .brief .title,#home_ .patent .title{width: 100%;text-align: center;}
#home_ .brief .title .h,#home_ .patent .title .h{font: 45px "Impact";color: #808080;}
#home_ .brief .title .h span,#home_ .patent .title .h span{color: #e6c984;margin-right: 10px;}
#home_ .brief .title .x,#home_ .patent .title .x{line-height: 50px;}
#home_ .brief .title .p{font: 20px "微软雅黑";color: #e5c780;line-height: 30px;}
#home_ .brief .main{width: 100%;overflow: hidden;margin-top: 20px;}
#home_ .brief .main .left{width: 49%;float: left;}
#home_ .brief .main .left .p{font: 16px "微软雅黑";color: #333;line-height: 30px;overflow: hidden;text-align: justify;}
#home_ .brief .main .right{width: 49%;float: right;}
#home_ .brief .main .right .i{width: 100%;overflow: hidden;}
#home_ .brief .main .right .i img{width: 100%;}
#home_ .photos{width: 100%;margin-top: 20px;text-align: center;}
#home_ .photos *{max-width: 100%;}
#home_ .photos img{max-width: 100%;}
#home_ .patent{width: 100%;margin-top: 20px;background: #f2f6f7;padding: 20px 0;}
#home_ .patent ul{width: 100%;overflow: hidden;padding: 0 25px;box-sizing: border-box;}
#home_ .patent ul li{list-style: none;float: left;width: 25.714%;margin-left:11.429%;margin-top: 50px;}
#home_ .patent ul li:nth-child(3n-2){margin-left: 0;}
#home_ .patent ul li a .i{width: 100%;height: 0;padding-bottom: 136.66666666%;}
#home_ .patent ul li a .i img{width: 100%;}
@media only screen and (max-width: 720px) {
	#home_ .news .left{width: 98%;padding: 30px;box-sizing: border-box;border: solid 3px #e5c780;float: none;margin: auto;}
	#home_ .news .right{width: 98%;padding-left: 0px;box-sizing: border-box;height: 427px;margin: auto;margin-top: 5px;}
}
@media only screen and (max-width: 960px) {
	#home_ .brief .main .left,#home_ .brief .main .right{width: auto;float: none;margin: auto 30px;}
	#home_ .patent ul li{list-style: none;float: left;width: 48%;margin-left:4%;margin-top: 50px;}
	#home_ .patent ul li:nth-child(3n-2){margin-left: 4%;}
	#home_ .patent ul li:nth-child(2n-1){margin-left: 0;}
}
/*@shared*/
#title_{max-width: 1100px;margin: auto;}
#title_ .top{font: 13.56px "微软雅黑";color: #797979;text-align: right;}
#title_ .top a,#title_ .top span{margin:0 5px;color: #797979;}
#title_ .main{width: 100%;padding-left: 30px;box-sizing: border-box;}
#title_ .main .en{font: 21.85px "微软雅黑";color: #e5c780;display: inline-block;border-bottom: solid 2px #e5c780;text-transform:Uppercase;}
#title_ .main .cn{font: 31.31px "微软雅黑";color: #e5c780;letter-spacing: 2px;}
#shared{max-width: 1100px;margin: auto;overflow: hidden;margin-top: 30px;}
#shared *{max-width: 100%;}
#shared img{max-width: 100%;float: left;width: 100%;}
/*@scene*/
#scene{max-width: 1100px;margin: auto;margin-top: 20px;}
#scene .title{width: 100%;}
#scene .title img{width: 100%;}
#scene .list{width: 100%;overflow: hidden;position: relative;}
#scene .list ul{overflow: hidden;height: 72px;position: relative;}
#scene .list ul li{list-style: none;height:70px;float: left;margin-left: 10px;border: solid 1px rgba(100,100,100,0);}
#scene .list ul li:first-child{margin-left: 0px;}
#scene .list ul li:hover{border-color:rgba(100,100,100,1);cursor: pointer;}
#scene .list ul li img{height:70px;}
/*@cases*/
#cases{max-width: 1100px;margin: auto;margin-top: 30px;}
#cases ul{width: 100%;overflow: hidden;}
#cases ul li{width: 48%;float: left;list-style: none;margin-top: 30px;}
#cases ul li:nth-child(2n){margin-left: 4%;}
#cases ul li a .i{width: 100%;height: 0;padding-bottom: 57.0588%;overflow: hidden;}
#cases ul li a .i img{width: 100%;}
#cases ul li a .title{width: 100%;background: url(/Public/static/images/preset/04-11.png);padding: 10px 30px;box-sizing: border-box;}
#cases ul li a .title .p{font: 15.17px "微软雅黑";color: #fff;background: #e5c780;display: inline-block;padding: 0px 5px;border-radius: 10px;letter-spacing: 2px;}
#cases ul li a .title .h{font: 18.3px "微软雅黑";color: #333;letter-spacing: 2px;line-height: 40px;height:40px;overflow:hidden;}
/*@contact*/
#contact{max-width: 1100px;margin: auto;background: #f1f4f7;margin-top: 30px;padding: 20px 0;}
#contact .main{max-width:900px;margin: auto;overflow: hidden;}
#contact .main .left{width: 475px;float: left;border-radius: 10px;border: solid 2px #e5c780;height: 385px;box-sizing: border-box;overflow: hidden;}
#container{width: 100%;height: 100%;}
#contact .main .right{width: 350px;float: right;}
#contact .main .right .i{width: 100%;margin-bottom: 20px;}
#contact .main .right .i img{width:235px;}
#contact .main .right .p{font: 16px "微软雅黑";color: #6c6c6c;line-height: 25px;}
#contact .main .right .p a{color: #6c6c6c;}
@media only screen and (max-width: 860px) {
	#contact .main .left{width:98%;float: none;height: 385px;margin: auto;margin-top: 20px;}
	#contact .main .right{width: 100%;float: none;text-align: center;}
}
/*@news*/
#news{max-width: 1100px;margin: auto;margin-top: 30px;}
#news ul{width: 100%;overflow: hidden;}
#news ul li{width: 100%;overflow: hidden;list-style:none;border-bottom: solid 1px #e5c780;padding: 20px 0;}
#news ul li:first-child{border-top: solid 1px #e5c780;}
#news ul li .left{width:154px;float: left;}
#news ul li .left .i{width:154px;height:0;padding-bottom:64.285%;overflow: hidden;}
#news ul li .left .i img{width: 100%;}
#news ul li .right{width: 100%;padding-left: 170px;box-sizing: border-box;}
#news ul li .right .h{font: 17px "微软雅黑";color: #777777;font-weight: bold;line-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#news ul li .right .h:hover{color: #e5c780;}
#news ul li .right .h img{position: relative;top: -5px;left: 5px;}
#news ul li .right .p{font: 12px "微软雅黑";color: #777777;line-height: 21px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#news ul li .right .t{font: 12px "微软雅黑";color: #777777;line-height: 21px;text-align: right;}
.page{width: 100%;padding: 30px 0;}
.page .p{font: 18px "微软雅黑";color: #666;text-align: center;line-height: 24px;}
.page .p a{color: #666;background: #f2f2f2;padding: 0 10px;margin: 0 5px;}
.page .p a:nth-child(-n+2){font-size: 12px;padding: 4px 10px;}
.page .p a:nth-last-child(-n+2){font-size: 12px;padding: 4px 10px;}
.page .p a:hover{color: #fff;background: #e5c780;}
.page .p span{color: #fff;background: #e5c780;padding: 0 10px;margin: 0 5px;}
/*@news_details*/
#news_details{max-width: 1100px;margin: auto;margin-top: 30px;overflow: hidden;}
#news_details .nav{float: right;}
#news_details .details{width: 100%;padding-right: 370px;box-sizing: border-box;}
#news_details .details .title{width: 100%;text-align: center;border-bottom: solid 1px #e5c780;padding-bottom: 30px;}
#news_details .details .title .h{font:29px "微软雅黑";color: #e5c780;line-height: 60px;}
#news_details .details .title .p{font:12px "微软雅黑";color: #777;}
#news_details .details .title .p span{margin: 0 5px;}
#news_details .details .main{width: 100%;}
#news_details .details .main .top .p{font: 14px "微软雅黑";color: #777;line-height: 40px;font-weight: bold;}
#news_details .details .main .top .p a{color: #777;font-weight: 400;}
#news_details .details .main .top .p a:hover{color: #e5c780;}
#news_details .details .main .m{width: 100%;margin: auto;overflow: hidden;}
#news_details .details .main .m *{max-width: 100%;}
@media only screen and (max-width: 960px) {
	#news{width: 98%;margin: auto;margin-top: 30px;}
	#news_details .nav{display: none;}
	#news_details .details{padding-right: 0px;width: 98%;margin: auto;}
}
/*@network*/
#network{max-width:1200px;padding: 25px;box-sizing: border-box;background: url(/Public/static/images/preset/bg_03.png)no-repeat center ;background-size:100% 100%;margin: auto;margin-top: 30px;}
#network .main{width: 100%;height: ;overflow: hidden;}
#network .main .left{width: 245px;float: left;margin-top: 96px;}
#network .main .left dd{width: 100%;border-bottom: solid 4px #796355;overflow: hidden;padding: 10px 0;}
#network .main .left dd img{width: 75px;height: 75px;float: left;margin-right: 10px;}
#network .main .left dd .h{font:16px "微软雅黑";color: #e5c780;}
#network .main .left dd .p{font:32px "微软雅黑";color: #e5c780;}
#network .main .right{width: 600px;float: right;background: url(/Public/static/images/preset/000.png)no-repeat center;height:600px;}
@media only screen and (max-width: 960px) {
	#network .main .left{width: 100%;overflow: hidden;float: none;margin-top: 0px;}
	#network .main .left dd{width: 46%;border-bottom: solid 4px #796355;padding: 10px 0;float: left;margin:0 2%;}
	#network .main .right{width: 100%;float: none;height:0px;background-size:100% auto;padding-bottom: 100%;}
	
	
}

