@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;}
img{ border:0;transition: all .5s ease-out;}
body{background:#fff;color:#333;font-size:14px;word-break: break-all;word-wrap: break-word;letter-spacing:1px;font-family: "Microsoft YaHei", "Source Han Sans CN", "微軟正黑體", "Microsoft JhengHei", "PingFang SC","Hiragino Sans GB", "Helvetica Neue", Helvetica,  "Heiti SC",Arial, sans-serif;}
a{color:#333;}
a,span,p{text-decoration:none;transition: all .3s ease-out;}
li{list-style:none;}


.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:1440px;margin:0 auto;}

.readMore{display:inline-block;padding:15px 40px;background:#0081cc;color:#fff;border-radius:+5px;}
.readMore:hover{transform: scale(1.07)}


.bgWhite{width: 100%;padding:8vh 0;background:url(../images/white_bg.jpg) center top no-repeat}
.bgGrey{width: 100%;padding:8vh 0;background:#f1f1f1}
.bgBlue{width: 100%;background:url(../images/m2.jpg) center center no-repeat;padding:8vh 0 8vh}

.indexTit{margin:0 auto 3vh;display: inline-block;z-index: 100;position: relative;z-index: 100;}
.indexTit p{text-transform:uppercase;position: relative;z-index: 100;color:#272c32;letter-spacing:1px;}
.indexTit .p1{font-size:20px;}
.indexTit .p2{font-size:24px;}
.indexTitWhite p{color: #fff;}


/*客服*/
.kefu{width:4vw;position: fixed;right: 0;top:35vh;z-index: 99999999;}
.kefu li{display: block;width: 100%;height:4vw;float: left;text-align: center;cursor: pointer;transition: all .3s ease-out;color:#fff;position: relative;}
.kefu li:hover{}
.kefu li a{background:rgba(0,0,0,0.4);color:#fff;display: block;position: absolute;right: 0;top:0;width:4vw;height: 4vw;overflow: hidden;line-height: 4vw;text-align: left;}
.kefu li i{color: #fff;text-align: center;}

.kfQq i,.kfPhone i,.kfWeixin i{display: block;width: 4vw;height: 4vw;font-size:1.8vw;line-height: 4vw;float: left;}
.kfQq a{}
.kefu li a:hover{background:#0081cc;}
.kefu li.kfQq a:hover{width:8vw;}
.kefu li.kfPhone a:hover{width:12vw;}

.kfCon{width:8vw;height: 8vw;padding:20%;box-sizing:border-box;-webkit-box-sizing:border-box;position: absolute;right: 100%;top:-50%;background:#0081cc;display: none;}
.kfCon img{display: block;width: 100%;}

.kefu li.kfTop{}
.kefu li.kfTop a{text-align: center;line-height:1.5vw;}
.kefu li.kfTop a i{line-height:1.5vw;font-size:2.2vw;margin-top:0.5vw}

.kefu li:first-child a{border-top-left-radius:10px}
.kefu li:last-child a{border-bottom-left-radius:10px}

/*nav*/
.dingwei{width:100%;height:0;position:absolute;top:100px}

#top{position:fixed;z-index:9999;height:7vh;transition: all .8s ease-out;background:#fff;}
.header_{top:4vh;left:50%;margin-left:-720px;width:1440px;}
.headerB{top:0;left:0;width:100%;box-shadow: 0 0 10px #888888;}
.header{width:1440px;height:100%;box-shadow:0 0 0 #e2e2e2;padding:0;transition: all .8s ease-out;margin:0 auto}

.headerIco{display: block;width:4vw;height: 100%;position: absolute;top:0;color: #fff;transition: all .3s ease-out;text-align: center;}
.headerIco i{font-size:1.8vw;padding:1.5vh 0 0}
.headerIco span{font-size:1.3vw;display: block;width: 100%;text-align: center;line-height: 7vh;}

.headerIcoLeft{left:0;text-align: center;background:#0081cc;}
.headerIcoRight{right:0;background:#0081cc;}

.headerIco:hover{background:#005d99}

.nav{width:86%;margin:auto;height:100%;display:flex }
.nav li{float:left;height:100%;position:relative;width: 10%;margin:auto;padding:0 0.6vw;box-sizing:border-box;-webkit-box-sizing:border-box;}
.nav li.logo{width: 20%;}
.nav li.logo img{display:block;height:100%;margin:auto}
.nav li a{text-align:center;display:block;height:100%;line-height:7vh;position:relative;text-transform:uppercase;color:#515151;font-weight:400;font-size:15px}
.nav li a:hover{color:#0081cc}
.nav li p{display:block;width:0;height:6px;background:#0081cc;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 .cur a{color:#0081cc}
	
	
	
/*banner*/
.banner{width:100%;height:700px;position:absolute;left:0;top:0;overflow: hidden;z-index:40;}
.pics,.pics li{width:100%;height:100%;}
.pics{position:absolute;z-index:50;left:0;top:0}
.pics li{position:absolute;left:0;top:0;width:100%;height:100%;display: inline-block;}
.pics li img{display:block;width:100%;height: 100%;}
.pics li a{display:block;width:100%;height: 100%;position: absolute;left: 0;top:0;}

.target{height:10px;width:auto;position: absolute;bottom:20px;left:50%;z-index:60}
.target li{display: block;float:left;width:10px;height:10px;border-radius: 10px;background:rgb(255,255,255,0.4);cursor: pointer;margin-left:8px}
.target li:first-child{margin-left:0}
.target li.cur{background:rgb(255,255,255,0.8)}

.qiehuan{margin:350px auto 0;height:60px;position: relative;z-index:70;display: none;}
.qiehuan div{cursor: pointer;display: flex;background:rgb(0,0,0,0.8);color:#fff;opacity: 0.5;transition: all .3s ease-out;width:45px;height:100%}
.qiehuan i{font-size:36px;margin: auto;}
.qiehuan div:hover{opacity: 1;}
.banner .prev{float:left}
.banner .next{float: right;}

.banner:hover .qiehuan{display: block;}

.bannerIco{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;display: block;position: absolute;left: 50%;margin-left:-25px;bottom:7vh;z-index: 9999;}
.bannerIco i{line-height: 50px;opacity:0}


/*首页装饰条*/
.adv_{width: 100%;position: relative;}
.adv_Bg{width: 50%;height: 100%;position: absolute;top: 0;z-index: 100;}
.adv_Left{left: 0;background:#2c6fb7}
.adv_Right{right: 0;background:#90b2d5}

.adv{height: 100%;position: relative;z-index: 101;}
.adv li{width:25%;float: left;height:100%;box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px 0 15px}
.adv li:nth-child(1){background:linear-gradient(to right,#2c6fb7,#2c6fb7);}
.adv li:nth-child(2){background:linear-gradient(to right,#579bdd,#5399d8);}
.adv li:nth-child(3){background:linear-gradient(to right,#72a5d4,#71a6d5);}
.adv li:nth-child(4){background:linear-gradient(to right,#8fb1d3,#90b2d5);}
.adv li:nth-child(1) i{color:#2c6fb7}
.adv li:nth-child(2) i{color:#579bdd}
.adv li:nth-child(3) i{color:#72a5d4}
.adv li:nth-child(4) i{color:#8fb1d3}
.adv li i{display: block;background: #fff;border-radius:60px;width: 60px;height:60px;color: #2c6fb7;float: left;font-size:30px;text-align: center;line-height:60px;margin:8px 10% 0 15%;}
.adv p{color:#fff;}
.adv p.p1 b{font-size:36px;font-weight: 300;}
.adv p.p1{font-size:14px;padding-left:8px}

/*首页关于我们*/
.inAbout{height: 460px;position: relative;}
.inAbout a{display: block;position: absolute;background:#f1f1f1}
.inAbout a img{display: block;}
.inC1{width: 32%;height: 100%;left:0;top:0;}
.inC1 img{width: 100%;}
.inC2{width: 66.5%;height: 48%;top:0;right: 0;}
.inC2 img{height:100%;float: right;}
.inC3{width: 66.5%;height: 48%;bottom:0;right: 0;}
.inC3 img{height:100%;float: right;}
.inC1 .inAboutText{width: 86%;margin:3vh auto 0;}
.inC2 .inAboutText{width: 40%;float: left;margin:3vh 0 0 2vw}
.inC3 .inAboutText{width: 60%;float: left;margin:3vh 0 0 2vw}
.inAboutTit{color:#005d99;font-weight: bold;font-size:20px;transition: all .3s ease-out}
.inAboutLine{width:40px;height: 2px;background:#005d99;margin:2vh 0 2vh;transition: all .3s ease-out}
.inAboutCon{width: 100%;font-size: 14px;line-height: 24px;color:#4a4a4a;transition: all .3s ease-out}

.inAbout a:hover{background:#0081cc}
.inAbout a:hover .inAboutTit{color:#fff}
.inAbout a:hover .inAboutLine{background:#fff}
.inAbout a:hover .inAboutCon{color:#fff}


/*首页产品*/
.inPro{}
.inProTar{width:100%;float: left;}
.inProTar a{display: block;background: #0081cc;padding:20px 35px;color:#fff;float: left;font-size:18px;border-top-left-radius:10px;border-top-right-radius:10px;margin-right: 10px;transition: all .1s ease-out;}
.inProTar a.cur{background:#fff;color:#272c32;}
.inProTarCon{width: 100%;background:#fff;float: left;min-height:65vh;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: 18.4%;margin:10px 2% 10px 0;float: left;}
.inProTarCon ul li:nth-child(5n){margin:10px 0 10px 0}
.inProTarCon ul li a{display: block;width: 100%;float: left;border: 1px #dedede solid;box-sizing:border-box;-webkit-box-sizing:border-box;}
.inProTarCon ul li a img{display: block;width:90%;margin: 12px auto;height: 10vw;}
.inProTarCon ul li a p{display: block;width: 100%;text-align: center;margin-bottom: 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.inProTarCon ul li a:hover{border: 1px #0081cc solid;}
.inProTarCon .readMore_{width: 100%;position: absolute;bottom: 3vh;}



/*首页新闻*/
.inNews{padding:1vh 0 4vh}
.inNews li{width:23.5%;float:left;margin:0 2% 0 0}
.inNews li:nth-child(4n){margin:0}
.inNews li a{display:block;width:100%;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;padding:2vh 1vw}
.inNews li a .pic{width:100%;height:19vh;overflow:hidden;}
.inNews li a .pic img{display:block;width:100%;transition: all .8s ease-out;}
.inNews li a .words{width:100%;padding:1vh 0 0;color:#626262;}
.inNews li a .words p.p1{font-size:18px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.inNews li a .words p.p2{font-size:14px;color:#929292;padding:0.5vh 0}
.inNews li a .words p.p3{font-size:14px;color:#929292;line-height:22px;}
.inNews li a:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 20px #bbbbbb;}
.inNews li a:hover p{color:#000}
.inNews li a:hover img{transform: scale(1.1)}



/*首页联系我们*/
.indexCon{border-radius:10px;background:url(../images/indexConBg.jpg) left center no-repeat #fff;display: inline-block;padding:5vh 0}
/*左侧*/
.indexConLeft_{width: 42%;float: left;}
.indexConLeft{margin-top:10vh}
.indexConLeft p{text-align: center;}
.indexConLeft p.p1{font-size: 1.2vw;letter-spacing:0.4vw;text-transform:uppercase}
.indexConLeft p.p2{display: block;width:80px;height:3px;background:#0081cc;margin:3vh auto}
.indexConLeft p.p3{font-size: 0.85vw;color: rgba(0,0,0,0.6);letter-spacing:0.1vw;padding-bottom:2vh}
.indexConLeft a{font-size:0.85vw;color:#000;}
.indexConLeft a:hover{color:#0081cc}
/*右侧*/
.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:#0081cc}
.indexCon ul li:nth-child(2) a{background:#0891e0}
.indexCon ul li:nth-child(3) a{background:#17a2f3}

.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)}




/*footer*/
.foot_{width:100%;background:#0081cc;padding:70px 0 50px}
.foot{}
.footNav{width:60%;float:left}
.footNav dl{float:left;width:33.333%;margin-bottom:40px}
.footNav dl dd,.footNav dl dt{float:left;width:100%;}
.footNav dl dt{color:#d4ecf7;line-height:20px;margin-bottom:20px}
.footNav dl dt a{padding-left:15px;color:#fff;font-size:16px;line-height:20px;}
.footNav dl dd{}
.footNav dl dd a{color:#d4ecf7;font-size:14px;padding-left:22px;line-height:24px}
.footRight{width:40%;float:right}
.footBottom{border-top:1px #54afd7 solid;padding:25px 0}
.footIcp{float:left}
.footIcp,.footIcp p,.footIcp a,.footIcp span{color:#d4ecf7}
.friendLink{display:inline-block !important; display:inline;float:right}
.friendLink dt,.friendLink dd{color:#d4ecf7;float:left;padding:0 3px}
.friendLink dd a{color:#d4ecf7}
.friendLink dd:last-child{padding:0 0 0 3px}
.foot_ a:hover{color:#fff}


/*子页公共*/
.subBg{width: 100%;display: inline-block;background:url(../images/white_bg.jpg) center top no-repeat;padding:8vh 0;}
.subBgWhite{width: 100%;display: inline-block;background:#fff;padding:5vh 0 7vh;min-height:500px;}
.subBgBlue{width: 100%;display: inline-block;background:url(../images/white_bg.jpg) center top no-repeat;padding:5vh 0 5vh;}
.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;}
.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:#fff;padding:15px 0;}
.subNav ul{display: inline-block;height: 100%;}
.subNav ul li{float:left;height:100%;margin:0 10px}

.subNav li a{display:inline-block;height:100%;font-size:1vw;cursor: pointer;background:#f1f1f1;padding:12px 2vw}
.subNav li a.cur{color:#fff;background:#0081cc}
.subNav li a:hover{color:#fff;background:#0081cc}

.subNavGrey{background:#f1f1f1}
.subNavGrey li a{background:#fff}





/*关于我们*/
.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}


.culPics{}
.culPics li{width:23.5%;float: left;margin:0 2% 1.5vw 0}
.culPics li:nth-child(4n){margin:0 0 1.2vw 0}
.culPics li a{display: block;}
.culPics li a .honPic{border:15px #f1f1f1 solid;overflow: hidden;}
.culPics li a p{display: block;width: 100%;height:5vh;line-height: 5vh;background:rgba(0,0,0,0.15);text-align: center;}

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


/*新闻中心*/
.news { margin:0 auto;}
.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 { color:#000; 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;color:#242424;font-weight:bold;}
.news_zz{width:100%;height:25px;text-align:center;font:normal 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:#0081cc;color:#fff}

/* 产品中心 */
.proBox{}
.subRight{width:75%;float:right;}
.location{width:100%;height:35px;background:url(../images/line.jpg) left 32px repeat-x;line-height:30px;margin-top:10px;text-transform:uppercase}
.location a,.location p{line-height:30px;color:#005d99;font-size:14px}
.location p{float:right;display:inline-block !important; display:inline;border-bottom:5px #0081cc solid;}
.location i{padding:0 10px}

.product{width: 100%;margin-top:10px}
.product li{width:23.5%;margin:10px 2% 10px 0;float: left;}
.product li:nth-child(4n){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:11vw;}
.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;text-transform:capitalize}
.product li a:hover{border: 1px #0081cc solid;}

/*左侧折叠菜单*/
.leftNav{width:20%;float: left;border: 1px #dedede solid;border-radius:15px;overflow: hidden;}
.leftNav dt{width: 100%;background:#0081cc;color: #fff;float: left;padding:3vh 0;font-size:22px;text-indent: 15%;}
.leftNav dd{width: 100%;float: left;border-top:1px #dedede solid;}
.leftNav dd a{display: block;width: 100%;float: left;background:#fff;cursor: pointer;}
.leftNav dd>a{padding:15px 0;font-size:18px;font-weight: bold;}

.leftNav dd>a .jiantou{float:left;color:#fff;padding:3px 10px 0 15px}
.leftNav dd>a .jiantou>i{color: #333;}

.leftNav dd>a:hover{background:#0081cc;color: #fff;}
.leftNav dd>a:hover i{color: #fff;}

.leftNav .cur>a{background:#0081cc;color: #fff;}
.leftNav .cur>a .jiantou>i{-webkit-transform: rotate(90deg);transform: rotate(90deg);color:#fff}


.leftNav .smallNav{width: 100%;float: left;display: none;}
.leftNav .cur .smallNav{display: block;}
.leftNav .smallNav a{text-indent: 20%;padding:10px 0;font-size:16px;width: 100%;float: left;}
.leftNav .smallNav a:hover{background:#dedede}

.leftNav .smallNav a.s_cur{background:#dedede}

/*proview*/
.proDetail{font-size:12px;padding:20px 0 10px;width:100%}

.proDetail .canshu { width:40%;float:right; box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:30px}
.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%; padding-top:16px; line-height:2; float:left;font-size: 16px;}
.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:#0081cc}
.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}
/* tsShopContainer */

#tsShopContainer li, #tsShopContainer img { vertical-align:top; }
#tsShopContainer { width:50%; float:left; position:relative; /*border:1px solid #CCC;*/ font-size:12px; padding-bottom:5px; }
#tsShopContainer #tsImgS { text-align:center; width:100%; position:relative; }
#tsShopContainer #tsImgS a { display:block; text-align:center; margin:0px auto; }
#tsShopContainer #tsImgS img { border:0px; }
#tsShopContainer #tsPicContainer { width:100%; height:90px; position:relative; background:url(../images/scrollPicbg.gif) repeat-x 0px 0px; }
#tsShopContainer #tsPicContainer #tsImgSArrL { width:17px; height:100%; background:url(../images/picshopArr.gif) no-repeat left center; position:absolute; top:0px; left:8px; cursor:pointer; }
#tsShopContainer #tsPicContainer #tsImgSArrR { width:17px; height:100%; background:url(../images/picshopArr.gif) no-repeat right center; position:absolute; top:0px; right:8px; cursor:pointer; }
#tsShopContainer #tsPicContainer #tsImgSCon { position:absolute; top:10px; left:38px; width:1px; height:100px; overflow:hidden; }
#tsShopContainer #tsPicContainer #tsImgSCon ul { width:100%; overflow:hidden; }
#tsShopContainer #tsPicContainer #tsImgSCon li { width:100px; float:left; cursor:pointer; }
#tsShopContainer #tsPicContainer #tsImgSCon li img { padding:3px; margin:1px; border:1px solid #e4e4e4; display:block; width:76px; height:60px; }
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img { border:2px solid #F00; margin:0px; }
/* CSS class for zoomed area */

.MagicZoomBigImageCont { border:1px solid #91b817; background:#FFF; }
.MagicZoomMain { text-align: center !important; width: 92px; }
.MagicZoomMain div { padding: 0px !important; }
/* Header look and feel CSS class */

/* header is shown if "title" attribute is present in the <A> tag */

.MagicZoomHeader { font:10px Tahoma, Verdana, Arial, sans-serif; color:#fff; background:#91b817; text-align:center !important; }
/* CSS class for small looking glass square under mouse */

.MagicZoomPup { border:0px solid #aaa; background: 	#ffffff; }
/* CSS style for loading animation box */

.MagicZoomLoading { text-align:center; background: 	#ffffff; color:#444; border: 1px solid #ccc; opacity:0.8; padding:3px 3px 3px 3px !important; display: none;}
/* CSS style for gif image in the loading animation box */

.MagicZoomLoading img { padding-top:3px !important; }



/*联系我们*/
.contact{margin:6vh auto;position: relative;}
.contact>div{background:#fff;border:1px #f1f1f1 solid;padding:2vw;}
.conLeft{width:40%;line-height:1.8;height:100%;position: absolute;left: 0;tp:0;}
.conLeft img{display: block;max-width: 100%;}
.conRight{width:55%;float: right;}

.map{background:#fff;padding:2vw;margin-top:6vh}



.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);}
}


	
.message{width:50%;min-width: 500px;margin:auto;padding:4vh 5vh 5vh 1vh;background:#fff}
.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%;background:none;}
.table_form td, .table_form th {padding:1.5vh 0 1.5vh 1vh;border:none !important;}
.table_form textarea{background:none;}
.table_form .submit input {height:5vh;background:#7D7D7D;transition: all .5s ease-out;}
	.table_form .submit input:hover{background:#0081cc}

/*分页样式*/
#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;
	}
}