@charset "utf-8";
/* CSS Document */
*,*:after,*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*公共样式*/
*{ margin:0; padding:0; list-style:none;box-sizing:border-box;-webkit-box-sizing:border-box;}

body{background:#fff;color:#333;font-size:14px;word-wrap:break-word;font-family: "Microsoft YaHei", "Source Han Sans CN", "微軟正黑體", "Microsoft JhengHei", "PingFang SC","Hiragino Sans GB", "Helvetica Neue", Helvetica,  "Heiti SC",Arial, sans-serif;}

a,span,p{text-decoration:none;color:#333;transition: all .3s ease-out;font:14px "微软雅黑";}
li{list-style:none}
img{ border:0;transition: all .5s ease-out;}

.clr{clear:both; height:0px; overflow:hidden}
#clear:before,#clear:after{display:table;content:""}
#clear:after{clear:both}
#clear{zoom:1}

.wid{width:1200px;margin:0 auto}
.wid75{width:96%;margin:0 auto;}

@media(max-width:1440px){
.wid75{width: 96%;}
}

.m{width:100%;height:0;position:absolute;top:0}
.round{border-radius:8px;}


#dingwei{width:0;height:0;position:absolute;top:260px}



.indexTit{text-align: center;position: relative;}
.indexTit>div{text-transform:uppercase;margin:0 auto;position: relative;z-index: 20;background:#fff;display: inline-block;padding:0 60px;}
.indexTit .p1{font-size:20px;color: #191919;font-weight: bold;}
.indexTit .p2{font-size:15px;color:#d2d2d2;font-family: "optima";}
.indexTit b{display: block;width:50%;height: 1px;background:rgba(0,0,0,0.1);position:absolute;left:25%;bottom:20%;z-index:10;}
.indexTit img.titLogo{width: 100px;margin: 0 auto 15px;display: block;}

.indexTitBlue>div{background: #172a77;}
.indexTitBlue .p1{font-size:20px;color: #fff;font-weight: bold;}
.indexTitBlue .p2{font-size:15px;color:#fff;font-family: "optima";}
.indexTitBlue b{background:rgba(255,255,255,0.1);}


.indexTitGreen>div{background: #eaf5ee;}




.more{padding:8px 80px;display:inline-block;font-size: 14px;text-transform:uppercase;color:#626262 ;border: 1px #acacac solid;border-radius:3px;}
.more2{border: 1px #d2d2d2 solid;}
.more:hover{color: #fff;border: 1px #172a77 solid;background: #172a77;}

.bgBox{width: 100%;}
.bgWhite{width: 100%;background:#fff center top no-repeat;padding:1vh 0}
.bgGrey{width: 100%;background:#f1f1f1;padding:1vh 0}
.bgGrey2{width: 100%;background:#fafafa;padding:1vh 0}
.cons{}
/*header*/
.header{width:100%;position:absolute;top:0;z-index:99999;background:rgba(255,255,255,1);overflow:hidden}
/*top*/
.top_{width:100%;height:30px;background:#191919;transition: all .6s ease-out;overflow:hidden;}
.top{color:#c5c5c5;font-size:12px;}
.top ul.top_left{float:left;height:100%;line-height:30px;}
.top ul.top_left li{float:left;padding-right:20px;}
.top ul.top_left li i{padding-right:5px;font-size:12px;}

.top ul.top_right{float:right;height:100%;line-height:30px;}
.top ul.top_right li{float:left;}
.top ul.top_right li a{color:#c5c5c5;font-size:12px;padding:0 10px}
.top ul.top_right li a:hover{text-decoration:underline}
.top ul.top_right li i{padding-right:5px;font-size:12px;}

.head{width: 100%;}
.nav{display: flex;justify-content: space-between;align-items: center; }
.nav li{position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;float: left;display: inline-block;}
.nav li.logo{}
.nav li.logo img{display:block;height:80px;margin:auto}
.nav li a{text-align:center;display:inline-block;height:100%;line-height:7vh;position:relative;text-transform:uppercase;color:#515151;font-size:16px;font-family: "optima";}
.nav li a:hover{color:#172a77}
.nav li p{display:block;width:0;height:4px;background:#172a77;position:absolute;bottom:0;left:50%;transition: all .3s ease-out}
.nav li:hover p{left:0;width:100%}
.nav .cur p{left:0 !important;width:100% !important}
.nav a.cur{color:#172a77}

/*banner*/
.banner{width:100%;margin:120px auto 0;position:relative}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide_container {position: relative; float: left;width: 100%;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0; margin: 0;}
.slide li {position: absolute;width: 100%;left: 0; top: 0;}
.slide img {display: block;position: relative;z-index: 1; height: auto;width: 100%;border: 0;}
.slide .caption {display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}



.inAboutText{width: 100%;float:left;font-size: 14px;word-break: break-word;margin:15px 0 0;text-align: center;}
.inAboutText p{color: #333;line-height:1.5;padding: 8px 0;font-size: inherit;}
.inAboutText img{display: block;max-width: 100%;}
.inAboutText .company{}


/*首页项目*/
.case {WIDTH:1200px;margin:15px auto 0;position:relative;z-index:999}
.case .btn {pointer;position:absolute;top:50px;cursor:pointer;z-index:999;}
.case .btn i{color:#fff;font-size:15px;transition: all .3s ease-out}
.case .left {left:-20px;padding:3px 2px 0 0}
.case .right {right:-20px;padding:3px 0px 0 2px}
.case .center {FLOAT: left}
.case .left:hover i{color:#99acf9}
.case .right:hover i{color:#99acf9}

.blkphotopicx {POSITION: relative;}
.blkphotopicx .Cont {}
.blkphotopicx .box {WIDTH:202px;FLOAT: left;}
.box .fang {width:202px;float:left;}
.box .picFit {}
.box a{width:190px;display:block;position:relative}
.blkphotopicx .box a{cursor: pointer;}
.blkphotopicx .box img{float: left;width:190px;height:120px;display:block;transition: all .3s ease-out;border-radius: 5px;}
.blkphotopicx .box a:hover img{border: 1px solid #172a77;}
.box a .word{width:100%;height:80px;}
.word p{display:block;width:100%;font-size:14px;margin:5px 0 0;float:left;text-align:center;color: #fff;}
.word p i{padding:0 5px 0 0}


/*首页产品*/


.inPro{margin:25px auto 10px}
.inProTar{margin: 15px auto 5px;display: inline-block;}
.inProTar a{display: block;padding:10px 25px;color:#333;float: left;font-size:14px;transition: all .3s ease-out;border:1px #d2d2d2 solid;text-transform:capitalize;border-left: none;font-weight: bold;}
.inProTar a:first-child{border-left:1px #d2d2d2 solid;}
.inProTar a.cur{color:#fff;background: #172a77;}

.inProTarCon{width: 100%;float: left;min-height:580px;position: relative;}
.inProTarCon ul{width: 100%;padding:10px 20px 0;box-sizing:border-box;-webkit-box-sizing:border-box;display: none;}
.inProTarCon ul.cur{display: block;}
.inProTarCon ul li{width: 23.5%;margin:10px 2% 10px 0;float: left;}
.inProTarCon ul li:nth-child(4n){margin:10px 0 10px 0}
.inProTarCon ul li a{display: block;width: 100%;float: left;border: 1px #d2d2d2 solid;box-sizing:border-box;-webkit-box-sizing:border-box;}
.inProTarCon ul li a img{display: block;width:90%;margin: 12px auto;height: 270px;}
.inProTarCon ul li a p{display: block;width: 100%;text-align: center;margin-bottom: 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: inherit;}
.inProTarCon ul li a:hover{border: 1px #172a77 solid;color: #172a77;}
.inProTarCon .readMore_{width: 100%;position: absolute;bottom: 3vh;}








/*newsview*/
.jBox { width:92%; margin:20px auto }
.jBoxTit { width:100%; padding:0; float:left; font-size:16px; font-weight:bold; color:#000 }
.jBoxTime { width:100%; padding:10px 0; float:left; border-bottom:1px #999 solid; margin-bottom:15px; color:#999 }
.newsView p { color:#666; padding:6px 0; line-height:20px }
.newsView img { display:block; max-width:100% }
.anniu { width:100%; margin:15px 0 30px }
.anniu li { width:100%; float:left; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px #f1f1f1 solid; margin:10px 0 0 }
.anniu li, .anniu li font { color:#666 }
.naniu li a { color:#333 }
.conTop { width:100%; background:url(../images/bg.png) #fff; padding:50px 20%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.conTop p { text-transform:uppercase; text-align:center }
.conTop p.p1 { color:#e8e8e8; font-size:64px; font-weight:bold }
.conTop p.p2 { color:#CCC; line-height:24px }
.conText { margin:70px auto; position:relative }
.conTit { width:100%; text-align:center; font-size:26px; color:#000; line-height:24px; letter-spacing:1px; line-height:30px; text-transform:uppercase; font-weight:bold }
.conTit small { font-size:18px; font-weight:100; text-transform:uppercase; letter-spacing:0px; color:#CCC; }
.conview { width:100%; margin-top:50px }
.conview p { width:33.333%; float:left; text-align:center; font-size:14px; color:#777; height:30px; border-right:1px #CCCCCC solid; box-sizing:border-box; -webkit-box-sizing:border-box; }
 .conview p:nth-child(3) {
border-right:none
}
 .conview p:nth-child(6) {
border-right:none
}
.mapLink { display:block; width:300px; height:50px; background:#e4363b; border-radius:30px; position:absolute; bottom:-95px; left:50%; margin-left:-150px; text-align:center; color:#fff; line-height:50px; font-size:14px }
.mapLink i { padding-right:5px }
.mapLink:hover { background:#bf2a2f; color:#fff }
.conMes_ { width:100%; background:#f5f5f5; padding:50px 0 }



/*首页新闻*/
/*indexNews*/
.TarN{width:100%;float: left;position: relative;z-index: 20;}
.TarN a{display: inline-block;color:#333;padding:6px 0;margin:0 25px;transition: all .1s ease-out;border:1px #999999 solid;width:150px;text-align: center;}
.TarN a.cur{background:#2848a6;color:#fff;border-color: #2848a6;}
.TarConN{width: 100%;float: left;min-height:70vh;position: relative;position: relative;z-index: 18;}
.TarConN .TarConsN{width: 100%;display: none;}
.TarConN .cur{display: block;}

.inNews{margin:50px auto 0}
.inNews .TarCon{min-height:800px;margin-top: 60px;}
.inNewsLeft{width:48%;float: left;box-sizing:border-box;-webkit-box-sizing:border-box;padding:37px 40px;background: #f1f1f1;}
.inNewsLeft a{display:inline-block;width: 100%;}
.inNewsLeft a>div{ width: 100%;}
.inNewsLeft a .p1{font-size: 36px;color: #999;font-family: "Impact";}
.inNewsLeft a .p2{font-size: 18px;padding: 7px 0;}
.inNewsLeft a .p3{font-size: 12px;color: #989898;height: 50px;line-height: 1.5;overflow: hidden;}
.picBox{width: 100%;height: 310px;overflow: hidden;}
.picBox img{display: block;width: 100%;height: 100%;}
.inNewsLeft a:hover img{transform: scale(1.05)}


.inNewsRight{width: 48%;float: right;}
.inNewsRight a{display: inline-block;width: 100%;padding: 37px 10px;border-bottom: 1px #e3e3e3 solid;float: left;}
.inNewsRight a:first-child{border-top: 1px #e3e3e3 solid;}
.inNewsRight a:hover{background: #f1f1f1}
.inNewsRightL{width:75%;float: left;}
.inNewsRightR{width:20%;float: right;}
.inNewsRight a .p1{width: 100%;font-size: 16px;}
.inNewsRight a .p1 i{padding-right:5px;font-size: 16px;}
.inNewsRight a .p2{font-size: 12px;color: #989898;height: auto;line-height: 1.8;overflow: hidden;margin-top: 12px;padding-left:18px;}

.inNewsRight a .p3{font-size: 30px;color: #999;padding: 0 0 20px;background: url(../images/inNews.png) center bottom no-repeat;font-family: "Impact";text-align: center;}


/*首页联系我们*/
.indexCon{border-radius:10px;background:url(../images/indexConBg.jpg) left center no-repeat #fff;display: inline-block;padding:5vh 0;margin-bottom:7vh}
/*左侧*/
.indexConLeft_{width: 42%;float: left;}
.indexConLeft{margin-top:10vh}
.indexConLeft p{text-align: center;}
.indexConLeft p.p1{font-size: 1.2vw;text-transform:uppercase;font-family: "optima";font-weight: bold;}
.indexConLeft p.p2{display: block;width:80px;height:3px;background:#6cb447;margin:3vh auto;}
.indexConLeft p.p3{font-size: 0.85vw;color: rgba(0,0,0,0.6);padding-bottom:2vh;text-transform:uppercase}
.indexConLeft a{font-size:0.85vw;color:#000;}
.indexConLeft a:hover{color:#172a77}
/*右侧*/
.indexCon ul{width:50%;float: right;padding:0 7%;border-left: 1px rgba(0,0,0,0.1) solid;}
.indexCon ul li{width:100%;float:right;margin:1.2vh 0}
.indexCon ul li a{display: inline-block;width:100%;padding:2.2vh 2vw;box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:10px;transition: all .6s ease-out;}
.indexCon ul li a:hover{transform: scale(1.07)}
.indexCon ul li:nth-child(1) a{background:#172a77}
.indexCon ul li:nth-child(2) a{background:#57a52f}
.indexCon ul li:nth-child(3) a{background:#6cb447}

.indexCon ul li a i{display: block;float: left;font-size:2vw;color:#fff;width: 10%;padding:0.5vh 0 0 0}
.indexCon ul li .indexConRight{float:left;width:80%;margin-left:5%}
.indexConRight p{text-align: left;}
.indexConRight p.p1{font-size:1.1vw;color:rgba(255,255,255,1)}
.indexConRight p.p2{font-size:0.8vw;color:rgba(255,255,255,0.8)}


/*子页公共*/
.subBg{width: 100%;display: inline-block;background:#fff;padding:3vh 0;min-height:600px;position: relative;float: left;}
.subBgWhite{width: 100%;display: inline-block;background:#fff;padding:5vh 0 7vh;min-height:500px;}

.subBgGrey{width: 100%;display: inline-block;background:#f1f1f1;padding:5vh 0 5vh;}
.sub{}

.typeName{width: 100%;text-align: center;font-size:2.5vw;}
.hui .typeName,.hui .typeName{color:#000}
.red .typeName{color:#fff}


.subBan{width: 100%;position: relative;z-index: 100;display: inline-block;margin-top:115px}
.subBan img{display: block;width: 100%;position: relative;z-index: 101;}

.subBan .subTit{position: absolute;z-index: 110;width: 100%;bottom:5vh;left:0}
.subBan .subTit p{text-align: center;color:#fff;text-transform:uppercase;}
.subBan .subTit p.p1{font-size:3vw;letter-spacing:3px }
.subBan .subTit p.p2{font-size:1.8vw;margin:0vh 0 2.5vh;letter-spacing:3px }
.subBan .subTit b{display: block;width: 40px;height:4px;background:#fff;position: absolute;top:3vw;z-index: 111;}
.subBan .subTit b.b1{left:50%;margin-left:-12vw}
.subBan .subTit b.b2{right:50%;margin-right:-12vw}


.subBanIco{width: 50px;height:50px;border-radius: 50px;border:1px rgba(255,255,255,0.5) solid;text-align: center;line-height: 50px;color:#fff;z-index: 120;font-size:30px;cursor: pointer;margin:0 auto;display: block;}
.subBanIco i{line-height: 50px;opacity:0}


.subNav{background:#f1f1f1;height:7vh;}
.subNav ul{display: inline-block;height: 100%;}
.subNav ul li{float:left;height:100%;margin: 0 7px;}

.subNav li a{display:inline-block;font-size:1vw;cursor: pointer;padding:0 1vw;float: left;height: 100%;line-height:7vh;position: relative;}
.subNav li a span{position: absolute;left: 47%;top: 100%; width: 0;height: 0;border:10px solid;border-color:#419018 transparent transparent transparent;display: none;}
.subNav li a.cur{color:#fff;background:#419018}
.subNav li a.cur span{display: block;}
.subNav li a:hover{color:#fff;background:#66b451}



/*关于我们*/

.jianjie{padding:0 0 3vh;text-align: center;color:#353535;font-size:14px;font-weight: bold;}	

.subText{line-height: 1.8;}
.subText img{display: block;max-width: 100%;border-radius:5px;}

.video{width:900px;height:544px;margin:0 auto}

.company{width: 100%;float: left;padding: 30px 0;}
.company i{padding-right:5px;}
.company .text{width: 100%;float: left;line-height: 1.8;margin-top:10px;}
.text td,.text div{font-family:"宋体"!important}
.company img{display:block ;max-width: 100%;border-radius: 8px;}
.company .text table td{padding:10px 0 10px 10px;background:#fff}

.text .proTitle{font-size: 25px;padding:6px 0;font-weight: bold;border-top: 1px #191919 solid;border-bottom: 1px #191919 solid;margin: 0 0 10px}
.text .proCanshu{width: 100%;margin: 10px 0 25px;font-size: 16px;clear: both;display: inline-block;}


.abtPics{width: 100%;margin:10px 0;float: left;}
.abtPics li{width: 30%;float: left;margin-right: 5%;}
.abtPics li:nth-child(3n){margin-right: 0;}
.abtPics li img{display: block;width: 100%;}




.culPics{width: 100%;float: left;margin-top:20px;}
.culPics li{width:18.5%;float: left;margin:0 1.875% 15px 0}
.culPics li:nth-child(5n){margin:0 0 15px 0}
.culPics li a{display: block;width: 100%;}
.culPics li a .honPic{border:1px #f1f1f1 solid;overflow: hidden;box-sizing:border-box;-webkit-box-sizing:border-box;}
.culPics li a p{display: block;width: 100%;padding: 10px 0;text-align: center;font-size: 18px;}

.culPics li a img{display: block;width: 100%;height:250px;}
.culPics li a:hover .honPic{border:1px #0081cc solid}
.culPics li a:hover img{transform: scale(1.07);}


.photos{margin:20px auto;}
.photos li{width:32%;float: left;margin:0 2% 15px 0}
.photos li:nth-child(3n){margin:0 0 15px 0}
.photos li a{display: block;width: 100%;}
.photos li a .honPic{border:1px #f1f1f1 solid;overflow: hidden;box-sizing:border-box;-webkit-box-sizing:border-box;}
.photos li a p{display: block;width: 100%;padding: 10px 0;text-align: center;font-size: 18px;}

.photos li a img{display: block;width: 100%;height:250px;}
.photos li a:hover .honPic{border:1px #0081cc solid}
.photos li a:hover img{transform: scale(1.07);}





/*新闻中心*/
.news {width: 100%;float: left;margin: 30px 0;}
.news li { float:left; height:220px; width:100%; padding:15px 1%; border:1px #e1e1e1 solid; box-sizing:border-box; -webkit-box-sizing:border-box; margin:2vh 0; transition: all .3s ease-out
}
.newsLeft { width:30%; height:100%; float:left }
.newsLeft img { display:block; height:100%; margin:0 auto; max-width:100% }
.newsRight { width:68%; height:100%; float:right }
.newsTit { width:100%; float:left; padding:10px 0 }
.newsTit a {font-weight:bold; font-size:18px }
.newsTit a:hover { text-decoration:underline }
.newsRight .date { float:left; display:inline-block !important; display:inline; border-bottom:1px #000 solid; padding-bottom:10px; font-size:16px; position:relative; z-index:35 }
.newsRight .summary { width:100%; float:left; padding-top:10px; border-top:1px #ececec solid; margin-top:-1px; position:relative; z-index:30; font-size:14px; line-height:24px }
.news li:hover { box-shadow: 0px 0px 15px #a7a7a7; }
/*newsview*/
.detail{position:relative}
.de_tit{width:100%;text-align:center;font-size:20px;font-weight:bold;}
.news_zz{width:100%;height:25px;text-align:center;font-size:14px;color:#999;line-height:25px;float:left;margin:15px 0 15px;}
.de_m{width:100%;float:left;line-height:1.5;border-top:1px #c4c4c4 dotted;padding-top:20px}
.de_m p{padding-top:20px;color:#666;text-indent:2em;line-height:24px;font-size:inherit}
.de_m img{display:block;margin:10px auto 0;max-width:100%;height:auto}
.back{display:block;margin:40px auto 0;background:#333;color:#fff;display:inline-block !important; display:inline;padding:10px 50px;font-size:14px}
.back:hover{background:#008cbd;color:#fff}

/* 产品中心 */
.proBox{}
.subRight{width:75%;float:right;}
.location{width:100%;height:35px;line-height:30px;text-transform:uppercase;border-bottom: 1px #191919 solid;}
.location a,.location p{line-height:30px;color:#8f8f8f;font-size:14px}
.location a:hover{color: #172a77;}
.location p{float:right;display:inline-block !important; display:inline;border-bottom:5px #191919 solid;}
.location i{padding:0 10px}

.product{width: 100%;margin-top:10px}
.product li{width:32%;margin:10px 2% 10px 0;float: left;}
.product li:nth-child(3n){margin:10px 0 10px 0}
.product li a{display: block;width: 100%;float: left;border: 1px #dedede solid;box-sizing:border-box;-webkit-box-sizing:border-box;}
.product li a img{display: block;width:90%;margin: 12px auto;height:300px;}
.product li a p{display: block;width: 100%;text-align: center;margin-bottom: 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 16px;font-weight: bold; }
.product li a:hover{border: 1px #008cbd solid;}

/*左侧菜单*/
.leftNavBox{width: 22%;float: left;background: linear-gradient(45deg, #f4a100 , #779d4e , #00a1c4);border-radius: 10px;overflow: hidden;color:#fff;margin-bottom: 30px;}
.leftNavTop{width: 100%;height:100px;background:rgba(30,78,160,0.3);display:flex;flex-wrap: wrap;justify-content: center; align-items: center; }
.leftNavTop i{font-size:40px;padding-right: 10px;}
.leftNavTop img{display: block;width: 50px;margin-right: 30px;}
.leftNavTop .p1{font-size: 18px;text-transform:capitalize}
.leftNavTop .p2{font-size: 16px;text-transform:uppercase}

.leftNav{width: 100%;min-height: 200px;}
.leftNav dl{padding: 20px 0 25px;border-top: 1px rgba(255,255,255,0.1) solid;}
.leftNav dl,.leftNav dl dt,.leftNav dl dd{width: 100%;float: left;}

.leftNav dl:first-child{border-top:none}

.leftNav dl dd{width: 100%;float: left;margin: 5px 0;}
.leftNav dl dd a{width: 100%;float: left;display: block;color: inherit;text-indent:17%;font-size: 15px;padding:20px 0;}
.leftNav dl dd a i{font-size: 14px;padding-right:5px;opacity: 0;}
.leftNav dl a:hover{background: rgba(30,78,160,0.3);}

@keyframes blink {
0%,100%{opacity:0;}
50%{ opacity:1.5;}
}
.leftNav dl a:hover i{animation:blink 2s infinite}
.leftNav dl dd.cur a{background: rgba(30,78,160,0.3);}
.leftNav dl dd.cur i{opacity: 1;}

.leftNavDown{width: 100%;padding:30px 0 30px;float:left;background: url(../images/leftNavBg.png) center top no-repeat;text-transform:uppercase}
.leftNavDown>div{width: 100%;text-align: center;}
.leftNavDown .p1{font-size:12px;}
.leftNavDown .p1 i{padding-right: 5px;font-size:24px;}
.leftNavDown .p2{font-size: 20px;font-family: "Impact";margin-top:7px}






/*招聘列表*/
.zpDes{width: 100%;padding: 20px 0;font-size: 14px;line-height: 1.5;color: #333333;letter-spacing:1px;}
.zpDes p.p1{font-size:20px;padding-bottom: 10px;font-weight: bold;}
.zhaopin{width:100%;padding:10px 0 50px;}
.zhaopin li{width:32%;margin:0 2% 25px 0;float:left;transition: all .6s ease-out;}
.zhaopin li:nth-child(3n){margin:0 0 25px 0}
.zhaopin li .ZPbox{display:block;width:100%;padding:20px 0 20px;background:#3e9adc;position:relative}
.zhaopin li p{color:#fff;line-height:24px;padding:0 5% 3px;font-weight: 300;font-size: 13px;}
.zhaopin li p i{display:inline-block;width:25px;text-align: center;}
.zhaopin li p font{font-weight:500;}
.zhaopin li .zpText{color:#fff;line-height:1.5;padding:0 5% 3px 20px;font-size:13px;font-weight: 300;}
.zhaopin li .zpText p,.zhaopin li .zpText span{color: #fff !important;}


.zhaopin li p.zpTit{font-size:20px;height:70px;font-weight: bold;}
.zhaopin li .zpTit small{font-size: 14px;line-height:1.2;padding-top: 5px;font-weight: 300;float: left;}

.zhaopin li .box2{display:block;width:100%;padding:20px 0 20px;background:#3e9adc;position:absolute;left:0;bottom:0;opacity: 0;transition: all .3s ease-out;height:100%;overflow:hidden;z-index:999999999}
.zhaopin li .ZPbox:hover .box2{opacity:1;height:auto;overflow:inherit}
.zhaopin li .ZPbox .box2 a.sq{display:inline-block !important; display:inline;color:#fff;font-size:14px;padding:3px 15px;border:1px #fff solid;border-radius:10px;margin:15px 0 10px}
.zhaopin li .ZPbox .box2 a.sq:hover{background:#fff;color:#333}

.zhaopin li:nth-child(2) .ZPbox{background:#e90e42;}
.zhaopin li:nth-child(3) .ZPbox{background:#848484;}
.zhaopin li:nth-child(4) .ZPbox{background:#58d2e8;}

.zhaopin li:nth-child(6) .ZPbox{background:#e90e42;}
.zhaopin li:nth-child(7) .ZPbox{background:#848484;}
.zhaopin li:nth-child(8) .ZPbox{background:#58d2e8;}

.zhaopin li:nth-child(2) .box2{background:#e90e42;}
.zhaopin li:nth-child(3) .box2{background:#848484;}
.zhaopin li:nth-child(4) .box2{background:#58d2e8;}

.zhaopin li:nth-child(6) .box2{background:#e90e42;}
.zhaopin li:nth-child(7) .box2{background:#848484;}
.zhaopin li:nth-child(8) .box2{background:#58d2e8;}


/*proview*/
.pro_con{display: block;width: 100px;padding: 20px 0;background: #F1F1F1;text-align: center;position: fixed;bottom:280px;left: 50%;margin-left: 620px;border-radius: 10px;font-size: 16px;}
.pro_con i{font-size: 36px;padding: 0 0 5px;}
.pro_con:hover{background: #008cbd;color: #fff;}

.proLocation{width: 100%;float: left;border-bottom: 1px solid #F2F2F2;font-size: 12px;color: #4d4d4d;padding-bottom: 15px;}
.proLocation a{padding: 0 5px;}
.proLocation i{font-size: 16px;padding-right: 5px;}
.proTit{width: 100%;float: left;border-bottom: 1px solid #808080;font-size: 12px;color: #4d4d4d;padding: 15px 0;line-height: 1.25;}
.proTit p.p1{color: #4b4b4b;font-size: 24px;font-weight: bold;}
/*产品左侧*/
.viewNav{width:190px;float: left;margin-top:40px;}
.viewNavFix{position: fixed;left: 50%;margin:0 0 0 -600px;top: 140px;z-index: 999;}
.viewNav a{display: block;width: 100%;float: left;border: 1px #4a4a4a solid;border-top: none;height:42px;line-height: 42px;font-size: 18px;font-weight: bold;text-indent: 10px;position: relative;transition: all 0 ease-out;}
.viewNav a:first-child{border-top: 1px #4a4a4a solid}
.viewNav a:hover{background: #f1f1f1;}
.viewNav a.cur{background: #008cbd;color: #fff;}
.viewNav a .sjx{ display: none;width: 0;height: 0;border-top:21px solid transparent;border-left: 25px solid #008cbd;border-bottom: 21px solid transparent;position: absolute;left: 100%;top:-1px;}
.viewNav a.cur .sjx{display: block;}

.proDetail{font-size:12px;padding:30px 0;float: left;border-bottom: 1px #d3d3d3 solid;width: 100%;}
.proDetailTit{width: 100%;font-size: 22px;margin-bottom:25px;float: left;color:#fff;padding:7px 0;background:linear-gradient(to left, #00af90, #0062b2);}
.proDetailTit i{display: block;float: left;font-size:40px;margin:2px 8px 0 15px;}
.proDetailTit span{display: block;float: left;font-size:20px;line-height: 1.3;font-weight:bold;letter-spacing:1px }
.proDetailTit span small{font-size: 14px;letter-spacing:0px;}
.proDetailContent{width: 100%;}
.proDetailContent table{width: 100% !important;}
.proDetailContent img{display: block;max-width: 100%;}

.proDetailContent td{background: none !important;vertical-align:middle !important;text-indent: 10px;border:1px #fff solid}
.proDetailContent table td,.proDetailContent table span,.proDetailContent table p,.proDetailContent table div{color: #3d3d3d !important;font-size: 15px !important;}
.proDetailContent tr{background:#cce0f5 !important;height:40px !important}
.proDetailContent tr:nth-child(2n){background:#f7f7f7 !important;}
.proDetailContent sup span,.proDetailContent sup,.proDetailContent sup p,.proDetailContent sup div{font-size:10px  !important}

.proDetailContent ul{width: 100%;}
.proDetailContent ul li{width:23.5%;float: left;margin:0 2% 30px 0;}
.proDetailContent ul li:nth-child(4n){margin:0 0 30px 0}
.proDetailContent ul li a{display: inline-block;width: 100%;border: 1px #dedede solid;padding: 10px;}
.proDetailContent ul li a img{display: block;width:100%;height:200px;margin: 0 auto 5px;}
.proDetailContent ul li a p{text-align: center;font-size:16px;padding: 0 0 0 0;word-break: break-word;}
.proDetailContent ul li a:hover{border: 1px #008cbd solid;}

.proDetail .canshu { width:40%;float:left;padding: 30px 0 0 7%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.proDetail .canshu .canshuTit { width:100%; border-bottom:1px dotted #999; font-size:22px; padding:0 0 10px; line-height:2; font-weight:bold; float:left }
.proDetail .canshu .canshuSummary { width:100%; margin-top:16px; line-height:2.5; float:left;font-size: 18px;padding:20px 0 20px 25px;background:#f1f1f1;font-weight:bold;border-radius:10px}
.proDetail .canshu .share { width:100%; padding-top:16px; float:left }
.proDetail .canshu .sendEmail { width:100%; padding-top:16px; float:left }
.proDetail .canshu .sendEmail a { display:block; padding:5px 15px; background:#999; color:#fff; float:left; border-radius:15px; transition: all .3s ease-out;font-size:15px}
.proDetail .canshu .sendEmail a i { padding-right:5px }
.proDetail .canshu .sendEmail a:hover { background:#008cbd}
.proDetail .canshu .proAnniu { width:100%; margin:0; padding-top:16px; float:left }
.proDetail .canshu .proAnniu li { width:100%; float:left; margin:10px 0 0; }
.proDetail .canshu .proAnniu li a { display:block; width:100%; float:left; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px #f1f1f1 solid; color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.proDetail .canshu .proAnniu li a:hover { color:#333; border:1px #999 solid; }
.proText { width:100%; float:left; margin-top:25px }
.proTextTit { width:100%; height:30px; border-bottom:1px #CCC solid }
.proTextTit p { display:block; float:left; margin-left:20px; height:30px; padding:0 15px; line-height:31px; background:#fff; border:1px #ccc solid; border-bottom:none; font-weight:bold }
.proTextCon { width:100%; padding-top:25px; float:left; line-height:24px; padding-bottom:30px }
.proTextCon img{display:block;max-width:100%}
.prode{}
.prode img{margin:0 auto}

/*放大镜*/
.left-pro{ width:450px; border: 1px solid #ccc; text-align: left; float: left; background-color: #FFF; margin-top:20px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }
.left-pro .t1{width:100px;float:left}
.left-pro .t2{width:302px;text-indent:0;float:left;padding-left:10px}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:68px;padding:1px;border:1px solid #ccc;height:68px;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:280px;margin:10px;overflow:hidden}
	/* 放大镜-悬浮 */
.MagicZoomBigImageCont{border:1px solid #91b817;overflow:hidden}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}



/*联系我们*/



	.conTop { width:100%; background:#f5f5f5; padding:50px 0; box-sizing:border-box; -webkit-box-sizing:border-box; float: left;}
	.conTop p { text-transform:uppercase; text-align:center }
	.conTop p.p1 { color:#b9b9b9; font-size:64px; font-weight:bold }
	.conTop p.p2 { color:#b9b9b9; line-height:24px }
	.conText { margin:70px auto; position:relative}
	.conTit { width:100%; text-align:center; font-size:26px; color:#656565; line-height:24px; letter-spacing:1px; line-height:30px; text-transform:uppercase; font-weight:bold;font-family: "optima"; }
	.conTit small { font-size:18px; font-weight:100; text-transform:uppercase; letter-spacing:0px; color:#CCC; }
	.conview { width:70%; margin:30px auto 0 }
	.conview table{margin: auto;}
	.conview td{height: 45px;text-indent: 10px;}


	.mapLink { display:block; width:300px; height:50px; background:#e4363b; border-radius:30px; position:absolute; bottom:-95px; left:50%; margin-left:-150px; text-align:center; color:#fff; line-height:50px; font-size:14px }
	.mapLink i { padding-right:5px }
	.mapLink:hover { background:#bf2a2f; color:#fff }
	
.map{width: 100%;float: left;padding: 20px 0;border-top: 1px #ccc solid;}
	

.toDown{
  -moz-animation: toDown 1.5s infinite linear;
  -o-animation: toDown 1.5s infinite linear;
  -webkit-animation: toDown 1.5s infinite linear;
  animation: toDown 1.5s infinite linear;
}
@-moz-keyframes toDown {
  0% { -moz-transform: translateY(-10px);opacity: 0;}
  30% {-moz-transform: translateY(0px);opacity:1; }
  60% { -moz-transform: translateY(10px);opacity: 0; }
  100% { -moz-transform: translateY(-10px);opacity: 0; }
}
@-webkit-keyframes toDown {
  0% { -webkit-transform: translateY(-10px);opacity: 0;}
  30% {-webkit-transform: translateY(0px);opacity:1; }
  60% { -webkit-transform: translateY(10px);opacity: 0; }
  100% { -webkit-transform: translateY(-10px);opacity: 0; }
}
@-o-keyframes toDown {
  0% { -o-transform: translateY(-10px);opacity: 0;}
  30% {-o-transform: translateY(0px);opacity:1; }
  60% { -o-transform: translateY(10px);opacity: 0; }
  100% { -o-transform: translateY(-10px);opacity: 0; }
}
@-ms-keyframes toDown {
  0% { -ms-transform: translateY(-10px);opacity: 0;}
  30% {-ms-transform: translateY(0px);opacity:1; }
  60% { -ms-transform: translateY(10px);opacity: 0; }
  100% { -ms-transform: translateY(-10px);opacity: 0; }
}
@keyframes toDown {
  0% { transform: translateY(-10px);opacity: 0;}
  30% {transform: translateY(0px);opacity:1; }
  60% { transform: translateY(10px);opacity: 0; }
  100% { transform: translateY(-10px);opacity: 0; }
}






@-webkit-keyframes xuanzhuan{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg)}
}
@keyframes xuanzhuan{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}




#backTop{position:fixed;display:none;bottom:17vh;right:3%;width:4vw;height:4vw;background:#777475;z-index:999999999999999999;transition: all .5s ease-out;}
#backTop a{display:block;width:100%;height:100%;text-align:center;color:#fff;line-height:1vh;}
#backTop:hover{background:#858585}


@media(max-width:1440px){
.wid75{width: 90%;}
.header_{top:4vh;left:50%;margin-left:-650px !important;width:1300px !important;}
.header{width:100%  !important}
}



@media(max-width:1300px){
body{font:12px "微软雅黑";}
	.wid{width:96%;}
.ersi{font-size:18px}
.ersi a,shiba p,.ersi div{font-size:18px}
	
.shiba{font-size:16px}
.shiba a,shisi p,.shiba div{font-size:16px}

.shiliu{font-size:14px}
.shiliu a,shisi p,.shiliu div{font-size:14px}

.header_{top:0 !important;left:0 !important;margin-left:0 !important;width:100% !important;}
}




/*滚动条*/
.scroll{
	overflow-x:hidden;overflow-y:auto;
    scrollbar-face-color: #5c5a5a;/*移动滑块颜色*/
    scrollbar-shadow-color: #5c5a5a;/*移动滑块边框颜色*/
    scrollbar-track-color: #ccc;/*背景颜色*/
    scrollbar-arrow-color: #ddd;/*箭头颜色*/
}
.scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color:#E0E0E0;
}/* 滚动条的滑轨背景颜色 */
.scroll::-webkit-scrollbar
{
    width: 6px;
    background-color:#E0E0E0;
}
 
.scroll::-webkit-scrollbar-thumb
{
    background-color:#5B5A5A;
}/* 滑块颜色 */



/*css3*/
 /*向下*/
.slideDown{animation:slideDown 1s  backwards;-webkit-animation:slideDown 1s  backwards; }
@-webkit-keyframes slideDown{
	0%{-webkit-transform:translateY(-80px);opacity: 0}
	100%{-webkit-transform:translateY(0)};opacity: 1}
}
@keyframes slideDown{
	0%{transform:translateY(-80px);opacity: 0}
	100%{transform:translateY(0)};opacity: 1}
}

 /*向上*/
.slideUp{animation:slideUp 1s  backwards;-webkit-animation:slideUp 1s  backwards; }
@-webkit-keyframes slideUp{
	0%{-webkit-transform:translateY(80px);opacity: 0}
	100%{-webkit-transform:translateY(0);opacity: 1}
}
@keyframes slideUp{
	0%{transform:translateY(80px);opacity: 0}
	100%{transform:translateY(0);opacity: 1}
}

 /*向左*/
.slideLeft{animation:slideLeft 1s  backwards;-webkit-animation:slideLeft 1s  backwards; }
@-webkit-keyframes slideLeft{
	0%{-webkit-transform:translateX(80px);opacity: 0}
	100%{-webkit-transform:translateX(0)};opacity: 1}
}
@keyframes slideLeft{
	0%{transform:translateX(80px);opacity: 0}
	100%{transform:translateX(0);opacity: 1}
}

 /*向右*/
.slideRight{animation:slideRight 1s ;-webkit-animation:slideRight 1s  backwards; }
@-webkit-keyframes slideRight{
	0%{-webkit-transform:translateX(-80px);opacity: 0}
	100%{-webkit-transform:translateX(0)}
}
@keyframes slideRight{
	0%{transform:translateX(-80px);opacity: 0}
	100%{transform:translateX(0);opacity: 1}
}

 /*放大*/
.fangda{animation:fangda 1s ;-webkit-animation:fangda 1s  backwards; }
@-webkit-keyframes fangda{
	0%{-webkit-transform: scale(1);}
	100%{-webkit-transform: scale(1.1)}
}
@keyframes fangda{
	0%{transform: scale(1);}
	100%{transform: scale(1.1);}
}

 /*从0放大*/
.slideBig{animation:slideBig 1s ;-webkit-animation:slideBig 1s  backwards; }
@-webkit-keyframes slideBig{
	0%{-webkit-transform: scale(0);opacity: 0}
	100%{-webkit-transform: scale(1)}
}
@keyframes slideBig{
	0%{transform: scale(0);opacity: 0}
	100%{transform: scale(1);opacity: 1}
}


@-webkit-keyframes xuanzhuan{
	0%{-webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(360deg)}
}
@keyframes xuanzhuan{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(360deg);}
}


.conMes_ { width:100%; background:#f1f1f1; padding:50px 0 }
.message{width:100%;margin:0 auto;padding:4vh 5vh 5vh 1vh;}
.table_form {width: 100%}
	.table_form td input,.table_form td, .table_form th,.table_form textarea{}
	
.table_form td input {height: 4vh;width: 100%;}
.table_form td, .table_form th {padding:1.5vh 0 1.5vh 1vh;border:none !important;}
.table_form textarea{}
.table_form .submit input {height:5vh;background:#7D7D7D;transition: all .5s ease-out;color: #fff;}
	.table_form .submit input:hover{background:#008cbd}
	
	
.messageBox{width:100%;padding:10px;border:1px #dedede solid;display:inline-block !important; display:inline;margin:50px auto 20px}
.message{margin:0 auto;border:1px #dedede solid;padding:150px 15% 30px 10%;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;}
.messageTit{width:100%;border-bottom:1px #dedede solid;padding:30px 60px;box-sizing:border-box;-webkit-box-sizing:border-box;position:absolute;top:0;left:0}
.messageTit p{text-align:left;color:#666;}
.messageTit p.p1{font-size:36px}
.messageTit p.p2{font-size:16px;margin-top:10px}

/*分页样式*/
#pages { padding:14px 0 10px; text-align:center;clear: both;margin-top: 20px;}
#pages a{
	display: inline-block;
	padding:8px 15px;
	margin-left:8px;
	color:#666;border:1px #999 solid;border-radius:5px;
	margin-bottom: 10px;
}
#pages a.a1{
		padding:6.5px 15px;
	}
#pages a:hover{
	color:#333;border:1px #333 solid;
}
#pages span{
    padding:8px 15px;
	margin-left:8px;
	color:#c7c7c7;border:1px #c7c7c7 solid;border-radius:5px;
}
@media(max-width:1200px){
	#pages a{
		padding:5px 10px;
	    margin-left:4px;
		font-size: 12px;
	}
	#pages a.a1{
		padding:4px 10px;
	    margin-left:4px;
	}
	#pages span{
		padding:5px 10px;
	    margin-left:4px;
	}
}