@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; }
body{color:#666;font-size:12px;font-family:"微软雅黑"; position:relative; background-color:#f5f5f5;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
ol,ul {list-style:none;}
ul, li {list-style-type: none; padding:0; margin: 0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;text-decoration:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}
h3{font-weight:normal;}
.cle { font-size:0;display:block; clear:both; }
.index{background:#f5f5f5;}



.header{width:100%; height:130px; overflow:hidden; background:#fff;}
.header .top{width:1200px; height:85px; margin:0 auto;}
.header .top .logo{width:254px; height:50px; float:left;padding-top:20px;}
.header .top .con{width:560px; height:85px; float:right;}

.header .top .phone{ width:220px; height:85px; float:right;text-align:right; line-height:85px;}
.header .top .phone p{font-size:17px; color:#76838f;}
.header .top .phone p i{ padding:0px 10px 0px 10px}

.header .menu{ width:100%; margin:0 auto; height:45px; border-top:1px solid #e5e5e5; box-sizing: border-box; background:#f6f6f6;}
.header .menu ul{ width:1200px; margin:0 auto; height:45px;}
.header .menu ul li{ width: 150px; height:45px; float:left; text-align:center; line-height:45px;}
.header .menu ul li a {font-size:14px; font-weight:normal; color:#4f4f4f;}
.header .menu .mainlevel ul {display:none; position:absolute; z-index:9999; margin-top:-2px;background:#eef1f4; width:auto !important;}
.header .menu .mainlevel li { height:45px;line-height:45px; /*IE6 only*/}
.header .menu .mainlevel li a{color:#4f4f4f; font-weight:normal; font-size:14px; display: block}
.header .menu .mainlevel li a:hover{height:45px;line-height:45px; color:#fff; background-color:#d70b19}



.banner{width:100%;overflow:hidden;}
.banner .swiper-slide{}
.banner .swiper-slide img{width:100%;}
.banner .swiper-pagination-bullet{display:inline-block;width:25px; height:7px;border-radius:0; background: #fff;} 
.banner .swiper-pagination-bullet-active {opacity:1;border-radius:0;background: #d70b18; }
 




.field{ border-bottom: 1px solid #bbb}
.field i{background:url(../images/line.jpg) left repeat-y; width:100%; height: 2px; display:block;}
.field h3{ color:#3e3e3e; font-size: 19px; font-weight: normal; margin-top: 25px;}
.field p{ font-size: 14px;color:#666666;margin-top:30px; line-height: 26px;}
.field li:nth-child(2){ background:#f6f6f6;} 
@media(min-width:970px){
.field li{padding:50px 30px;}
}

.field1{background:#f6f6f6;}
.field1 i{background:url(../images/line.jpg) 40px repeat-y; width:100%; height: 2px; display:block;}
.field1 h3{ color:#3e3e3e; font-size: 19px; font-weight: normal;  padding-left: 40px}
.field1 p{ font-size: 14px;color:#666666;margin-top:30px; line-height: 26px;padding-left: 40px}
.field1 li:last-child{background:#fff;} 
.field1 li:last-child i{ margin-top:30px;}
.field1 li:last-child p{ margin-top:8px}
@media(min-width:970px){
.field1 li:first-child{padding-top:150px;}
}

.mid{width:100%;background-repeat:no-repeat; background-image:url(../images/yy_20.jpg); background-attachment:fixed; background-position:top left;}
.midcon{width:1200px;  margin:0 auto; position:relative; overflow:hidden;}
.midtxt{ text-align:right; padding:30px 50px; opacity:.8; font-size:18px; color:#FeFeFe; line-height:2em; width:400px; height:140px; float: right; margin-top:150px;}

.fieldimg{ width:403px; float: left}
.fieldsw{ width: 365px; height: 370px; float:left;}
.fieldsw img{width: 365px; height: 369px;}




.product{width:100%; background:#f6f6f6; height: auto; overflow: hidden; padding: 50px 0;}
.product .title{ width:100%; height:118px;background: url(../images/yy_23.jpg) center no-repeat; overflow:hidden; text-align:center; color:#131618; margin:0 auto;float:none;}
.product .title h3{ font-size:25px;color:#666666; font-weight: normal; margin:15px 0 0 0;}
.product .title p{ font-size:42px;color:#3e3e3e;}
.product_con{margin-top:40px;}


.product_con .swiper-slide:nth-child(3n-1){ margin: 5% 0 54px;}
.product_con .swiper-slide .detail { border: 1px solid #c9c9c9;box-sizing: border-box;padding: 25px 0; border-top: 0;text-align: center; background: #fff;}
.product_con .swiper-slide a.tit { position: relative;display: inline-block;padding-bottom: 4%;margin-bottom: 6.6%;font-size: 20px;line-height: 2; color: #333;}
.product_con .swiper-slide a.tit:after {content: "";display: inline-block; position: absolute; left: 50%;bottom: 0;width: 40px; height: 1px;background: #ddd; margin-left: -20px;}
.product_con .swiper-slide a.btn {display: inline-block; width: 46.5%;border: 1px solid #c9c9c9; margin-top: 13%;font-size: 14px;line-height:35px; color: #999; -webkit-transition: all 0.8s;transition: all 0.8s;}
.product_con .swiper-slide :hover .btn {border-color: #ec0000; background: #ec0000; color: #fff;}
.product_con .swiper-slide .img{ display: block;}
.product_con .swiper-slide .img .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ccc;opacity: 0; transition: opacity 1s;vertical-align: middle;display: table-cell;text-align: center;
}
.product_con .swiper-slide .img .mask img{ max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle;}
.product_con .swiper-slide :hover .mask{
  opacity: 0.7;
}
.product_con .swiper-pagination{

}
.product_con .swiper-pagination-bullet{
    border-radius:50%;
	width: 15px;
	height: 15px;
    background:#c5c8c7;
	opacity:1;
}
.product_con .swiper-pagination-bullet-active{
  background-color: #ff0000;
}




.about{width:100%; height:349px; background:url(../images/about.jpg) center no-repeat; margin:0 auto; padding-top:30px; overflow:hidden;text-align:center; }
.about li{border:1px solid #fff;border-radius:100%; height:90px; width: 90px; margin-top:170px; margin-right: 25px;}
.about li i{ margin-top:20%; display: block}
.about li p{color:white;}
.about li:hover{border:2px solid #d70b19; margin-top:160px;}

.about .container{background:none;}







.information{width:1200px; height:auto; overflow:hidden; margin:0 auto; }
.information .title{ width:100%; height:auto;overflow:hidden; text-align:center; color:#131618; border-bottom:1px solid #eee; margin-bottom:25px;}
.information .title h3{ font-size:22px; font-weight:normal; line-height:45px; letter-spacing:3px;}
.information .title i{ width:80px; height:2px; background-color:#000; display:block; margin:0 auto; margin-top:25px;}

.information .news{width:670px; height:510px; float:left;}
.information .news .tle{ width:100%; height:41px;text-align:left;}
.information .news .tle a{ color:#131618; line-height:41px;font-size:16px;} 
.information .news .inf_news { height:300px;}
.information .news .inf_news  li{width:650px; height:auto; overflow:hidden; text-align:left; border-bottom:1px solid #CCC; margin-top:10px;}
.information .news .inf_news  li h3{ width:80%; display:block;font-size:16px; line-height:45px; float:left}
.information .news .inf_news  li span{ float:right; display:block; width:20%; line-height:45px; text-align:center;}

.information .news .inf_icon  li{width:132px; height:95px; float:left; background-color:#186e9c; border-radius:15px; margin-right:30px; text-align:center;}
.information .news .inf_icon  li i{ width:65px; height:60px;}
.information .news .inf_icon  li p{ color:#FFF; font-size:14px;}

.information .video{ width:448px; height:443px;float:right; background:url(../images/videobg_03.jpg) no-repeat; padding:15px 20px; }
.information .video .tle{ width:100%; height:30px;text-align:right;}
.information .video .tle a{ color:#fff; line-height:30px; font-size:18px;} 

.information .video .swiper-container-video{width:448px; height:380px; overflow:hidden;  float:left; margin-top:15px; position:relative;}
.information .video .video_pic{ width:448px; height:346px;}
.information .video .swiper-pagination_video{ text-align:right} 
.information .video .swiper-pagination-bullet {display:inline-block; background:#fff;width:18px; border-radius:18px; height:18px ; opacity:1!important; text-align:center; line-height:18px; font-size:14px; color:#666}  
.information .video .swiper-pagination-bullet-active {background:#f90!important;  color:#FFF}


#contents{width:100%; margin:0 auto; overflow:hidden; background-color:#F6F6F6;}
.container{ background-color:#fff; padding-top:30px;}

.line{border-bottom:1px solid #bbb}
.cattxt{color:#d90c1b; font-size: 14px}
.cattxt i{ width:5px; height:20px; display: block; background-color:#d90c1b; float: left; margin-right:20px;}


.path{height:30px;line-height:30px;font-weight:bolder;color:#6e6e6e; float:right;text-align:right;}
.path p{font-size:14px; font-weight:normal;padding-right:25px; text-indent:20px;}
.path p a{color:#6e6e6e;}

.left_menu{width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center; padding-top:2rem;}
.left_menu li{height:36px; line-height:36px; text-align:center; display:inline-block; border:1px solid #bbb; border-left:none; float:none;}
.left_menu li:first-child{border-left:1px solid #bbb; border-radius:18px 0 0 18px;}
.left_menu li:last-child{border-radius:0 18px 18px 0; }
.left_menu li a {color:#000; font-size:16px; display:block;}
.left_menu li:hover{ color:#FFF; background-color:#000;}
.left_menu li:hover a{ color:#FFF;}
.left_menu .cur{background-color:#000;}
.left_menu .cur a{ color:#FFF;}

.pro_menu{width:100%; height:100px;  margin:0 auto; text-align:center; padding-top:2rem;}
.pro_menu li{height:36px; line-height:36px; text-align:center; display:inline-block; border:1px solid #bbb; float:none; width: 15%;}
.pro_menu li:first-child{border-left:1px solid #bbb; border-radius:18px 0 0 18px;}
.pro_menu li:last-child{border-radius:0 18px 18px 0; }
.pro_menu .open{ background:#000;}
.pro_menu .open a{ color: white;}
.pro_menu .dropdown-menu li{height:36px; width: 100%; line-height:36px; text-align:center; border:none;}
.pro_menu .dropdown-menu a{ color:#666}


#right{ width:100%; height:auto; overflow:hidden; margin:0 auto;margin-top:30px;}
.aboutcon{width:90%;padding:10px 5%;}


.w1200{width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.body3_r2{line-height:200%; color:#6e5f4f; padding:80px 0;}
.body3_r3{ text-align:center; margin:0 auto;font-size:22px; color:#333; font-weight:bold; padding-bottom:10px;}
.body3_r4{height:50px; margin:0 auto; text-align:center;}
.body3_r5{padding:20px 15px; line-height:25px;}



/*新闻列表*/
.news_list{height:auto; padding-top: 50px; overflow:hidden;}
.news_list dl{ height:auto; width: 100%; margin-bottom:27px; float:left; border-bottom:1px dotted #CCCCCC; padding-bottom:20px;}
.news_list dl dt{color:#b3b3b3;}
.news_list dl dd{overflow:hidden;}
.news_list dl dd h4{font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:15px; color:#000; font-weight:normal;}
.news_list dl dd p{font-size:14px; line-height:25px; height:50px; overflow:hidden; color:#676767;margin-bottom:10px;}
.news_list dl dd em{ display:block; font-size:16px; color:#b3b3b3; font-family:Arial;}
.news_list dl dd h4 a{ color:#000}
.news_list dl dd p a{ color:#676767}
.news_list dl:hover dd h4 a{color:#e53c02}










.pro_con{ padding:15px 0;}

/*图片展示页面*/

.product_list{ height:auto; margin:0 auto; overflow:hidden}
.product_list ul li{float:left; position:relative; text-align:center; margin-top: 15px;}
.product_list ul li i{display:block; width:100%; overflow:hidden; position:relative}
.product_list ul li img{transition:all 1s ease; width:100%;}
.product_list ul li h3{font-size:14px;line-height:40px; padding-left:10px; margin-top:0px;}
.product_list ul li:hover {}
.product_list ul li:hover h3{ color:#666;}
.product_list ul li:hover img{ transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2); -o-transform:scale(1.2);-webkit-transform:scale(1.2);}

.product_list .sion{width:100%; height:100%; opacity: 0; left: 0;top: 0;position:absolute;display: flex;}
/*.product_list .sion:hover {background-color:#fff;opacity:0.4;transition:opacity .8s;}*/


.video_list{width:1200px; height:auto; margin:0 auto; overflow:hidden}
.video_list ul li{width:350px; float:left; height:auto; text-align:center; margin:15px 25px;}
.video_list ul li video{ width:350px; height:200px !important;}
.video_list ul li p{ font-size:16px; color:#666; line-height:50px; overflow:hidden; width:100%; height:50px; display:block;}


#page{ text-align:center;height:40px; width:1000px; font-size:14px; margin:25px auto;}
#page strong{color:#6e5f4f}
#page input.page1{ width:20px;}
#page a{color:#4f4f4f;}
#page a:hover{ color:#e4c163;}





.pro_show{ width:900px; height:auto; overflow: hidden; margin:0 auto; position:relative;}
.pro_show a{ width:100%; height: 100%; display: block;font-size:40px; color:white}
.pro_show .pro-left{ width:85px; height:85px;  line-height:85px;top:35%; position:absolute; left:0px; background-color:#000;z-index:99;text-align:center;opacity:0.5; color:#FFF}
.pro_show .pro-right{ width:85px; height:85px;line-height:85px; top:35%; position:absolute; right:0px; background-color:#000;z-index:99; text-align:center; opacity:0.5; color:#FFF}
.pro_show .show_con{ width:600px; height: auto; text-align:center; margin-top:50px; margin: 0 auto;}
.pro_show .show_con img{ max-width:100%;}

.pro_show_con{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:50px;}
.pro_show_con .meu{ overflow:hidden; width:100%; text-align:center;margin-bottom: 0; }
.pro_show_con .meu li{ width:118px; height:37px; text-align:center; line-height:35px; font-size:14px; float:left; border:1px solid #ccc; border-bottom:none;color:#666}
.pro_show_con .showbox{overflow:hidden; width:100%;  position:relative; margin:0 auto; border:1px solid #CCC; }
.pro_show_con .showlist{overflow:hidden; width:100%; height:auto; padding:15px;}


.con_nav{height:45px; line-height:45px; padding:0 30px; margin:50px auto;}
.con_nav a{width:50%; font-size:16px; float:left; display:block;}

.right-title{font-size:22px; min-width:150px;text-align:center; color:#fff; margin:10px auto;}

.right-title p{ background:#d70b19; line-height: 1.5em; display: inline-block; padding: 5px 25px;}




.footer{ width:100%; height:auto;}
.footer .footercon{ width:1200px; height:250px; margin:0 auto;}
.footer .footercon .frcon{ width:480px; height:auto; overflow:hidden;float:left;}
.footer .footercon .frcon ul{ width:120px; height:auto; float:left;}
.footer .footercon .frcon ul li{ width:120px; height:28px; line-height:28px;} 
.footer .footercon .frcon ul li a{ color:#686868; font-size:14px;} 
.footer .footercon .frcon ul h3{ font-size:16px; font-weight:normal; margin-bottom:10px; color:#000; line-height:38px;}

.footer .footercon .flcon{width:450px; height:auto; overflow:hidden; float:left;}

.footer .footercon .flcon p{ font-size:13px; color:#686868; line-height:2em; margin-top:15px;}

.footer .footercon .erm{ padding-top:20px; text-align:center; width: 150px; height: 150px; float: right;}

.footer .copy{ width:100%; background:#000; padding-right:18px; height:50px; border:1px solid #e8e9ea; line-height:50px; text-align:center; color: white}


.footer  .search{height:auto; width:450px; font-size:16px; overflow:hidden;}
.footer  .search h3{line-height:30px;font-weight:normal; font-size:20px; color:#000; margin-bottom: 0px;}
.footer  .search .form{width:100%; height:40px; border-bottom: 2px solid #000;} 
.footer  .search .key{ width:410px; height:36px; line-height:36px; padding:0; margin:0; float:left;box-sizing:border-box; border:none;background:none;}
.footer  .search .submit{width:36px; height:36px; float:right; color:#FFF; line-height:36px; text-align:center; display:block; overflow:hidden; }