﻿@font-face{ font-family:AlibabaSans;src:url('../images/AlibabaSans-Regular.otf');	}

*{margin:0;padding:0;}
a{text-decoration:none; color:#000;}
a:hover{ color:#ff8400;}
ul{ list-style:none;}
img{ border:none;}
body{font-size:12px; text-align:center; font-family:AlibabaSans;-webkit-text-size-adjust:none;-webkit-text-size-adjust:none;width:expression(document.body.clientWidth <= 1280? "1280px": "auto");min-width:1280px;_width:expression((documentElement.clientWidth < 1280) ? "1280px" : "auto" );}
html{overflow-x:hidden;}
input,textarea,select{outline:none; color:#666;}
.clear{ clear:both;}

/*header 网站头部模块*/
.top_header{margin:0px auto;width:100%;height:100px;box-shadow:0px 0px 0px #909090;z-index:50;position:relative;overflow:hidden;}
.header{margin:0px auto;width:1200px;height:100px;overflow:hidden;clear:both;}
.header .logo{float:left;padding-top:20px;}
.header .logo img{float:left;}

/*menu 网站栏目导航条模块*/
.header .menu_nav{float:left;width:800px;height:100px;margin-left:150px;}
.header .menu{width:100%;height:100px;clear:both;_overflow: hidden;}
.header .menu ul{margin-top:0px;float:left;margin-left:0px;}
.header .menu ul li{float:left;margin-left:0px;margin-right:2px;}
.header .menu li a:link,.header .menu li a:visited{display:block;font-size:18px;color:#000;text-decoration:none;margin:0;padding:0;padding:0px 24px;line-height:100px;font-weight:600;}
.header .menu li a:hover{font-weight:bold;color:#fff;clear:both;background:rgba(255,132,0,0.9);}

.header .menu .current{font-weight:bold;color:#fff!important;background:rgba(255,132,0,0.9);}
.header .menu .current a:link,.header .menu .current a:visited{font-weight:bold;color:#fff!important;}

.header .menu ul li ul{width:180px;display:none;position:fixed;top:100px;text-align:center;z-index:99999;background:rgba(255,132,0,0.9);color:#fff;}
.header .menu ul li:hover ul{ display:block;margin-left:0px;text-align:center;color:#fff;}
.header .menu ul li ul li{BORDER-TOP:rgba(255,255,255,0.5) 1px solid;margin-left:0px;width:160px;text-align:center;text-indent:0px;color:#fff!important;padding:5px 10px;}
.header .menu ul li ul li a:link,.menu ul li ul li a:visited{margin-left:0px;font-size:14px;color:#fff!important;text-align:left;line-height:14px;height:auto;padding:5px 5px ; display:block;line-height:18px!important;}
.header .menu ul li ul li a:hover{background:#fff;font-size:14px;color:#000!important;}

.header .search{float:right;width:85px; height:40px;padding-top:40px;text-align: right}

/* flexslider */
.banner{width:100%;height:auto;}
.flexslider{position:relative;height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:0;}
.slides li{height:auto;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:0px;}
.slides li img{height: auto; width: auto\9; width:100%; }
.flex-control-nav{position:absolute;bottom:20px;z-index:2; left:47%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.not{width:100%;height:auto;}
.not img{height: auto; width: auto\9; width:100%;}

/*内页部分*/
.s_banner{ height:399px; overflow:hidden; width:100%; margin-bottom:0px; margin-top:0px;position: relative;}
.s_banner1{ background:url(../images/sban1.jpg) center center no-repeat;background-size: cover}
.s_banner2{ background:url(../images/sban2.jpg) center center no-repeat;background-size: cover}
.s_banner3{ background:url(../images/sban3.jpg) center center no-repeat;background-size: cover}
.s_banner4{ background:url(../images/sban4.jpg) center center no-repeat;background-size: cover}
.s_banner5{ background:url(../images/sban5.jpg) center center no-repeat;background-size: cover}

.banner-img-nav {width: 100%;bottom:0; position: absolute;}
.banner-img-nav .aboutheadertext{margin:0px auto;width:1200px;height:260px;letter-spacing:0px;color:#fff;text-align:left;}
.banner-img-nav .aboutheadertext p{margin:0px auto;font-size:32px;text-align:center;color:#fff;width:100%;clear:both;font-weight:100;text-transform:uppercase;line-height:26px;letter-spacing:0px;padding:20px 0;}
.banner-img-nav .aboutheadertext span{margin:0px auto;font-size:12px;text-align:center;color:#fff;width:100%;clear:both;line-height:26px;font-weight:500;padding-bottom:40px;letter-spacing:10px;padding:20px 0;display: block;box-sizing: border-box;}
.banner-img-nav .aboutheadertext dd{width:80px;height:3px;border-bottom: 1px solid #fff;margin:0px auto;text-align:center;clear:both;}

.pro_banner{width:100%;height:auto;overflow:hidden;margin:20px 0 30px 0;}
.pro_banner img{height: auto; width: auto\9; width:100%; }

/**/
.crumbs{width:100%;margin:0px auto;height:auto;color:#6d6d6d;text-align:left;overflow:hidden;padding:10px 0;}
.crumbsname{width:1200px;margin:0px auto;padding-top:0px;}
.crumbsname p{line-height:30px;font-size:16px;color:#000;border-left:0px solid #db1515;text-indent:0px;color:#000;}
.crumbsname p a{font-size:16px;color:#000;font-weight: bold;}

/*firstcol*/
.firstCol{width:100%;margin:40px auto;height:auto;margin-bottom:20px;overflow: hidden;}
.firstColbox{width:1140px;height:auto;margin:0px auto;margin-top:0px;}
.firstColbox ul{}
.firstColbox ul li{float:left;}
.firstColbox ul li a{display:block;text-align:left;width:360px;height:207px;}
.firstColbox .fcb01{width:88%;height:207px;padding:15px 6%;text-align:left;line-height:10px;}
.firstColbox .fcb01 span{margin-top:0px;line-height:26px;font-size:14px;color:#e01707;width:100%;}
.firstColbox .fcb01 h1{margin-top:55px;marging-bottom:15px;line-height:20px;font-size:14px;color:#b5b5b5;width:45%;}
.firstColbox .fcb01 h3{font-size:22px;color:#000;line-height:26px;width:100%;}
#conimg01{background:url(../images/class01.jpg) center center no-repeat;width:360px;height:207px;margin-right:30px;}
#conimg02{background:url(../images/class02.jpg) center center no-repeat;width:360px;height:207px;margin-right:30px;}
#conimg03{background:url(../images/class03.jpg) center center no-repeat;width:360px;height:207px;}
.firstColbox ul li a:hover span{color:#b5b5b5;padding-left:5px;}
.firstColbox ul li a:hover h1{padding-top:1px;}
.firstColbox ul li a:hover h3{color:#ff8400;}

.firstColbox1{width:100%;margin:20px auto;overflow: hidden;}


/**/
.secCol{width:100%;margin:0px auto;height:807px;margin-bottom:0px;overflow: hidden;background:url(../images/secbg.png) center center no-repeat;}
.secColbox{width:1140px;height:auto;margin:0px auto;margin-top:0px;}
.secColbox .bo1{float:left;width:285px;height:807px;text-algin:left;}
.secColbox .bo2{float:left;width:285px;height:807px;}
.secColbox .bo3{float:left;width:285px;height:807px;}
.secColbox .bo4{float:left;width:285px;height:807px;}

.secColbox .bo1 dd{widht:80%;padding:403px 10% 0 10%;overflow: hidden;}
.secColbox .bo1 dd p{color:#fff;font-size:30px;font-weight: 600;text-align:left;line-height:30px;margin-top:30px;margin-bottom:30px; text-transform: uppercase;}
.secColbox .bo1 dd h1{color:#fff;font-size:46px;font-weight: 500;text-align:left; margin-bottom:120px;text-transform: uppercase;}
.secColbox .bo1 dd h3{color:#fff;font-size:20px;font-weight: 100;text-align:left; text-transform: uppercase;}

.secColbox .bo2 dd{widht:80%;padding:403px 10% 0 10%;overflow: hidden;}
.secColbox .bo2 dd h1{color:#000;font-size:40px;font-weight: 600;text-align:center;line-height:30px;margin-top:80px;margin-bottom:20px;text-transform: uppercase;}
.secColbox .bo2 dd h3{color:#000;font-size:20px;font-weight: 600;text-align:left;margin-bottom:10px;text-transform: uppercase;}
.secColbox .bo2 dd p{color:#000;font-size:14px;font-weight: 100;text-align:left; text-transform: uppercase;}

.secColbox .bo3 dd{widht:80%;padding:108px 10% 0 10%;overflow: hidden;}
.secColbox .bo3 dd h1{color:#000;font-size:40px;font-weight: 600;text-align:center;line-height:30px;margin-top:80px;margin-bottom:20px;text-transform: uppercase;}
.secColbox .bo3 dd h3{color:#000;font-size:20px;font-weight: 600;text-align:left;margin-bottom:10px;text-transform: uppercase;}
.secColbox .bo3 dd p{color:#000;font-size:14px;font-weight: 100;text-align:left; text-transform: uppercase;}

.secColbox .bo4 dd{widht:80%;padding:403px 10% 0 10%;overflow: hidden;}
.secColbox .bo4 dd h1{color:#000;font-size:40px;font-weight: 600;text-align:center;line-height:30px;margin-top:80px;margin-bottom:20px;text-transform: uppercase;}
.secColbox .bo4 dd h3{color:#000;font-size:20px;font-weight: 600;text-align:left;margin-bottom:10px;text-transform: uppercase;}
.secColbox .bo4 dd p{color:#000;font-size:14px;font-weight: 100;text-align:left; text-transform: uppercase;}

/**/
.threeCol{width:100%;margin:0px auto;height:953px;margin-bottom:0px;overflow: visible;background:url(../images/threebg.jpg) center center no-repeat;}
.threeCol .title{margin:30px auto;width:1140px;height:auto;letter-spacing:0px;text-align:left;}
.threeCol .title p{float:left;font-size:28px;text-align:left;color:#000;width:100%;clear:both;font-weight:100;text-transform:uppercase;line-height:20px;letter-spacing:0px;padding:20px 0;}
.threeCol .title dd{width:45px;height:3px;border-bottom: 3px solid #dbdbdb;margin:0px auto;text-align:left;float:left;clear:both;}

.threeColbox{width:1140px;height:auto;margin:0px auto;overflow: visible; /* 改为 visible */position: relative; /* 添加相对定位 */}
.threeColbox ul{list-style: none;padding: 0;overflow: visible;}
.threeColbox ul li img{width:536px;height:438px;margin-bottom:10px;cursor: pointer;transition: all 0.8s;}
.threeColbox ul li{width:536px;height:630px;border:0px solid #e5e5e5;margin-bottom:24px;color:#000;position: relative; /* 为定位做准备 */}
/* 为第二个li添加特殊样式 */
.threeColbox ul li:nth-child(2) {margin-top: -750px; /* 向上移动100px */float: right;}
.threeColbox ul li a:link,.threeColbox ul li a:visited{float: left;color:#000;text-align: left;display:block;width:100%;height:630px;overflow:hidden;margin-top:50px; text-decoration: none; /* 移除下划线 */}
.threeColbox ul li strong{display:block; width:100%;padding:10px 0px 10px 0px;text-align: left;font-size:24px;font-weight:500;color:#1f1f1f;line-height:36px;}
.threeColbox ul li time{width:100%;margin:0 0px;line-height:20px;height:20px;overflow:hidden;font-size:16px;color:#a4a4a4;}
.threeColbox ul li time b{font-size:16px;font-weight: 100}
.threeColbox ul li p{width:100%;margin:5px 0px;text-align:left;color:#9f9f9f;line-height:20px;font-size:14px;height:40px;overflow:hidden;}
.threeColbox ul li a:hover strong{color:#000;font-weight:600;margin-top:0px;}
.threeColbox ul li a:hover {}
.threeColbox ul li a:hover img{transform: scale(1.01);}

.threeColbox .morecol{float:right;width: 195px;height: 60px;background:#ff8400;position: relative;margin-top: -30px; }
.threeColbox .morecol a{display:block;line-height: 60px;font-size: 16px;color:#fff;text-align: center;}

/**/
.fourCol{width:100%;margin:0px auto;height:364px;margin-bottom:0px;overflow: visible;background:url(../images/fourcolbg.jpg) center center no-repeat;}
.fourCol .title{margin:30px auto;width:1140px;height:auto;letter-spacing:0px;text-align:left;}
.fourCol .titleleft{float:left;width: 45%;}
.fourCol .titleright{float:right;width: 45%;overflow: visible; /* 改为 visible */position: relative; /* 添加相对定位 */}

.titleleft span{float:left;font-size:46px;text-align:left;color:#fff;width:100%;clear:both;font-weight:500;text-transform:uppercase;line-height:60px;letter-spacing:0px;padding:80px 0 0px 0;}
.titleleft dd{width:170px;height:3px;border-bottom: 3px solid #fff;margin:20px auto;text-align:left;float:left;clear:both;}
.titleleft p{float:left;font-size:20px;text-align:left;color:#fff;width:100%;clear:both;font-weight:100;text-transform:uppercase;line-height:26px;letter-spacing:0px;padding:0px 0;}
.titleleft p strong{float:left;font-size:26px;text-align:left;color:#fff;width:100%;clear:both;font-weight:100;text-transform:uppercase;line-height:26px;letter-spacing:0px;padding:20px 0;}

.titleright img{position: relative; /* 为定位做准备 */margin-top: -170px;float:right;margin-right:30px;}

/**/
.fiveCol{width:100%;margin:90px auto;height:auto;}
.fiveColbox{margin:0px auto;width:1140px;height:455px;letter-spacing:0px;text-align:left;background:url(../images/about.jpg) left no-repeat;}
.fiveabout{margin:0px auto;margin-top:85px;float:right;width:490px;height:290px;letter-spacing:0px;text-align:left;background:#f9f9f9;padding:40px 75px;}
.fiveabout h1{color:#ff8400;font-size:26px;text-align: left;}
.fiveabout h1 strong{color:#d5d5d5;font-size:20px;text-align: left;}
.fiveabout p{font-size: 14px;color:#3e3e3e;line-height: 26px;padding: 20px 0;}
.fiveabout span{float:left;width:60px;height:40px;background:#ff8400;}
.fiveabout span a{display:block;line-height:40px;font-size: 16px;color:#fff;text-align: center;background:#ff8400;}


/*footer */
.bottom{margin:0px auto;width:100%;height:486px;background:url(../images/botbg.jpg) center center no-repeat #f6f6f6;margin-top:0px;border-top:2px solid #ff8400;overflow:hidden;}
.footlist{width:1140px;margin:80px auto;height:310px;overflow:hidden;margin-bottom:30px;}

.footlist01{float:left;width:420px;height:310px;}
.footlist01 ul{float:left;padding-left:0px;margin-top:0px;width:100%;height:310px;text-align:left;border-left:0px solid #3b3f45;}
.footlist01 ul li{float:left;line-height:26px;width:35%;font-size:16px;color:#000;padding:2px 0;}
.footlist01 ul li a:link,.footlis01 ul li a:visited{float:left;color:#000;width:100%}
.footlist01 ul li a:hover{color:#000;}
.footlist01 .fotcon{width:100%;font-size:20px;text-align: left;margin-top:30px;}
.footlist01 .fotcon p{line-height:26px;width:100%;color:#000;padding:5px 0;display: flex;align-items: center; /* 垂直居中 */}
.footlist01 .fotcon p img{margin-right: 10px; /* 图标与文字间距 */vertical-align: middle; /* 垂直对齐 */}

.footlist02{float:left;width:366px;height:310px;margin-left:30px;border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
.footlist02 ul{margin-top:0px;width:100%;height:auto;text-align:left;}
.footlist02 ul h3{width:100%;text-align: center;}
.footlist02 ul h3 img{margin:0px auto;}
.footlist02 ul p{line-height:36px;width:100%;text-align: center;margin-top:0px;font-size:12px;color:#000;}

.footlist03{float:right;width:260px;height:310px;}
.footlist03 ul{float:left; width:258px;margin-top:0px;border-left:0px solid #3b3f45;border-right:0px solid #3b3f45;height:310px;text-align:left;}
.footlist03 ul h3{margin-bottom:30px;}
.footlist03 ul p {margin-bottom: 10px;}
.footlist03 input[type="text"]{width: 100%;padding: 8px 12px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;transition: border-color 0.3s;}
.footlist03 textarea {width: 90%;padding: 8px 12px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;transition: border-color 0.3s;}
.footlist03 input[type="text"]:focus,
.footlist03 textarea:focus {border-color: #ff8400;outline: none;}
.footlist03 textarea {height: 60px;resize: vertical;}
.footlist03 input[type="button"] {width: 100%;padding: 10px;background-color: #ff8400;color: white;border: none;border-radius: 4px;font-size: 16px;cursor: pointer;transition: background-color 0.3s;}   
.footlist03 input[type="button"]:hover {background-color: #e67600;}
/* 第一行两个输入框并排显示 */
.footlist03 .form-row {display: flex;gap: 10px;}
.footlist03 .form-row input {flex: 1;}

.footer{width:100%; border-top:0px solid #1a1a1a;height:auto;}  
.footerleft{width:1140px;margin:0px auto;}
.footerleft p{font-size:12px;text-align:left;color:#000;line-height:20px;padding: 10px 0;}
.footerleft p a:link,.footerleft p a:visited{color:#000;padding-left:0px;padding-right:10px;line-height:20px;}
.footerleft p a:hover{color:#000;}
.footerleft span{float:right;line-height:84px;color:#616161;}

.footlistlink .rolls{background:#fff;float: left;border: 0px solid #39945b;margin:0px;width: 26px;height:26px;text-align: center;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;margin:0px 5px 5px 0px;line-height:26px;padding:1px;}
.footlistlink .rolls img{width:20px;height:20px;margin-top:4px}
.footlistlink .rolls:hover{background:#e7e7e7;border: 0px solid #39945b;}

/**/
.about01{width:100%;margin:0px auto;height:auto;overflow:hidden;}
.about01col{width:1200px;margin:0px auto;height:auto;overflow:hidden;}

.aboutdaye{width:100%;margin-top:0px;text-align:left; font-size:16px; color:#000;padding-bottom:80px;}
.aboutdaye img{margin:10px auto;}
.aboutdaye p{text-indent:0px;line-height:30px;margin:10px 0;}

.culture03ly {width:1200px;height:auto;overflow:hidden;margin-bottom:0px;box-sizing: border-box;}
.culture03ly ul{padding:2% 0;width:100%;margin: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.culture03ly ul li{width: 31.33%;margin-right: 2%; margin-bottom: 1%;box-sizing: border-box;}
 /* 每行第三个元素去掉右边距 */
.culture03ly ul li:nth-child(3n) {margin-right: 0;}
.culture03ly ul li a{display:block; text-align:center;vertical-align:middle;text-decoration: none;color: inherit;}
.culture03ly ul li .secimg{width: 87.6%;height: 0;padding-bottom: 65%; /* 保持宽高比例 */padding-top: 6%;padding-left: 6%;padding-right: 6%;border: 1px solid #e9e9e9;margin: 0 auto;overflow: hidden;border-radius: 0;background: #fff;position: relative;}
.culture03ly ul li .secimg img{position: absolute;top: 6%;left: 6%;width: 87.6%;height: 87.6%;object-fit: cover; /* 关键属性：确保图片铺满容器 */cursor: pointer;transition: all 0.8s;}
.culture03ly ul li .secimg img:hover{transform: scale(1.05);}
.culture03ly ul li p{font-size:18px; line-height:20px;padding:15px 0;text-align:center;margin: 0;}



/**/
.yw_title{ margin-top:30px;}
.yw_title dd{height: 17px;}
.yw_title h1{font-size:30px; color:#393939; text-align: center; text-transform: uppercase;}
.yw_title p{font-size:18px; text-align: center;}
.n_daohang{text-align:center;width:100%; float: left; margin-top:20px; border-bottom: 1px solid #eee; padding-bottom:20px;}
.n_daohang a{padding:10px 45px;  background:#b8b8b8;color:#fff;margin:0px 5px;;}
.n_daohang a:hover{background:#e58a20;color:#fff; }
.n_daohang .current{background: #e58a20;color:#fff; } 
.n_daohang .current a:link,.n_daohang .current a:visited{background: #e58a20;color:#fff; } 


.probottom{width:100%;height:30px;margin:0px 0 30px 0;overflow:hidden;}
/*CSS quotes style pagination*/
DIV.quotes {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;}
DIV.quotes A {BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none;}
DIV.quotes A:hover {BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.quotes A:active {BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.quotes SPAN.current {BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0}
DIV.quotes SPAN.disabled {BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid}


.concol{width:100%;height:395px;margin:10px 0 80px 0;background:url(../images/conbg.jpg) right top no-repeat #f9f9f9;}
.concolbox{width:40%;padding:5% 0% 5% 5%}
.concolbox p strong{text-align: left;font-size:24px;color:#ff8400;font-weight: 500;line-height:30px;}
.concolbox p{text-align: left;font-size: 16px;line-height: 24px;}

/*新闻*/
.aboutan{margin:30px auto;width:1200px;height:auto;}
.aboutan ul{width:1200px;padding-bottom:40px;}
.aboutan ul li{float:left;text-align:left;margin-right:0px;margin-bottom:20px;width:1198px;height:auto;border-radius:0px;border:1px solid #e5e5e5;transition: all 0.8s;}
.aboutan ul li a{display:block;padding:0px;overflow: hidden;}

.aboutan ul li .advcol{float:left;padding:20px 20px 20px 30px;width:980px;}
.aboutan ul li .advcol time{text-align:left;width:100%;line-height:30px;font-size:16px;color:#a4a4a4;}
.aboutan ul li .advcol p{text-align:left;width:100%;line-height:20px;font-size:14px;color:#808489;height:24px;overflow: hidden;}
.aboutan ul li .advcol h3{width:100%;text-align:left;line-height:50px;font-size:24px;color:#000;border-radius:0px;margin:0px 0 0px 0;font-weight:500;}

.aboutan ul li .nwmail{float:right;width:40px;height:40px;border-radius:50%;color:#cbcbcb;border:1px solid #cbcbcb;margin:55px 20px 20px 20px;overflow: hidden;text-align: center;line-height: 30px;}
.aboutan ul li .nwmail p{text-align: center;margin-top:5px;color:#cbcbcb;font-size:14px;}

.aboutan ul li a:hover .advcol time{color:#fff;}
.aboutan ul li a:hover .advcol h3{color:#fff;}
.aboutan ul li a:hover .advcol p{color:#fff;}
.aboutan ul li a:hover .advcol spsn{color:#fff;}
.aboutan ul li a:hover .advcol{color:#fff;margin-left:5px;transform: scale(1.02);}
.aboutan ul li:hover{border:1px solid #ff8400;overflow: hidden;transform: scale(1.0);background:#ff8400;}
.aboutan ul li a:hover .nwmail{border:1px solid #fff;background:#fff;transform: scale(1.05);}
.aboutan ul li a:hover .nwmail p{color:#ff8400;}



/**/
.main_aleft{float:left;width:297px;height:100%;margin-bottom: 30px;}
.main_aright{float:right;width:880px;height:100%;border:1px solid #e7e7e7;background:#fff;border-radius:10px;margin-bottom: 30px;}

.newscolrightfro{width:295px;height:auto;text-align:left;border:1px solid #ff8400;margin-top:0px;-moz-border-radius:10px 10px 10px 10px; /* Gecko browsers */-webkit-border-radius:10px 10px 10px 10px; /* Webkit browsers */border-radius:10px 10px 10px 10px; /* W3C syntax */ }
.newscolrightfro .title{width:295px;height:60px;border-bottom:1px solid #ff8400;margin-top:0px;background:#ff8400;-moz-border-radius:8px 8px 0 0 ; /* Gecko browsers */-webkit-border-radius:8px 8px 0 0; /* Webkit browsers */border-radius:8px 8px 0 0; /* W3C syntax */ }
.newscolrightfro .title p{font-size:18px;color:#fff;margin-left:0px;padding-top:0px;float:left;width:295px;text-align:left;overflow:hidden;line-height:60px;text-indent:16px;font-weight: bold}

.newscolrightfro .cop{width:295px;height:100%;overflow:hidden;margin-top:0px;background:#f6f6f6;border-radius:10px;}
.newscolrightfro .cop .cur{display:block;}
.newscolrightfro .cop ul li ul{width:100%;margin-left:0px;overflow:hidden;display: none;}

.newscolrightfro .cop ul{margin-top:10px;margin-left:0px;margin-bottom:20px}
.newscolrightfro .cop ul li a:link,.newscolrightfro .cop ul li a:visited{color:#000000;display:block;font-size:12px;text-decoration:none;width:279px;margin:0;padding:8px 0;line-height:14px;padding-left:0px;text-align:left;border-top:0px solid #fff;text-indent:10px;margin-left:8px;BORDER-left: #ff8400 0px solid;margin-bottom:4px;background:#eaeaeb;border-radius:10px 10px 10px 10px;}
.newscolrightfro .cop ul li a:hover{color:#fff;display:block;font-size:12px;text-decoration:none;width:279px;margin:0;padding:8px 0;line-height:14px;padding-left:0px;text-align:left;border-top:0px solid #fff;text-indent:10px;background:#ff8400;margin-left:8px;border-radius:10px 10px 10px 10px; /* W3C syntax */ margin-bottom:4px}

.newscolrightfro .cop ul li ul{width:279px;text-align:center;margin-left:0px;overflow:hidden;}
.newscolrightfro .cop ul li:hover ul{ display:block;}
.newscolrightfro .cop ul li ul li{width:279px;font-size:12px;margin-top:4px;background:#f6f6f6;}
.newscolrightfro .cop ul li ul li a:link,.newscolrightfro .cop ul li ul li a:visited{background:#f6f6f6;color:#000;line-height:12px;padding:4px 0 0px 0;}

.newscolrightfro .cop ul li .cur:link,.newscolrightfro .cop ul li .cur:visited{background:#484848;color:#fff}
.newscolrightfro .cop ul li .cur:hover{background:#484848;color:#fff}

.newscolrightfro .subside:link,.newscolrightfro .subside:visited{color:#1f744a;}
.newscolrightfro .subside:hover{color:#1f744a;font-weight: bolder;}


.rightbg{margin:0px auto;height:100%;width:820px;overflow:hidden;padding:30px;}
.rightbg .title{width:820px;height:48px;line-height:38px;padding-left:0px;text-align:left;margin-top:0px;border-bottom:1px solid #dddddd;}
.rightbg .title p{width:820px;font-size:22px;color:#ff8400;text-align:left;padding-top:0px;}

/*产品展示*/
.prohotCollist {width:820px;height:100%;overflow:hidden;margin-top:9px;}
.prohotCollist ul{margin-left:0px;*margin-left:0px;width:880px;}
.prohotCollist ul li{ float:left;margin-right:20px;margin-top:20px;}
.prohotCollist ul li a{ display:block; width:255px; height:220px; text-align:center;border:1px solid #fff;display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block;}
.prohotCollist ul li a:hover{border:1px solid #fff;}

.prohotCollist ul li .secimg{width:255px;height:auto;margin: 0px auto; border:#c6c6c6 solid 1px;overflow: hidden;-moz-border-radius:24px; /* Gecko browsers */-webkit-border-radius:24px ; /* Webkit browsers */border-radius:24px; /* W3C syntax */}
.prohotCollist ul li .secimg img{width:255px;height:auto;cursor: pointer;transition: all 0.6s;}
.prohotCollist ul li .secimg img:hover{transform: scale(1.1);}

.prohotCollist ul li p{text-align:center;line-height:14px;padding:10px 0;}

/**/
.newscol{width:100%;margin:20px auto;height:auto;overflow:hidden;}
.newscolbox{width:1200px;margin:20px auto;height:auto;overflow:hidden;margin-bottom: 0px;}

.newsdetailc{width:100%;margin:20px auto;border:0px solid #efefef;-moz-border-radius:0px;border-radius:0px; /* W3C syntax */}
.newsdetailc .newstitle{line-height:40px;margin:0px;font-weight:400;font-size:26px;text-align:center;}
.newsdetailc dt{margin:10px;text-align:center;height:20px; font-size:12px;line-height:26px;color:#acacac;margin-bottom:5px;overflow:hidden;border-top:3px solid #f7f7f7;}
.newsdetailc dt a{margin:0 5px}
.newsdetailc dd{margin:20px;text-align:left;font-size:12px;line-height:20px;padding:0;}
.newsdetailc dd p{font-size:12px;margin:5px 0}
.newsdetailc dd p img{margin:10px auto;text-align:center;display:table-cell;vertical-align:middle;width:100%;height:auto;width: auto\9;}

.newsdetailc dl{width:100%;margin:0px auto;height:40px;margin-top:20px;text-align:center;}
.newsdetailc dl a{padding:8px 20px 8px 20px;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius:10px;border:1px solid #d5d5d5;-moz-border-radius:6px; /* Gecko browsers */-webkit-border-radius:6px; /* Webkit browsers */border-radius:6px; /* W3C syntax */}

/**/
.button {text-decoration: none;font-size: .875rem;font-weight: 300;text-transform: uppercase;display: inline-block;border-radius: 1.5rem;background-color: #fff;color: #9191E9;}
.popup {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: fixed;width: 100%;height: 100vh;top:0;left: 0;background-color: rgba(0, 0, 0, 0.8);z-index: 99999;visibility: hidden;opacity: 0;overflow: hiden;-webkit-transition: .64s ease-in-out;transition: .64s ease-in-out;}
.popup-inner {position: relative;bottom: -100vw;right: -100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;max-width: 80%;max-height: 300px;width: 60%;height: 80%;background-color: #fff;-webkit-transform: rotate(32deg);transform: rotate(32deg);
  -webkit-transition: .64s ease-in-out;
  transition: .64s ease-in-out;
}
.popup__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 40%;
  height: 100%;
  overflow: hidden;
}
.popup__photo img {
  width: auto;
  height: 100%;
}
.popup__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60%;
  height: 100%;
  padding: 4rem;
}
.popup__text h1 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
  text-transform: uppercase;
  color: #0A0A0A;
}
.popup__text p {
  font-size: .875rem;
  color: #686868;
  line-height: 1.5;
}
.popup:target {
  visibility: visible;
  opacity: 1;
}
.popup:target .popup-inner {
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.popup__close {
  position: absolute;
  right: -1rem;
  top: -1rem;
  width: 3rem;
  height: 3rem;
  font-size: .875rem;
  font-weight: 300;
  border-radius: 100%;
  background-color: #0A0A0A;
  z-index: 4;
  color: #fff;
  line-height: 3rem;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}	

/*登记*/
.jiereCol{width:80%;margin:0px auto;height:auto;top:2%;border:0px solid #81423a;overflow:hidden;}
.jiereColc{width:100%;margin:0px auto;text-align:left;padding-top:0%;float: right;}
.jiereColc .input1{float:left;color:#000;width:78%;height:40px;line-height:40px;text-align:left;BORDER-LEFT: #c6c6c6 0px solid;BORDER-RIGHT: #c6c6c6 0px solid;BORDER-TOP: #c6c6c6 0px solid;BORDER-BOTTOM: #000 2px solid;margin-right:1%;text-indent:0px;font-size:14px;}
.jiereColc .ree{float:left;text-align:center;font-weight:bold;font-size:14px;line-height:40px;COLOR: #fff;width:20%; height:42px; background:#ff8400; border:solid 0px #202020;margin-top:0px;text-indent:0px;}
.jiereCol p{width:100%;margin:0px auto;height:100px;text-align:right;padding-top:0px;float: right;overflow:hidden;}
.jiereCol p .close{float:right;text-align:center;font-size:24px;line-height:30px;COLOR: #fff;width:30px; height:30px; background:#dcdcdc;border:solid 0px #202020;outline:none;}



