@charset "utf-8";

@import "iconfont.css";
@import "grid12.css";
@import "jquery.fancybox.css";

/*---------------------------------------------------*/

.indexA{padding:60px 0 30px;}
.indexA .box{float:left;width:540px;}
.indexA .box h3{font-size:50px;line-height:1;color:#2c2c2c;font-family:'impact';letter-spacing:1px;text-transform:uppercase;}
.indexA .box .t{margin:30px 0 0 0;}
.indexA .box .t p{font-size:16px;color:#515252;line-height:30px;}
.indexA .box .t p~p{margin-top:10px;}
.indexA .box a.more{margin:30px 0 0 0;width:190px;height:50px;line-height:50px;display:block;text-align:center;color:#fff;font-size:16px;letter-spacing:1px;background:#0382DB;}
.indexA .box a.more:hover{background:#0871B9;}

.indexA ul{float:right;width:624px;}
.indexA ul li{float:left;width:294px;margin:0 0 15px 18px;position:relative;}
.indexA ul li p{position:absolute;left:0;right:0;bottom:0;line-height:32px;background:rgba(0,0,0,0.7);text-align:center;color:#fff;font-size:16px;}
.indexA ul li a{display:block;}
.indexA ul li:hover p{background:rgba(3,130,219,0.9);}


.indexB{background:url(../images/ibg1.jpg) no-repeat center;padding:110px 0;background-attachment:fixed;background-size:cover;box-sizing:border-box;position:relative;}

.indexB .tit{float:left;width:385px;margin:90px 0 0;}
.indexB .tit h3{font-size:50px;line-height:1;color:#0382DB;font-family:'impact';letter-spacing:1px;text-transform:uppercase;}
.indexB .tit p{font-size:16px;color:#fff;line-height:30px;margin:15px 0 0;}
.indexB .tit a.more{margin:30px 0 0 0;width:190px;height:50px;line-height:50px;display:block;text-align:center;color:#fff;font-size:16px;letter-spacing:1px;background:#0382DB;}
.indexB .tit a.more i{font-size:15px;}
.indexB .tit a.more:hover{background:#0871B9;}

.indexB .list{float:right;width:810px;position:relative;}
.indexB .swiper-container{}
.indexB .swiper-container .swiper-wrapper{}
.indexB .swiper-container .swiper-slide{box-sizing:border-box;}
.indexB .swiper-container .swiper-slide .pic{display:block;width:100%;position:relative;}
.indexB .swiper-container .swiper-slide .pic img{width:100%;display:block;}
.indexB .swiper-container .swiper-slide .pic ins{position:absolute;top:0;left:0;right:0;width:100%;height:100%;text-align:center;color:#fff;font-size:20px;background:rgba(0,0,0,0.8);opacity: 0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(0);transform:scale(0);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}

.indexB .swiper-container .swiper-slide:hover{-webkit-box-shadow:0 1px 10px rgba(51,51,51,0.4);box-shadow:0 1px 10px rgba(51,51,51,0.4);}
.indexB .swiper-container .swiper-slide:hover .pic ins{opacity:1;-webkit-transform:scale(1);transform:scale(1);}


.indexB .swiper-button-prev,.indexB .swiper-button-next{width:42px;height:42px;background:#fff;border-radius:50%;top:auto;bottom:-70px;margin-top:0;text-align:center;}
.indexB .swiper-button-prev::after, .indexB .swiper-container-rtl .swiper-button-next::after{display:none;}
.indexB .swiper-button-next::after, .indexB .swiper-container-rtl .swiper-button-prev::after{display:none;}

.indexB .swiper-button-prev,.indexB .swiper-container-rtl .swiper-button-next{left:auto;right:50%;margin-right:5px;}
.indexB .swiper-button-next,.indexB .swiper-container-rtl .swiper-button-prev{right:auto;left:50%;margin-left:5px;}

.indexB .swiper-button-prev i,.indexB .swiper-button-next i{color:#0D598F;font-size:24px;line-height:42px;}
.indexB .swiper-button-prev:hover,.indexB .swiper-button-next:hover{background:#0D598F;}
.indexB .swiper-button-prev:hover i,.indexB .swiper-button-next:hover i{color:#fff;}
.indexB .swiper-pagination{display:none;position:static;width:100%;margin:30px 0 0;}.indexB .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;background:#fff;border-radius:50%;opacity:1;box-sizing:border-box;}.indexB .swiper-pagination-bullet-active{background:#0160BC;}


.indexC{padding:30px 0 80px;background:#fff;}
.indexC h3{font-size:55px;line-height:1;color:#2c2c2c;font-family:'impact';letter-spacing:1px;text-transform:uppercase;text-align:center;}

.indexC .tab{text-align:center;font-size:0;font-size:16px;margin:20px 0 0;}
.indexC .tab ul li{display:inline-block;height:37px;line-height:37px;font-size:16px;font-weight:bold;cursor:pointer;color:#7a7a7a;text-transform:uppercase;}
.indexC .tab ul li:not(:last-child)::after{content:"|";text-align:center;font-size:16px;margin:0 15px;color:#7a7a7a;}
.indexC .tab ul li:hover,.indexC .tab ul li.active{color:#0382db;}

.indexC .tab-content{display:none;}
.indexC .txt{margin:15px 0 0;position:relative;}
.indexC .txt .t{position:absolute;left:0;top:0;bottom:0;width:370px;background:rgba(0,0,0,0.51);text-align:center;padding:60px 0 0;box-sizing:border-box;}
.indexC .txt .t h5{font-size:36px;line-height:1;color:#fff;font-weight:bold;font-family:'impact';letter-spacing:1px;text-transform:uppercase;}
.indexC .txt .t a.more{margin:25px auto 0;width:190px;height:50px;line-height:50px;display:block;text-align:center;color:#fff;font-size:16px;letter-spacing:1px;background:#0382DB;}
.indexC .txt .t a.more:hover{background:#0871B9;}
.indexC .txt .t img{margin:34px 0 0;border-radius:50%;}

.indexC .tab-box ul{margin:10px 0 0 -2%;}
.indexC .tab-box ul li{float:left;width:31.3333333%;position:relative;text-align:center;border:1px solid #E2E2E2;padding:10px 10px 0;background:#fff;margin:17px 0 0 2%;cursor:pointer;box-sizing:border-box;box-shadow:1px 2px 5px rgba(0,0,0,0.1);}
.indexC .tab-box ul li .pic{width:100%;position:relative;display:block;box-sizing:border-box;overflow:hidden;}
.indexC .tab-box ul li .pic img{width:100%;transition:all 0.3s ease 0s;}
.indexC .tab-box ul li h6{height:60px;text-align:center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.indexC .tab-box ul li h6 a{color:#333;font-size:17px;}
.indexC .tab-box ul li h6 a:hover{color:#222C6A;}

.indexC .tab-box ul li:hover{box-shadow:1px 2px 5px rgba(31,96,164,0.3);border:1px solid #0382db;}
.indexC .tab-box ul li:hover a.more{background:#0B3385;}
.indexC .tab-box ul li:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);}




.indexC .getmore{margin:30px auto 0;width:170px;height:40px;line-height:40px;border-radius:20px;display:block;text-align:center;color:#fff;font-size:14px;background:#0B3385;}
.indexC .getmore i{font-size:13px;}
.indexC .getmore:hover{background:#F35D00;}


.indexE{padding:60px 0 20px;}

.indexE .tit{margin-bottom:20px;line-height:60px;}
.indexE .tit h3{float:left;font-size:50px;color:#161616;font-family:'impact';letter-spacing:1px;text-transform:uppercase;}
.indexE .tit a{float:right;font-size:16px;color:#161616;}
.indexE .tit a i{font-size:16px;}
.indexE .tit a:hover{color:#0382DB;}

.indexE .l{float:left;width:770px;}
.indexE .l ul{}
.indexE .l ul li{box-sizing:border-box;margin-bottom:23px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexE .l ul li .pic{width:380px;}
.indexE .l ul li .t{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;padding:0 0 0 40px;box-sizing:border-box;-webkit-justify-content:center;justify-content:center;flex-direction:column;-webkit-flex-direction:column;}
.indexE .l ul li .t em{font-size:16px;padding:12px 20px;width:180px;color:#fff;display:block;background:#0382DB;box-sizing:border-box;}
.indexE .l ul li .t h5{font-size:24px;font-weight:bold;margin:20px 0 0;}
.indexE .l ul li .t h5 a{color:#292929;}
.indexE .l ul li .t h5 a:hover{color:#0382DB;}
.indexE .l ul li .t .more{margin:20px 0 0;}
.indexE .l ul li .t .more a{font-size:14px;color:#292929;line-height:22px;border-bottom:1px solid #292929;display:inline-block;}
.indexE .l ul li .t .more a:hover{color:#0382DB;border-bottom:1px solid #0382DB;}

.indexE .r{float:right;width:380px;}
.indexE .r .v{position:relative;}
.indexE .r .v a.video{display:block;width:100%;position:relative;overflow:hidden;}
.indexE .r .v a.video::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;background:url("../images/v.png") no-repeat center;display:block;}
.indexE .r .v a.video img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.indexE .r .v a.video:hover img{transform: scale(1.11);-webkit-transform: scale(1.11);}
.indexE .r .v a.video:hover::after{background-color:rgba(0,0,0,0.5);}

.indexD{padding:30px 0 50px;}
.indexD .wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexD .tit{width:150px;text-align:center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;}
.indexD .tit h3{font-size:45px;line-height:1;color:#161616;font-family:'impact';letter-spacing:1px;text-transform:uppercase;}
.indexD .tit a.more{margin:5px auto 0;width:136px;height:35px;line-height:35px;display:block;text-align:center;color:#fff;font-size:16px;letter-spacing:1px;background:#0382DB;}
.indexD .tit a.more:hover{background:#0871B9;}

.indexD .list{width:1000px;}
.indexD .list .swiper-slide{border:1px solid #D4D4D4;box-sizing:border-box;}
.indexD .list .swiper-slide img{display:block;}
.indexD .swiper-pagination{display:none;position:static;width:100%;margin:30px 0 0;}.indexD .swiper-pagination-bullet {height:8px;width:8px;margin:0 2px;background:#0160BC;border-radius:50%;opacity:1;box-sizing:border-box;}.indexD .swiper-pagination-bullet-active{background:#009944;}

/*------------------------------------------------------------*/
.sidebaner{}
.sidebaner img{width:100%;}
.sidebaner .topshare img{width:auto;height:auto;}

.path{background:#F7F7F7;height:50px;border-bottom:1px solid #E5E5E5;}
.path p{display:inline-block;line-height:50px;color:#474747;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.path p i{margin:0 8px 0 0;font-size:15px;color:#1DD0BF;}
.path p a,.path p i{color:#474747;}

.path .tips{float:right;margin:11px 0 0;font-size:0;}
.path .tips a{width:28px;height:28px;margin-left:10px;background:#0382DB;line-height:28px;display:inline-block;text-align:center;}
.path .tips a i{font-size:20px;color:#fff;}

.main{padding-top:30px;padding-bottom:50px;}

.mainRight{width:870px;float:right;}

.mainleft{float:left;width:300px;}
/*----------------------------------------*/


.mainleft h3{font-size:36px;display:block;color:#1a1919;font-weight:bold;height:50px;line-height:50px;position:relative;text-transform:uppercase;}
.mainleft h3::before{content:"";width:40px;height:3px;background:#0382DB;display:block;margin-bottom:3px;}
.mainleft h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;top:6px;right:6px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.mainleft h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.sidemenu{margin-bottom:25px;}
.sidemenu ul{margin-top:10px;}
.sidemenu > ul > li{margin:5px 0 0;}
.sidemenu > ul li h5{line-height:24px;display:block;border-left:4px solid transparent;padding:0 0 0 8px;cursor:pointer;position:relative;}
.sidemenu > ul li h5 > a{font-size:17px;color:#333;display:block;padding:10px 10px 10px 15px;text-transform:capitalize;background:url("../images/dot3.png") no-repeat left center;}
.sidemenu > ul li h5 > a:hover{color:#027BCF;}
.sidemenu > ul li h5 > span{position:absolute;top:0;right:0;background:url("../images/i4.png") no-repeat center;width:30px;height:45px;display:block;}

.sidemenu > ul ul{display:none;}
.sidemenu > ul ul li{line-height:24px;padding:6px 20px 6px 27px;}
.sidemenu > ul ul li a{font-size:15px;display:block;color:#666;padding-left:15px;text-transform:capitalize;background:url("../images/dot3.png") no-repeat left center;}
.sidemenu > ul ul li.active a,.sidemenu > ul ul li a:hover{color:#027BCF;background:url("../images/dot4.png") no-repeat left center;}

.sidemenu > ul li.active h5{border-left:4px solid #025996;background:#0382DB;}
.sidemenu > ul li.active h5 a{color:#fff;background:url("../images/dot5.png") no-repeat left center;}
.sidemenu > ul li.active span{background:url("../images/i4-1.png") no-repeat center;}

.side-nav{margin:0 0 20px 0;}
.side-nav ul{}
.side-nav ul li{line-height:24px;padding:8px 0;}
.side-nav ul li a{color:#555;font-size:15px;display:block;-webkit-transition: 0.5s;transition: 0.5s;background:url("../images/dot3.png") no-repeat left 8px;padding-left:15px;}
.side-nav ul li.active a{color:#0382DB;background:url("../images/dot4.png") no-repeat left center;}


.sidepro{margin-bottom:25px;}
.sidepro ul li{line-height:24px;border:1px solid #f6f6f6;margin:6px 0 0 0;padding:10px;}
.sidepro ul li a{color:#555;font-size:15px;display:block;-webkit-transition: 0.5s;transition: 0.5s;}
.sidepro ul li:hover{box-shadow:0 0 5px rgba(0,0,0,0.2);}

.sidecontact{}
.sidecontact p{padding:10px 0;font-size:15px;line-height:20px;color:#333;padding-left:30px;}
.sidecontact p.p1{background:url("../images/c1.png") no-repeat left 8px;margin-top:20px;}
.sidecontact p.p2{background:url("../images/c2.png") no-repeat left 8px;}
.sidecontact p.p3{background:url("../images/c3.png") no-repeat left 8px;}
.sidecontact p em{display:block;color:#090909;font-size:18px;}

/*---------news-----------*/

.newslist ul{}
.newslist ul li {border:#DEDEDE 1px solid;padding:15px;margin:0 0 20px 0;cursor:pointer;}
.newslist ul li .pic{display:block;width:220px;float:left;overflow:hidden;}
.newslist ul li .pic img{width:100%;}
.newslist ul li .txt {margin:0 0 0 240px;}
.newslist ul li .txt h5{margin-bottom:5px;}
.newslist ul li .txt h5 a{color:#32363F;font-size:16px;font-weight:bold;}
.newslist ul li .txt h5 a:hover{color:#0382DB;text-decoration:underline;}
.newslist ul li .txt .time{background:url("../images/time1.png") no-repeat left center;font-size:12px;padding:0 0 0 18px;margin:10px 0 0 0;font-family:Verdana, Geneva, sans-serif; color:#898989;}
.newslist ul li .txt p{margin-top:10px;font-size:14px;line-height:22px;}

.newslist ul li:hover{border:1px solid #0382DB;}


.newsnr{}
.newsnr h1{font-size:20px;line-height:1.4;margin:35px 0 0;color:#333;font-weight:bold;text-align:center;}

.artInfo{padding:15px 0 20px;border-bottom:1px solid #D9D9D9;text-align:center;margin:25px 0 0;}
.artInfo span{margin:0 10px;line-height:20px;display:inline-block;font-size:15px;color:#666;}
.artInfo span.time{background:url(../images/time.png) no-repeat left center;padding:0 0 0 20px;}
.artInfo span.hit{background:url(../images/hit.png) no-repeat left center;padding:0 0 0 23px;}

.myart{margin:15px 0;line-height:24px;font-size:14px;color:#555;}
.myart p{margin:0 0 10px;}

.pnbar{margin-top:30px;}
.pnbar p{max-width:100%;margin:-1px 0 0 0;padding:8px 14px;border:1px solid #ddd;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pnbar p a{color:#545454;}
.pnbar p:hover a{color:#0382DB;}

/*-----about------*/

.about{padding:70px 0;}
.about h3{font-size:48px;color:#333;font-family:'impact';text-align:center;margin-bottom:50px;}

.about .pic{float:left;width:587px;position:relative;}
.about .pic img{display:block;}

.about .txt{float:right;width:570px;box-sizing:border-box;}
.about .txt h5{font-size:24px;color:#333;font-weight:bold;margin-bottom:25px;}
.about .txt p{font-size:15px;color:#333;line-height:23px;margin-bottom:5px;text-transform:capitalize;}
.about .txt dl{margin:70px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.about .txt dl dd{text-align:center;}
.about .txt dl dd h6{color:#333;font-size:45px;}
.about .txt dl dd p{font-size:14px;color:#777;margin:5px 0 0;}

.about ul{margin:0 0 0 -2%;}
.about ul li{float:left;width:23%;margin:23px 0 0 2%;overflow:hidden;text-align:center;}
.about ul li img{width:100%;display:block;}

.history {padding:100px 0 75px;background:url(../images/ibg2.jpg) no-repeat center top;background-size:cover;}
.history .tit{text-align:center;}
.history .tit h3{font-size:45px;color:#333;font-family:'impact';}

.history .list{position:relative;height:140px;margin:50px 0 0;}
.history .list::after{content:'';width:auto;height:1px;background:#BDBCBE;position:absolute;left:200px;right:200px;bottom:25px;z-index:10;}
.history .list .list-box{padding:0 100px;height:100%;position:relative;z-index:20;}
.history .list .swiper-container{height:100%;}
.history .list .swiper-wrapper{z-index:100;}
.history .list .swiper-slide{cursor:pointer;height:140px;font-size:16px;color:#000;position:relative;z-index:100;box-sizing:border-box;text-align:center;}
.history .list .swiper-slide::after{content:'';background:#fff;width:7px;height:7px;border:4px solid #000;border-radius:50%;position:absolute;z-index:100;bottom:19px;left:50%;margin-left:-7px;}
.history .list .swiper-slide::before{content:'';background:#000;width:1px;height:17px;position:absolute;z-index:100;bottom:31px;left:50%;}
.history .list .swiper-slide .box{padding:50px 60px 0;}
.history .list .swiper-slide .box em{font-size:16px;color:#333;display:inline-block;}
.history .list .swiper-slide .txt{display:none;}

.history .list .swiper-slide-active::after{border:6px solid #0C81EF;bottom:17px;margin-left:-9px;}
.history .list .swiper-slide-active::before{background:#0C81EF;}
.history .list .swiper-slide-active .box em{font-size:24px;color:#0083ff;font-weight:bold;}

.history .swiper-button-prev,.history .swiper-button-next{width:50px;height:50px;border-radius:50%;background:#fff;top:auto;bottom:0;margin-top:0;text-align:center;z-index:99;box-shadow:0 6px 9px 0 rgba(0,0,0,0.09);}
.history .swiper-button-prev::after,.history .swiper-container-rtl .swiper-button-next::after{display:none;}
.history .swiper-button-next::after,.history .swiper-container-rtl .swiper-button-prev::after{display:none;}

.history .swiper-button-prev i,.history .swiper-button-next i{font-size:24px;line-height:50px;color:#222;}
.history .swiper-button-prev,.history .swiper-container-rtl .swiper-button-next{left:0;right:auto;}
.history .swiper-button-next,.history .swiper-container-rtl .swiper-button-prev{right:0;left:auto;}
.history .swiper-button-prev:hover i,.history .swiper-button-next:hover i{color:#0C81EF;}

.txt-pic{margin:100px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.txt-pic .pic{}
.txt-pic .t{-webkit-flex:1;flex:1;padding:25px 65px;box-sizing:border-box;background:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;}
.txt-pic .t h5{font-size:30px;color:#333;}
.txt-pic .t p{line-height:30px;color:#333;font-size:15px;margin:15px 0 0;}


.about3{padding:60px 0;}
.about3 .tit{text-align:center;}
.about3 .tit h3{font-size:45px;color:#333;font-family:'impact';}
.about3 .tit p{line-height:24px;color:#333;font-size:15px;margin:15px 0 0;}
.about3 ul{margin:40px 0 0 -15px;}
.about3 ul li{float:left;width:390px;margin:0 0 0 15px;background:#F6F6F6;}
.about3 ul li .t{padding:30px 50px 40px;}
.about3 ul li h5{font-size:36px;color:#333;font-weight:bold;text-align:center;}
.about3 ul li em{font-size:15px;color:#999;text-transform:uppercase;text-align:center;margin:10px 0 25px;display:block;}
.about3 ul li p{line-height:24px;color:#333;font-size:14px;}

/*-----honor------*/
.honor{text-align:center;}
.honor hr{height:2px;background:#ddd;margin:15px 0 30px;}
.honor ul{margin:0 0 0 -2%;}
.honor ul li{float:left;width:23%;margin:0 0 15px 2%;text-align:center;}
.honor ul li a{display:block;width:100%;overflow:hidden;}
.honor ul li img{width:100%;border:2px solid #E0E0E0;box-sizing:border-box;display:block;}
.honor ul li p{font-size:15px;margin:10px 0 0 0;color:#333;}

.factory{text-align:center;}
.factory ul{margin:0 0 0 -2%;}
.factory ul li{float:left;width:31.3333%;margin:0 0 15px 2%;text-align:center;}
.factory ul li a{display:block;width:100%;overflow:hidden;}
.factory ul li img{width:100%;border:2px solid #E0E0E0;box-sizing:border-box;display:block;}
.factory ul li p{font-size:15px;margin:5px 0 0 0;display:block;height:25px;}

/*-----video------*/
.videolist ul{margin:0 0 0 -2%;}
.videolist ul li{float:left;width:31.333333%;margin:0 0 20px 2%;}
.videolist ul li .v{position:relative;width:100%;display:block;overflow:hidden;}
.videolist ul li .v img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.videolist ul li .v::after{content:'';position:absolute;left:50%;top:50%;margin:-35px 0 0 -35px;width:70px;height:70px;background:url("../images/video.png") no-repeat;display:block;}
.videolist ul li .t{padding:15px;background:#F3F4F7;box-sizing:border-box;position:relative;}
.videolist ul li .t h5{font-size:16px;color:#333;text-align:center;}
.videolist ul li:hover img{transform:scale(1.11);-webkit-transform: scale(1.11);}


.down {}
.down ul{}
.down ul li{border:1px solid #D9D9D9;padding:15px 20px;background:#fff;margin:0 0 15px 0;overflow:hidden;}
.down ul li h4{float:left;width:500px;line-height:24px;background:url(../images/dot3.png) no-repeat left 7px;padding:0 0 0 20px;margin:0;}
.down ul li h4 a{font-size:15px;color:#333;line-height:18px;}
.down ul li h4 a:hover{color:#0054A3;}
.down ul li span{float:left;width:180px;color:#666;font-size:14px;text-align:center;line-height:24px;margin:0 0 0 100px;}
.down ul li a.more{float:right;display:block;margin:4px 0 0 0;}

.down ul li:hover{border-left:2px solid #0054A3;padding-left:19px;box-shadow:0 6px 9px 0 rgba(0,0,0,0.09);}

.distributor{}
.distributor h3{color:#1d1d1d;font-size:44px;font-family:'impact';text-align:center;}
.distributor h3~h3{margin:100px 0 0;}
.distributor ul.l1{overflow:hidden;margin:50px 0 0;}
.distributor ul.l1 li{float:left;width:25%;text-align:center;margin:20px 0 0;}
.distributor ul.l1 li p{font-size:14px;color:#666;line-height:24px;height:48px;overflow:hidden;margin:15px 0 0;}

.distributor ul.l2{overflow:hidden;margin:50px 0 0 -2%;}
.distributor ul.l2 li{float:left;width:23%;text-align:center;height:156px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;margin:0 0 0 2%;padding:0 15px;box-sizing:border-box;}
.distributor ul.l2 li:nth-child(1){background:#00796B;}
.distributor ul.l2 li:nth-child(2){background:#0097A7;}
.distributor ul.l2 li:nth-child(3){background:#0288D1;}
.distributor ul.l2 li:nth-child(4){background:#1976D2;}
.distributor ul.l2 li em{display:block;font-size:30px;color:#fff;font-weight:bold;}
.distributor ul.l2 li p{font-size:14px;color:#fff;line-height:24px;overflow:hidden;margin:15px 0 0;}

.distributor ul.l3{overflow:hidden;margin:50px 0 0;background:#EEE;padding:50px 50px 30px;}
.distributor ul.l3 li{float:left;width:50%;margin:0 0 20px;position:relative;background:url(../images/dot6.png) no-repeat left center;padding:0 0 0 25px;box-sizing:border-box;font-size:14px;color:#666;}


/*-----faq------*/

.faq ul{}
.faq ul li {margin:0 0 15px 0;border:1px solid #ccc;padding:20px;cursor:pointer;}
.faq ul li .tit{height:30px;overflow:hidden;color:#202020;cursor:pointer;}
.faq ul li .tit .date-month{float:left;width:20px;line-height:30px;height:30px;font-size:16px;display:block;text-align:center;}
.faq ul li .tit h4{font-size:16px;color:#222;line-height:30px;height:30px;margin:0 0 0 30px;}

.faq ul li .con{color:#666;}
.faq ul li .con .date-day{float:left;width:20px;line-height:30px;height:30px;font-size:16px;display:block;text-align:center;}
.faq ul li .con .t{margin:0 0 0 30px;font-size:16px;line-height:21px;color:#666;padding:3px 0 0;}

.faq ul li:hover{border-left:2px solid #0382DB;padding:20px 20px 20px 19px;box-shadow: rgba(0,0,0,0.09) 0px 6px 9px 0px;}

.project ul{margin:-30px 0 0;overflow: hidden;}
.project ul li{background:#F2F2F2;float:left;width:590px;margin:30px 0 0;box-sizing:border-box;position:relative;height: 220px;}
.project ul li:nth-child(2n){float:right;}
.project ul li .pic{float:left;width:280px;overflow:hidden;}
.project ul li img{width:100%;transition: all 0.3s ease 0s;height: 220px;}
.project ul li .t{margin:0 0 0 280px;padding:18px 10px 0 20px;box-sizing:border-box;}
.project ul li .t h5{font-size:16px;line-height:18px;color:#0382DB;font-weight:bold;display:inline-block;}
.project ul li .t p{margin:10px 0 0;color:#333;font-size:14px;line-height:18px;}
.project ul li .t p b{font-weight:bold;}
.project ul li:hover img{transform:scale(1.11);-webkit-transform:scale(1.11);}


.custom{padding:50px 0;}
.custom .tit{}
.custom .tit h3{color:#1d1d1d;font-size:44px;font-family:'impact';text-align:center;}
.custom .tit p{font-size:15px;color:#1d1d1d;line-height:28px;margin:20px 0 0;}

.custom .box{padding:60px 0;}
.custom .box .txt{float:left;width:545px;}
.custom .box .txt h5{font-size:33px;color:#1d1d1d;font-weight:bold;line-height:1;text-transform:uppercase;}
.custom .box .txt p{font-size:15px;color:#1d1d1d;line-height:26px;margin:10px 0 0;}
.custom .box .txt h6{font-size:18px;color:#1d1d1d;font-weight:bold;margin:10px 0 0;}
.custom .box .txt ul{overflow:hidden;margin:10px 0 0;}
.custom .box .txt ul li{float:left;width:265px;}
.custom .box .txt ul li:last-child{float:right;}
.custom .box .pic{float:right;width:584px;position:relative;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity:0.5;transition:all 0.36s ease;}
.custom .box .pic .p{overflow:hidden;}
.custom .box .pic img{width:100%;display:block;position:relative;z-index:20;transition:all 0.36s ease;}
.custom .box .pic::after{content:"";width:482px;height:458px;border:1px solid #ccc;position:absolute;z-index:1;right:120px;top:-21px;}

.custom .box:hover .pic{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);opacity:1;}
.custom .box:hover .pic img{transform:scale(1.11);-webkit-transform:scale(1.11);}

.custom .box:nth-of-type(2n+2){background:#F6F6F6;}
.custom .box:nth-of-type(2n+2) .txt{float:right;}
.custom .box:nth-of-type(2n+2) .pic{float:left;}
.custom .box:nth-of-type(2n+2) .pic::after{right:auto;left:120px;}

.side {position:absolute;top:70px;left:10px;z-index:99999}
.side ul{position:relative;width:200px;}
.side ul::before{content:"";position:absolute;left:13px;top:0;width:3px;height:260px;background:#ccc;z-index:990;}
.side ul li{cursor:pointer;margin:0 0 15px 0;position:relative;}
.side ul li:first-child{margin-bottom:35px;}
.side ul li::after{content:"";width:27px;height:27px;display:block;position:absolute;left:0;top:0;background:#ccc;border-radius:50%;z-index:999;}
.side ul li span{line-height:20px;font-size:14px;font-weight:bold;color:#8b8a8a;padding:0 0 0 35px;display:block;}
.side ul li.active::after{background:#0382DB;}
.side ul li.active span{color:#0382DB;}


/*-----products------*/

.pro-index{}
.pro-index h1{font-size:44px;color:#171717;text-align:center;font-family:'impact';margin-bottom:70px;}
.pro-index ul{margin:0 0 0 -2%;}
.pro-index ul li{float:left;width:31.333333%;position:relative;background:#fff;margin:0 0 40px 2%;cursor:pointer;box-sizing:border-box;}
.pro-index ul li h5{font-size:22px;font-weight:bold;}
.pro-index ul li h5 a{color:#1e1e1e;}
.pro-index ul li h5 a:hover{color:#222C6A;}
.pro-index ul li .pic{margin:15px 0 0;width:100%;position:relative;display:block;box-sizing:border-box;overflow:hidden;border:1px solid #F6F6F6;}
.pro-index ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.pro-index ul li .t{margin:15px 0 0;}
.pro-index ul li .t p{font-size:15px;color:#6a6a6a;line-height:20px;height:60px;overflow:hidden;}

.pro-index ul li a.more{color:#0382db;font-size:16px;text-decoration:underline;display:inline-block;margin:10px 0 0;}

.pro-index ul li:hover .pic{box-shadow:0 0 8px rgba(0,0,0,0.15);border:1px solid #fff;}


.rel-custom{margin-top:35px}
.rel-custom h4{font-size:44px;color:#171717;text-align:center;font-family:'impact';margin-bottom:40px;}

.rel-custom .list{position:relative;}
.rel-custom .swiper-slide{background:#fff;box-sizing:border-box;}
.rel-custom .swiper-slide .pic{width:100%;position:relative;display:block;box-sizing:border-box;overflow:hidden;}
.rel-custom .swiper-slide .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.rel-custom .swiper-slide .t{padding:10px 10px 15px;border:1px solid #F8F8F8;border-top:none;}
.rel-custom .swiper-slide .t h6{font-size:18px;}
.rel-custom .swiper-slide .t h6 a{color:#292828;}
.rel-custom .swiper-slide .t h6 a:hover{color:#222C6A;}
.rel-custom .swiper-slide .t hr{width:27px;height:4px;background:#0382DB;margin:10px 0 0;}
.rel-custom .swiper-slide .t p{font-size:14px;color:#6a6a6a;line-height:20px;height:40px;overflow:hidden;margin:10px 0 0;}



.rel-custom .swiper-button-prev,.rel-custom .swiper-button-next{width:40px;height:40px;border:1px solid #332C2B;background:#fff;border-radius:50%;margin-top:-20px;text-align:center;}
.rel-custom .swiper-button-prev::after,.rel-custom .swiper-container-rtl .swiper-button-next::after,.rel-custom .swiper-button-next::after,.rel-custom .swiper-container-rtl .swiper-button-prev::after{display:none;}

.rel-custom .swiper-button-prev,.rel-custom .swiper-container-rtl .swiper-button-next{left:-70px;right:auto;}
.rel-custom .swiper-button-next,.rel-custom .swiper-container-rtl .swiper-button-prev{right:-70px;left:auto;}

.rel-custom .swiper-button-prev i,.rel-custom .swiper-button-next i{color:#332C2B;font-size:24px;line-height:40px;}
.rel-custom .swiper-button-prev:hover,.rel-custom .swiper-button-next:hover{border:1px solid #0382DB;}
.rel-custom .swiper-button-prev:hover i,.rel-custom .swiper-button-next:hover i{color:#0382DB;}

.rel-custom .swiper-pagination{display:none;width:100%;margin:20px 0 0;position:static;}.rel-custom .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;background:none;border:1px solid #0382DB;border-radius:50%;opacity:1;box-sizing:border-box;}.rel-custom .swiper-pagination-bullet-active{background:#0382DB;}


.productlist ul{margin:0 0 0 -2%;}
.productlist ul li{float:left;width:31.333333%;position:relative;padding:10px 10px 15px;background:#fff;margin:0 0 40px 2%;cursor:pointer;box-sizing:border-box;border:1px solid #F6F6F6;}
.productlist ul li .pic{width:100%;position:relative;display:block;box-sizing:border-box;overflow:hidden;}
.productlist ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.productlist ul li .t{margin:10px 0 0;}
.productlist ul li .t h6{font-size:24px;text-transform:uppercase;line-height: 1;height: 50px;}
.productlist ul li .t h6 a{color:#292828;}
.productlist ul li .t h6 a:hover{color:#222C6A;}
.productlist ul li .t hr{width:27px;height:4px;background:#0382DB;margin:10px 0 0;}
.productlist ul li .t p{font-size:15px;color:#6a6a6a;line-height:20px;margin:10px 0 0;height:40px;}

.productlist ul li:hover{box-shadow:0 0 6px rgba(0,0,0,0.25);}
.productlist ul li:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);}
.productlist ul li:hover a.more{background:#F35D00;}

/*-----pro-view----*/

div.zoomdiv {z-index:100;position:absolute;top:0px;left:0px;background:#ffffff;border:1px solid #ccc;display:none;text-align: center; overflow: hidden;}
img.jqzoom{cursor:crosshair;position:relative;}

.pro_view_top{overflow:hidden;margin-bottom:30px;}
.pro_img{float:left;width:592px;}

.pro_img .bpic{border:1px solid #F5F4F4;width:462px;float:left;}
.pro_img .bpic ul li{display:none;}
.pro_img .bpic ul li img{}

.pro_img .spic{float:left;margin:0 0 0 30px;width:98px;}
.pro_img .spic ul{text-align:center;}
.pro_img .spic ul li{margin-bottom:22px;width:98px;cursor:pointer;position:relative;}
.pro_img .spic ul li::after{display:none;content:'';width:0;height:0;line-height:0;border-width:5px;border-style:dashed;border-color:transparent;vertical-align: middle;border-right-style:solid;border-right-color:#ff0000;position:absolute;top:50%;left:-10px;margin:-7px 0 0 0;}
.pro_img .spic ul li::before{content:"";display:none;position:absolute;z-index:20;left:5px;top:5px;right:5px;bottom:5px;background:rgba(0,0,0,0.38);}
.pro_img .spic ul li img{width:100%;border:1px solid #ccc;display:block;padding:1px;box-sizing:border-box;position:relative;}

.pro_img .spic ul li.hover img{border:1px solid #ff0000;}
.pro_img .spic ul li.hover::after{display:inline-block;}
.pro_img .spic ul li.hover::before{display:block;}


.pro_view_inner{margin:0 0 0 680px;}
.pro_view_inner h1{color:#333;font-size:36px;margin:5px 0 15px 0;}
.pro_view_inner p{margin:5px 0 0 0;line-height:25px;font-size:14px;}

.pro_view_inner .tips{margin:20px 0 0;font-size:0;}
.pro_view_inner .tips img{display:inline-block;margin-right:5px;}

.pro_view_inner .pro_para{margin:20px 0 0;}
.pro_view_inner .pro_para table{width:100%;max-width:100%;border:1px solid #dddddd;font-size:15px;color:#000;}
.pro_view_inner .pro_para table tr > th{padding:5px 7px;line-height:1.42857143;font-size:16px;font-weight:bold;vertical-align:middle;border: 1px solid #dddddd;text-align:center;}
.pro_view_inner .pro_para table tr > td{padding:5px 7px;line-height:1.42857143;vertical-align:middle;border: 1px solid #dddddd;}


.pro_view_inner a.book{height:46px;line-height:46px;width:180px;text-align:center;font-size:20px;color:#fff;display:block;background:#0382DB;border-radius:5px;margin:20px 0 0 0;font-family:Arial;}
.pro_view_inner a.book:hover{background:#2D2D2D;}

.pro_view_inner .pro-share{margin:20px 0 0;}
.pro-share .addthis_inline_share_toolbox_ysau{clear:none !important;} 
                             
.pro_tab_box{height:51px;}
.pro_tab{background:#fff;}
.pro_tab.scroll-top{position:fixed;top:0px;width:1200px;left:calc((nWidth - 1200) / 2);z-index:100;border-bottom:1px solid #ddd;}
.pro_tab ul li{float:left;margin-right:10px;border:1px solid #ddd;border-bottom:none;padding:0 80px;line-height:50px;border-radius:10px 10px 0 0;cursor:pointer;color:#000;text-align:center;font-size:20px;font-weight:bold;}
.pro_tab ul li.active{color:#fff;background:#0382DB;border:1px solid #0382DB;border-bottom:none;}



.pro_text{position:relative;}
.pro-scroll{margin-bottom:40px;border:1px solid #ddd;padding:20px;}
.pro-scroll .tit{margin:25px 0 25px 0;border-bottom:1px solid #666;text-align:center;}
.pro-scroll .tit h5{position:relative;display:inline-block;font-style:italic;color:#43617a;padding:0 20px;font-family:Arial;height:45px;line-height:45px;cursor:pointer;font-size:18px;}
.pro-scroll .tit h5 b{font-size:30px;font-style:italic;}
.pro-scroll .tit h5::after{content: "";display:block;background:#666;height:3px;width:100%;position:absolute;left:0;bottom:-2px;z-index:1;}


.pro-scroll .pro-content{font-size:15px;line-height:30px;}
.pro-scroll .pro-content p{margin:5px 0 0 0;}
.pro-scroll .pro-content img{display:inline-block;}
.pro-scroll .pro-content .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.pro-scroll .pro-content table{width:100%;max-width:100%;margin-bottom: 20px;border:1px solid #D9D9D9;color:#333;text-align: center;}
.pro-scroll .pro-content table tr > th{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;font-weight:bold;}
.pro-scroll .pro-content table tr > td{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;}
.pro-scroll .pro-content table tr:nth-child(2n+1) > td {background: #F0F0F0;}

.pro-inquiry{margin:35px 0 0;}
.pro-inquiry h4{background:#0382DB;box-sizing:border-box;color:#fff;line-height:55px;font-size:24px;padding:0 0 0 20px;}
.pro-inquiry .inquirbox{padding:20px 20px 10px;border:1px solid #DADADA;border-top:none;}
.pro-inquiry .inquirbox input[type="text"],.pro-inquiry .inquirbox textarea{padding:10px 10px;font-size:14px;border:1px solid #D2D2CF;width:100%;line-height:22px;text-align:left;color:#111;box-sizing:border-box;}
.pro-inquiry .inquirbox input.submit{line-height:40px;width:150px;}


.related-pro{margin-top:35px}
.related-pro h4{background:#0382DB;box-sizing:border-box;color:#fff;line-height:55px;font-size:24px;padding:0 0 0 20px;}

.related-pro .list{position:relative;}
.related-pro .swiper-slide{margin:20px 0;padding:10px 10px 15px;background:#fff;box-sizing:border-box;border:2px solid #F6F6F6;}
.related-pro .swiper-slide .pic{width:100%;position:relative;display:block;box-sizing:border-box;overflow:hidden;}
.related-pro .swiper-slide .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.related-pro .swiper-slide .t{margin:10px 0 0;}
.related-pro .swiper-slide .t h6{font-size:24px;text-transform:uppercase;}
.related-pro .swiper-slide .t h6 a{color:#292828;}
.related-pro .swiper-slide .t h6 a:hover{color:#222C6A;}
.related-pro .swiper-slide .t hr{width:27px;height:4px;background:#0382DB;margin:10px 0 0;}
.related-pro .swiper-slide .t p{font-size:15px;color:#6a6a6a;line-height:20px;margin:10px 0 0;}

.related-pro .swiper-slide:hover{border:2px solid rgba(3,130,219,0.5);}


.related-pro .swiper-button-prev,.related-pro .swiper-button-next{width:40px;height:40px;border:1px solid #332C2B;background:#fff;border-radius:50%;margin-top:-20px;text-align:center;}
.related-pro .swiper-button-prev::after,.related-pro .swiper-container-rtl .swiper-button-next::after,.related-pro .swiper-button-next::after,.related-pro .swiper-container-rtl .swiper-button-prev::after{display:none;}

.related-pro .swiper-button-prev,.related-pro .swiper-container-rtl .swiper-button-next{left:-70px;right:auto;}
.related-pro .swiper-button-next,.related-pro .swiper-container-rtl .swiper-button-prev{right:-70px;left:auto;}

.related-pro .swiper-button-prev i,.related-pro .swiper-button-next i{color:#332C2B;font-size:24px;line-height:40px;}
.related-pro .swiper-button-prev:hover,.related-pro .swiper-button-next:hover{border:1px solid #0382DB;}
.related-pro .swiper-button-prev:hover i,.related-pro .swiper-button-next:hover i{color:#0382DB;}

.related-pro .swiper-pagination{display:none;width:100%;position:static;margin:20px 0 0;}.related-pro .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;background:none;border:1px solid #0382DB;border-radius:50%;opacity:1;box-sizing:border-box;}.related-pro .swiper-pagination-bullet-active{background:#0382DB;}



/*-----contact------*/

.contact{background:url(../images/ibg8.jpg) no-repeat center;padding:65px 0;}
.contact .wp{padding:20px;box-sizing:border-box;background:rgba(255,255,255,0.8);}
.map{float:left;width:750px;border:1px solid #ccc;}
.map img{width:100%;}

.contact-info{margin:0 0 0 800px;}
.contact-info h3{font-size:18px;color:#222;padding:20px 0;}
.contact-info ul{}
.contact-info ul li{padding:15px 0;border-bottom:1px solid #E5E5E5;position:relative;}
.contact-info ul li:last-child{border-bottom:none;}
.contact-info ul li h5{font-size:15px;color:#333;font-weight:bold;}
.contact-info ul li p{font-size:14px;color:#444;margin:8px 0 0;}


.contact-form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;background:url(../images/ibg9.jpg) no-repeat center;padding:70px 0;}
.contact-form .tit{display:-webkit-flex;display:flex;width:600px;padding-right:150px;box-sizing:border-box;-webkit-align-items:center;align-items:center;}
.contact-form .tit .box{display:-webkit-flex;display:flex;width:100%;flex-direction:column;-webkit-flex-direction:column;}
.contact-form .tit h4{font-size:40px;color:#fff;line-height:67px;margin-bottom:20px;text-transform:uppercase;font-family:'impact';letter-spacing:1px;}
.contact-form .tit hr{background:#fff;width:90px;height:3px;margin:0 0 30px;}
.contact-form .tit p{font-size:15px;color:#fff;}

.contact-inquiry{width:600px;}
.contact-inquiry .inquirbox{padding:20px;background:#fff;}

.inquirbox{}
.inquirbox h5{background:#F0B323;}
.inquirbox .row{margin-bottom:15px;}
.inquirbox input[type="text"],.inquirbox textarea{padding:10px 10px;font-size:14px;border:1px solid #D2D2CF;width:100%;line-height:22px;text-align:left;color:#111;box-sizing:border-box;}
.inquirbox textarea{max-width:100%;width:100%;resize:none;}
.inquirbox input[type="text"]:focus,.inquirbox textarea:focus{box-shadow:0 0 5px #999;background:#fafafa;border-color:#999;outline:0}
.inquirbox .red{color:#f00;font-weight:bold;}
.inquirbox .yzm { width:70%; margin-right:10px;}
.inquirbox img {cursor: pointer; margin-left: 3px; display: inline-block;vertical-align: middle;}
.inquirbox input.submit{margin:0 auto;width:184px;line-height:42px;background:#0382DB;text-align:center;display:block;color:#fff;font-size:16px;border-radius:6px;cursor:pointer;}
.inquirbox input.submit:hover{background:#086CB2;}


/*-----分页----*/
.digg{padding:20px 0 0;margin:30px 0 0;text-align:center;}
.digg a,.digg span{line-height:16px;padding:7px 12px;margin:0 2px;display:inline-block;border:1px solid #bebebe;background:#fff;font-size:13px;border-radius:3px;}
.digg a:active{border:#0A5A6A 1px solid;color:#f18101; }
.digg span.disabled{color:#fff;border:1px solid #F18101;background:#fff;}
.digg span.disabled,.digg a:hover{background:#0382DB;border:1px solid #0382DB;box-shadow:0 1px 0 0 #fff;color:#fff;}