@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1600px){
.container{width:1600px;padding-right:0px;padding-left:0px;}
.pc{display:block;}
.phone{display:none;}


.header1{width:100%;overflow:hidden;padding:0 50px;} 
.header2{float:left;margin:22px 0px;}
.header2 img{height:56px;}
.header3{float:right;}
.header4{float:left;margin:37px 0;}
.header4 ul{}
.header4 ul li{float:left;margin-right:40px;}
.header4 ul li h2{font-size:16px;color:#333333;line-height:26px;font-weight:700;}
.header4 ul li:hover h2,.header4 ul li.on h2{color:#184890;}
.header4 ul li h3{font-size:16px;color:#da1222;line-height:26px;font-weight:700;padding-left:30px;background: url(../images/header1.png ) no-repeat left center;background-size:auto 21px;}
.header5{float:left;margin-top:33px;margin-left:40px;}
.header5 h2{}

.headera1{position:fixed;top:0px;right:-100%;width:400px;height:100%;z-index:5;transition: all 0.3s;}
.headera1.on{right:0px;}
.headera1.on .headera2{right:0px;}
.headera2{position:fixed;top:0px;right:-100%;width:400px;height:100%;background:#FFFFFF;opacity:0.9;z-index:5;transition: all 0.3s;}
.headera3{padding-top:135px;position:relative;z-index:15;}
.headera4{text-align:center;}
.headera4 img{width:60px;cursor:pointer;}
.headera5{}
.headera5 li{text-align:center;margin-top:50px;}
.headera5 li h2{font-size:30px;color:#333333;line-height:40px;}
.headera6{margin-top:50px;}
.headera6 p{text-align:center;}
.headera6 p img{width:140px;}
.headera6 h2{font-size:16px;color:#666666;line-height:26px;margin-top:5px;text-align:center;}
/*banner*/
.banner1{position:relative;}
.banner1 img{width:100%;}
.banner2{width:100%;}
.banner1 .swiper-button-prev{background:url(../images/banner_q1.png) no-repeat center center;width:50px;height:100px;background-size:34px 77px;opacity:0 !important;z-index:10001;position:absolute;top:50%;left:50px;margin-top:-50px;background-size:18px auto;transition: all 0.3s;}
.banner1 .swiper-button-prev:hover{background:#183469 url(../images/banner_q1.png) no-repeat center center;background-size:18px auto;}
.banner1 .swiper-button-next{background:url(../images/banner_q2.png) no-repeat center center;width:50px;height:100px;background-size:34px 77px;opacity:0 !important;z-index:10001;position:absolute;top:50%;right:50px;margin-top:-50px;background-size:18px auto;transition: all 0.3s;}
.banner1 .swiper-button-next:hover{background:#183469 url(../images/banner_q2.png) no-repeat center center;background-size:18px auto;}
.banner1 .swiper-pagination{position:absolute;bottom:20px !important;left:0px;width:100%;height:10px;z-index:2100;text-align:center;}
.banner1 .swiper-pagination-bullet{width:8px;height:8px;opacity:0.5;margin:4px 6px !important;background:#FFFFFF;vertical-align:text-top;}
.banner1 .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px;height:16px;background:#FFFFFF;margin:0px 6px !important;border:0px;opacity:1 !important;}

.banner1:hover .swiper-button-prev{opacity:1 !important;}
.banner1:hover .swiper-button-next{opacity:1 !important;}

.banner3{position:relative;}
.banner3 img{width:100%;}
.banner3 h2{position:absolute;top:50%;left:0px;font-size:30px;width:100%;text-align:center;color:#ffffff;line-height:40px;font-weight:700;margin-top:-20px;}
.banner4{position:absolute;top:10%;left:50%;width:1600px;margin-left:-800px;}
.banner4 ul{float:right;}
.banner4 ul li{float:left;margin-left:10px;}
.banner4 ul li h3{font-size:14px;color:#666666;line-height:24px;background:url(../images/banner4.png) no-repeat right center;background-size:7px 12px;padding-right:17px;}
.banner4 ul li h4{font-size:14px;color:#666666;line-height:24px;}


.indexa1{padding:70px 0;}
.indexa2{text-align:center;}
.indexa2 h2{font-size:32px;color:#ffffff;line-height:55px;background:url(../images/indexa2.png) no-repeat center center;background-size:349px auto;}

.indexa3{width:100%;display:table;margin-top:80px;margin-bottom:65px;}

.indexa4{width:100%;}
.indexa4 img{width:100%;}
/* .indexa4 .swiper-pagination{position:absolute;bottom:25px !important;right:0px;padding-right:5px;width:100%;height:10px;z-index:2100;text-align:right;}
.indexa4 .swiper-pagination-bullet{width:8px;height:8px;opacity:0.5;margin:1px 6px !important;background:#FFFFFF;vertical-align:text-top;}
.indexa4 .swiper-pagination-bullet.swiper-pagination-bullet-active{width:10px;height:10px;background:#FFFFFF;margin:0px 6px !important;border:0px;opacity:1 !important;}


.indexa4 .swiper-pagination{position:absolute;bottom:15px !important;left:inherit  !important;right:0px !important;width:auto !important;height:10px;z-index:2100;text-align:center;height:30px;}
.indexa4 .swiper-pagination-bullet{width:6px;height:6px;opacity:1;font-size:0px;margin:12px 6px !important;background:#FFFFFF;vertical-align:text-top;}
.indexa4 .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px;height:16px;background:#FFFFFF;margin:0px 6px !important;border:0px;opacity:1 !important;font-size:14px;color:#999999;line-height:30px;width:30px;height:30px;background:url(../images/newa3.png) no-repeat center center;background-size:30px 30px;}
 */


 .indexa4 .swiper-pagination{position:absolute;bottom:15px !important;left:inherit  !important;right:0px !important;width:auto !important;height:10px;z-index:2100;text-align:center;height:30px;}
.indexa4 .swiper-pagination-bullet{width:6px;height:6px;opacity:1;font-size:0px;margin:12px 6px !important;background:#FFFFFF;vertical-align:text-top;}
.indexa4 .swiper-pagination .af{float:left;margin:12px 6px !important;}
.indexa4 .swiper-pagination .af.swiper-pagination-bullet-active{width:16px;height:16px;background:#FFFFFF;margin:0px 6px !important;border:0px;opacity:1 !important;font-size:14px;color:#FFFFFF;line-height:30px;width:30px;height:30px;background:url(../images/newa3.png) no-repeat center center;background-size:30px 30px;/* border:1px solid #8da1c0; */}

.indexa4 .swiper-pagination .af{position:relative;}
.indexa4 .swiper-pagination .af .af1{transition: all 1s;position:absolute;top:0px;left:0px;width:30px;height:0px;overflow:hidden;}
.indexa4 .swiper-pagination .af .af1:before{content: "";width:30px;height:30px;background:url(../images/download3.png) no-repeat center center;background-size:30px 30px;display:block;}

.indexa4 .swiper-pagination .af .af2{transition: all 0.3s;position:absolute;top:0px;left:0px;width:15px;height:0px;display:block;overflow:hidden;}
.indexa4 .swiper-pagination .af .af2:before{content: "";width:30px;height:30px;border:1px solid #FFFFFF;display:block;border-radius:100%;}
.indexa4 .swiper-pagination .af .af3{transition: all 0.3s;position:absolute;bottom:0px;right:0px;width:15px;height:0px;display:block;overflow:hidden;}
.indexa4 .swiper-pagination .af .af3:before {transition: all 0.3s;content: "";width:30px;height:30px;border:1px solid #FFFFFF;display:block;border-radius:100%;margin-left:-15px;margin-top:-30px;}




.indexa4 .af.swiper-pagination-bullet-active .af2{-webkit-animation: Tada 1s forwards linear;
-moz-animation: Tada 1s forwards linear;
-ms-animation: Tada 1s forwards linear;
animation: Tada 1s forwards linear;}
.indexa4 .af.swiper-pagination-bullet-active .af3{-webkit-animation: Tada1 1s forwards linear;
-moz-animation: Tada1 1s forwards linear;
-ms-animation: Tada1 1s forwards linear;
animation: Tada1 1s forwards linear;}
.indexa4 .af.swiper-pagination-bullet-active .af3:before{-webkit-animation: Tada2 1s forwards linear;
-moz-animation: Tada2 1s forwards linear;
-ms-animation: Tada2 1s forwards linear;
animation: Tada2 1s forwards linear;}


.indexa5{position:relative;}
.indexa5 h2{position:absolute;bottom:0px;left:0px;width:100%;background:url(../images/indexa3.png);font-size:16px;color:#ffffff;line-height:60px;padding:0 100px 0 20px;overflow:hidden;}
.indexa6{width:540px;float:left;}
.indexa7{margin-top:30px;padding:0 20px 20px;box-shadow:0px 10px 20px #f0f0f0;}
.indexa7 .title{margin-bottom:14px;}
.indexa7 .title h2{font-size:14px;color:#999999;line-height:24px;}
.indexa7 .des h2{font-size:18px;color:#333333;line-height:28px;margin-bottom:10px;}
.indexa7 .des p{font-size:14px;color:#999999;line-height:24px;}
.indexa7 .pdte{width:100%;overflow:hidden;margin-top:20px;}
.indexa7 .pdte h2{float:left;font-size:18px;color:#999999;line-height:36px;margin-left:5px;height:36px;overflow:hidden;font-family:DIN;}
.indexa7 .pdte h3{float:left;font-size:26px;color:#333333;line-height:36px;font-weight:700;height:36px;overflow:hidden;font-family:DIN;}

.indexa7:hover .des h2{color:#184890;}
.indexb1{float:left;width:640px;margin-left:15px;}
.indexb2{box-shadow:0px 10px 20px #f0f0f0;padding:0 20px 15px;}
.indexb3{}
.indexb3 h2{font-size:24px;color:#333333;line-height:34px;height:34px;overflow:hidden;margin-bottom:15px;}
.indexb3 h3{font-size:26px;color:#333333;line-height:36px;height:36px;margin-bottom:5px;overflow:hidden;font-family:DIN;}
.indexb3 p{font-size:14px;color:#999999;line-height:24px;height:72px;padding-right:40px;overflow:hidden;}

.indexb4{margin-top:20px;}
.indexb4 li{border-bottom:1px dashed #a8a8a8;padding:7px 0;}
.indexb4 li:last-child{border-bottom:0px dashed #a8a8a8;}
.indexb5{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.indexb5 h2{flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;font-size:16px;color:#666666;line-height:26px;height:26px;overflow:hidden;margin-right:20px;}
.indexb5 h3{font-size:16px;color:#999999;line-height:26px;height:26px;}
.indexb4 li:hover .indexb5 h2{color:#184890;}
.indexb4 li:hover .indexb5 h3{color:#184890;}


.indexb6{width:380px;float:right;}
.indexb6 ul{}
.indexb6 ul li{margin-bottom:25px;}
.indexb6 ul li:last-child{margin-bottom:0px;}
.indexb6 ul li p{margin-bottom:10px;height:220px;overflow:hidden;}
.indexb6 ul li p img{width:100%;display:block;transition: all 0.5s;}
.indexb6 ul li:hover p img{transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */}
.indexb6 ul li h2{font-size:16px;color:#333333;line-height:26px;height:26px;overflow:hidden;}
.indexb6 ul li h3{font-size:16px;color:#999999;line-height:26px;height:26px;overflow:hidden;font-family:DIN;}



.indexc1{margin-top:70px;}
.indexc2{width:100%;display:table;margin-top:80px;}
.indexc3{width:370px;float:left;padding:5px;box-shadow:0 0 10px #e5e5e5;overflow:hidden;}
.indexc3 img{width:100%;transition: all 0.5s;}
.indexc3:hover img{transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */}
.indexc4{width:1230px;float:right;}
.indexc4 ul{}
.indexc4 ul li{float:left;padding:15px 15px 15px;box-shadow:0 0 10px #e5e5e5;margin-left:20px;width:390px;}
.indexc4 ul li p{margin-bottom:20px;}
.indexc4 ul li p img{width:100%;}
.indexc4 ul li h2{font-size:24px;color:#333333;line-height:34px;text-align:center;height:34px;overflow:hidden;}
.indexc4 ul li h3{font-size:16px;color:#666666;line-height:25px;text-align:center;height:25px;overflow:hidden;}
.indexc4 ul li h4{margin:10px auto;width:30px;border-bottom:1px solid #333333;transition: all 0.3s;}
.indexc4 ul li:hover h4{width:80px;}

.indexc5{width:100%;display:table;margin-top:20px;}
.indexc6{width:780px;float:left;padding:5px;box-shadow:0 0 10px #e5e5e5;overflow:hidden;}
.indexc6 img{width:100%;transition: all 0.5s;}
.indexc6:hover img{transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */}
.indexc7{width:820px;float:right;}
.indexc7 ul{}
.indexc7 ul li{float:left;padding:5px 5px 5px;position:relative;box-shadow:0 0 10px #e5e5e5;margin-left:10px;width:390px;}
.indexc7 ul li p{margin-bottom:0px;height:260px;overflow:hidden;}
.indexc7 ul li p img{width:100%;transition: all 0.5s;overflow:hidden;}
.indexc7 ul li:hover p img{transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */}
.indexc7 ul li h3{position:absolute;bottom:15px;left:0px;width:100%;font-size:16px;color:#666666;line-height:25px;text-align:center;height:25px;overflow:hidden;z-index: 2;}
.indexc7 ul li:before {content: "";position:absolute;bottom:0px;left:0px;width:100%;;height:55px;overflow:hidden;background:#FFFFFF;opacity:0.9;z-index:1;}

.indexd1{background:#FFFFFF;box-shadow:0 0 10px #e5e5e5;margin-top:100px;padding:15px;}
.indexd2{padding:40px 0 50px;background:#f7f7f7;}
.indexd3{width:100%;overflow:hidden;margin-top:65px;}
.indexd3 ul{}
.indexd3 ul li{float:left;width:16.66%;text-align:center;}
.indexd4{}
.indexd4 h2{transition: all 0.3s;width:140px;height:140px;position:relative;margin:0 auto;background:#FFFFFF;border-radius:100%;}
.indexd4 h2 span{transition: all 0.3s;opacity:1;}
.indexd4 h2 span img{width:100%;display:block;}
.indexd4 h2 b{transition: all 0.3s;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;}
.indexd4 h2 b img{width:100%;display:block;}
.indexd3 ul li .indexd4 h2:hover span{opacity:0;}
.indexd3 ul li .indexd4 h2:hover b{opacity:1;}
.indexd5{text-align:center;font-size:0px;margin-top:20px;}
.indexd5 h2{font-size:14px;color:#333333;line-height:24px;display:inline-block;background: url(../images/indexd13.png ) no-repeat left center;background-size:16px 16px;padding-left:25px;}


/*footer*/
.footer{background:#ffffff url(../images/footer.png ) repeat-x top center;background-size:auto 100%;padding:50px 50px 40px;}
.footera1{width:100%;overflow:hidden;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.footera2{float:left;margin-right:90px;}
.footera3{border-bottom:1px solid #e1e1e1;padding-bottom:10px;}
.footera3 h2{font-size:16px;color:#333333;line-height:26px;font-weight:700;}
.footera4{margin-top:20px;}
.footera4 h2{font-size:24px;color:#666666;line-height:34px;}
.footera4 p{font-size:14px;color:#666666;line-height:24px;}
.footera5{float:left;width:110px;margin-right:90px;}
.footera6{margin-top:20px;}
.footera6 li{margin-bottom:10px;}
.footera6 li h2{font-size:14px;color:#666666;line-height:24px;}
.footera7{margin-top:20px;width:100%;overflow:hidden;}
.footera7 li{margin-bottom:10px;width:50%;float:left;padding-right:20px;}
.footera7 li:nth-child(2n){padding-right:0px;padding-left:20px;}
.footera7 li h2{font-size:14px;color:#666666;line-height:24px;}
.footera8{float:left;width:200px;font-size:0px;text-align:right;}
.footera8 .icon-medium{font-size:0px;}
.footera8 .icon-medium a{width:40px !important;height:40px !important;display:inline-block;margin-right:0px !important;margin-left:5px;}
.footera8 .bshare-email{background: url(../images/footera5.png) no-repeat left center !important;background-size:40px 40px  !important;}
.footera8 .bshare-linkedin{background: url(../images/footera6.png) no-repeat left center !important;background-size:40px 40px  !important;}
.footera8 .bshare-sinaminiblog{background: url(../images/footera7.png) no-repeat left center !important;background-size:40px 40px  !important;}
.footera8 .bshare-weixin{background: url(../images/footera8.png) no-repeat left center !important;background-size:40px 40px  !important;}
.footera9{margin-top:30px;}
.footera9 img{width:100%;}
.footera10{flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;}
.footerb{background:#f7f7f7;padding:0 50px;}
.footerb h2{font-size:14px;color:#333333;line-height:60px;}








/*董事长致辞*/
.Address1{padding:50px 0 130px;}
.Address2{background:url(../images/Address2.png) no-repeat top left;background-size:auto 4px;padding-top:25px;width:100%;overflow:hidden;}
.Address2 li{float:left;margin-right:10px;}
.Address2 li h2{font-size:14px;color:#999999;line-height:24px;background:url(../images/Address3.png) no-repeat right center;background-size:7px 12px;padding-right:17px;}
.Address2 li h3{font-size:14px;color:#666666;line-height:24px;}

.Address3{width:100%;overflow:hidden;margin-top:25px;}
.Address4{float:left;width:300px;}
.Address4 img{width:100%;}
.Address5{width:850px;float:right;}
.Address5 p{font-size:16px;color:#666666;line-height:26px;}
.Address5 img{max-width:100%;}



/*联系信息*/
.Contact_information1{margin-top:25px;}
.Contact_information2{}
.Contact_information2 img{width:100%;}
.Contact_information3{margin-top:45px;}
.Contact_information3 h2{font-size:24px;color:#333333;font-weight:700;line-height:34px;letter-spacing:2px;}
.Contact_information4{}
.Contact_information4 dl{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;margin:20px 0 0 0;}
.Contact_information4 dl dt{font-size:16px;color:#666666;line-height:26px;letter-spacing:2px;}
.Contact_information4 dl dd{font-size:16px;color:#333333;line-height:26px;letter-spacing:2px;margin-left:5px;}
.Contact_information5{border-top:1px dashed #bbbbbb;border-bottom:1px dashed #bbbbbb;margin-top:30px;padding:25px 0;}
.Contact_information5 dl{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;margin:0px 0 50px 0;}
.Contact_information5 dl:last-child{margin:0px 0 0px 0;}
.Contact_information5 dl dt{font-size:16px;color:#666666;line-height:40px;letter-spacing:2px;}
.Contact_information5 dl dd{font-size:30px;color:#184890;line-height:40px;letter-spacing:2px;margin-left:5px;}


/*荣誉资质*/
.Honor1{width:100%;overflow:hidden;margin-top:25px;margin-bottom:70px;}
.Honor1 ul{}
.Honor1 ul li{width:23.15%;float:left;margin-right:2.46%;margin-bottom:2.46%;}
.Honor1 ul li:nth-child(4n){margin-right:0px;}
.Honor2{border:1px solid #e1e1e1;margin-bottom:25px;}
.Honor2 img{width:100%;height:370px;}
.Honor3{background:url(../images/Honor2.png) no-repeat center bottom;background-size:240px;text-align:center;}
.Honor3 h2{font-size:16px;color:#c39d4f;line-height:26px;font-weight:700;height:26px;overflow:hidden;padding:0 30px;}
.Honor3 h3{font-size:16px;color:#c39d4f;line-height:26px;height:26px;overflow:hidden;padding:0 30px;}
.Honor4{width:80%;}
.Honor4 img{max-width:100%;}


/*组织机构*/
.download1{margin-top:40px;margin-bottom:70px;}
.download2{}
.download2 ul{}
.download2 ul li{border-bottom:1px dashed #c5c5c5;padding:20px 0;transition: all 0.3s;}
.download2 ul li a{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.download2 ul li h2{font-size:16px;color:#333333;line-height:30px;padding-left:60px;flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;background:url(../images/download1.png) no-repeat left center;background-size:22px 29px;height:30px;overflow:hidden;}
.download2 ul li h3{width:30px;height:30px;position:relative;margin-left:30px;}

.download2 ul li h3 .ca{transition: all 1s;position:absolute;top:0px;left:0px;width:30px;height:0px;overflow:hidden;}
.download2 ul li h3 .ca:before{content: "";width:30px;height:30px;background:url(../images/download3.png) no-repeat center center;background-size:30px 30px;display:block;}
.download2 ul li:hover h3 .ca{height:30px;}
.download2 ul li h3 span{transition: all 0.3s;position:absolute;top:0px;left:0px;width:15px;height:0px;display:block;overflow:hidden;}
.download2 ul li h3 span:before {content: "";width:30px;height:30px;border:1px solid #184890;display:block;border-radius:100%;}
.download2 ul li h3 b{transition: all 0.3s;position:absolute;bottom:0px;right:0px;width:15px;height:0px;display:block;overflow:hidden;}
.download2 ul li h3 b:before {transition: all 0.3s;content: "";width:30px;height:30px;border:1px solid #184890;display:block;border-radius:100%;margin-left:-15px;margin-top:-30px;}

.download2 ul li:hover h3 span{-webkit-animation: Tada 1s forwards linear;
-moz-animation: Tada 1s forwards linear;
-ms-animation: Tada 1s forwards linear;
animation: Tada 1s forwards linear;}
.download2 ul li:hover h3 b{-webkit-animation: Tada1 1s forwards linear;
-moz-animation: Tada1 1s forwards linear;
-ms-animation: Tada1 1s forwards linear;
animation: Tada1 1s forwards linear;}
.download2 ul li:hover h3 b:before{-webkit-animation: Tada2 1s forwards linear;
-moz-animation: Tada2 1s forwards linear;
-ms-animation: Tada2 1s forwards linear;
animation: Tada2 1s forwards linear;}

/* .download2 ul li:hover h3 span{height:30px;}
.download2 ul li:hover h3 b{height:30px;}
.download2 ul li:hover h3 b:before{margin-top:0px;}
 */


@keyframes Tada {
0% {
height:0px;
}
50%{
height:30px;
}
100% {
height:30px;
}
}
@keyframes Tada1 {
0% {
height:0px;
}
50%{
height:0px;
}
100% {
height:30px;
}
}
@keyframes Tada2 {
0% {
margin-top:-30px;
}
50%{
margin-top:-30px;
}
100% {
margin-top:0px;
}
}


.download2 ul li:hover{border-bottom:1px dashed #184890;}
.download2 ul li:hover h2{color:#184890;font-weight:700;}
/* .download2 ul li h3 span{display:block;width:30px;height:30px;background:url(../images/download2.png) no-repeat center center;background-size:30px 30px;}
.download2 ul li h3 b{transition: all 0.3s;display:block;width:30px;height:0px;background:url(../images/download3.png) no-repeat top center;background-size:30px 30px;position:absolute;top:0px;left:0px;}
.download2 ul li:hover{border-bottom:1px dashed #184890;}
.download2 ul li:hover h2{color:#184890;font-weight:700;}
.download2 ul li:hover h3 b{height:30px;} */

.download3{}
.download3 ul{}
.download3 ul li{border-bottom:1px dashed #c5c5c5;padding:20px 0;transition: all 0.3s;}
.download3 ul li a{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.download3 ul li h2{font-size:16px;color:#333333;line-height:30px;padding-left:60px;flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;background:url(../images/download4.png) no-repeat left center;background-size:23px 18px;height:30px;overflow:hidden;}
.download3 ul li h3{position:relative;margin-left:30px;font-size:18px;color:#333333;line-height:30px;font-family:DIN;}
.download3 ul li:hover{border-bottom:1px dashed #184890;}
.download3 ul li:hover h2{color:#184890;font-weight:700;background:url(../images/download5.png) no-repeat left center;background-size:23px 18px;}
.download3 ul li:hover h3{color:#184890;}

/*企业概况*/
.Enterprise_profile1{margin-top:25px;margin-bottom:70px;}
.Enterprise_profile1 li{width:100%;overflow:hidden;margin-bottom:50px;}
.Enterprise_profile1 li:nth-child(2n) .Enterprise_profile2{float:right;}
.Enterprise_profile1 li:nth-child(2n) .Enterprise_profile3{float:left;}
.Enterprise_profile2{float:left;width:39%;}
.Enterprise_profile2 img{width:100%;}
.Enterprise_profile3{float:right;width:60%;background:url(../images/Enterprise_profile3.png) no-repeat bottom left;background-size:100% auto;padding-bottom:30px;}
.Enterprise_profile3 h2{font-size:24px;color:#184890;line-height:34px;margin-bottom:10px;}
.Enterprise_profile3 p{font-size:16px;color:#666666;line-height:26px;}



/*青花瓷文化*/
.Culture1{width:100%;overflow:hidden;margin:25px 0 70px;}
.Culture1 ul{}
.Culture1 ul li{width:32%;float:left;margin-right:2%;margin-bottom:2%;}
.Culture1 ul li:nth-child(3n){margin-right:0px;float:right;}
.Culture2{overflow:hidden;}
.Culture2 img{width:100%;transition: all 0.5s;}
.Culture1 ul li:hover .Culture2 img{transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */}

.Culture3{margin-top:15px;}
.Culture3 dd{margin-top:10px;}
.Culture3 dd h2{font-size:16px;color:#333333;line-height:26px;height:26px;overflow:hidden;padding-left:40px;background:url(../images/Culture4.png) no-repeat center left;background-size:18px 14px;}
.Culture3 dd h3{font-size:16px;color:#333333;line-height:26px;height:26px;overflow:hidden;padding-left:40px;background:url(../images/Culture5.png) no-repeat center left;background-size:8px 8px;}



/*服务器中心*/
.service1{margin-top:25px;}
.service2{}
.service2 img{width:100%;}
.service3{margin-top:40px;}
.service4{background:#184890;}
.service4 h2{font-size:16px;color:#ffffff;line-height:50px;padding:0 10px;}

.service5{margin-top:5px;}
.service5 table{width:100%;border:1px solid #FFFFFF;}
.service5 table thead{}
.service5 table thead tr{}
.service5 table thead tr th{font-size:16px;color:#184890;line-height:50px;font-weight:700;text-align:center;background:#e7ecf4;}
.service5 table tbody tr td{font-size:14px;color:#333333;line-height:50px;text-align:center;background:#FFFFFF;}
.service5 table tbody tr:nth-child(odd) td{background: #f7f7f7;}
.service5 table thead tr th.service6{background:#d2dbea;}
.service5 table tbody tr td.service7{background:#f2f2ee;}




/*新闻详情*/
.News_detai{margin-top:25px;}
.News_detai1{text-align:center;}
.News_detai1 h2{font-size:24px;color:#333333;line-height:34px;}
.News_detai2{text-align:center;margin-top:20px;padding-bottom:20px;border-bottom:1px solid #e1e1e1;}
.News_detai3{display:inline-block;vertical-align:text-top;}
.News_detai3 h2{float:left;font-size:14px;color:#666666;line-height:45px;margin-right:20px;}
.News_detai4{display:inline-block;vertical-align:text-top;}
.News_detai4 .bshare-custom a{width:40px !important;height:40px !important;display:inline-block;/* margin-left:12px; */border-radius:100%;margin:3px 5px 3px 0;}
.News_detai4 .bshare-weixin{background:#f2f2f2 url(../images/footera7.png) no-repeat center center !important;background-size:40px 40px  !important;}
.News_detai4 .bshare-sinaminiblog{background:#f2f2f2 url(../images/footera8.png) no-repeat center center !important;background-size:40px 40px  !important;}
.News_detai4 .bshare-qzone{background:#f2f2f2 url(../images/News_detai7.png) no-repeat center center !important;background-size:40px 40px  !important;}
.News_detai4 .bshare-qqmb{background:#f2f2f2 url(../images/News_detai8.png) no-repeat center center !important;background-size:40px 40px  !important;}
.News_detai4 h3{float:left;font-size:16px;color:#000000;line-height:45px;}

    .product_detailb3 img{width:100%;display:block;transition: all 0.5s;}
    .product_detailb3:hover img{transform:scale(1.05);}


    .News_detai5{margin-top:25px;margin-bottom:150px;}
.News_detai5 p{font-size:16px;color:#666666;line-height:26px;}
.News_detai5 img{    height: auto !important;
    width: auto !important;max-width: 100%}
.News_detai6{text-align:center;font-size:0px;padding:20px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.News_detai6 li{display:inline-block;vertical-align:text-top;}
.News_detai6 h2{font-size:24px;color:#666666;line-height:27px;padding-left:90px;background: url(../images/page1.png) no-repeat left center;background-size: 54px auto;transition: all 0.3s;}
.News_detai6 h2:hover{color:#184890;background:url(../images/page4.png) no-repeat left center;background-size:54px auto;}
.News_detai6 h3{margin:0 100px;}
.News_detai6 h3 img{width:27px;}
.News_detai6 h4{font-size:24px;color:#666666;line-height:27px;padding-right:90px;background: url(../images/page2.png) no-repeat right center;background-size: 54px auto;transition: all 0.3s;}
.News_detai6 h4:hover{color:#184890;background:url(../images/page3.png) no-repeat right center;background-size:54px auto;}


.News_detai5 {line-height:170%;font-size:14px;font-family: 微软雅黑}
    .News_detai5 p {line-height:170%;font-size:14px;font-family: 微软雅黑}
/*青花瓷专卖店*/
.Exclusive_shop1{margin-top:30px;}
.Exclusive_shop1 table{width:100%;border:1px solid #FFFFFF;}
.Exclusive_shop1 table thead{}
.Exclusive_shop1 table thead tr{}
.Exclusive_shop1 table thead tr th{font-size:16px;color:#184890;line-height:50px;font-weight:700;text-align:left;background:#e7ecf4;padding:0 20px;}
.Exclusive_shop1 table tbody tr td{font-size:14px;color:#333333;line-height:50px;text-align:left;background:#FFFFFF;padding:0 20px;}
.Exclusive_shop1 table tbody tr:nth-child(odd) td{background: #f7f7f7;}
.Exclusive_shop1 table thead tr th.service6{background:#d2dbea;}
.Exclusive_shop1 table tbody tr:nth-child(odd) td.service7{background:#f2f2ee;font-weight:700;}
.Exclusive_shop1 table tbody tr td.service7{font-weight:700;}
.Exclusive_shop2{width:100%;overflow:hidden;}
.Exclusive_shop2 h2{float:right;font-size:16px;color:#ffffff;background:#184890;line-height:50px;width:200px;text-align:center;border-radius:5px;height:50px;}

.Exclusive_shop3{text-align:center;margin-top:20px;}
.Exclusive_shop4{width:400px;padding-right:60px;position:relative;border:1px solid #184890;border-radius:5px;display:inline-block;vertical-align:text-top;}
.Exclusive_shop4 input{width:100%;height:60px;border:0px;border-radius:5px;font-size:16px;color:#999999;line-height:40px;padding:0 10px;}
.Exclusive_shop4 button{position:absolute;top:0px;right:0px;width:60px;height:60px;border:0px;background:#184890 url(../images/Exclusive_shop1.png) no-repeat center center;background-size:26px 26px;}

.Exclusive_shop5{display:inline-block;vertical-align:text-top;}
.Exclusive_shop5 dl{float:left;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;margin-left:15px;margin-bottom:0px;}
.Exclusive_shop5 dl dt{font-size:16px;color:#999999;line-height:60px;font-weight:400;}
.Exclusive_shop5 dl dd{flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;}
.Exclusive_shop5 dl dd select{width:150px;border-radius:5px;border:1px solid #e1e1e1;height:60px;background:#f7f7f7;font-size:16px;color:#333333;line-height:26px;padding:0 10px;}


/*新闻列表*/
.news1{}
.news2{text-align:center;}
.news2 ul{font-size:0px;}
.news2 ul li{display:inline-block;position:relative;margin:0 15px;position:relative;}
.news2 ul li h2{font-size:24px;color:#666666;line-height:50px;min-width:150px;padding:0 20px;border:1px solid #999999;}
.news2 ul li .div1{position:absolute;top:0px;left:0px;background:#FFFFFF;width:5px;height:5px;border-right:1px solid #999999;border-bottom:1px solid #999999;}
.news2 ul li .div2{position:absolute;bottom:0px;left:0px;background:#FFFFFF;width:5px;height:5px;border-right:1px solid #999999;border-top:1px solid #999999;}
.news2 ul li .div3{position:absolute;top:0px;right:0px;background:#FFFFFF;width:5px;height:5px;border-left:1px solid #999999;border-bottom:1px solid #999999;}
.news2 ul li .div4{position:absolute;bottom:0px;right:0px;background:#FFFFFF;width:5px;height:5px;border-left:1px solid #999999;border-top:1px solid #999999;}

.news2 ul li:hover h2,.news2 ul li.on h2{border:1px solid #184890;color:#184890;}
.news2 ul li:hover .div1,.news2 ul li.on .div1{border-right:1px solid #184890;border-bottom:1px solid #184890;}
.news2 ul li:hover .div2,.news2 ul li.on .div2{border-right:1px solid #184890;border-top:1px solid #184890;}
.news2 ul li:hover .div3,.news2 ul li.on .div3{border-left:1px solid #184890;border-bottom:1px solid #184890;}
.news2 ul li:hover .div4,.news2 ul li.on .div4{border-left:1px solid #184890;border-top:1px solid #184890;}

.news3{margin-top:60px;width:100%;overflow:hidden;margin-bottom:70px;}
.news3 li{width:32%;float:left;margin-right:2%;margin-bottom:2%;}
.news3 li:nth-child(3n){margin-right:0px;float:right;}
.news4{width:100%;border:1px solid #e1e1e1;overflow:hidden;}
.news5{width:43%;float:left;padding:20px;border-right:1px solid #e1e1e1;}
.news5 img{width:100%;}
.news6{width:57%;float:right;padding:20px 15px;}
.news6 p{margin-bottom:5px;width:100%;overflow:hidden;font-size:16px;color:#333333;line-height:26px;height:26px;overflow:hidden;}
.news6 p span{font-size:16px;color:#666666;line-height:26px;}
.news7{margin-top:20px;}
.news7 dl{margin-bottom:0px;}
.news7 dl dd{padding:5px 0 0;width:100%;transition: all 0.3s;}
.news7 dl dd a{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.news7 dl dd h2{font-size:16px;color:#333333;line-height:30px;padding-left:20px;flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;background: url(../images/Culture5.png) no-repeat center left;background-size: 4px 4px;height:30px;overflow:hidden;}
.news7 dl dd h3{position:relative;margin-left:30px;font-size:18px;color:#333333;line-height:30px;font-family:DIN;}
.news7 dl dd:hover h2{color:#184890;}


.news8{padding-bottom:100px;padding-top:30px;}
.news9{width:100%;overflow:hidden;margin-bottom:70px;}
.news9 ul{}
.news9 ul li{padding:20px 0;transition: all 0.3s;width:48%;float:left;padding-right:35px;}
.news9 ul li:nth-child(2n){float:right;}
.news9 ul li:nth-child(4n){background:#f7f7f7;}
.news9 ul li:nth-child(4n+3){background:#f7f7f7;}
.news9 ul li a{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.news9 ul li h2{font-size:16px;color:#333333;line-height:30px;padding-left:60px;flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;background:url(../images/download4.png) no-repeat left 20px center;background-size:23px 18px;height:30px;overflow:hidden;}
.news9 ul li h3{position:relative;margin-left:30px;font-size:16px;color:#333333;line-height:30px;font-family:DIN;}
.news9 ul li:hover h2{color:#184890;font-weight:700;background:url(../images/download5.png) no-repeat left 20px center;background-size:23px 18px;}
.news9 ul li:hover h3{color:#184890;}

.newa1{background:url(../images/newa4.png) no-repeat center center;background-size:cover;padding:55px 0 75px;}
.newa2{width:100%;overflow:hidden;margin-top:60px;}
.newa3{width:48%;float:left;overflow:hidden;}

.newa3 .swiper-pagination{position:absolute;bottom:15px !important;left:inherit  !important;right:0px !important;width:auto !important;height:10px;z-index:2100;text-align:center;height:30px;}
.newa3 .swiper-pagination-bullet{width:6px;height:6px;opacity:1;font-size:0px;margin:12px 6px !important;background:#FFFFFF;vertical-align:text-top;}
.newa3 .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px;height:16px;background:#FFFFFF;margin:0px 6px !important;border:0px;opacity:1 !important;font-size:14px;color:#999999;line-height:30px;width:30px;height:30px;background:url(../images/newa3.png) no-repeat center center;background-size:30px 30px;}
.newa4{position:relative;width:100%;}
    .newa4 img{width:auto;height:400px;max-width:100%;}
    .newa4 p{text-align: center}
.newa4 h2{position:absolute;bottom:0px;left:0px;width:100%;font-size:16px;color:#ffffff;line-height:60px;height:60px;overflow:hidden;z-index:2;padding:0 10px;}
.newa4 h3{position:absolute;bottom:0px;left:0px;width:100%;height:60px;overflow:hidden;z-index:1;background:#283e7b;opacity:0.8;}

.newa5{width:49%;float:right;}
.newa6{}
.newa6 h2{font-size:24px;color:#333333;line-height:34px;margin-bottom:15px;}
.newa6 h3{font-size:26px;color:#333333;line-height:34px;margin-bottom:10px;}
.newa6 p{font-size:14px;color:#999999;line-height:24px;}
.newa7{width:100%;overflow:hidden;margin-top:20px;}
.newa7 ul{}
.newa7 ul li{padding:11px 0;transition: all 0.3s;width:100%;border-bottom:1px dashed #a9a8a8;}
.newa7 ul li a{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.newa7 ul li h2{font-size:16px;color:#333333;line-height:30px;flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;height:30px;overflow:hidden;}
.newa7 ul li h3{position:relative;margin-left:30px;font-size:16px;color:#999999;line-height:30px;font-family:DIN;}
.newa7 ul li:hover{border-bottom:1px dashed #184890;}
.newa7 ul li:last-child{border-bottom:0px solid #184890;}
.newa7 ul li:hover h2{color:#184890;font-weight:700;}
.newa7 ul li:hover h3{color:#184890;}

/*在线留言*/
.word1{margin-top:30px;}
.word2{}
.word2 h2{font-size:24px;color:#333333;font-weight:700;line-height:34px;}
.word3{width:800px;overflow:hidden;margin-top:30px;}
.word3 dl{width:49%;float:left;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.word3 dl dt{font-size:16px;color:#999999;line-height:60px;font-weight:400;}
.word3 dl dd{flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;}
.word3 dl dd input{width:100%;height:60px;border-radius:5px;border:1px solid #e1e1e1;padding:0 10px;font-size:16px;color:#333333;line-height:40px;}
.word3 dl dd textarea{width:100%;height:110px;border-radius:5px;border:1px solid #e1e1e1;padding:0 10px;font-size:16px;color:#333333;line-height:30px;resize:none;padding:10px;}
.word3 dl:nth-child(2n){float:right;}
.word3 dl.word4{width:100%;}
.word3 dl dd input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #999999;
}
.word3 dl dd input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #999999;
}
.word3 dl dd input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #999999;
}
.word3 dl dd input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #999999;
}

.word3 dl dd textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #999999;
}
.word3 dl dd textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #999999;
}
.word3 dl dd textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #999999;
}
.word3 dl dd textarea:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #999999;
}

.word5{padding-left:48px;}
.word5 button{background:#184890;width:200px;height:60px;color:#FFFFFF;font-size:14px;border-radius:5px;border:0px;}





/*视频中心*/


.video1{width:100%;overflow:hidden;margin-top:30px;}
.video1 #certify{width:auto !important;}
.video1 #certify .swiper-slide{background:none;box-shadow:none;width:776px;height:auto;}
.video1 #certify  .swiper-button-next{background:url(../images/index_a4.png) no-repeat left center;width:34px;height:77px;background-size:34px 77px;opacity:1 !important;z-index:10001;position:absolute;top:50%;right:24px;margin-top:-70px;}
.video1 #certify  .swiper-button-next:hover{background:url(../images/index_a4.png) no-repeat left center;width:34px;height:77px;background-size:34px 77px;opacity:1 !important;z-index:10001;position:absolute;top:50%;right:24px;margin-top:-70px;}
.video1 #certify  .swiper-button-prev{background:url(../images/index_a3.png) no-repeat left center;width:34px;height:77px;background-size:34px 77px;opacity:1 !important;z-index:10001;position:absolute;top:50%;left:24px;margin-top:-70px;}
.video1 #certify  .swiper-button-prev:hover{background:url(../images/index_a3.png) no-repeat left center;width:34px;height:77px;background-size:34px 77px;opacity:1 !important;z-index:10001;position:absolute;top:50%;left:24px;margin-top:-70px;}
.video2{}
.video2 img{width:100%;}
.video2 video{width:100%;}
.video2 p{position:absolute;top:50%;left:50%;margin-top:-30px !important;margin-left:-30px !important;}
.video2 p img{width:60px;height:60px;}
.video3{margin-top:30px;text-align:center;opacity:0;}
.video3 h2{display:inline-block;padding-left:40px;background:url(../images/video3.png) no-repeat left center;background-size:28px 32px;}
.video3 h2 span{display:block;font-size:24px;color:#333333;line-height:34px;padding-right:40px;background:url(../images/video4.png) no-repeat right center;background-size:28px 32px;height:34px;overflow:hidden;}
.video1 .swiper-slide.swiper-slide-active{}
.video1 .swiper-slide.swiper-slide-active .video3{opacity:1;}

.video4{width:100%;overflow:hidden;margin-bottom:50px;}
.video4 li{float:left;width:23%;margin-right:2.6%;margin-bottom:2.6%;cursor:pointer;}
.video4 li:nth-child(4n){float:right;margin-right:0px;}
.video4 li p{overflow:hidden;}
.video4 li p img{width:100%;display:block;transition: all 0.5s;}
.video4 li:hover p img{transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */}
.video5{position:relative;}
.video5 h2{position:absolute;bottom:10px;right:5px;background:url(../images/video6.png);border-radius:50px;}
.video5 h2 span{display:block;font-size:14px;color:#ffffff;line-height:30px;padding:0 40px 0 10px;background:url(../images/video7.png) no-repeat right center;background-size:30px 30px;height:30px;}
.video6{margin-top:15px;text-align:center;}
.video6 h2{font-size:16px;color:#333333;line-height:26px;height:26px;overflow:hidden;}


.videos1{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:1000000;}
.videos2{position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000000;opacity:0.5;}
.videos3{max-height:90%;max-width:90%;
position:fixed;top:50%;left:50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);}
.videos3 video{max-height:100%;max-width:100%;
}

/*产品中心*/
.product1{border:1px solid #f2f2f2;padding:0 40px;}
.product1 dd{width:100%;overflow:hidden;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;padding:20px 0 10px;border-bottom:1px solid #f2f2f2;}
.product1 dd:last-child{border-bottom:0px solid #f2f2f2;}
.product2{min-width:120px;}
.product2 h2{font-size:24px;color:#333333;line-height:40px;}

.product3{text-align:center;flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;}
.product3 ul{font-size:0px;height:52px;overflow:hidden;}
.product3 ul li{float:left;position:relative;margin:0 0px 10px 15px;padding-left:25px;position:relative;background:url(../images/product3.png) no-repeat left center;background-size:8px 18px;}
.product3 ul li h2{font-size:16px;color:#333333;line-height:40px;min-width:110px;padding:0 20px;border:1px solid #FFFFFF;cursor:pointer;}
.product3 ul li .div1{position:absolute;top:0px;left:25px;background:#FFFFFF;width:5px;height:5px;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
.product3 ul li .div2{position:absolute;bottom:0px;left:25px;background:#FFFFFF;width:5px;height:5px;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;}
.product3 ul li .div3{position:absolute;top:0px;right:0px;background:#FFFFFF;width:5px;height:5px;border-left:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
.product3 ul li .div4{position:absolute;bottom:0px;right:0px;background:#FFFFFF;width:5px;height:5px;border-left:1px solid #FFFFFF;border-top:1px solid #FFFFFF;}
.product3 ul li:hover h2{color:#184890;}
/* .product3 ul li:last-child{background:none;} */

.product3 ul li.on h2{border:1px solid #184890;color:#184890;}
.product3 ul li.on .div1{border-right:1px solid #184890;border-bottom:1px solid #184890;}
.product3 ul li.on .div2{border-right:1px solid #184890;border-top:1px solid #184890;}
.product3 ul li.on .div3{border-left:1px solid #184890;border-bottom:1px solid #184890;}
.product3 ul li.on .div4{border-left:1px solid #184890;border-top:1px solid #184890;}

.product4{cursor:pointer;}
.product4 h2{font-size:14px;color:#999999;line-height:40px;background:url(../images/product4.png) no-repeat right center;background-size:12px 7px;padding-right:25px;}
.product4 h3{font-size:14px;color:#999999;line-height:40px;background:url(../images/product5.png) no-repeat right center;background-size:12px 7px;padding-right:25px;display:none;}

.product1 dd.on .product3 ul{height:auto;}
.product1 dd.on .product4 h2{display:none;}
.product1 dd.on .product4 h3{display:block;}

.aaaa{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.aaaaa{flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;}

.produca1{width:100%;overflow:hidden;margin-bottom:70px;margin-top:45px;}
.produca1 ul{}
.produca1 ul li{width:23%;float:left;border:1px solid #e1e1e1;/* padding-bottom:15px; */position:relative;background:url(../images/produca8.jpg) no-repeat bottom center;background-size:100% 100%;overflow:hidden;margin-right:2.6%;margin-bottom:2.6%;}
.produca1 ul li:nth-child(4n){margin-right:0%;float:right;}
.produca2{overflow:hidden;}
.produca2 img{width:100%;display:block;transition: all 0.5s;}
.produca1 li:hover .produca2 img{transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */}
.produca3{transition: all 0.5s;padding:0 27px 30px;position:absolute;bottom:-100%;left:0px;width:100%;background:url(../images/produca8.jpg) no-repeat bottom center;background-size:100% 100%;border-top:1px solid #e1e1e1;}
.produca4{border:1px solid #e5e9f0;border-radius:50px;background:#f7f7f7;}
.produca5{text-align:center;padding-left:50px;background:url(../images/produca11.png) no-repeat left 10px center;background-size:40px 45px;}
.produca6{text-align:center;padding-right:50px;background:url(../images/produca12.png) no-repeat right 10px center;background-size:40px 45px;}
.produca7{background:url(../images/produca13.png) repeat-x left center;background-size:auto 1px;}
.produca8{background:#f7f7f7;padding:4px 0;display:inline-block;}
.produca8 h2{font-size:24px;color:#333333;line-height:34px;height:34px;overflow:hidden;}
.produca8 h3{font-size:16px;color:#666666;line-height:26px;height:26px;overflow:hidden;}
.produca9{text-align:center;margin-top:20px;}
.produca9 p{font-size:16px;color:#333333;line-height:26px;}
.produca9 h3{margin-top:25px;}
.produca9 h3 span{display:inline-block;font-size:14px;color:#184890;line-height:24px;background:url(../images/produca9.png) no-repeat right center;background-size:7px 12px;padding-right:17px;}
.produca3 .produca4{margin-top:-35px;}
.produca3 .produca5{text-align:center;padding-left:50px;background:url(../images/produca5.png) no-repeat left 10px center;background-size:40px 45px;}
.produca3 .produca6{text-align:center;padding-right:50px;background:url(../images/produca6.png) no-repeat right 10px center;background-size:40px 45px;}
.produca3 .produca7{background:url(../images/produca7.png) repeat-x left center;background-size:auto 1px;}
.produca10{padding:0 27px;margin:10px 0;}
.produca1 ul li:hover .produca3{bottom:0px;}


/*产品详情*/
.product_details1{padding:25px 200px;width:100%;overflow:hidden;}
.product_details2{width:600px;overflow:hidden;margin:0 auto;}
.product_details2 .gallery-top{width:100%;overflow:hidden;}
.product_details2 .gallery-thumbs{width:100%;overflow:hidden;}
.product_details2 img{width:100%;}
.product_details3{border:1px solid #e1e1e1;padding:65px 120px;background:url(../images/product_details8.jpg) no-repeat center center;background-size:100% 100%;}
.product_details5{border:1px solid #e1e1e1;margin-top:20px;padding:15px 50px;position:relative;}
.product_details5 .swiper-button-prev{background:#f3f3f3 url(../images/product_details6.png) no-repeat center center !important;width:32px;height:60px;background-size:10px 28px !important;opacity:1 !important;z-index:10001;position:absolute;top:50%;left:0px;margin-top:-30px;background-size:18px auto;border-radius:0 5px 5px 0;border:1px solid #e1e1e1;border-left:0px;}
.product_details5 .swiper-button-next{background:#f3f3f3 url(../images/product_details5.png) no-repeat center center !important;width:32px;height:60px;background-size:10px 28px !important;opacity:1 !important;z-index:10001;position:absolute;top:50%;right:0px;margin-top:-30px;background-size:18px auto;border-radius:5px 0 0 5px;border:1px solid #e1e1e1;border-right:0px;}

.product_details6{width:67%;float:left;}


.product_detaila1{margin-top:40px;}
.product_detaila2{padding-bottom:20px;border-bottom:1px solid #e1e1e1;}
.product_detaila2 h2{font-size:24px;color:#333333;line-height:34px;font-weight:700;}
.product_detaila3{margin-top:15px;font-size:16px;color:#333333;line-height:26px;letter-spacing:2px;}
.product_detaila3 p{font-size:16px;color:#333333;line-height:26px;margin-bottom:10px;letter-spacing:2px;}
.product_detaila3 p span{font-weight:700;color:#666666;}

.product_detaila4{margin-top:30px;width:100%;overflow:hidden;background:url(../images/product_detaila7.png) repeat-x center center;background-size:auto 1px;}
.product_detaila4 h2{float:left;background:#FFFFFF;padding-right:15px;}
.product_detaila4 h2 span{float:left;display:block;background:url(../images/product_detaila4.png) no-repeat center center;background-size:130px 39px;font-size:16px;color:#333333;font-weight:700;width:130px;height:39px;line-height:39px;text-align:center;}
.product_detaila5{margin-top:20px;font-size:16px;color:#666666;line-height:30px;letter-spacing:1px;}
.product_detaila5 p{font-size:16px;color:#666666;line-height:30px;letter-spacing:1px;}


.product_detailb5{width:310px;float:right;height:1240px;border:1px solid #e1e1e1;position:relative;}
.product_detailb1{border-bottom:1px solid #e1e1e1;padding:20px 30px 0;}
.product_detailb1 .swiper-container-vertical{height:1140px;overflow:hidden;}
.product_detailb2{}
.product_detailb3{}
.product_detailb3 img{width:100%;}
.product_detailb4{text-align:center;margin-top:15px;}
.product_detailb4 h2{font-size:16px;color:#333333;line-height:26px;font-weight:700;}
.product_detailb4 h3{font-size:16px;color:#333333;line-height:26px;}

.product_detailb5 .swiper-button-prev{background:#bbbbbb url(../images/product_detailb6.png) no-repeat center center !important;width:30px;height:30px;background-size:11px 6px !important;opacity:1 !important;z-index:10001;position:absolute;top:inherit;bottom:25px;left:50%;background-size:18px auto;border-radius:100%;margin-left:-40px;pointer-events: inherit !important;cursor:pointer !important;}
.product_detailb5 .swiper-button-prev:hover{background:#184890 url(../images/product_detailb6.png) no-repeat center center !important;width:30px;height:30px;background-size:11px 6px !important;opacity:1 !important;z-index:10001;position:absolute;top:inherit;bottom:25px;left:50%;background-size:18px auto;border-radius:100%;margin-left:-40px;}
.product_detailb5 .swiper-button-next{background:#bbbbbb url(../images/product_detailb7.png) no-repeat center center !important;width:30px;height:30px;background-size:11px 6px !important;opacity:1 !important;z-index:10001;position:absolute;top:inherit;bottom:25px;right:50%;margin-right:-40px;border-radius:100%;pointer-events: inherit !important;cursor:pointer !important;}
.product_detailb5 .swiper-button-next:hover{background:#184890 url(../images/product_detailb7.png) no-repeat center center !important;width:30px;height:30px;background-size:11px 6px !important;opacity:1 !important;z-index:10001;position:absolute;top:inherit;bottom:25px;right:50%;margin-right:-40px;border-radius:100%;}
/*分页*/
.page{text-align:center;}
.page ul{font-size:0px;}
.page ul li{display:inline-block;vertical-align:top;margin:0 15px;}
.page ul li h2{width:53px;height:24px;background:url(../images/page1.png) no-repeat center center;background-size:100% auto;}
.page ul li h3{font-size:24px;color:#333333;line-height:24px;}
.page ul li:hover h3{color:#184890;}
.page ul li h4{width:53px;height:24px;background:url(../images/page3.png) no-repeat center center;background-size:100% auto;}
    .page ul li.on h3{color:#184890;}




/*左侧*/
.public{width:100%;display:table;}
.public_left{float:left;width:310px;box-shadow:0 0 32px #f0f0f0;}
.public_left_title{background:url(../images/public_left_title.png) no-repeat left top;background-size:100% auto;width:100%;padding:14px 15px 10px 15px;}
.public_left_title h2{font-size:32px;color:#ffffff;line-height:42px;height:42px;}
.public_left_title h3{font-size:24px;color:#ffffff;line-height:34px;font-family:DIN;opacity:0.5;height:34px;}

.public_left_list{margin-top:20px;min-height:480px;}
.public_left_list ul{border-bottom:1px solid #e4ecf9;}
.public_left_list ul li{border-top:1px solid #e4ecf9;}
.public_left_list ul li .div1{padding:22px 10px 22px 30px;background:url(../images/public_left_list3.png) no-repeat right 16px center;background-size:7px 12px;}
.public_left_list ul li .div1 h2{font-size:16px;color:#333333;line-height:26px;padding-left:28px;background:url(../images/public_left_list1.png) no-repeat left center;background-size:8px 16px;}
.public_left_list ul li.on .div1 h2{background:url(../images/public_left_list2.png) no-repeat left center;background-size:8px 16px;color:#184890;font-weight:700;}

.public_left_list ul li.on .div1{background:url(../images/public_left_list4.png) no-repeat right 16px center;background-size:7px 12px;}
.public_right{width:1210px;float:right;}



    .list{width:100%;overflow:hidden;text-align:center;}
    .list1{    float: left;
        width: 30%;
        margin-left: 15%;
        display: none;}
    .list1 h2{font-size:14px;color:#333333;}
    .list1 select{ outline: none;height:30px;border:1px solid #e1e1e1;}
    .list2{    width: 100%;
        height: 36px;
        text-align: center;
        float: right;
        /* margin-top: 30px; */
        margin-right: 0%;
        margin-left: 0px;
        display: block;}
    .list2 ul{display:inline-block;vertical-align:text-top;}
    .list2 ul li{float:left;min-width:30px;height:30px;margin-left:10px;overflow:hidden	;padding:0 5px;text-align:center;border:1px solid #e1e1e1;}
    .list2 ul li span{display:block;font-size:14px;color:#333333;line-height:28px;}
    .list2 ul li:hover,.list2 ul li.on{background:#667add;border:1px solid #667add;}
    .list2 ul li:hover span,.list2 ul li.on span{color:#FFF;}
    .list2 h2{display:inline-block;vertical-align:text-top;margin-left:15px;height:auto !important;text-align:center;font-size:14px;}
    .list2 h2 select{ outline: none;width:50px;}
    .list2 h2{font-size:14px;color:#333333;line-height:30px;}
    .list1 h2{font-size:14px;color:#333333;line-height:30px;display: none;}



.aaaa{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.aaaaa{flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;}



    .indexc4.pppp{width:100%;float:none;}
    .indexc4.pppp ul{}
    .indexc4.pppp ul li{float:left;padding:15px 15px 15px;box-shadow:0 0 10px #e5e5e5;margin-left:10px;width:390px;margin-bottom:20px;}
    .indexc4.pppp ul li p{margin-bottom:20px;overflow:hidden;}
    .indexc4.pppp ul li p img{width:100%;transition: all 0.5s;}
    .indexc4.pppp ul li:hover p img{transform:scale(1.05);
        -ms-transform:scale(1.05); 	/* IE 9 */
        -moz-transform:scale(1.05); 	/* Firefox */
        -webkit-transform:scale(1.05); /* Safari 和 Chrome */
        -o-transform:scale(1.05); 	/* Opera */}
    .indexc4.pppp ul li h2{font-size:20px;color:#333333;line-height:30px;text-align:center;height:32px;overflow:hidden;}
    .indexc4.pppp ul li h3{font-size:14px;color:#666666;line-height:24px;text-align:center;height:24px;overflow:hidden;}
    .indexc4.pppp ul li h4{margin:10px auto;width:30px;border-bottom:1px solid #333333;transition: all 0.5s;}
    .indexc4.pppp ul li:hover h4{width:80px;}
.public_right img{max-width:100%;}
}