/* home --begin-- */
.ibanner{ width:100%; margin:0 auto; overflow:hidden;}
.ibanner,.flexslider,.slides li,.flex-direction-nav li a{ height:700px;}
.flexslider{ position:relative; overflow:hidden; background:url(/index/images/style/bann_loading.gif) no-repeat center center;}
.slides{ position:relative; z-index:1;}
.slides li a{ width:1003px; height:100%; display:block; margin:0 auto;}
.flex-control-nav{ width:1000px; position:absolute; left:50%; bottom:18px; margin-left:-515px; z-index:2; text-align:center;}
.flex-control-nav li{ display:inline-block; width:15px; height:15px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:15px; height:15px; text-indent:-9999999px; overflow:hidden; background:#fff; cursor:pointer; border-radius:50%;}
.flex-control-nav .flex-active{ background:#db2424;}
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:0;}
.flex-direction-nav li a{ display: block; width:350px; overflow:hidden; cursor:pointer; position:absolute; background-repeat:no-repeat;}
.flex-direction-nav li a.flex-prev{ left:0; background-position:314px center;}
.flex-direction-nav li a.flex-next{ right:0; background-position:-36px center;}
.flex-direction-nav li a:hover{ background-image:url(/index/images/style/banner_point.png);}
.iSearchBg{ width:100%; height:48px; box-shadow:0 0 5px #8b8b8b; -ms-box-shadow:0 0 5px #8b8b8b; -webkit-box-shadow:0 0 5px #8b8b8b; -moz-box-shadow:0 0 5px #8b8b8b; -o-box-shadow:0 0 5px #8b8b8b;}
.isearch_key{ float:left; line-height:47px;}
.isearch_key a{ padding:0 10px;}
.isearch_key b{ font-size:12px; padding:0 10px; font-weight:normal;}
.isearchct{ float:right; margin-top:9px;}
.isearchct .tb_sear{ width:190px; line-height:20px; padding:4px 0; display:inline-block; border:solid 1px #a1a1a1; border-right:none; background:none; text-indent:8px; border-radius:5px 0 0 5px; float:left;}
.isearchct .btn_sear{ border:0; color:#fff; background:#db2424 url(/index/images/style/ss_bot.png) no-repeat center center; width:45px; height:30px; display:inline-block; cursor:pointer; border-radius:0 5px 5px 0;}
.iTitle{ text-align:center; position:relative; font-size:38px; line-height:40px; letter-spacing:2px; padding:45px 0 15px;}
.iTitle:after{ content:""; position:absolute; bottom:1px; left:0; width:100%; height:1px; background:#d0d0d0; z-index:1;}
.iTitle:before{ content:""; position:absolute; bottom:0; left:50%; margin-left:-40px; width:78px; height:3px; background:#db2424; z-index:2;}
.iTitle span{ text-transform:uppercase; display:block; font-size:16px;}
.iMore{ text-align:center; margin-top:40px;}
.iMore a{ display:inline-block; background:#666; color:#fff; font-size:16px; font-weight:bold; padding:10px 40px;}
.iMore a:hover{ background:#db2424;}
.iMore a:link,.iMore a:visited{ color:#fff;}
.iAdvBox{ margin-top:60px;}
.iAdvBox .iAdv{ width:200px; float:left;}
.iAdvBox .iAdv .iAdvPic{ width:100%; height:190px;}
.iAdvBox .iAdv .iAdvText{ width:100%; height:300px; background:#db2424; color:#fff; overflow:hidden;}
.iAdvBox .iAdv .iAdvText.iAdvTextBg{ background:#666;}
.iAdvBox .iAdv .iAdvText b{ font-size:25px; line-height:30px; margin-top:55px; display:block; text-align:center;}
.iAdvBox .iAdv .iAdvText span{ display:block; padding:0 15px; margin-top:20px; font-size:16px;}
.iAdvBox .iAdv .iAdvNum{ width:100%; height:190px; background-image:url(/index/images/style/advnum.png); background-repeat:no-repeat;}
.iAdvBox .iAdv .iAdvNum1{ background-position:center top;}
.iAdvBox .iAdv .iAdvNum2{ background-position:center -190px;}
.iAdvBox .iAdv .iAdvNum3{ background-position:center -380px;}
.iAdvBox .iAdv .iAdvNum4{ background-position:center -570px;}
.iAdvBox .iAdv .iAdvNum5{ background-position:center -760px;}
.iAdvBox .iAdv .iAdvNum6{ background-position:center -950px;}
.iAdvBox .iAdv:hover{ margin-top:-15px; box-shadow:0 0 10px -3px #333; position:relative; z-index:2;}
.iPro{ background:#eee; overflow:hidden; margin-top:50px; padding-bottom:50px;}
.iPro dt{ background:url(/index/images/style/prodtbg.jpg) no-repeat center bottom; padding-bottom:30px; text-align:center; margin-top:30px; font-size:16px;}
.iPro dt b{ font-size:38px; letter-spacing:2px; display:block; line-height:55px;}
.iPro dd{ text-align:center;}
.iPro dd li{ width:395px; height:335px; overflow:hidden; position:relative; display:inline-block; margin:40px 2px 0;}
.iPro dd li .propic{ width:300px; height:300px; border:solid 3px #d9d9d9; display:block; border-radius:50%; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1;}
.iPro dd li .prolink{ width:260px; height:54px; line-height:54px; border:solid 3px #d9d9d9; display:block; text-align:center; color:#fff; background:#db2424; font-size:16px; font-weight:bold; border-radius:50px; position:absolute; right:0; top:0; z-index:2;}
.iProInt{ text-align:center; margin-top:50px;}
.iProInt img{ border:solid 2px #bfbfbf;}
.iAboutBg{ background:#eee; overflow:hidden; margin-top:50px; padding-bottom:50px;}
.iAbout{ width:1100px; margin:40px auto 0;}
.iAbout dt{ height:55px; line-height:55px; position:relative; font-size:38px; letter-spacing:1px; padding-left:20px;}
.iAbout dt:after{ content:""; width:8px; height:40px; background:#db2424; position:absolute; left:0; top:10px;}
.iAbout dt span{ font-size:16px; padding-left:10px; text-transform:uppercase;}
.iAbout dd{ overflow:hidden; margin-top:30px;}
.iAbout dd .iAboutCt{ width:620px; float:left; font-size:16px;}
.iAbout dd .iAboutCt p{ text-indent:32px; line-height:38px; padding-bottom:10px;}
.iAbout dd .iAboutImg{ width:450px; float:right;}
.iAbout dd .iAboutImg img{ width:90%;}
.iAlbum{ margin-top:20px; background:url(/index/images/style/Albumbg.jpg) no-repeat center 254px;}
.iAlbum ul{ overflow:hidden;}
.iAlbum ul li{ width:400px; height:300px; float:left; overflow:hidden; position:relative; z-index:1;}
.iAlbum ul li .picroll_pic{ width:100%; height:100%; background:#fff;}
.iAlbum ul li .picroll_tit{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6); color:#fff; font-size:16px; z-index:-10;}
.iAlbum ul li .picroll_tit span{ width:100%; display:block; text-align:center;}
.iAlbum ul li .picroll_rollIn{ z-index:22; animation:rollIn 1s forwards; -webkit-animation:rollIn 1s forwards; -ms-animation:rollIn 1s forwards; -moz-animation:rollIn 1s forwards; -o-animation:rollIn 1s forwards;}
.iAlbum ul li .picroll_rollOut{ z-index:22; animation:rollOut 1s forwards; -webkit-animation:rollOut 1s forwards; -ms-animation:rollOut 1s forwards; -moz-animation:rollOut 1s forwards; -o-animation:rollOut 1s forwards;}
.iCase dt{ text-align:center; font-size:18px; padding:20px 0; letter-spacing:1px;}
.iCase dd{ overflow:hidden;}
.iCase dd ul{ width:110%;}
.iCase dd li{ width:375px; float:left; margin-right:37px;}
.iCase dd li a{ display:block; overflow:hidden; text-align:center;}
.iCase dd li .iCasePic{ height:270px;}
.iCase dd li .iCaseTit{ height:60px; line-height:60px; font-size:16px; font-weight:bold;}
.iCert{ background:#eee; margin-top:50px; padding-bottom:50px;}
.iCertBox{ width:1300px; margin:0 auto; position:relative;}
.iCertBox .iCertBut a{ width:27px; height:27px; cursor:pointer; display:block; position:absolute; top:190px;}
.iCertBox .iCertBut .prev{ background:url(/index/images/style/iCert_left.jpg) no-repeat; left:0px;}
.iCertBox .iCertBut .next{ background:url(/index/images/style/iCert_right.jpg) no-repeat; right:0px;}
.iCertBox .iCertCt{ width:1216px; margin:40px auto 0;}
.iCertBox .iCertCt li{ width:289px; margin:0 7.5px;}
.iCertBox .iCertCt li a{ width:100%; height:387px; border:solid 1px #666; display:block; overflow:hidden;}
.iCertBox .iCertCt li span{ display:block; overflow:hidden; font-size:16px; text-align:center; margin-top:15px;}
.iMessage{ overflow:hidden; margin-top:40px;}
.dlList{ overflow:hidden; background:#eee;}
.dlList dt{ height:50px; line-height:50px; background:#db2424; position:relative;}
.dlList dt:after{ content:""; position:absolute; top:13px; left:15px; width:4px; height:25px; background:#fff;}
.dlList dt a{ color:#fff; font-size:16px; padding-left:30px; font-weight:bold;}
.dlList dt .dlMore{ float:right; display:block; background:#000; padding:0 30px; font-size:14px; font-weight:normal;}
.dlList dt a:link,.dlList dt a:visited{ color:#fff;}
.iTrade{ width:425px; height:710px; float:left;}
.iTrade dd a{ display:block; overflow:hidden;}
.iTrade dd .iTradePic{ height:305px;}
.iTrade dd .iTradeTit{ padding:0 30px; font-size:16px; font-weight:bold; line-height:26px; margin-top:40px;}
.iTrade dd span{ padding:0 30px; display:block; line-height:24px; margin-top:20px;}
.iTrade dd .iTradeMore{ width:145px; display:block; background:#666; color:#fff; font-size:16px; font-weight:bold; padding:10px 0; margin:30px auto 0; text-align:center;}
.iTrade dd .iTradeMore:hover{ background:#db2424;}
.iTrade dd .iTradeMore:link,.iTrade dd .iTradeMore:visited{ color:#fff;}
.iNews,.iFAQ{ width:755px; float:right;}
.iNews dd,.iFAQ dd{ padding:0 25px; height:305px; overflow:hidden;}
.iNews dd ul{ margin-top:10px;}
.iNews dd li{ position:relative; height:45px; line-height:45px; overflow:hidden; border-bottom:dotted 1px #ccc;}
.iNews dd li:after{ content:""; position:absolute; left:7px; top:22px; width:4px; height:4px; background:#db2424;}
.iNews dd li a{ width:75%; padding-left:20px; float:left; overflow:hidden;}
.iNews dd li span{ float:right; padding-right:5px;}
.iFAQ ul{ padding:0 6px; overflow:hidden;}
.iFAQ li{ margin-top:13px;}
.iFAQ li a{ display:block; overflow:hidden; height:20px; line-height:20px; padding:5px 0;}
.iFAQ li a b{ font-size:12px; width:20px; height:20px; background:#000; color:#fff; display:inline-block; float:left; overflow:hidden; text-align:center; margin-right:8px;}
.iFAQ li .iFAQ_Q b{ background:#db2424;}
.iInformation{ overflow:hidden; margin-top:40px;}
.iMsg{ width:590px; float:left;}
.imsgct{ padding:20px 50px 30px;}
.imsgct .imsglt{ overflow:hidden; line-height:35px; padding:10px 0;}
.imsgct .imsglt label{ font-size:16px; float:left; background-image:url(/index/images/style/msgico.png); background-repeat:no-repeat; padding-left:50px;}
.imsgct .imsglt .iMsgName{ background-position:left top;}
.imsgct .imsglt .iMsgMail{ background-position:left -70px;}
.imsgct .imsglt .iMsgTel{ background-position:left -140px;}
.imsgct .imsglt .iMsgCont{ background-position:left -210px;}
.imsgct .imsglt .inptn{ width:45%; border:solid 1px #b7b7b7; border-radius:5px; background:none; padding:5px 10px; line-height:23px;}
.imsgct .imsglt #cont{ width:60%;}
.imsgct .imsgbtn{ padding-left:98px; padding-top:10px;}
.imsgct .imsgbtn .buttonstyle{ margin-right:15px;}
.iCont{ width:590px; float:right;}
.iCont dd{ height:340px; padding:0 50px; padding-top:41px; font-size:16px;}
.iCont dd p{ line-height:40px; overflow:hidden; padding:10px 0;}
.iCont dd p b{ width:125px; float:left;}
.iCont dd p b i{ width:30px; height:40px; display:inline-block; background-image:url(/index/images/style/contico.png); background-repeat:no-repeat; float:left; margin-right:12px;}
.iCont dd p b .iContNone{ background:none;}
.iCont dd p b .iContName{ background-position:left top;}
.iCont dd p b .iContTell{ background-position:left -76px;}
.iCont dd p b .iContMail{ background-position:left -149px;}
.iCont dd p span{ width:calc(88% - 125px); float:left;}
.imsgct .imsglt .errorClass{ border-color:#db2424;}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes flipOutY{0%{opacity:0;-webkit-transform:perspective(400px) rotateY(-90deg);transform:perspective(400px) rotateY(-90deg)}
40%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
70%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
to{opacity:1;-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}
}
@keyframes flipOutY{0%{opacity:0;-webkit-transform:perspective(400px) rotateY(-90deg);transform:perspective(400px) rotateY(-90deg);-ms-transform:perspective(400px) rotateY(-90deg)}
40%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg)}
70%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg)}
to{opacity:1;-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0)}
}
.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes flipInY{0%{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
to{opacity:1;-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}
}
@keyframes flipInY{0%{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg)}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg)}
to{opacity:1;-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0)}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}