*{margin:0;padding:0;}
a{text-decoration:none; color:#666;}
a:hover{ color:red;}
ul{ list-style:none;}
img{ border:none;}
body{font-size:12px; text-align:center;font-family:Arial;-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;}
.clear{ clear:both;}

/*2*/
.adtop{width:100%;left:0px;right:0px;top:0px;height:97px;z-index:9999;border-bottom:solid 1px rgba(255,255,255,0.30);}
.adheaderbg{width:100%;height:97px;z-index:99998;margin-top:0px;}
.adheader{margin:0px auto;width:1200px;height:97px;overflow:hidden;clear:both;}
.adheader .logo{float:left;padding-top:22px;margin-left:0px;}
.adheader .logo img{float:left;}
.adheader .search{float:right;width:105px; height:40px;padding-top:36px;}

/*menu 网站栏目导航条模块*/

.adheader .menu_nav{float:left;width:820px;height:97px;;}
.adheader .menu{margin-left:60px;width:100%;height:97px;clear:both;_overflow: hidden;height:97px;line-height:97px;text-align:left;}
.adheader .menu ul li {float:left;}
.adheader .menu ul li a:link,.adheader .menu ul li  a:visited{font-size:18px;text-decoration:none;margin:0 2px;height:97px;padding:10px 20px;font-weight: bold;color:#313131}
.adheader .menu ul li a:hover{background:#4083c7;clear:both;font-weight:bold;font-size:18px;color:#fff}
.adheader .menu .current{background:#4083c7;color:#fff;height:95px;line-height:97px;font-weight:bold;border-radius:0px; /* W3C syntax */}
.adheader .menu .current:link,.adheader .menu .current:visited{color:#fff;font-weight:bold;font-size:18px;padding:10px 20px;border-bottom:0px solid #fff;}
.adheader .menu .current:hover{color:#fff;font-weight:bold;}

.adheader .menu ul li ul{width:200px;display:none; position:fixed;top:80px;text-align:center;z-index:99999;background:rgba(64,131,199,0.9);color:#fff;}
.adheader .menu ul li:hover ul{ display:block;margin-left:0px;text-align:center;color:#fff;}
.adheader .menu ul li ul li{line-height:16px;BORDER-TOP:#fff 1px solid;margin-left:0px;width:180px;text-align:center;text-indent:0px;color:#fff;padding:10px 10px;}
.adheader .menu ul li ul li a:link,.adheader .menu ul li ul li a:visited{margin-left:0px;padding:0px;font-size:14px;color:#fff;line-height:16px;}


/* flexslider */
.banner{width:100%;height:auto;border-bottom:solid 0px #cd2929;}
.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.5%;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/dot1.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:50%;}
.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;}

.banner .bantext{margin:0px auto;width:100%;height:260px;position:absolute;z-index:5;overflow:hidden;top:20%;left:50%;margin-left:-30%;}
.banner .bantext span{margin:0px auto;text-align: left;color:#fff;overflow:hidden;}
.banner .bantext span h1{font-size:46px;color:#b60005;text-transform: uppercase;font-weight:bolder;margin-top:0px;line-height:60px;letter-spacing:0px;width:400px;font-family:SourceHanSansCN-Medium;}
.banner .bantext span h3{font-size:14px;text-transform:uppercase;font-weight:100;line-height:22px;letter-spacing:0px;margin-top:10px;}
.banner .bantext span p{font-size: 12px;width:155px; text-transform: uppercase;font-weight: 100;margin-top:20px;}
.banner .bantext span p a{background:#b60005;color:#fff;padding: 8px 0px;overflow:hidden;text-align:center;}

/*firstcol*/
.firstCol{width:100%;margin:0px auto;height:731px;overflow:hidden;background:url(../images/hotbg.jpg) center top #fff no-repeat;}

.firstCol .lgywm_title { width:100%; height:auto;}
.firstCol .lwenzi { width:1200px; height:auto; text-align:center;margin:45px auto 0px;border-bottom:0px solid #e4e4e4;}
.firstCol .lwenzi p { font-size:16px; color:rgba(255,255,255,0.50);line-height:40px;font-weight:100;text-transform : uppercase;}
.firstCol .lwenzi p strong {font-size:36px;width:1200px;color:#fff;line-height:50px;height:40px;padding:2% 0px;font-weight:500;}
.firstCol .lwenzi p strong span{color:#de0412;}
.firstCol .lwenzi dd{height:2px;overflow:hidden;width:100px;background:#fff;border-bottom:0px solid #de0412;margin:0px auto;text-align:center;}

.firstColbox{width:1200px;height:470px;margin:0px auto;margin-top:50px;text-align: center}

.firstColbox a{display:block;float:left;text-align:left;margin-right:0px;margin-bottom:80px;width:386px;height:386px;border-radius:0%; /* W3C syntax */border:0px solid #de0412;background:#fff;}
.firstColbox a p{text-align: center;font-size:16px;color: #fff;line-height:24px;font-weight: bold;padding:15px 0;}
.firstColbox a img{width:380px;height:380px;}


/*secCol*/
.secCol{width:100%;margin:0px auto;height:585px;overflow:hidden;background:url(../images/aboutbg.jpg) center top no-repeat;margin-top:0px}

.secColbox{width:1200px;height:auto;margin:0px auto;overflow:hidden;margin-top: 108px;}
/*firstcolleft*/
.secColboxLeft{float:left;width:587px;height:367px;overflow:hidden;}
/*firstcolRight*/
.secColboxRight{float:right;width:603px;height:367px;overflow:hidden;text-align:left;padding:0px;overflow:hidden;background: #fff;}
.secColboxList{width:523px;padding:40px 25px 20px 40px;}
.secColboxList p{ text-indent:0px;color:#282828;line-height:24px;font-size:14px;padding:8px 0;}
.secColboxList h1{ text-indent:0px;color:#2d71b7;font-size:30px;line-height:46px;text-transform: uppercase;font-weight:bold;}
.secColboxList span{color:#282828;font-size:20px;line-height:36px;text-transform: uppercase;font-weight: 100;}
.secColboxList a{display:block;text-align: right;font-size:14px;color:#8a8a8a;font-weight:bold;margin-top:10px;}




/**/
.fourCol{width:100%;margin:0px auto;height:auto;overflow:hidden;background:url(../images/zizhi.jpg) center top no-repeat;margin-top:30px;}
.fourCol .lgywm_title { width:100%; height:auto;}
.fourCol .lwenzi { width:1200px; height:auto; text-align:center;margin:45px auto 0px;border-bottom:0px solid #e4e4e4;}
.fourCol .lwenzi p {font-size:16px; color:#b6b6b6;line-height:40px;font-weight:100;text-transform : uppercase;}
.fourCol .lwenzi p strong {font-size:36px;width:1200px;color:#434343;line-height:40px;height:40px;padding:2% 0px;font-weight:500;}
.fourCol .lwenzi span{font-size:14px; color:#717171;text-transform : uppercase;}
.fourCol .lwenzi dd{height:2px;overflow:hidden;width:100px;background:#b6b6b6;border-bottom:0px solid #de0412;margin:0px auto;text-align:center;}

.fourColbox{width:1200px;height:340px;margin:50px auto;overflow:hidden;}
.fourColbox a{display:block;float:left;text-align:left;margin-right:0px;margin-bottom:30px;width:215px;height:307px;border-radius:0%; /* W3C syntax */border:0px solid #de0412;background:#fff;}
.fourColbox a p{text-align: center;font-size:14px;color: #fff;line-height:30px;font-weight: bold;}
.fourColbox a img{width:215px;height:307px;}

/*fivecol*/
.fivecol{width:100%;margin:0px auto;height:auto;overflow:hidden;}
.fivecol .che-tit {width:100%;margin:30px auto;margin-top: 60px;}
.fivecol .che-tit .en {font-size:16px;font-weight: 100;line-height:40px;text-transform: uppercase;color: #b6b6b6}
.fivecol .che-tit .cn {font-size:36px;font-weight: 500;line-height:40px;color:#000;text-transform: uppercase;text-align:center;}
.fivecol .che-tit dd{margin:0px auto;width: 55px; height: 8px; font-size: 0px;overflow:hidden;border-bottom:1px solid #303030;}
.fivecolbox{width:1200px;margin:30px auto;height:auto;overflow:hidden;}

.newscolbox{width:100%;margin:0px auto;height:auto;overflow:hidden;}
.newscolbox ul{}
.newscolbox ul li{float:left;width:31.9%;height: auto;margin-right:2%;margin-bottom: 2%}
.newscolbox ul li a{display:block;;width: 100%;color:#000}
.newscolbox ul li .secimg{width:100%;height:auto;margin:0px auto;overflow: hidden;border-radius:0px;}
.newscolbox ul li .secimg img{width:100%;height:100%;cursor: pointer;transition: all 0.9s;}
.newscolbox ul li:hover .secimg img{transform: scale(1.03);}
.newscolbox ul li .dycol{padding:5% 0%;width: 100%;margin:0px auto;}
.newscolbox ul li .dycol dd{width: 100%;}
.newscolbox ul li .dycol dd h3{color:#000;font-size: 20px;line-height: 30px;text-align: left;font-weight: 500;height: 60px;margin-bottom: 10px;overflow:hidden;}
.newscolbox ul li .dycol dd h1{color:#000;font-size: 12px;line-height: 24px;text-align: left;font-weight: 100;height: 72px;margin-bottom: 0px;overflow:hidden;}
.newscolbox ul li p{width:100%;margin:0px auto;border-top:1px solid rgba(0, 0, 0, 0.1);border-bottom:1px solid rgba(0, 0, 0, 0.1);padding: 10px 0 10px 0;text-align: center}
.newscolbox ul li p span{color:#000;line-height: 26px;font-size: 12px;font-weight: 100;}

.newscolbox ul li:hover{}
.newscolbox ul li:hover .dycol dd h3{color:#4083c7;font-weight: 600;}
.newscolbox ul li:hover .dycol dd h1{color:#000;}
.newscolbox ul li:hover p{border-top:1px solid rgba(0, 0, 0, 0.4);border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.newscolbox ul li:hover p span{font-weight: 600;}

.newscolbox ul li:nth-child(3n) {margin-right: 0%}
.newscolbox ul li:nth-child(6n) {margin-right: 0%}
.newscolbox ul li:nth-child(9n) {margin-right: 0%}


/*imagecol*/
.imagecolbg{margin-top:0px;}
.imagecol{margin:0px auto;width:100%;overflow:hidden;}
.imagecol img{height: auto; width: auto\9; width:100%; }

.s_banner{ height:400px; overflow:hidden; width:100%; min-width:1200px;position:relative;margin-top:0px;}
.s_banner1{ background:url(../images/s_banner1.jpg) center center  no-repeat;}
.s_banner2{ background:url(../images/s_banner2.jpg) center center  no-repeat;}
.s_banner3{ background:url(../images/s_banner3.jpg) center center  no-repeat;}
.s_banner4{ background:url(../images/s_banner4.jpg) center center  no-repeat;}
.s_banner5{ background:url(../images/s_banner5.jpg) center center  no-repeat;}

.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:46px;text-align:center;color:#fff;width:100%;clear:both;font-weight:100;text-transform:uppercase;line-height:66px;letter-spacing:0px;padding:10px 0;}
.banner-img-nav .aboutheadertext span{margin:0px auto;font-size:26px;text-align:center;color:#fff;width:100%;clear:both;line-height:26px;font-weight:500;padding-bottom:40px;letter-spacing:0px;padding:0px 0;display: block;box-sizing: border-box;text-transform:uppercase;}
.banner-img-nav .aboutheadertext dd{width:80px;height:3px;border-bottom: 1px solid #fff;margin:0px auto;text-align:center;clear:both;}

/**/
.crumbs{width:100%;margin:0px auto;height:auto;color:#6d6d6d;text-align:left;overflow:hidden;padding:20px 0;}
.crumbsname{width:1200px;margin:0px auto;padding-top:0px;}
.crumbsname p{line-height:20px;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;}

/*footer */
.bottom{margin:0px auto;width:100%;height:auto;overflow:hidden;background:#222222;}
.footcol{margin:0px auto;width:100%;height:24px;background-image: linear-gradient(to right,#0057b8,#296db4);}
.footerlist{width:100%;margin:0px auto;border-bottom:1px solid rgba(255, 255, 255, 0.1);height:auto;padding:30px; auto;}  
.footerlist a{font-size:16px;color:#fff;line-height:24px;padding:0 30px;}
.footeradd{width:1300px;margin:0px auto;height:100px;padding:50px; auto;} 
.footeradd ul{}
.footeradd ul li{float:left;width:20%;margin-left:5%;}
.footeradd ul li .secimg{float:left;width:68px;height: 68px;padding-right: 15px;}
.footeradd ul li p{float:left;width:auto;height: 68px;line-height:34px;color: #fff;font-size:16px;text-align: left;}
.footer{width:100%;height:60px;margin:0px auto;background:#222222;overflow:hidden;border-top:1px solid #4d4d4d;}
.footer p{font-size:14px;text-align:center;color:#fff;line-height:30px;padding:15px 0;overflow:hidden;}
.footer p a:link,.footer p a:visited{color:#fff;line-height:30px;}
.footer p a:hover{color:#fff;}


/*main */
.main{width:100%;margin:0px auto;height:100%;overflow:hidden;}

/* 内页 */
.main_a{width:1200px;margin:40px auto;height:auto;overflow:hidden;}
.main_acol{width:1200px;margin:60px auto;height:auto;overflow:hidden;}
.main_aright{float:right; width:880px;}

.main_a .title{padding-left:0px;top:10px; color:#666;text-align:left;}

.sub{float:left; width:276px;text-align:left;}
.sub_nav{}
.sub_nav h1{background: url(../images/left_li.png) 15px center no-repeat #296db4; line-height:65px; text-align:left; height:60px;text-indent:45px;font-size:16px; font-weight:400;color:#fff;}
.sub_nav h1 span{ font-size:12px; display:block; font-weight:normal;}
.sub_nav ul{ margin-top:5px;}
.sub_nav ul li{  border-bottom:1px solid #fff;}
.sub_nav ul li a{ display:block; color:#000; font-size:14px; text-indent:35px; height:45px; line-height:45px;background:url(../images/case_dot3.png) no-repeat 20px #f8f8f8; }
.sub_nav ul li a:hover,.sub_nav ul li a.cur{ display:block;background:url(../images/case_dot3.png) no-repeat 20px #dcdcdc; color:#000; font-size:14px; text-decoration:none; }

.sub_nav ul li ul{width:100%;text-align:center;margin-left:0px;overflow:hidden;font-weight:500;}
.sub_nav ul li:hover ul{ display:block;font-weight:500;}
.sub_nav ul li ul li{line-height:12px;width:100%;font-size:12px;BORDER-left: #d4d4d4 0px solid;margin-bottom:2px;font-weight:500;text-indent:15px;text-align:left;}
.sub_nav ul li ul li a:link,.sub_nav ul li ul li a:visited{background:#dddddd;text-indent:20px;font-size:12px;text-align:left;}
.sub_nav ul li ul li a:hover{font-size:12px;isplay:block;background:#dcdcdc;text-align:left;}

.sub_contact{ margin-top:15px;margin-bottom:40px;}

.smlNav{ position:relative; border-bottom:1px solid #ededed; height:40px;margin-top:10px;}
.smlNav .name{color:#1b1f26;border-bottom:2px solid #e60b0b; position:absolute; left:0;top:0; height:38px; font-size:16px;text-transform:uppercase;}
.smlNav .right{position:absolute;color:#666; background:url(../images/home.png) no-repeat left center; right:0;top:0;height:40px;font-size:12px;line-height:40px;text-indent:35px;}
.smlNav .right em{ color:#4d4d4d; margin:0 9px;}
.smlNav .right span{ color:#e60b0b;}
.smlNav .right a{ color:#666;}

/**/
.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:20px;}
.aboutdaye img{margin:10px auto;display: block; max-width: 100%;}
.aboutdaye p img{display: block;}
.aboutdaye p{text-indent:0px;line-height:30px;margin:10px 0;}
/**/
.yw_title{ margin-top:30px;border-top: 1px solid #eee;}
.yw_title dd{height: 17px;}
.yw_title h1{font-size:36px; color:#393939; text-align: center; text-transform: uppercase;padding:20px 0;font-weight: 500;}
.yw_title p{font-size:20px; text-align: center;}
.n_daohang{text-align:center;width:100%; float: left; margin-top:20px;  padding-bottom:20px;}
.n_daohang a{padding:12px 65px;  background:#b8b8b8;color:#fff;margin:0px 5px;;font-size: 16px;}
.n_daohang a:hover{background:#296db4;color:#fff; }
.n_daohang .current{background: #296db4;color:#fff; } 
.n_daohang .current a:link,.n_daohang .current a:visited{background: #296db4;color:#fff; } 

.culture03ly {width:100%;height:auto;overflow:hidden;margin-bottom:0px;box-sizing: border-box;}
.culture03ly ul{padding:0% 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;}



/* */
.content{width: 100%;font-size:14px; overflow:hidden; padding:0 0px;text-align:left;}
.content p{ margin:1.2em 0;text-indent:0em;line-height:1.8em;}
.content p img{width: 100%;height: auto;margin:0 auto; text-align:center; width: auto\9; }
.content .tt2{ display:block; background:#333; color:#fff;line-height:30px; height:30px; width:150px; text-align:center; margin:15px 0; font-weight:700;}


.productslist{margin:30px auto;width:1200px;height:auto;overflow:hidden;}
.productslist ul{width:1280px;margin-top:0px}
.productslist ul li{display:block;float:left;text-align:left;margin-right:50px;margin-top:30px;font-size:14px;width:256px;height:290px;line-height:20px;}
.productslist ul li .secimg{width:250px;height:250px;border:#000 solid 0px;margin: 0px auto;overflow: hidden;border:1px solid #b7b7b6;border-radius:15px; /* W3C syntax */}
.productslist ul li .secimg img{width:250px;height:250px;cursor: pointer;transition: all 0.9s;}
.productslist ul li .secimg img:hover{transform: scale(1.1);}
.productslist ul li p{width:100%;text-align:center;color:#393939;font-size:14px;line-height:20px;padding-top: 8px;}

.proche-tit {width:100%;margin:30px auto;text-align: center; color: #595959; padding-top:0px;}
.proche-tit .en {font-size: 30px;font-weight: 100;line-height:45px;height:55px;border-bottom:1px solid #f0f0f0;}

.procrumbsclass{width:100%;margin:0px auto;overflow:hidden;border-top:2px solid #f0f0f0;padding-top:30px;margin-top: 20px;}
.procrumbsclass ul{width:1200px;margin:0px auto;}
.procrumbsclass ul li{float:left;margin-left:10px;margin-bottom:10px;}
.procrumbsclass ul li a:link,.procrumbsclass ul li a:visited{line-height:20px;border:1px solid #2a2a2a;background:#fff;text-align:center;font-size:12px;color:#2a2a2a;font-weight:100;display: block;padding:4px 26px 4px 26px;border-radius:10px;}
.procrumbsclass ul li a:hover{background:#e7040e;border:1px solid #e7040e;color:#fff;}
.procrumbsclass .curr a:link,.procrumbsclass .curr a:visited{background:#e7040e;border:1px solid #e7040e;color:#fff;border-radius:10px;}

/*aboutCol*/
.aboutCol{width:100%;margin:0px auto;height:auto;overflow:hidden;padding-bottom:0px;}
.aboutCol .lgywm_title { width:100%; height:auto;}
.aboutCol .lwenzi { width:1200px; height:auto; text-align:center;margin:45px auto 0px;border-bottom:0px solid #e4e4e4;}
.aboutCol .lwenzi p {font-size:14px; color:#717171;line-height:40px;font-weight:100;text-transform : uppercase;}
.aboutCol .lwenzi p strong {font-size:36px;width:1200px;color:#434343;line-height:70px;height:40px;padding:2% 0px;font-weight:600;}
.aboutCol .lwenzi span{font-size:14px; color:#717171;text-transform : uppercase;}
.aboutCol .lwenzi dd{height:4px;overflow:hidden;width:140px;background:#de0412;border-bottom:0px solid #de0412;margin:0px auto;text-align:center;}

/*询盘*/
.inquiryCol{width:1200px;margin:0px auto;height:auto;overflow:hidden;padding-bottom:0px;text-transform:uppercase;}

/* aboutnews */
.inquirylist {width:100%;margin:0px auto;height:auto;overflow: hidden;padding:0px;margin-top:40px;text-transform:uppercase;}
.inquirylist h1{text-align: left;font-size:26px;line-height:66px;font-weight: 500;}
.inquirylist ul {width:100%;}
.inquirylist ul li{padding:0.5% 0; width:99%; height:auto; float: left; display: inline; text-align:left;margin-bottom:0px;}
.inquirylist ul li input{background:#f2f2f2;border:1px solid #f2f2f2;border-radius:0px;padding:1.5% 1%; width:98%;font-size: 14px;color:#7d7d7d;}
.inquirylist ul li .register{float:left;width:200px; text-align:center;font-weight:100;font-size:24px;line-height:20px;COLOR: #fff;background:#296db4;margin-right:10px;border-radius:0px;text-transform:uppercase;margin-top: 10px;}
.inquirylist ul li .register1{float:left;width:200px; text-align:center;font-weight:100;font-size:24px;line-height:20px;COLOR: #fff;background:#9a9a9a;margin-right:0px;border-radius:0px;text-transform:uppercase;margin-top: 10px;}
.inquirylist ul li textarea{float:left;height:auto;line-height:20px;text-align:left;background:#f2f2f2;border:1px solid #f2f2f2;border-radius:0px;padding:1.5% 1%; width:98%;font-size: 14px;color:#7d7d7d;}




.probottom{width:100%;height:auto;margin:0px 0 20px 0;overflow:hidden;}
/*CSS quotes style pagination*/
DIV.quotes {MARGIN: 3px;TEXT-ALIGN: center;padding:0.8%;}
DIV.quotes A {BORDER-RIGHT: #ddd 1px solid;BORDER-TOP: #ddd 1px solid;BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none;padding:0.8%;}
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;padding:0.8%;}
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;padding:0.8%;}
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;padding:0.8%;}
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;padding:0.8%;}


/*照片页*/
.about_photo{width:100%;margin: 0px auto;margin-top:30px; font-size:14px; line-height: 26px; color:#666;text-align:left;}
.prohotCollist {width:100%;height:auto;overflow:hidden;padding:20px 0 50px 0;}
.prohotCollist ul{padding:0%;}
.prohotCollist ul li{float:left;margin:1%;width:23%;}
.prohotCollist ul li a{ display:block; text-align:center;vertical-align:middle;}
.prohotCollist ul li .secimg{width:91.6%;height:200px;padding:4%;border:1px solid #eaeaea;margin: 0px auto;overflow: hidden;}
.prohotCollist ul li .secimg img{max-width:100%;height:100%;cursor: pointer;transition: all 0.8s;}
.prohotCollist ul li .secimg img:hover{transform: scale(1.1);}

/**/
.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:16px;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:14px;line-height:20px;padding:0;}
.newsdetailc dd p{font-size:16px;margin:5px 0;line-height: 26px;}
.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 */}

/**/
.contact{width:100%;overflow:hidden;text-align:left;}
.contact p{color: #323232;font-size:16px;line-height: 36px;}
.contact p strong{color:#296db4;}
.contact p img{width: 100%;height: auto;margin:0 auto; text-align:center; width: auto\9; }
.contactbox{background: #f8f8f8;padding:3%;line-height: 24px;margin: 20px auto;font-size:16px;line-height: 36px;}
.contactbox p strong a{color:#296db4;}
.contactbox p a{color:#323232;}




.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:#383838; 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;}