@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
html { font-size: 100% }
body, button, input, select, textarea { font: 14px/1.5 Microsoft Yahei, tahoma, Srial, helvetica, sans-serif; outline: none; }
ul, ol, li { list-style: none; margin: 0; padding: 0 }
a { text-decoration: none; color: #FFF; font-family: "微软雅黑" }
div, p { font-size: 12px; }
img { border: 0px; }
.clear { clear: both; }
p, div, strong, a, h1, h2, h3, h4, h5, h6 { font-family: "微软雅黑" }
html, body { overflow-x: hidden; }
.animate { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input { border: 0; }
/**********index*********************************/
.index { height: 100%; position: relative; }
.index .logo { position: fixed; top: 10px; left: 20px; z-index: 99 }
.index #banner { position: relative; }
.index #banner .bannePic { height: 100%; width: 888px; position: absolute; width: 100%; left: 0; z-index: 5 }
.index #banner .bannePic li { display: none; position: absolute; top: 0; width: 100%; left: 0; height: 100%; }
.index #banner .bannePic li img { max-width: 1920px; max-height: 1024px; width: 100%; height: 100%; display: block }
.index #banner .indexLetf { width: 100%; height: 100% }
.index #banner .indexLetf img { display: block; height: 100%; width: 100% }
.index #banner ol { position: absolute; z-index: 6; top: 75%; overflow: hidden; display: inline-block; left: 5%; }
.index #banner ol:after { position: absolute; content: ''; width: 83%; height: 3px; background: #b94655; left: 0; z-index: -1; top: 8px }
.index #banner ol li { height: 10px; width: 10px; background: #fff; border-radius: 50%; border: 4px #c96170 solid; float: left; margin: 0 17px 0 0; cursor: pointer; position:relative; overflow:hidden;}
.index #banner ol li:after{ position:absolute; content:''; height:0px; width:10px; border-radius:50%; transition:all .3s;-webkit-transition:all .3s; background:#f4cd0b}
.index #banner ol li.bannerCur:after{ height:10px}
.index #banner .bannerCur { border: 4px #f2e7af solid !important }
.index #banner .indexText { }
.index #banner .indexText li { display: none; max-width: 494px; max-height: 179px; width: 60%; position: absolute; top: 38%; z-index: 5; width: 32%; left: 5%; }
.index #banner .indexText li img { display: block; height: 100%; width: 100%; }
.index #banner .indexAnimation { position: relative; left: 35%; height: 100%; width: 65%; }
.index #banner .indexAnimation li { position: absolute; top: 0; height: 100%; width: 100%; z-index: 5; display: none }
.index #banner .indexAnimation li .Square1 { position: absolute; max-width: 238px; max-height: 200px; left: 20%; top: 35%; animation: Square 9s linear .1s infinite;-webkit-animation: Square 9s linear .1s infinite; }
.index #banner .indexAnimation li .Square2 { position: absolute; max-width: 142px; max-height: 166px; left: 80%; top: 45%; animation: Square2 8s linear .2s infinite;-webkit-animation: Square2 8s linear .2s infinite; }
.index #banner .indexAnimation li .Square3 { position: absolute; max-width: 87px; max-height: 71px; left: 70%; top: 80%; animation: Square 7s linear .3s infinite;-webkit-animation: Square 7s linear .3s infinite; }
.index #banner .indexAnimation li .Square4 { position: absolute; max-width: 48px; max-height: 35px; top: 15%; left: 15%; animation: Square2 10s linear .4s infinite;-webkit-animation: Square2 10s linear .4s infinite; }
.index #banner .indexAnimation li .Square5 { position: absolute; max-width: 32px; max-height: 32px; left: 75%; top: 25%; animation: Square 11s linear .5s infinite;-webkit-animation: Square 11s linear .5s infinite; }
.index #banner .indexAnimation li .Square6 { position: absolute; max-width: 165px; max-height: 137px; left: -8%; top: 77%; animation: Square2 10s linear .6s infinite;-webkit-animation: Square2 10s linear .6s infinite; }
.index #banner .indexAnimation li .Round { position: relative; max-height: 472px; max-width: 472px; width: 40%; left: 34%; top: 24%; }
.index #banner .indexAnimation li .Round .Round_bg img { width: 100% }
.index #banner .indexAnimation li .Round .Round_manPic { position: absolute; max-height: 418px; max-width: 418px; width: 88%; top: 6%; left: 6%; }
.index #banner .indexAnimation li .Round .Round_manPic img { width: 100% }
.index #banner .indexAnimation li .Round_margin { max-height: 588px; max-width: 588px; position: absolute; width: 130%; top: -15%; left: -15%; animation: Round_margin 14s cubic-bezier(.78, .32, .21, .99) infinite;-webkit-animation: Round_margin 14s cubic-bezier(.78, .32, .21, .99) infinite }
.index #banner .indexAnimation li .Round_margin i img { width: 100%; }
.index #banner .indexAnimation li .Round_margin span { display: block; position: absolute; max-height: 58px; max-width: 331px; animation: Round_margin2 14s cubic-bezier(.78, .32, .21, .99) infinite;-webkit-animation: Round_margin2 14s cubic-bezier(.78, .32, .21, .99) infinite }
.index #banner .indexAnimation li .Round_margin .text1 { top: -4%; left: 32%; }
.index #banner .indexAnimation li .Round_margin .text2 { left: 69%; top: 59%; }
.index #banner .indexAnimation li .Round_margin .text3 { top: 69%; left: -32%; }
.index #banner .indexAnimation li .RoundPoint1, .index #banner .indexAnimation li .RoundPoint2, .index #banner .indexAnimation li .RoundPoint3, .index #banner .indexAnimation li .RoundPoint4, .index #banner .indexAnimation li .RoundPoint5 { width: 87px; height: 87px; border-radius: 50%; background: #d73e3e; position: absolute; cursor: pointer; border: 6px solid #c0c3c7; transition: all .5s; -webkit-transition: all .5s; }
.index #banner .indexAnimation li .RoundPoint1 img, .index #banner .indexAnimation li .RoundPoint2 img, .index #banner .indexAnimation li .RoundPoint3 img, .index #banner .indexAnimation li .RoundPoint4 img { width: 70%; margin: 30% 15% 0; display: block; position: absolute; max-width: 65px; max-height: 49px }
.index #banner .indexAnimation li .RoundPoint1 { left: 22%; top: 41%; }
.index #banner .indexAnimation li .RoundPoint2 { left: 45%; top: 79%; }
.index #banner .indexAnimation li .RoundPoint3 { left: 69%; top: 13%; }
.index #banner .indexAnimation li .RoundPoint4 { left: 70%; top: 39%; }
.index #banner .indexAnimation li .RoundPoint1:hover { background: #50cc48; animation: RoundPoint 1s cubic-bezier(.12, 1.34, .93, 2) forwards;-webkit-animation: RoundPoint 1s cubic-bezier(.12, 1.34, .93, 2) forwards }
.index #banner .indexAnimation li .RoundPoint2:hover { background: #50cc48; animation: RoundPoint 1s cubic-bezier(.12, 1.34, .93, 2) forwards;-webkit-animation: RoundPoint 1s cubic-bezier(.12, 1.34, .93, 2) forwards }
.index #banner .indexAnimation li .RoundPoint3:hover { background: #50cc48; animation: RoundPoint 1s cubic-bezier(.12, 1.34, .93, 2) forwards;-webkit-animation: RoundPoint 1s cubic-bezier(.12, 1.34, .93, 2) forwards }
.index #banner .indexAnimation li .RoundPoint4:hover { background: #50cc48; animation: RoundPoint 1s cubic-bezier(.12, 1.34, .93, 2) forwards;-webkit-animation: RoundPoint 1s cubic-bezier(.12, 1.34, .93, 2) forwards }
.index #banner .indexphone li .RoundPoint1, .index #banner .indexphone li .RoundPoint2, .index #banner .indexphone li .RoundPoint3, .index #banner .indexphone li .RoundPoint4, .index #banner .indexphone li .RoundPoint5 { width: 87px; height: 87px; border-radius: 50%; background: #d73e3e; position: absolute; cursor: pointer; border: 6px solid #c0c3c7; transition: all .5s; -webkit-transition: all .5s; }
.index #banner .indexphone li .RoundPoint1 img, .index #banner .indexphone li .RoundPoint2 img, .index #banner .indexphone li .RoundPoint3 img, .index #banner .indexphone li .RoundPoint4 img { width: 70%; margin: 30% 15% 0; display: block; position: absolute; max-width: 65px; max-height: 49px }
.index #banner .indexphone li .RoundPoint1 { left: 22%; top: 41%; }
.index #banner .indexphone li .RoundPoint2 { left: 45%; top: 79%; }
.index #banner .indexphone li .RoundPoint3 { left: 69%; top: 13%; }
.index #banner .indexphone li .RoundPoint4 { left: 70%; top: 39%; }
.index #banner .indexphone{ display:none}
/*********footer***************************/
.footer { height: 57px; width: 100%; position:fixed; bottom:0; border-top: 1px solid #000; z-index: 9; background: -ms-linear-gradient(top, #32322e, #111111); background: -moz-linear-gradient(top, #32322e, #111111); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32322e), top(#111111)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32322e), top(#111111)); background: -webkit-linear-gradient(top, #32322e, #111111); background: -o-linear-gradient(top, #32322e, #111111); }
.footer ul { float: right; height: 57px; }
.footer ul li { float: left; line-height: 57px; position: relative; min-width: 155px; height: 57px; position: relative; cursor:pointer;}
.footer ul li a { display: block; height: 57px; position: absolute; top: 0; width: 100%; }
.footer ul li:hover .footerNav2 { display: block }
.footer ul li:hover .text_nav {display: none}
.footer ul .Copyright { color: #828281; font-size: 12px; line-height: 13px; }
.footer ul .vip { color: #fff; font-family: "Arial Regular"; line-height: 8px; }
.footer ul .vip img { margin: 15px auto 0; display: block; }
.footer ul .vip span { margin-left: 25px }
.footer ul li .line { position: absolute; height: 57px; width: 1px; right: 0; top: 0; background: #191918; display: block; border-right: 1px solid #373735; }
.footer ul .footerNav img { margin: 19px auto 0; display: block }
.footer .footerNavz { height: 31px; position: absolute; top: -31px; background: #fcfcfc; width: 100%; display: none }
.footer .footerNavz ol { float: left; height: 31px; width: 100%; text-align: center; border-bottom: 2px solid #b4b4b4; position: relative; display: none; }
.footer .footerNavz ol:after { position: absolute; content: ''; bottom: -2px; height: 1px; width: 100%; left: 0; background: #767676 }
.footer .footerNavz ol li { display: inline-block; margin: 0 3%; line-height: 31px; }
.footer .footerNavz ol li a { color: #033333; transition: all .3s; -webkit-transition: all .3s; }
.footer .footerNavz ol li a:hover { color: #9E1328 }
.footer ul .footerNav2 { position: absolute; top: 20px; width: 100%; display: none; }
.footer ul .footerNav2 img { width: 95%; margin: 0 auto; }
.footer .footerNavz .Hmoe{ cursor:pointer; position:absolute; right:146px;width:146px;  height:33px;  top:0;line-height:33px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFF3300', EndColorStr='#FF000000');background: -ms-linear-gradient(top, #fd0606, #cf0505); background: -moz-linear-gradient(top, #fd0606, #cf0505); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd0606), top(#cf0505)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd0606), top(#cf0505)); background: -webkit-linear-gradient(top, #fd0606, #cf0505); background: -o-linear-gradient(top, #fd0606, #cf0505); border-radius:5px 0 0 0 }
.footer .footerNavz .Hmoe img{ float:left; margin:8px;}
.footer .footerNavz .FastNavigation{cursor:pointer; position:absolute; top:0; right:0;width:200px; height:33px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFF3300', EndColorStr='#FF000000');background: -ms-linear-gradient(top, #f6c20d, #d97f05); background: -moz-linear-gradient(top, #f6c20d, #d97f05); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6c20d), top(#d97f05)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6c20d), top(#d97f05)); background: -webkit-linear-gradient(top, #f6c20d, #d97f05); background: -o-linear-gradient(top, #f6c20d, #d97f05);}
.footer .footerNavz .FastNavigation img{margin-top:8px;}
.footer .footerNavz .FastNavigation div{ display:block; height:31px; width:100%; position:relative;top: -118px; line-height:31px;text-indent:-70px; background:#b56701; border-radius:5px 0 0 0; color:#fff; display:none}
.footer .footerNavz .FastNavigation div a{ display:block;}
.footer .footerNavz .FastNavigation div img{vertical-align: middle;margin:0 5px;}
/***************InFooter***********************************/
.InFooter{ background:#373737; height:263px; width:100%; position:fixed; bottom:0; z-index:999}
.InFooter ul li{ float:left; color:#c1c1c1; font-size:15px; font-weight:bold;}
.InFooter ul li a{ display:block; color:#c1c1c1; font-size:12px; font-weight:100; line-height:24px; transition:all .3s;-webkit-transition:all .3s;}
.InFooter ul li a:hover{ color:#ffcc00;}
.InFooter ul .webMap{ width:15%; margin-top:55px}
.InFooter ul .footerInlogo{ width:40%;}
.InFooter ul .footerInlogo img{ display:block; margin:20px auto 0}
.InFooter .Copyright{ position:absolute; height:26px; background:#2c2c2c; box-shadow:0px 5px 5px #252525 inset; width:100%; bottom:0; color:#c1c1c1; font-size:12px; line-height:26px;}
.InFooter .Copyright b{ margin:0 25px;}
/*******nav********************************************/
#nav{ height:61px; width:100%; position:relative;background: -ms-linear-gradient(top, #32322e, #111111); background: -moz-linear-gradient(top, #32322e, #111111); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32322e), top(#111111)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32322e), top(#111111)); background: -webkit-linear-gradient(top, #32322e, #111111); background: -o-linear-gradient(top, #32322e, #111111); z-index:9}
.content1000{ width:1000px; margin:0 auto; position:relative;}
#nav ul{ width:780px; float:right;}
#nav ul li{ float:left; line-height:61px; text-align:center; width:16%; cursor:pointer; position:relative; height:61px;}
#nav ul li.cur .inNavLi{ display:block;}
#nav ul li.cur .navLi{ display:none;}
#nav ul li span{ position:absolute; content:''; width:1px; height:100%; background:#1c1c1a; border-right:1px solid #2d2d2c; right:0;}
#nav ul li .inNavLi{ position:absolute; height:100%; width:100%; top:0; left:0;display:none;}
#nav ul li .inNavLi img{ display:block; margin:20px auto 0; }
#nav ul li:hover .inNavLi{ display:block;}
#nav ul li:hover .navLi{ display:none;}
.InLogo{ position:absolute; left:0; top:0;display: block; width: 726px; height: 99px; z-index: 109;}
.InLogo img{ margin-left:-20%;}
.banner{ height:261px; width:100%}
/*******min_nav********************************************/
.min_nav { background:#911120; height:43px; box-shadow: 0px 10px 15px #4B0A12 inset;}
.min_nav ul li{ width:33%; height:43px; line-height:43px; text-align:center; font-size:16px; font-weight:bold; position:relative; float:left;}
.min_nav ul li i{width: 0;height: 0;border-left:5px solid transparent;border-top:8px solid #650c16;border-right: 5px solid transparent; position:absolute; display:none;left: 50%;margin-left: -5px;}
.min_nav ul li a{ color:#d2b4b6; transition:all .5s;-webkit-transition:all .5s; display:block}
.min_nav ul li:hover{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFCC3300', EndColorStr='#FF000000');background: -ms-linear-gradient(top, #a80014, #640b15); background: -moz-linear-gradient(top, #a80014, #640b15); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a80014), top(#640b15)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a80014), top(#640b15)); background: -webkit-linear-gradient(top, #a80014, #640b15); background: -o-linear-gradient(top, #a80014, #640b15);}
.min_nav ul li:hover i{ display:block;}
.productsAndServiceNAV{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFCC3300', EndColorStr='#FF000000');background: -ms-linear-gradient(top, #a80014, #640b15); background: -moz-linear-gradient(top, #a80014, #640b15); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a80014), top(#640b15)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a80014), top(#640b15)); background: -webkit-linear-gradient(top, #a80014, #640b15); background: -o-linear-gradient(top, #a80014, #640b15);}
.min_nav ul li:hover a{ color:#fff;}
/***********productsAndService1_1******************************/
.productsAndService{ height:auto; position:relative; margin-top:25px;margin-bottom:25px;}
.productsAndService .Title{ text-align:center; font-size:28px; font-weight:bold;color:#333333; padding-bottom:10px; border-bottom:1px dotted #c0c0c0; position:relative; text-transform:uppercase ;}
.productsAndService .Title:after{ position:absolute; content:''; bottom:-6px; width:100%; height:1px;border-bottom:1px dotted #c0c0c0; left:0}
.productsAndService .Title b{ color:#f0c509}
.productsAndService .Title span{ display:block; color:#999999; font-size:14px; font-weight:100; font-size:16px}
.productsAndService .productsAndService_Tab{ margin-top:25px;}
.productsAndService .productsAndService_Tab>ol{ text-align:center;}
.productsAndService .productsAndService_Tab>ol li{ width:110px; height:31px; background:#003c63; line-height:31px; text-align:center; color:#fff; display:inline-block; transition:all .5s;-webkit-transition:all .5s;}
.productsAndService .productsAndService_Tab>ol li a{ color:#486782; display:block;}
.productsAndService .productsAndService_Tab>ol li:hover{ background:#990214}
.productsAndService .productsAndService_Tab>ol li:hover a{ color:#fff;}
.productsAndService_TabBG{background:#990214 !important}
.productsAndService .productsAndService_Tab .overUL{ overflow:hidden;}
.productsAndService .productsAndService_Tab .overUL ul{ width:20000px;}
.productsAndService .productsAndService_Tab .overUL ul li{ float:left; width:1000px;}
.productsAndService .productsAndService_Tab .overUL .overUL_title{ text-align:center; font-size:18px; font-weight:bold; text-transform:uppercase; margin-top:55px;}
.productsAndService .productsAndService_Tab .overUL p{ color:#333333; line-height:24px;}
.productsAndService .productsAndService_Tab .overUL img{ margin:20px auto; display:block}
.productsAndService .productsAndService_Tab .overUL .tablt{ width:550px; margin:10px auto;}
.productsAndService .productsAndService_Tab .overUL .tablt td{ border:1px solid #999999; text-indent:15px;  font-size:14px; text-transform:uppercase;}
.productsAndService_TabL_btn,.productsAndService_TabR_btn{  height:45px; width:26px; position:absolute; top:45%; cursor:pointer;}
.productsAndService_TabL_btn{background:url(../images/productsAndService_TabLbtn.png) no-repeat; left:0}
.productsAndService_TabR_btn{background:url(../images/productsAndService_TabRbtn.png) no-repeat; right:0}
/***********productsAndService1_2******************************/
.productsAndService .productsAndService_Tab .Accessories{ width:397px; float:left; margin-top:105px}
.productsAndService .productsAndService_Tab .AccessoriesPic{ float:right;  height:340px; width:407px; margin-top:45px; position:relative}
.productsAndService .productsAndService_Tab .Accessories .Accessories_title{ font-size:18px; font-weight:bold; color:#333333; margin-bottom:25px;}
.productsAndService .productsAndService_Tab .Accessories ul li{ color:#333333; font-size:14px; line-height:26px; border-bottom:1px dotted #cccccc; text-indent:15px; position:relative; height:26px}
.productsAndService .productsAndService_Tab .Accessories ul li a{ width:100%; color:#333333;}
.productsAndService .productsAndService_Tab .Accessories ul li span{ position:relative; left:0; height:13px; width:13px; background:#f0c509; border-radius:50%;display:block; float:left; top:7px;}
.productsAndService .productsAndService_Tab .Accessories ul li span:after{ position:absolute; content:''; width:7px; height:7px; border-radius:50%; background:#f0c509; background:#f0c509; border:1px solid #fff;left: 2px;top: 2px;}
/***********productsAndService1_3******************************/
.productsAndService .productsAndService_Tab .productsTab{ margin-top:40px;}
.productsAndService .productsAndService_Tab .productsTab ol li{ width:180px; height:79px; background:#cfcfcf; float:left; line-height:79px; text-align:center; font-size:14px; font-weight:bold; margin-right:11px;}
.productsAndService .productsAndService_Tab .productsTab ol li a{ color:#333333; display:block}
.productsAndService .productsAndService_Tab .productsTab ol li a:hover{ background:url(../images/pic_products.jpg) no-repeat}
.productsTabBG{ background:url(../images/pic_products.jpg) no-repeat !important; color:#fff !important;}
.productsAndService .productsAndService_Tab .productsTab ol li:hover a{ color:#fff;}
.productsAndService .productsAndService_Tab .proudcts{ margin-top:55px;}
.productsAndService .productsAndService_Tab .proudcts ul li{ float:left; margin:0 0 10px 30px; height:213px;}
.productsAndService .productsAndService_Tab .proudcts ul li img{ display:block;}
.productsAndService .productsAndService_Tab .proudcts ul li strong{ width:100%; line-height:37px; display:block; text-align:center;font-size: 14px;font-weight: bold; color: #000000; }
/***********productsAndService1_3Click******************************/
.productsAndService .productsAndService_Tab .productsAndServicesReturn{ border-top:1px solid #e8e8e8; position:relative; height:auto; margin-top:15px}
.productsAndService .productsAndService_Tab .productsAndServicesReturn:after{ position:absolute; content:''; width:100%; left:0; top:-5px; height:1px; background:#e8e8e8}

.productsAndService .productsAndService_Tab .productsAndServicesReturn .returnBtn{ width:116px; height:27px; text-align:center; color:#fff; background:#911120; line-height:27px; float:right; margin-top:15px;}
.productsAndService .productsAndService_Tab .productsAndServicesReturn .returnBtn a{ display:block;}

/****************productsAndService2*******************************************/
.productsAndService .porductsAndServiceNews{ position:relative; height:auto;}
.productsAndService .porductsAndServiceNews .porductsAndServiceNewsHot{ height:222px; margin-top:40px; margin-bottom:66px; position:relative}
.productsAndService .porductsAndServiceNews .porductsAndServiceNewsHot .left{ float:left; width:559px; height:222px; position:relative}
.productsAndService .porductsAndServiceNews .porductsAndServiceNewsHot .left ol li{ position:absolute; display:none; top:0; left:0;width:559px; height:222px;}

.productsAndService .porductsAndServiceNews .porductsAndServiceNewsHot .rigjht{ position:relative; float:right; padding:37px 42px 0; width:357px; height:185px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0099CCFF', EndColorStr='#000000');background: -ms-linear-gradient(top, #32322e, #111111); background: -moz-linear-gradient(top, #32322e, #111111); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32322e), top(#111111)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32322e), top(#111111)); background: -webkit-linear-gradient(top, #32322e, #111111); background: -o-linear-gradient(top, #32322e, #111111);}
.productsAndService .porductsAndServiceNews .porductsAndServiceNewsHot .rigjht ol{ height:100%}
.productsAndService .porductsAndServiceNews .porductsAndServiceNewsHot .rigjht ol li{ position:absolute; top:37px; left:42px; height:185px; display:none}

.productsAndService .porductsAndServiceNews .porductsAndServiceNewsHot .rigjht .title{ font-size:20px; font-weight:bold; color:#fff; text-transform:uppercase; margin-bottom:15px}
.productsAndService .porductsAndServiceNews .porductsAndServiceNewsHot .rigjht p{ color:#545454;}
.productsAndService .porductsAndServiceNews .porductsAndServiceNewsHot .rigjht .moreBtn{ position:absolute; left:0; bottom:18px; background:url(../images/moreBtnBg.jpg); width:76px; height:22px; line-height:22px; text-align:center;}
.productsAndService .porductsAndServiceNews .porductsAndServiceNewsHot .rigjht .moreBtn a{ display:block;}
.productsAndService .porductsAndServiceNews ul li{ height:102px; width:984px; padding:10px 8px; background:#f1f1f1; margin-bottom:17px; position:relative; cursor:pointer;}
.productsAndService .porductsAndServiceNews ul li:hover .title{ font-weight: bold;}
.productsAndService .porductsAndServiceNews ul li .ProAndSerPic{ float:left; height:102px}
.productsAndService .porductsAndServiceNews ul li .ProAndSerSummary{ float:right; width:700px; height:102px;}
.productsAndService .porductsAndServiceNews ul li .ProAndSerSummary .title{ color:#2c2c2c; font-size:14px;}
.productsAndService .porductsAndServiceNews ul li .ProAndSerSummary .timer{ color:#909090; margin-bottom:10px;}
.productsAndService .porductsAndServiceNews ul li .ProAndSerSummary p{ line-height:24px;color: #2c2c2c;}
.productsAndService .porductsAndServiceNews ul li .more{ background:url(../images/pic_more.png) no-repeat; height:30px; width:30px; position:absolute; right:0; bottom:0;}
/****************productsAndService2_1*******************************************/
.productsAndService .serviceMaintenance{ height:auto;}
.productsAndService .serviceMaintenance .titleBorder{ text-align:center; margin:40px auto 12px}
.productsAndService .serviceMaintenance .titleBorder .title{ text-align:center; font-size:18px; color:#333333; position:relative; display:inline-block;}
.productsAndService .serviceMaintenance .titleBorder .title span{position: relative;left: 0px;height: 13px;width: 13px;background: #F0C509 none repeat scroll 0% 0%;border-radius: 50%;display: block;float: left;top: 7px; display:inline-block; margin-right:8px}
.productsAndService .serviceMaintenance .titleBorder .title span:after{position: absolute;content: "";width: 7px;height: 7px;border-radius: 50%;background: #F0C509 none repeat scroll 0% 0%;border: 1px solid #FFF;left: 2px;top: 2px;}
.productsAndService .serviceMaintenance .tablt td{ border:1px solid #c5c5c5}
.productsAndService .serviceMaintenance .tablt .et1{ color:#333333; font-size:14px; font-weight:bold; text-align:center;}
.productsAndService .serviceMaintenance .tablt .et2{color:#333333; font-size:14px; text-align:center;}
.productsAndService2{ background:#f7f7f7; padding-bottom:56px;}
.productsAndService2 .Title{ text-align:center; font-size:28px; font-weight:bold;color:#333333; padding-bottom:10px; border-bottom:1px dotted #c0c0c0; position:relative; text-transform:uppercase ;}
.productsAndService2 .Title:after{ position:absolute; content:''; bottom:-6px; width:100%; height:1px;border-bottom:1px dotted #c0c0c0; left:0}
.productsAndService2 .Title b{ color:#f0c509}
.productsAndService2 .Title span{ display:block; color:#999999; font-size:14px; font-weight:100;}
.productsAndService2 .products ul{ margin-top:40px; overflow:hidden}
.productsAndService2 .products ul li{ float:left; height:235px; width:300px; margin:0 0 25px  50px}
.productsAndService2 .products ul li strong{ height:34px; inline-box-align:34px; color:#333333; text-align:center; display:block}
.productsAndService2 .PerformanceTable .title{ font-size:18px; text-align:center; margin:47px auto 30px; }
.productsAndService2 .PerformanceTable .tablt{ margin:0 auto;}
.productsAndService2 .PerformanceTable .tablt td{ border:1px solid #000; text-align:center;}
.productsAndService2 .PerformanceTable img{ margin:0 auto; display:block}
/****************productsAndService2_2*******************************************/
.productsAndService .Services{ height:auto; margin:48px 0 0 0 }
.productsAndService .Services ul{ overflow:hidden;}
.productsAndService .Services ul li{ float:left; width:328px; height:348px; position:relative; margin-left:8px; margin-bottom:20px}
.productsAndService .Services ul li a{ display:block; height:100%}

.productsAndService .Services ul li .picServices{ height:213px; width:328px; position:absolute; top:0; left:0;}
.productsAndService .Services ul li .summarySevices{ position:absolute; bottom:0; padding:15px 25px; height:105px; width:278px; overflow:hidden; background:#22221f; transition:all .5s;-webkit-transition:all .5s;}
.productsAndService .Services ul li .summarySevices .titleService{ font-size:14px; color:#fff; line-height:30px; border-bottom:1px dotted #656564;}
.productsAndService .Services ul li .summarySevices .titleService span{position: relative;left: 0px;height: 13px;width: 13px;background: #F0C509 none repeat scroll 0% 0%;border-radius: 50%;float: left;top:9px;display: inline-block;margin-right: 8px;}
.productsAndService .Services ul li .summarySevices .titleService span:after{position: absolute;content: "";width: 7px;height: 7px;border-radius: 50%;background: #F0C509 none repeat scroll 0% 0%;border: 1px solid #FFF;left: 2px;top: 2px;}
.productsAndService .Services ul li .summarySevices p{ color:#fff; line-height:24px; height:70%; overflow:hidden;transition:all .5s;-webkit-transition:all .5s;}
.productsAndService .Services ul li:hover .summarySevices{ height:318px; background:#911120}
.productsAndService .Services ul li:hover p{ height:90%}

.productsAndService .titleBorder{text-align: center;margin: 40px auto 12px;}
.productsAndService .titleBorder .title{text-align: center;font-size: 18px;color: #333;position: relative;display: inline-block;}
.productsAndService .titleBorder .title span{position: relative;left: 0px;height: 13px;width: 13px;background: #F0C509 none repeat scroll 0% 0%;border-radius: 50%;float: left;top: 7px;display: inline-block;margin-right: 8px;}
.productsAndService .tablt td{border: 1px solid #C5C5C5}
.productsAndService .tablt .et1{color: #333;font-size: 14px;font-weight: bold;text-align: center;}
.productsAndService .tablt .et2{color: #333;font-size: 14px;text-align: center;}
.productsAndService .overTablt{ height:431px;}
.productsAndService .overTablt::-webkit-scrollbar {width:5px;height:10px;}
.productsAndService .overTablt::-webkit-scrollbar-button{background-color:#ababa7;}
.productsAndService .overTablt::-webkit-scrollbar-track{background:#ababa7;}
.productsAndService .overTablt::-webkit-scrollbar-track-piece {background:#ababa7;}
.productsAndService .overTablt::-webkit-scrollbar-thumb{background:#22221f;border-radius:4px;}
.productsAndService .overTablt::-webkit-scrollbar-corner {background:#82AFFF;}
.productsAndService .overTablt::-webkit-scrollbar-resizer{background:#FF0BEE;}


.productsAndService .scrollbar1 { width:1000px; clear: both; margin: 20px 0 10px; }
.productsAndService .scrollbar1 .viewport { width:400px; height: 400px; overflow: hidden; position: relative; } 
.productsAndService .scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
.productsAndService .thumb .end,.thumb { background-color: #ed6c6a; }
.productsAndService .scrollbar { position: relative; float: right; width: 15px;  border-left: 1px solid #4b4947;  padding-bottom:20px;}
.productsAndService .thumb { width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:-4px; margin-top:10px;}
.productsAndService .productsAndService .thumb .end { overflow: hidden; height: 5px; width: 13px; }
.productsAndService .disable{ display: none; }
.productsAndService .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }




.boxs{ width:100%; height:900px;}
.structureAnimate{ width:540px; height:540px; position:relative; margin:0 auto; top:120px;}
.Round_Grade0{ background:url(../images/Round_Grade0.png) no-repeat; z-index:5;width:540px; height:540px; position:absolute; top:0; left:0; opacity:0; transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade1_1{ background:url(../images/Round_Grade1_1.png) no-repeat; z-index:7; height:83px; width:83px;position:absolute; top:133px; left:85px; opacity:0;transform:translateX(141px) translateY(92px);-webkit-transform:translateX(141px) translateY(92px);transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade1_2{ background:url(../images/Round_Grade1_1.png) no-repeat; z-index:7; height:83px; width:83px;position:absolute; top:135px; right:85px; opacity:0;transform:translateX(-141px) translateY(92px);-webkit-transform:translateX(-141px) translateY(92px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade1_3{ background:url(../images/Round_Grade1_1.png) no-repeat; z-index:7; height:83px; width:83px;position:absolute; top:340px; left:85px; opacity:0;transform:translateX(141px) translateY(-112px);-webkit-transform:translateX(141px) translateY(-112px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade1_4{ background:url(../images/Round_Grade1_1.png) no-repeat; z-index:7; height:83px; width:83px;position:absolute; top:340px; right:85px; opacity:0;transform:translateX(-141px) translateY(-112px);-webkit-transform:translateX(-141px) translateY(-112px); transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade2_1{ background:url(../images/Round_Grade2_1.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top: -10px; left: 112px;opacity:0;transform: translateX(-20px) translateY(150px);-webkit-transform: translateX(-20px) translateY(150px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade2_2{ background:url(../images/Round_Grade2_2.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:87px;left:11px;opacity:0;transform: translateX(80px) translateY(55px);-webkit-transform: translateX(80px) translateY(55px); transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade2_3{ background:url(../images/Round_Grade2_3.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:180px;left:-35px;opacity:0;transform: translateX(128px) translateY(167px);-webkit-transform: translateX(128px) translateY(167px); transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade2_4{ background:url(../images/Round_Grade2_4.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:301px;left:-35px;opacity:0;transform: translateX(125px) translateY(47px);-webkit-transform: translateX(125px) translateY(47px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade2_5{ background:url(../images/Round_Grade2_5.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:406px;left: 11px;opacity:0;transform: translateX(80px) translateY(-60px);-webkit-transform: translateX(80px) translateY(-60px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade2_6{ background:url(../images/Round_Grade2_6.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:480px;left: 112px;opacity:0;transform: translateX(-20px) translateY(-130px);-webkit-transform: translateX(-20px) translateY(-130px); transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade2_7{ background:url(../images/Round_Grade2_7.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:515px;left:242px;opacity:0;transform: translateX(-150px) translateY(-170px);-webkit-transform: translateX(-150px) translateY(-170px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade2_8{ background:url(../images/Round_Grade2_8.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:480px;left:385px;opacity:0;transform: translateX(-7px) translateY(-132px);-webkit-transform: translateX(-7px) translateY(-132px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade2_9{ background:url(../images/Round_Grade2_9.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:406px;left: 457px;opacity:0;transform: translateX(-77px) translateY(-60px);-webkit-transform: translateX(-77px) translateY(-60px); transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade2_10{ background:url(../images/Round_Grade2_10.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:301px;left:510px;opacity:0;transform: translateX(-130px) translateY(46px);-webkit-transform: translateX(-130px) translateY(46px);transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade2_11{ background:url(../images/Round_Grade2_11.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:87px;left:463px;opacity:0;transform: translateX(-85px) translateY(55px);-webkit-transform: translateX(-85px) translateY(55px);transition:all 2s;-webkit-transition:all 2s;}
.Round_border{ background:url(../images/Round_border.png) no-repeat; z-index:2; position:absolute; height:540px; width:540px; top:0;left:0; opacity:0;transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade0Border{ background:url(../images/Round_Grade0Border.png) no-repeat; z-index:2; position:absolute; height:540px; width:540px; top:0; left:0;transition:all 2s;-webkit-transition:all 2s; opacity:0}
.Round_BoneNail{ background:url(../images/Round_BoneNail.png) no-repeat; width:540px; height:540px; position:absolute; top:0; left:0; opacity:0}

.Round_Grade0Animation{ animation:Round_Grade0 1s linear forwards;-webkit-animation:Round_Grade0 1s linear forwards;}
.Round_Grade0BorderAnimation{animation:Round_Grade0Border 10s linear infinite;-webkit-animation:Round_Grade0Border 10s linear infinite;}
.Round_borderAnimation{animation:Round_border 10s linear 2s infinite;-webkit-animation:Round_border 10s linear 2s infinite;}
.Round_Grade1_1Animation{ animation:Round_Grade1_1 1s cubic-bezier(.02,1.1,.38,1.16) .8s forwards;-webkit-animation:Round_Grade1_1 1s cubic-bezier(.02,1.1,.38,1.16) .8s forwards;}
.Round_Grade2_1Animation{ animation:Round_Grade1_1 1s cubic-bezier(.02,1.1,.38,1.16) 1.8s forwards;-webkit-animation:Round_Grade1_1 1s cubic-bezier(.02,1.1,.38,1.16) 1.8s forwards;}
.Round_Grade0BorderAnimation{ animation:Round_Grade0Border 1s linear 1.8s forwards;-webkit-animation:Round_Grade0Border 1s linear 1.8s forwards}
.Round_BoneNailAnimation{ animation:Round_BoneNail 1s linear 2.8s forwards;-webkit-animation:Round_BoneNail 1s linear 2.8s forwards}

.structureAnimate{ width:540px; height:540px; position:relative; margin:0 auto; top:120px;}
.Round_Grade0{ background:url(../images/Round_Grade0.png) no-repeat; z-index:5;width:540px; height:540px; position:absolute; top:0; left:0; opacity:0; transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade1_1{ background:url(../images/Round_Grade1_1.png) no-repeat; z-index:7; height:83px; width:83px;position:absolute; top:133px; left:85px; opacity:0;transform:translateX(141px) translateY(92px);-webkit-transform:translateX(141px) translateY(92px);transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade1_2{ background:url(../images/Round_Grade1_2.png) no-repeat; z-index:7; height:83px; width:83px;position:absolute; top:135px; right:85px; opacity:0;transform:translateX(-141px) translateY(92px);-webkit-transform:translateX(-141px) translateY(92px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade1_3{ background:url(../images/Round_Grade1_4.png) no-repeat; z-index:7; height:83px; width:83px;position:absolute; top:340px; left:85px; opacity:0;transform:translateX(141px) translateY(-112px);-webkit-transform:translateX(141px) translateY(-112px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade1_4{ background:url(../images/Round_Grade1_3.png) no-repeat; z-index:7; height:83px; width:83px;position:absolute; top:340px; right:85px; opacity:0;transform:translateX(-141px) translateY(-112px);-webkit-transform:translateX(-141px) translateY(-112px); transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade2_1{ background:url(../images/Round_Grade2_1.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top: -10px; left: 112px;opacity:0;transform: translateX(-20px) translateY(150px);-webkit-transform: translateX(-20px) translateY(150px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade2_2{ background:url(../images/Round_Grade2_2.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:87px;left:11px;opacity:0;transform: translateX(80px) translateY(55px);-webkit-transform: translateX(80px) translateY(55px); transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade2_3{ background:url(../images/Round_Grade2_3.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:180px;left:-35px;opacity:0;transform: translateX(128px) translateY(167px);-webkit-transform: translateX(128px) translateY(167px); transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade2_4{ background:url(../images/Round_Grade2_4.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:301px;left:-35px;opacity:0;transform: translateX(125px) translateY(47px);-webkit-transform: translateX(125px) translateY(47px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade2_5{ background:url(../images/Round_Grade2_5.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:406px;left: 11px;opacity:0;transform: translateX(80px) translateY(-60px);-webkit-transform: translateX(80px) translateY(-60px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade2_6{ background:url(../images/Round_Grade2_6.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:480px;left: 112px;opacity:0;transform: translateX(-20px) translateY(-130px);-webkit-transform: translateX(-20px) translateY(-130px); transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade2_7{ background:url(../images/Round_Grade2_7.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:515px;left:242px;opacity:0;transform: translateX(-150px) translateY(-170px);-webkit-transform: translateX(-150px) translateY(-170px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade2_8{ background:url(../images/Round_Grade2_8.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:480px;left:385px;opacity:0;transform: translateX(-7px) translateY(-132px);-webkit-transform: translateX(-7px) translateY(-132px);transition:all 2s;-webkit-transition:all 2s; }
.Round_Grade2_9{ background:url(../images/Round_Grade2_9.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:406px;left: 457px;opacity:0;transform: translateX(-77px) translateY(-60px);-webkit-transform: translateX(-77px) translateY(-60px); transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade2_10{ background:url(../images/Round_Grade2_10.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:301px;left:510px;opacity:0;transform: translateX(-130px) translateY(46px);-webkit-transform: translateX(-130px) translateY(46px);transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade2_11{ background:url(../images/Round_Grade2_11.png) no-repeat; z-index:7; position:absolute; width:70px; height:70px;top:87px;left:463px;opacity:0;transform: translateX(-85px) translateY(55px);-webkit-transform: translateX(-85px) translateY(55px);transition:all 2s;-webkit-transition:all 2s;}
.Round_border{ background:url(../images/Round_border.png) no-repeat; z-index:2; position:absolute; height:540px; width:540px; top:0;left:0; opacity:0;transition:all 2s;-webkit-transition:all 2s;}
.Round_Grade0Border{ background:url(../images/Round_Grade0Border.png) no-repeat; z-index:2; position:absolute; height:540px; width:540px; top:0; left:0;transition:all 2s;-webkit-transition:all 2s; opacity:0}
.Round_BoneNail{ background:url(../images/Round_BoneNail.png) no-repeat; width:540px; height:540px; position:absolute; top:0; left:0; opacity:0}

.Round_Grade0Animation{ animation:Round_Grade0 1s linear forwards;-webkit-animation:Round_Grade0 1s linear forwards;}
.Round_Grade0BorderAnimation{animation:Round_Grade0Border 10s linear infinite;-webkit-animation:Round_Grade0Border 10s linear infinite;}
.Round_borderAnimation{animation:Round_border 10s linear 2s infinite;-webkit-animation:Round_border 10s linear 2s infinite;}
.Round_Grade1_1Animation{ animation:Round_Grade1_1 1s cubic-bezier(.02,1.1,.38,1.16) .8s forwards;-webkit-animation:Round_Grade1_1 1s cubic-bezier(.02,1.1,.38,1.16) .8s forwards;}
.Round_Grade2_1Animation{ animation:Round_Grade1_1 1s cubic-bezier(.02,1.1,.38,1.16) 1.8s forwards;-webkit-animation:Round_Grade1_1 1s cubic-bezier(.02,1.1,.38,1.16) 1.8s forwards;}
.Round_Grade0BorderAnimation{ animation:Round_Grade0Border 1s linear 1.8s forwards;-webkit-animation:Round_Grade0Border 1s linear 1.8s forwards}
.Round_BoneNailAnimation{ animation:Round_BoneNail 1s linear 2.8s forwards;-webkit-animation:Round_BoneNail 1s linear 2.8s forwards}



.mover{ left:70% !important}
#va{ transition:all 2s;-webkit-transition:all 2s;}


.EnterpriseCulture{position:relative; margin:0 auto; top:200px; z-index:5;}
.pic_culture{ background:url(../images/pic_culture.png) no-repeat; height:260px; width:260px; position:absolute; left:50%; top:50%; margin:-130px 0 0 -130px; z-index:5}
.pic_cultureBorder1s{ background:url(../images/pic_cultureBorder1s.png) no-repeat; width:206px; height:206px; position:absolute; left:50%; top:50%; 
margin:-103px 0 0 -103px; animation:pic_cultureBorder1 5s linear infinite;-webkit-animation:pic_cultureBorder1 5s linear infinite;-moz-animation:pic_cultureBorder1 5s linear infinite; -ms-animation:pic_cultureBorder1 5s linear infinite;}
.pic_cultureBorder2s{ background:url(../images/pic_cultureBorder2s.png) no-repeat; width:206px; height:206px; position:absolute; left:50%; top:50%; margin:-103px 0 0 -103px;animation:pic_cultureBorder1 4s linear infinite;-webkit-animation:pic_cultureBorder1 4s linear infinite; -moz-animation:pic_cultureBorder1 4s linear infinite;-ms-animation:pic_cultureBorder1 4s linear infinite; }

/***************************************/
.animate2ms { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; }
.animate { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate1 { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; }
.animate2 { -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s; }
.animate5 { -webkit-transition-duration: 5s; -moz-transition-duration: 5s; -ms-transition-duration: 5s; transition-duration: 5s; }

#banner { width: 100%; height: 261px; position: relative; }
#banner .box { width: 1000px; height: 100%; position: absolute; top: 0px; left: 50%; margin-left: -500px; }
#banner .yun { position: absolute; width: 383px; height: 137px; z-index: 4; top: 30px; left: 335px; animation: yun 15s ease-out infinite; -webkit-animation: yun 15s ease-out infinite; -moz-animation: yun 15s ease-out infinite; -ms-animation: yun 15s ease-out infinite; }
#banner .fang { position: absolute; width: 90px; height: 56px; z-index: 8; bottom: 25px; left: 215px; }
#banner .text { position: absolute; width: 356px; height: 58px; top: 135px; left: 0; z-index: 10; }
#banner .text2 { position: absolute; width: 432px; height: auto; top: 185px; font-size: 12px; left: 0; z-index: 10; opacity: 0.5; color: #fff; filter: alpha(opacity=50); }
#content { width: 1000px; height: auto; margin: auto; }
#content .title { width: 1000px; height: 70px; padding-top: 40px; margin: auto; }
#content .title .fontBox { width: 100%; text-align: center; margin: auto; }
#content .title .fontBox .font1 { font-size: 30px; font-weight: bold; color: #ffcc00; height: 40px; line-height: 40px; }
#content .title .fontBox .font2 { font-size: 29px; padding-left: 20px; height: 40px; line-height: 40px; }
#content .title .font3 { text-align: center; color: #999999; height: 15px; line-height: 15px; font-size:16px;}
#content .title .border { width: 100%; height: 5px; margin-top: 10px; box-sizing: border-box; border: 1px dashed #ccc; border-left: none; border-right: none; }
/********about1*************/

.about1 { background: url(../images/aboutBg1.jpg) no-repeat center; width: 100%; height: 900px; }
.about1 .content { width: 1030px; height: 0px; margin: auto; padding-top: 200px; overflow: hidden; position: relative; }
.about1 .content .nav { width: 110px; height: 290px; position: absolute; top: 200px; right: 0; }
.about1 .content .nav li { width: 75px; height: 85px; background: url(../images/aboutNav.png) no-repeat; opacity: 0.7; filter: alpha(opacity=70); }
.about1 .content .nav li a { color: #ffffff; font-weight: bold; display: block; width: 100%; height: 65px; padding-top: 20px; text-align: center; }
.about1 .content .nav li.cur { background: url(../images/aboutCur.png); opacity: 1; filter: alpha(opacity=100); }
.about1 .content .nav li.cur1 { margin-top: -15px; }
.about1 .content .nav li.cur2 { float: right; }
.about1 .content .nav li.cur3 { float: left; }
.about1 .content .nav li:hover { background: url(../images/aboutCur.png); opacity: 1; filter: alpha(opacity=100); }
/********contact*************/
.contact { width: 100%; height: auto; }
.contact .title { padding-top: 53px; height: 57px; width: 100%; margin-bottom: 65px; }
.contact .addressBox { width: 100%; height: 200px; margin-top: 40px; }
.contact .addressBox .left { width: 474px; height: 40px; box-sizing: content-box; border: 1px solid #ccc; margin-bottom: 12px; float:left;}
.contact .addressBox .left .icon { width: 20px; height: 20px; padding: 10px; border-right: 1px solid #ccc; float: left; background: url(../images/contactIcons.png) no-repeat; }
.contact .addressBox .left .text { color: #333333; float: left; line-height: 40px; text-indent: 15px; }
.contact .addressBox .left .icon1 { background-position: 10px 10px; }
.contact .addressBox .left .icon2 { background-position: 10px -25px; }
.contact .addressBox .left .icon3 { background-position: 10px -68px; }
.contact .addressBox .left .icon4 { background-position: 10px -110px; }
.contact .addressBox .left .icon5 { background-position: 10px -155px; overflow: hidden; }
.contact .addressBox .left .icon6 { background-position: 10px -188px; }
.contact .addressBox .right { width: 486px; height: 116px; box-sizing: content-box; border: 1px solid #ccc; float: right; margin-bottom: 12px; }
.contact .addressBox .right .icon { width: 40px; border-right: 1px solid #ccc; height: 100%; float: left; }
.contact .addressBox .right .icon6 { width: 20px; height: 20px; background: url(../images/contactIcons.png) bottom; margin: 45px auto 0px; }
.contact .addressBox .right .text { float: left; width: 445px; height: 37px; line-height: 37px; border-bottom: 1px solid #CCCCCC; text-indent: 15px; }
#map { width: 100%; height: 300px; border: 1px solid #919191; }
/********join*************/
.join #content { width: 100%; }
.join .joinUs1 { text-align: center; margin-top: 30px; width: 100%; height: auto; color: #666666; }
.join .notions { width: 1000px; height: auto; margin: 35px auto 0; }
.join .notions li { float: left; width: 220px; height: auto; margin: 0 15px; cursor: pointer; }
.join .notions .tit { width: 120px; height: 120px; line-height: 120px; text-align: center; background: url(../images/joinF.png) no-repeat; margin: auto; font-size: 16px; color: #333333; }
.join .notions .text { text-align: center; width: 100%; font-size: 12px; color: #666666; margin-top: 20px; }
.join .joinUs2 { text-align: center; margin-top: 50px; width: 100%; height: auto; color: #666666; }
.join .joinUs2 img { padding-bottom: 20px; }
.join .recruit { width: 100%; background: #f6f6f6; height: auto; margin-top: 50px; padding-bottom: 20px; }
.join .jobBox { width: 1000px; margin: auto; height: 620px; margin-top: 50px; overflow: hidden; position: relative; }
.join .jobList { width: 100000px; height: 535px; }
.join .jobList li { float: left; width: 1000px; height: 100%; }
.join .jobList .jobs { width: 100%; height: 160px; background: #ffffff; margin-bottom: 28px; box-sizing: border-box; border: 1px solid #fff; }
.join .jobList .jobs .left { width: 317px; height: 100%; position: relative; float: left; line-height: 160px; color: #f6f6f6; font-size: 18px; text-indent: 20px; }
.join .jobList .jobs a { display: block; width: 100%; height: 100%; }
.join .jobList .jobs .left img { position: absolute; bottom: 0px; right: 10px; }
.join .jobList .jobs.job1 .left { background: #a3182b; }
.join .jobList .jobs.job2 .left { background: #e2b501; }
.join .jobList .jobs.job3 .left { background: #1c62b8; }
.join .jobList .jobs .demand { width: 170px; height: 100%; margin-left: 57px; float: left; color: #333333; font-size: 12px; }
.join .jobList .jobs .describe { color: #333333; font-size: 12px; width:415px; height: 140px; position: relative; padding-top:10px; float: left; overflow: hidden;}
.join .jobList .jobs:hover { border: 1px solid #ccc; }
.join .jobList .demand .sex { margin-top:10px; }
.join .jobList .describe .btn { width: 86px; height: 25px; font-size: 12px; color: #ffffff; text-align: center; line-height: 25px; position: absolute; right: 0; bottom: 0; }
.join .jobList .jobs.job1 .btn { background: url(../images/joinBtnR.jpg) no-repeat; }
.join .jobList .jobs.job2 .btn { background: url(../images/joinBtnY.jpg) no-repeat; }
.join .jobList .jobs.job3 .btn { background: url(../images/joinBtnB.jpg) no-repeat; }
.join .jobBox .pageBtn { position: absolute; bottom: 0px; left: 50%; }
.join .jobBox .pageBtn li { width: 30px; height: 30px; color: #676767; font-family: arial; line-height: 30px; float: left; text-align: center; border: 1px solid #bbbbbb; box-sizing: border-box; cursor: pointer; margin-right: 6px; }
.join .jobBox .pageBtn li.cur { border: none; background: #f9c416; font-weight: bold; color: #FFFFFF; }
.join .jobBox .pageBtn li:hover { border: none; background: #f9c416; font-weight: bold; color: #FFFFFF; }
/********about2*************/
.about2 .aboutText { color: #000000; width: 1000px; height: auto; line-height: 28px; position: relative; background: url(../images/aboutBg3.jpg) no-repeat bottom right; margin: 45px auto; }
.about2 .aboutText p { text-indent: 30px; }
.about2 .structure { width: 100%; height: 889px; background: url(../images/aboutBg2.jpg) no-repeat center; }
.about2 .stru { text-align: center; margin-top: 60px; display: none; }
.about2 .memorabilia { background: #f2f1f0; height: 890px; width: 100%; }
.about2 .memorBox { width: 1000px; margin: 65px auto 0; position: relative; height: 630px; overflow: hidden; }
.about2 .memorBox .line1 { background: #ffa400; width: 2px; height: 100%; position: absolute; left: 50%; margin-left: -1px; top: 0; }
.about2 .memorBox .prev { width: 35px; height: 35px; position: absolute; left: 50%; margin-left: -18px; background: #ffa400; border-radius: 50%; top: 5px; cursor: pointer; text-align: center; line-height: 35px; text-indent: 2px; z-index: 2; }
.about2 .memorBox .prev img { vertical-align: middle; }
.about2 .memorBox .next { width: 35px; height: 35px; position: absolute; left: 50%; margin-left: -18px; background: #ffa400; border-radius: 50%; bottom: 5px; cursor: pointer; text-align: center; line-height: 35px; text-indent: 2px; z-index: 2; }
.about2 .memorBox .next img { vertical-align: middle; }
.about2 .memorBox .prevBg { width: 45px; height: 45px; position: absolute; left: 50%; margin-left: -23px; background: #f5e2c0; border-radius: 50%; top: 0px; cursor: pointer; z-index: 1; }
.about2 .memorBox .nextBg { width: 45px; height: 45px; position: absolute; left: 50%; margin-left: -23px; background: #f5e2c0; border-radius: 50%; bottom: 0px; cursor: pointer; z-index: 1; }
.about2 .memorBox .ulBox { position: relative; width: 100%; height: 462px; overflow: hidden; margin-top: 40px; }
.about2 .ulBox .historyList { width: 100%; height: auto; position: absolute; left: 0; top: 0; }
.about2 .historyList li { width: 100%; height: 142px; margin-top: 12px; position: relative; }
.about2 .historyList li .year { width: 150px; font-size: 22px; position: absolute; top: 50%; margin-top: -25px; height: 50px; line-height: 50px; text-align: center; }
.about2 .historyList li .dians { background: #ffa400; width: 16px; height: 16px; border-radius: 50%; position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; cursor: pointer; }
.about2 .historyList li .dians .dian { background: #ffa400; width: 16px; height: 16px; border-radius: 50%; position: absolute; top: 50%; margin-top: -8px;
 left: 50%; margin-left: -8px; transform: scale(1.6); opacity: 0.3; filter: alpha(opacity=30); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); }
.about2 .historyList li .dians.cur .dian { animation: dian 1s ease-out infinite; -webkit-animation: dian 1s ease-out infinite; -ms-animation: dian 1s ease-out infinite; -moz-animation: dian 1s ease-out infinite; }
.about2 .historyList li .cont { width: 466px; height: 142px; box-sizing: border-box; border: 1px solid #ffa400; position: absolute; display: block; }
.about2 .historyList li .cont .tit { font-weight: bold; color: #333333; font-size: 16px; width: 395px; margin-left: 28px; margin-top: 20px; }
.about2 .historyList li .cont .text { color: #333333; margin-left: 28px; margin-top: 10px; width: 395px; }
.about2 .historyList li .cont .text img { float: left; }
.about2 .historyList li .cont .text div { float: right; width: 310px; }
.about2 .historyList li.left .year { margin-left: -150px; left: 50%; }
.about2 .historyList li.left .cont { right: 0; }
.about2 .historyList li.right .year { margin-right: -150px; right: 50%; }
.about2 .historyList li.right .cont { left: 0; }
.about2 .historyList li .cont:hover { border-width: 2px; }
.about2 .culture { width: 100%; height: 890px; }
.about2 .culture .box1 { position: relative; width: 1000px; margin: 55px auto 0; height: 652px; }
.about2 .culture .box1 .border { width: 2px; height: 100%; background: #dcdcdc; position: absolute; left: 50%; margin-left: -1px; top: 0px; }
.about2 .culture .box1 .left { width: 445px; height: 347px; position: absolute; left: 0; top: 50%; margin-top: -174px; text-align: center; line-height: 347px; }
.about2 .culture .box1 .left img { vertical-align: middle; left: 91px;}
.about2 .culture .box1 .left .font { width: 160px; height: 35px; font-size: 16px; font-weight: bold; color: #333333; position: absolute; line-height: 20px; }
.about2 .culture .box1 .left .font div { font-size: 12px; color: #a599b2; font-weight: 100; }
.about2 .culture .box1 .left .font1 { top: 0px; left: 50%; margin-left: -80px; }
.about2 .culture .box1 .left .font2 { bottom: 0px; left: 50%; margin-left: -80px; }
.about2 .culture .box1 .left .font3 { left: -40px; top: 50%; margin-top: -18px; }
.about2 .culture .box1 .left .font4 { right: -40px; top: 50%; margin-top: -18px; }
.about2 .culture .box1 .right { width: 536px; height: 552px; position: absolute; right: 0px; top: 40px; }
.about2 .culture .box1 .right li { width: 100%; height: 71px; position: relative; background: #fff; margin-bottom: 89px; }
.about2 .culture .box1 .right li .icons { width: 71px; height: 71px; float: left; background: url(../images/hisIcons.png) no-repeat; }
.about2 .culture .box1 .right li.li2 .icons { background-position: 0 -88px; }
.about2 .culture .box1 .right li.li3 .icons { background-position: 0 -176px; }
.about2 .culture .box1 .right li.li4 .icons { background-position: 0 -272px; }
.about2 .culture .box1 .right li .cont { width: 440px; float: right; height: 100%; }
.about2 .culture .box1 .right li .cont .tit { color: #333333; font-weight: bold; }
.about2 .culture .box1 .right li .cont .text { font-size: 12px; color: #8c8989; margin-top: 15px; }
/********choose*************/
.choose{ margin-bottom:100px}
.choose .chooseTab { width: 100%; height: auto; margin-top: 40px; margin-bottom: 10px; }
.choose .chooseTab th { height: 55px; text-align: center; width: 100%; font-size: 20px; color: #ffffff; background: #19adc9; }
.choose .chooseTab td { border: 1px solid #ccc; box-sizing: border-box; height: 40px; }
.choose .chooseTab .bj { color: #8f0414; font-size: 17px; padding-left: 5px; }
.choose .chooseTab .fontW { font-weight: bold; color: #333333; }
.choose .chooseTab input[type=text] { width: 80%; margin-left: 20px; }
.choose .chooseTab .tit { text-align: center; font-weight: bold; color: #333333; }
.choose .chooseTab .tit input[type=checkbox] { float: right; margin-top: 5px; margin-right: 10px; }
.choose .chooseTab .cont { text-align: left; text-indent: 10px; font-weight: bold; color: #333333; }
.choose .sub { float: right; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #19adc9; margin-right: 18px; cursor: pointer; }
.choose .res { float: right; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #686868; cursor: pointer; }
/*******newsDel**********/
.newsDel .newsDetailPage { width: 90%; height: auto; background: #FFF; position: relative; padding: 0 5%; margin-top: 40px; }
.newsDel .newsDetailTop { width: 100%; height: auto; text-align: center; font-size: 12px; }
.newsDel .newsDetailTop h2 { display: block; width: 100%; padding: 15px 0px; line-height: 30px; font-size: 24px; color: #3E3E3E; }
.newsDel .newsDetailShow { width: 100%; height: auto; line-height: 28px; padding: 35px 0px; color: #333333; }
.newsDel .newsShare { width: 100%; height: auto; padding: 15px 0px; overflow: hidden; margin-bottom: 25px; }
.newsDel .jiathis_style_24x24 { float: right; }
.newsDel .newsShare span { float: right; font-weight: bold; }
.newsDel .newsNext { width: 100%; height: auto; line-height: 25px; font-size: 12px; padding: 10px 0px; position: relative; }
.newsDel .newsNext .border { background: #b2b2b2; width: 1000px; height: 1px; position: absolute; top: 0; left: 50%; margin-left: -500px; }
.newsDel .newsNext div { width: 50%; height: auto; }
.newsDel .newsNext div a:hover { text-decoration: underline; }
.newsDel .newsNext div a { color: #000 }
.newsDel .newsNext .backList { float: right; background: url(../images/returnListBg.png) no-repeat; width: 93px; height: 26px; text-align: center; line-height: 26px; color: #FFFFFF; font-size: 12px; font-weight: bold; }
.newsDel .newsNext .backList:hover { color: #CCCCCC; }
.newsDel .newsDetailPage .imgs { text-align: center; padding: 20px 0; }
.newsDel .newsDetailPage p { text-indent: 20px; }
.banenr { width: 100%; height: 261px; }
.bq{ height:46px; width:100%; background:#0f0100; line-height:46px; color:#797574}
.productsAndService2 .productsAndService_Tab{ margin-top:25px;}
.productsAndService2 .productsAndService_Tab>ol{ text-align:center;}
.productsAndService2 .productsAndService_Tab>ol li{ width:110px; height:31px; background:#003c63; line-height:31px; text-align:center; color:#fff; display:inline-block; transition:all .5s;-webkit-transition:all .5s;}
.productsAndService2 .productsAndService_Tab>ol li a{ color:#486782; display:block;}
.productsAndService2 .productsAndService_Tab>ol li:hover{ background:#990214}
.productsAndService2 .productsAndService_Tab>ol li:hover a{ color:#fff;}





@keyframes Square {
 to {
transform: rotate(360deg);
}
}
@keyframes Square2 {
 to {
transform: rotate(-360deg);
}
}
@keyframes Round_margin {
 0%, 100% {
transform: rotate(0deg);
}
 50% {
transform: rotate(180deg);
}
}
@keyframes Round_margin2 {
 0%, 100% {
transform: rotate(0deg);
}
 50% {
transform: rotate(-180deg);
}
}
@keyframes RoundPoint {
 to {
transform:translateY(-20px)
}
}
@-webkit-keyframes Square {
 to {
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes Square2 {
 to {
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes Round_margin {
 0%, 100% {
-webkit-transform: rotate(0deg);
}
 50% {
-webkit-transform: rotate(180deg);
}
}
@-webkit-keyframes Round_margin2 {
 0%, 100% {
-webkit-transform: rotate(0deg);
}
 50% {
-webkit-transform: rotate(-180deg);
}
}
@-webkit-keyframes RoundPoint {
 to {
-webkit-transform:translateY(-20px)
}
}

@keyframes Round_Grade0{
	to{ opacity:1}	
}
@keyframes Round_Grade0Border{
	form{transform:rotate(0deg); }
	to{ transform:rotate(360deg);}	
}
@keyframes Round_Grade1_1{
	to{transform:translateX(0) translateY(0); opacity:1}
}
@keyframes Round_border{
	0%,100%{transform:rotate(0deg); opacity:1}
	25%{transform:rotate(50deg); opacity:1}
	75%{transform:rotate(-90deg); opacity:1}	
}
@keyframes Round_Grade0Border{
	to{ opacity:1;}	
}
@keyframes Round_BoneNail{
	to{ opacity:1}	
}


@-webkit-keyframes Round_Grade0{
	to{ opacity:1}	
}
@-webkit-keyframes Round_Grade0Border{
	form{-webkit-transform:rotate(0deg); }
	to{ -webkit-transform:rotate(360deg);}	
}
@-webkit-keyframes Round_Grade1_1{
	to{-webkit-transform:translateX(0) translateY(0); opacity:1}
}
@-webkit-keyframes Round_border{
	0%,100%{-webkit-transform:rotate(0deg); opacity:1}
	25%{-webkit-transform:rotate(50deg); opacity:1}
	75%{-webkit-transform:rotate(-90deg); opacity:1}	
}
@-webkit-keyframes Round_Grade0Border{
	to{ opacity:1;}	
}
@-webkit-keyframes Round_BoneNail{
	to{ opacity:1}	
}

@keyframes pic_cultureBorder1{
	0%{ transform:scale(1) rotate(0deg)}
	33%{ transform:scale(1.1) rotate(120deg);}
	66%{ transform:scale(.9) rotate(240deg);}
	100%{ transform:scale(1) rotate(360deg);}
}
@-webkit-keyframes pic_cultureBorder1{
	0%{ transform:scale(1) rotate(0deg)}
	33%{ transform:scale(1.1) rotate(120deg);}
	66%{ transform:scale(.9) rotate(240deg);}
	100%{ transform:scale(1) rotate(360deg);}
}
@-moz-keyframes pic_cultureBorder1{
	0%{ transform:scale(1) rotate(0deg)}
	33%{ transform:scale(1.1) rotate(120deg);}
	66%{ transform:scale(.9) rotate(240deg);}
	100%{ transform:scale(1) rotate(360deg);}
}
@-m-keyframes pic_cultureBorder1{
	0%{ transform:scale(1) rotate(0deg)}
	33%{ transform:scale(1.1) rotate(120deg);}
	66%{ transform:scale(.9) rotate(240deg);}
	100%{ transform:scale(1) rotate(360deg);}
}
 @keyframes dian {
 0%{opacity: 0.3;filter:alpha(opacity=30);transform: scale(1);}
 100%{opacity: 0;filter:alpha(opacity=0);transform: scale(3);}
}
@-webkit-keyframes dian {
 0%{opacity: 0.3;-webkit-transform: scale(1);filter:alpha(opacity=30);}
 100%{opacity: 0;-webkit-transform: scale(3);filter:alpha(opacity=0);}
}
@-moz-keyframes dian {
 0%{
opacity: 0.3;-moz-transform: scale(1);filter:alpha(opacity=30);}
 100%{opacity: 0;-moz-transform: scale(3);filter:alpha(opacity=0);}
}
@-ms-keyframes dian {
 from {opacity: 0.3;-ms-transform: scale(1);filter:alpha(opacity=30);}
 to {opacity: 0;-ms-transform: scale(3);filter:alpha(opacity=0);}
}
@keyframes yun {
 0% {
transform:translateX(10px);
}
 50% {
transform:translateX(-10px);
}
 100% {
transform:translateX(10px);
}
}
@-webkit-keyframes yun {
 0% {
-webkit-transform:translateX(10px);
}
 50% {
-webkit-transform:translateX(-10px);
}
 100% {
-webkit-transform:translateX(10px);
}
}
@-moz-keyframes yun {
 0% {
-moz-transform:translateX(10px);
}
 50% {
-moz-transform:translateX(-10px);
}
 100% {
-moz-transform:translateX(10px);
}
}
@-ms-keyframes yun {
 0% {
-ms-transform:translateX(10px);
}
 50% {
-ms-transform:translateX(-10px);
}
 100% {
-ms-transform:translateX(10px);
}
}
.ta1{margin-left: 20% !important;}
.ta2{ margin-left:31% !important}
.ta3{margin-left: 48% !important;}
.fx{ position:absolute; z-index:5;left:0;top: 42px;}
.footer ul li .shanj{ position:absolute; display:block; width: 0;height: 0;border-left:9px solid transparent;border-top:9px solid #fff;border-right:9px solid transparent; top:0; left:50%; display:none;}
.footer ul .footerNav:hover .shanj{ display:block !important;}
.fangx,.fangx2{ position:absolute;}
.fangx{left: 122px !important;top: 75px; animation:fangx 5s linear infinite;-webkit-animation:fangx 5s linear infinite;}
.fangx2{left: 124px !important;top: 73px; animation:fangx 5s linear 2s infinite;-webkit-animation:fangx 5s linear 2s infinite;;}
@keyframes fangx{
	to{ transform:rotate(360deg)}
}
@-webkit-keyframes fangx{
	to{ -webkit-transform:rotate(360deg)}
}
/********media***************************/
@media (max-width:1400px) and (min-width:1200px) {
.ta1 { margin-left: -15% !important;}
.ta2{ margin-left:6% !important;}
.ta3{ margin-left:24% !important;}
.index #banner .indexAnimation li .RoundPoint2{top: 61%;}
.index .logo{ width:25%}
.index .logo img{ width:100%}
}
@media (max-width:1000px) and (min-width:768px) {
html, body { height: inherit; overflow: auto !important }
.index #banner .bannePic { position: relative; }
.index #banner .bannePic li { display: block; position: relative }
.footer ul .Copyright, .footer ul .vip { display: none; }
.footer ul li { width: 20%; min-width: 10% }
.footer ul { width: 100% }
.index #banner .indexText li { display: block }
.index #banner .indexText li:nth-child(1) { top: 15%; }
.index #banner .indexText li:nth-child(2) { top: 50%; }
.index #banner .indexText li:nth-child(3) { top: 80%; }
.index #banner .indexphone li .RoundPoint1, .index #banner .indexphone li .RoundPoint2, .index #banner .indexphone li .RoundPoint3, .index #banner .indexphone li .RoundPoint4, .index #banner .indexphone li .RoundPoint5 { height:80px; width:80px; z-index: 9 }
.index #banner .indexphone li .RoundPoint1 { left: 51%; top: 36%; }
.index #banner .indexphone li .RoundPoint2 { top: 36%; left: 76%; }
.index #banner .indexphone li .RoundPoint3 { top: 50%; left: 51%; }
.index #banner .indexphone li .RoundPoint4 { left: 76%; top: 50%; }
.index #banner .indexphone{ display:block}
.index #banner .indexphone li:nth-child(3) img{position: absolute;width: 65%;top:70%;z-index: 9; right:0}
.footer .footerNavz .FastNavigation{ display:none;}
.footer .footerNavz .Hmoe{ right:0}
.phine_number{ display: none !important;}

}

@media (max-width:767px) and (min-width:320px) {
html, body { height: inherit; overflow: auto !important }
.index #banner .bannePic { position: relative; }
.index #banner .bannePic li { display: block; position: relative; height:33.3%;}
.index #banner .bannePic li img{ height:100% !important;}
 img{ height:auto !important;}
.footer ul .Copyright, .footer ul .vip,.Hmoe{ display: none; }
.footer ul li { width: 20%; min-width: 10% }
.footer ul { width: 100% }
.footer ul .footerNav img { width: 80%; margin: 25px auto 0 }
.footer ul .footerNav2 { top: 3px; }
.index .logo { width: 36%; max-width: 262px; }
.index .logo img { width: 100% }
.index #banner .indexText li { display: block }
.index #banner .indexText li:nth-child(1) { top: 15%; }
.index #banner .indexText li:nth-child(2) { top: 50%; }
.index #banner .indexText li:nth-child(3) { top: 80%; }
.index #banner .indexphone li .RoundPoint1, .index #banner .indexphone li .RoundPoint2, .index #banner .indexphone li .RoundPoint3, .index #banner .indexphone li .RoundPoint4, .index #banner .indexphone li .RoundPoint5 { height: 50px; width: 50px; z-index: 9 }
.index #banner .indexphone li .RoundPoint1 { left: 51%; top: 36%; }
.index #banner .indexphone li .RoundPoint2 { top: 36%; left: 76%; }
.index #banner .indexphone li .RoundPoint3 { top: 50%; left: 51%; }
.index #banner .indexphone li .RoundPoint4 { left: 76%; top: 50%; }
.index #banner .indexphone{ display:block}
.index #banner .indexphone li:nth-child(3) img{position: absolute;width:60%;top:65%;z-index: 9; right:0}
.footer .footerNavz .FastNavigation{ display:none;}
.footer .footerNavz .Hmoe{ right:0}
.footer{ position:fixed;}
.indexAnimation{ display:none;}
.phine_number{ display: none !important;}
}
@media only screen and (max-width:1440px ) {
	.InLogo { left: -300px;}	
}

/********10-13****************/
.AccessoriesPic_pic1 img,.AccessoriesPic_pic2 img{ display:block}
.AccessoriesPic_pic1{ left:67px; top:25px; z-index:2}
.AccessoriesPic_pic2{ bottom:30px; left:0; z-index:5}
.AccessoriesPic_pic1,.AccessoriesPic_pic2{ position:absolute;}
.AccessoriesPic span{ position:absolute; display:block; height:135px; width:135px; border:3px solid #2654b4; right:0; top:0; z-index:1}
.disna ol{ position:absolute; left:480px; bottom:20px}
.disna ol li{ height:10px; width:10px; background:#fff; border-radius:50%; background:#fff; cursor:pointer; float:left; margin:0 5px}
.disnaCur{ background:red !important}
.zhanK{ background:url(../images/downBtn.jpg) no-repeat; width:79px; height:21px; position:fixed; bottom:0; left:50%; margin-left:-40px; cursor:pointer;}
.InFooter{ display:none}

/*****11-6*************/
.phine_number{ position: fixed; color: #7a101b; font-size: 16px; z-index: 15; right: 4%; top: 5%;}
.phine_number img{vertical-align:middle; margin-right:15px;}