/* CSS document */

*{ margin:0px; padding:0px;}
ul,li,ol{ list-style:none;}
a{ text-decoration:none;}
img{ border:none;}
nav,header,footer,section{ display:block;}

.container{margin: 0 auto; max-width: 1060px;}
h2{color: #fff; float: left; width: 100%; font-size: 24px; font-weight: 400; text-align: center; padding: 50px 0 40px; position: relative; z-index: 50;}
h2 span{position: relative; padding-bottom: 10px;}
h2 span:after{content: ""; width: 50%; height: 3px; background-color: #fff; position: absolute; left: 25%; bottom: 0;}

img{max-width: 100%; vertical-align: middle;}
.full-length{width: 100%; float: left; padding-bottom: 80px;}


h3{font-size: 20px; margin: 5px 0 10px; color:#fff;}

.btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #000; border: 2px solid #fff; background-color: #fff; text-decoration: none; transition: 0.4s; margin-top:10px; cursor:pointer; z-index:999 !important;}
.btn:hover{background-color: transparent; color: #000; background:#fff; transition: 0.4s;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0;  padding: 20px;}



.clear{clear:both;}

body{ font-size:12px; font-family:Verdana,Arial,"微软雅黑","宋体";}
.section{ width:1200px; margin-left:auto; margin-right:auto;}
.section_big{ min-width:1200px; margin-left:auto; margin-right:auto;} 

/* nav */
.head{ width:100%; height:95px; background:rgba(0,0,0,0.8); position:fixed; z-index:1 !important;}
.head .logo{float:left; width:260px; height:95px; }
.head .logo img{ /* margin-top:6px; margin-left:4px; */ height:100%;}
.head .nav{float:right; width:900px; height:95px; }
.head .nav ul li{float:left; width:128px; height:95px; text-align:center; line-height:100px;}
.head .nav ul li a{color:#fff; font-size:16px; font-family:"微软雅黑";}

/* 产品分类 */
.projbt{float:left; width:100%; margin-bottom:40px; }
.projbt .title{float:left; width:100%; height:100px; text-align:center; margin-top:40px;}
.projbt .title p{ font-size:24px; color:#333; margin-top:18px;}
.projbt .title span{ font-size:20px; color:#333;}
.projbt .prolist{float:left; width:100%; margin-top:30px;}
.projbt .prolist ul li{  float: left; width: 31.33%; margin: 10px 1%; list-style: none; overflow:hidden;}
.projbt .prolist .port-3{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; perspective: 500px;box-sizing: border-box;border: 1px solid #e5e5e5;}
.projbt .prolist .port-3 img{transition: 0.5s; width:375.95px; height: 375.95px;}
.projbt .prolist .port-3.effect-1 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); transform-origin: center top 0; padding:100px 20px 20px; background:#4d92d9;}
.projbt .prolist .port-3.effect-1 .text-desc p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px; color:#fff;}
.projbt .prolist .port-3.effect-1:hover .text-desc{transform: none; opacity: 1;}
.projbt .prolist .port-3.effect-1:hover img{transform: translateY(100%)}
.projbt .prolist .port-3.effect-2 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); transform-origin: center top 0; padding: 45px 20px 20px; background:#4d92d9;}
.projbt .prolist .port-3.effect-2 .text-desc p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px; color:#fff;}
.projbt .prolist .port-3.effect-2:hover .text-desc{transform: none; opacity: 1;}
.projbt .prolist .port-3.effect-2:hover img{transform: translateY(100%)}
.projbt .prolist .port-3.effect-3 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); transform-origin: center top 0; padding: 45px 20px 20px; background:#4d92d9;}
.projbt .prolist .port-3.effect-3 .text-desc p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px; color:#fff;}
.projbt .prolist .port-3.effect-3:hover .text-desc{transform: none; opacity: 1;}
.projbt .prolist .port-3.effect-3:hover img{transform: translateY(100%)}

/* 公司简介 */
.about{ width:100%; height:300px; padding-bottom:30px; padding-top:20px; background:#f6f6f6;}
.about img{ margin-top:60px;}
.about .about_right{float:right; width:800px; margin-top:30px;}
.about .about_right span{ display:block; width:50px; height:1px; background:#000;}
.about .about_right .js{ width:100%; height:200px; margin-top:20px; font-size:14px; color:#333; line-height:30px; letter-spacing:1px;}
.about .about_right .more{float:left; font-size:24px; font-weight:bold; color:#453a3a;}
.about .about_right .more a{font-size:16px; font-weight:bold; color:#453a3a; }

/* 新闻 */
.news{ width:100%; height:460px;}
.news ul li{float:left; width:350px; height:290px; margin-top:100px; margin-right:74px; }
.news ul li:last-child{ margin-right:0px; float:right;}
.news .newspic{ width:350px; height:200px; overflow:hidden;}
.news .newspic img{ width:350px; height:200px; width:100%; background:#C90; transition: all 0.6s; }
.news .newspic img:hover{ transform: scale(1.2); overflow:hidden;}
.news ul li h1{ font-size:16px; font-weight:normal; font-family:"微软雅黑"; color:#333; line-height:24px; margin-top:14px;}
.news ul li h1 a{ color:#333;}
.news ul li p{ font-size:12px; font-family:"微软雅黑"; color:#666; margin-top:10px;}

/* 底部 */
.footer{width:100%; height:274px; background:#f6f6f6; border-bottom: 1px #ccc solid;}
.footer .f_left{float:left;width:580px; height:180px; border-right:1px #cfcfcf solid; margin-top:30px; }
.footer .f_left ul li{float:left;width:125px; height:270px; margin-right:50px; }
.footer .f_left ul li p{font-size:20px; font-weight:bold; color:#301e15; padding-top:20px; text-align:center; font-family:"微软雅黑"; margin-bottom:20px;}
.footer .f_left ul li a{ display:block; text-align:center; font-family:"微软雅黑"; font-size:15px; color:#000; margin-bottom:10px;}
.footer .f_left ul li a:hover{color:#754129;}
.footer .f_right{float:right;width:520px; height:235px; margin-top:20px;}
.footer .f_right .f_lx{float:left;width:313px; height:235px;}
.footer .f_right .f_lx p{color:#613e2b; font-size:20px; font-weight:bold; font-family:"微软雅黑"; padding-top:10px; margin-bottom: 16px;}
.footer .f_right .f_lx h1{ font-size: 14px; font-weight: normal; line-height: 30px;}
.footer .f_right .f_lx img{padding-top:10px; padding-left:20px;}
.footer .f_right .ewm{float:right;width:192px; height:192px;  margin-top:50px;}
.bottom{ float: left; width: 100%; height: 60px; padding-top: 20px; background: #f6f6f6; }
.bottom .copy{ float:left;width:800px; height:20px; margin-left:170px; }
.bottom .copy p{ display:block; text-align:center; color:#000; font-family:"微软雅黑"; }
.bottom .copy a{color:#000; }
.bottom .copy a:hover{color:#754129;}
.bottom .jszc{ float:left;width:800px; height:20px; margin-left:170px;}
.bottom .jszc p{ display:block; text-align:center; color:#000; font-family:"微软雅黑"; }
.bottom .jszc a{color:#000; }
.bottom .jszc a:hover{color:#754129;}
.bottom .link{ float:left;width:800px; height:20px; margin-left:170px;}
.bottom .link p{ display:block; text-align:center; color:#000; font-family:"微软雅黑"; }
.bottom .link a{color:#000; }
.bottom .link a:hover{color:#754129;}

/* 分类导航 */
.type_nav{ width:100%; height:50px; border-bottom:1px #ccc solid;}
.type_nav ul li{float:left; width:180px; height:50px;}
.type_nav ul li a{ display:inline-block; width:180px; height:50px; text-align:center; line-height:50px; font-size:14px; font-family:"微软雅黑"; color:#333;}
.type_nav ul li:hover{ background:#4d92d9;}
.type_nav ul li a:hover{ color:#fff;}

/* about内容 */
.about_container{ width:100%; margin-top:30px; margin-bottom:30px;}
.about_container p{ font-size:14px; color:#666; font-family:"微软雅黑"; line-height:30px; letter-spacing:0.5px; text-indent:2em; margin-bottom:10px;  }

/* 产品列表 */
.pro_container{ width:100%; margin-top:30px; margin-bottom:30px;}
.pro_container .prolist{float:left; margin-top:10px; width:100%; }
.pro_container .prolist ul li{float:left; width: 375.95px; height: 375.95px; background:#F90; margin-right:24px; margin-bottom:36px; overflow:hidden;box-sizing: border-box; border: 1px solid #cccccc;}
.pro_container .prolist img{ transition: all 0.6s; width: 375.95px; height: 375.95px;}
.pro_container .prolist img:hover{ transform: scale(1.2); overflow:hidden;}

/* 产品内页 */
.prony_container{ width:100%; margin-top:30px; margin-bottom:30px; text-align:center;}
.prony_container h1{ font-size:20px; font-weight:normal; color:#333; font-family:"微软雅黑"; margin-bottom:10px;}
.prony_container span{ display:inline-block; color:#666; font-family:"微软雅黑"; margin-bottom:20px;}

/* 新闻列表 */
.news_container{ width:100%; margin-top:30px; margin-bottom:30px;}
.news_container .newslist{ width:100%; }
.news_container .newslist .newxx{ width:100%; height:244px; padding-bottom:10px; border-bottom:1px #ccc dashed; }
.news_container .newslist .newxx .pic{float:left; margin-left:15px; margin-top:13px; width:350px; height:220px; overflow:hidden; }
.news_container .newslist .newxx .pic img{transition: all 0.6s;width: 100%;height: 220px;}
.news_container .newslist .newxx .pic img:hover{transform: scale(1.2); overflow:hidden;}
.news_container .newslist .newxx .wz{ float:right; width:810px; height:150px;  margin-top:50px;}
.news_container .newslist .newxx .wz h1{ font-size:22px; color:#333; font-weight:normal; font-family:"微软雅黑"; margin-bottom:16px;}
.news_container .newslist .newxx .wz h1 a{font-size:22px; color:#333; font-weight:normal; font-family:"微软雅黑"; margin-bottom:16px;}
.news_container .newslist .newxx .wz p{ padding-right:10px; font-size:14px; color:#666; line-height:24px;}
.news_container .newslist .newxx .wz span{ display:inline-block; color:#333; font-size:14px; margin-top:20px;}
.news_container .newslist .newxx:last-child{ border-bottom:none;}

/* 新闻内页 */
.newsny_container{ width:100%; margin-top:30px; margin-bottom:30px;}
.newsny_container h1{ font-size:20px; font-weight:normal; color:#333; font-family:"微软雅黑"; margin-bottom:10px; text-align:center;}
.newsny_container span{ color:#666; font-family:"微软雅黑"; margin-bottom:20px; width:100%; }
.newsny_container p{ font-size:14px; color:#666; font-family:"微软雅黑"; line-height:26px; letter-spacing:0.5px; margin-bottom:10px;}

div#pagesize li {
    display: inline-block;
}