@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: "微软雅黑"; }
p { font-size: 12px; line-height: 24px; }
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; }
textarea { resize: none; padding: 0; }
.scroll_cs { position: fixed; top: 0; color: #000; font-size: 36px; z-index: 999; left: 0; }
.Hover_off { cursor: url(../images/hover.ico), crosshair; }
.process_Y { opacity: 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.Jupm { animation: 1s linear 0s normal none 1 running work-btn; -webkit-animation: 1s linear 0s normal none 1 running work-btn; transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s; }
.phone { display: none; }
.container1100 { width: 1100px; position: relative; margin: 0 auto; height: 100%; }
/***********************************/
.service_itemsBG { background: url(../images/service_items.jpg) center top; background-size: 100% 100%; }
.ABOUTUSBG { background: url(../images/aboutusbg.jpg) center top; background-size: 100% 100%; }
.ServiceSupportBG { background: url(../images/ServiceSupportBG.jpg) center top; background-size: 100% 100%; }
.huozhepinpBG { background: url(../images/huozhepinpBG.jpg) center top; background-size: 100% 100%; }
.newsBG { background: url(../images/newsBG.jpg) center top; background-size: 100% 100%; }
.BIg_title { text-align: center; font-size: 36px; position: absolute; width: 100%; top: 20%; }
.BIg_title span { font-size: 18px; color: #e67917; display: block; text-transform: uppercase; }
.container .container_box { height: 100%; position: relative; width: 100%; }
.top_nav { margin-top: 90px; }
.INbanner { position: relative; height: 350px; width: 100%; }
.INbanner img { margin-left: -960px; left: 50%; position: relative; }
/***********************************/
nav { height: 90px; background: rgba(255,255,255,.96); position: fixed; top: 0; left: 0; width: 100%; z-index: 500; transition: all .8s; -webkit-transition: all .8s; }
/*nav:after { height: 13px; width: 100%; position: absolute; bottom: -13px; background: #fff; left: 0; content: ''; box-shadow: 2px 2px 2px #E4E4E4 inset; }*/
nav.addclass { top: -103px; }
nav .logo { float: left; width: 15%; height: 100%; }
nav .logo img { display: block; margin: 3% auto 0; }
nav .nav { float: left; width: 70%; }
nav .nav ul { overflow: hidden; }
nav .nav li { float: left; line-height: 45px; text-align: center; width: 16.6%; height: 90px; position: relative; }
nav .nav li a { display: block; height: 100%; width: 100%; }
nav .nav li:after { position: absolute; content: ''; height: 100%; width: 1px; background: #e0dbd9; right: 0; top: 0; }
nav .nav li.fast:before { position: absolute; content: ''; height: 100%; width: 1px; background: #e0dbd9; left: 0; top: 0; }
nav .nav li span { display: block; font-size: 20px; font-family: "宋体"; transition: all .5s; -webkit-transition: all .5s; }
nav .nav li span.chinese { color: #e67816; border-bottom: 1px solid #e0dbd9; line-height: 44px; }
nav .nav li span.english { color: #5f1400; font-style: oblique; line-height: 45px; }
nav .nav li span.chinese2 { color: #e67816; border-bottom: 1px solid #e0dbd9; line-height: 44px; transform: rotateY(-90px); -webkit-transform: rotateY(-90px); transform-origin: bottom; -webkit-transform-origin: bottom; }
nav .menu { float: left; width: 15%; height: 100%; position: relative; cursor: pointer; }
nav .menu span { transition: all .5s; -webkit-transition: all .5s; }
nav .menu .text { width: 100%; text-align: center; font-family: "宋体"; font-size: 17px; opacity: .36; filter: alpha(opacity=36); line-height: 48px; position: absolute; bottom: 0; left: 0; }
nav .menu .xiant1 { width: 28px; height: 1px; background: #e67816; position: absolute; left: 50%; margin-left: -14px; top: 36px; }
nav .menu .xiant2 { width: 28px; height: 1px; background: #e67816; position: absolute; left: 50%; margin-left: -14px; top: 44px }
nav .menu .xiant3 { width: 28px; height: 1px; background: #e67816; position: absolute; left: 50%; margin-left: -14px; top: 52px }
nav .menu:hover .xiant1 { width: 48px; margin-left: -24px; }
nav .menu:hover .xiant2 { }
nav .menu:hover .xiant3 { width: 48px; margin-left: -24px; }
nav .nav li { perspective: 800; -webkit-perspective: 800; outline: 1px solid transparent; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
nav .nav li:hover .chinese { transform-origin: top; -webkit-transform-origin: top; transform: rotateX(-96deg); -webkit-transform: rotateX(-96deg); }
nav .nav li:hover .english { transform: translateY(-45px); -webkit-transform: translateY(-45px); }
nav .nav li:hover .chinese2 { transform: translateY(-45px); -webkit-transform: translateY(-45px); }
.menue { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: url(../images/heis.png); z-index: 501; display: none; }
.menue ul { width: 1100px; left: 50%; margin-left: -550px; height: 254px; position: absolute; top: 30%; }
.menue ul li { width: 275px; text-align: right; font-size: 22px; font-family: "宋体"; float: right; margin-bottom: 120px; color: #fff; position: relative; opacity: .7; filter: alpha(opacity=70); transition: all .5s; -webkit-transition: all .5s; }
.menue ul li a { transition: all .5s; -webkit-transition: all .5s; display: block; height: 100%; }
.menue ul li span { display: block; font-size: 17px; transition: all .5s; -webkit-transition: all .5s; }
.menue ul li:after { position: absolute; content: ''; bottom: -5px; width: 30px; right: 0; height: 2px; background: #fff; transition: all .5s; -webkit-transition: all .5s; }
.menue ul li:hover:after { width: 194px; background: #e67816; }
.menue ul li:hover { color: #ff8c05; }
.menue ul li:hover span { color: #e67816; }
.menue ul li:hover a { color: #df5900; }
.menue ul li.addclass a { color: #df5900; }
.menue ul li.addclass span { color: #e67816; }
.menue ul li.addclass:after { width: 194px; background: #e67816; }
.menue .menu { float: left; width: 15%; height: 90px; position: fixed; cursor: pointer; z-index: 505; background: #fff; right: 0; }
.menue .menu span { transition: all .5s; -webkit-transition: all .5s; }
.menue .menu .text { width: 100%; text-align: center; font-family: "宋体"; font-size: 17px; opacity: .36; filter: alpha(opacity=36); line-height: 48px; position: absolute; bottom: 0; left: 0; }
.menue .menu .xiant1 { width: 48px; margin-left: -24px; height: 1px; background: #e67816; position: absolute; left: 50%; top: 34px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.menue .menu .xiant2 { width: 28px; height: 1px; background: #e67816; position: absolute; left: 50%; margin-left: -14px; top: 44px; display: none; }
.menue .menu .xiant3 { width: 48px; margin-left: -24px; height: 1px; background: #e67816; position: absolute; left: 50%; top: 34px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.menue .menu:hover .xiant1 { width: 28px; margin-left: -14px; }
.menue .menu:hover .xiant3 { width: 28px; margin-left: -14px; }
.INbg { background: url(../images/INbg.jpg); }
.index_yuanli { position: fixed; top: 50%; right: 100px; z-index: 15; }
.index_yuanli li { height: 10px; width: 10px; background: red; margin: 15px auto; }
.INBIg_title { text-align: center; font-size: 36px; }
.INBIg_title span { font-size: 18px; color: #e67917; display: block; text-transform: uppercase; }
/*index*/
/*banner*/
.container { height: auto; position: relative; }
.container .box1 .banner { height: 100%; position: relative; }
.container .box1 .banner ul { height: 100%; width: 200000px;position:relative;}
.container .box1 .banner ul li { height: 100%; position: relative; top: 0; left: 0;float:left;}
.container .box1 .banner ul li>img { display: block; height: 100%; width: 100%; }
.container .box1 .banner ol { position: absolute; width: 100%; bottom: 20px; text-align: center; }
.container .box1 .banner ol li { height: 10px; width: 10px; display: inline-block; background: #fff; border-radius: 50%; margin: 0 10px; cursor: pointer; position: relative; overflow: hidden; }
.container .box1 .banner ol li:after { position: absolute; top: 0; left: 0; height: 10px; width: 10px; background: #5f1400; border-radius: 50%; content: ''; transform-origin: bottom; -webkit-transform-origin: bottom; transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: all .8s; -webkit-transition: all .8s; }
.container .box1 .banner ol li.addclass:after { transform: rotate(0); -webkit-transform: rotate(0); }
/*.addclass{ background: #5f1400;}*/
.container .box1 .banner ul li img { display: block; }
/*banner1**/
.container .box1 .banner ul li .Btext1 { position: absolute; width: 564px; height: 158px; position: absolute; left: 50%; margin: 29px 0 0 -522px; top: 50%; }
.container .box1 .banner ul li .Btext1 img { transition: cubic-bezier(.05, 1.11, .82, 1) 1s; -webkit-transition: cubic-bezier(.05, 1.11, .82, 1) 1s; }
.container .box1 .banner ul li .Btext1 .img1 { transform: matrix(1, 0, 0, 1, -1000, 0); -webkit-transform: matrix(1, 0, 0, 1,-1000, 0); }
.container .box1 .banner ul li .Btext1 .img2 { }
.container .box1 .banner ul li.addclass .img1 { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.container .box1 .banner ul li.addclass .img2 { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
/*banner1**/
/**banner2**/
.container .box1 .banner ul li .Btext2 { position: absolute; width: 575px; height: 265px; position: absolute; left: 50%; top: 50%; margin: -132.5px 0 0 -287.5px; }
.container .box1 .banner ul li .Btext2 img { position: absolute; }
.img3 { transform: translateY(-500px); -webkit-transform: translateY(-500px); transition: cubic-bezier(.95, .05, .8, .04) .8s; -webkit-transition: cubic-bezier(.95, .05, .8, .04) .8s; }
.img4 { right: 30px; transform-origin: bottom; -webkit-transform-origin: bottom }
.img5 { top: 106px; position: absolute; }
.img6 { top: 208px; position: absolute; }
@keyframes Jup {
 0%, 100% {
transform: rotate(0) translateY(0);
}
 50% {
transform: rotate(-5deg) translateY(-25px);
}
}
@-webkit-keyframes Jup {
 0%, 100% {
-webkit-transform: rotate(0) translateY(0);
}
 50% {
-webkit-transform: rotate(-5deg) translateY(-25px);
}
}
.huida1 { top: 160px; }
.huida2 { top: 260px; }
.container .box1 .banner ul li .Btext2 span { width: 575px; height: 18px; position: absolute; overflow: hidden; }
.img7 { transform: rotate(-5deg) translateY(50px); -webkit-transform: rotate(-5deg) translateY(50px); transition-delay: .5s; -webkit-transition-delay: .5s; transition: all .5s; -webkit-transition: all .5s; }
.img8 { transform: rotate(-5deg) translateY(50px); -webkit-transform: rotate(-5deg) translateY(50px); transition-delay: .5s; -webkit-transition-delay: .5s; transition: all .5s; -webkit-transition: all .5s; }
.container .box1 .banner ul li.addclass .img5 { animation: Jup .6s forwards linear .8s; -webkit-animation: Jup .6s forwards linear .8s; }
.container .box1 .banner ul li.addclass .img6 { animation: Jup .6s forwards linear .8s; -webkit-animation: Jup .6s forwards linear .8s; }
.container .box1 .banner ul li.addclass .img3 { transform: translateY(0); -webkit-transform: translateY(0); }
.container .box1 .banner ul li.addclass .img4 { transform: rotate(15deg); -webkit-transform: rotate(15deg); }
.container .box1 .banner ul li.addclass .img7 { transform: rotate(0) translateY(0); }
.container .box1 .banner ul li.addclass .img8 { transform: rotate(0) translateY(0); }
/**banner2**/
/**banner3***/
.container .box1 .banner ul li .Btext3 img { position: absolute; }
.img9 { position: absolute; left: 50%; top: 50%; left: 50%; margin: -237px 0 0 -544.5px; width: 289px; height: 74px; transform: scale(2.0); -webkit-transform: scale(2.0); opacity: 0; filter: alpha(opacity=0); -webkit-filter: blur(3px); filter: blur(3px); transition: cubic-bezier(.95, .05, .8, .04) .3s; -webkit-transition: cubic-bezier(.95, .05, .8, .04) .3s; }
.img10 { right: 15%; bottom: 20%; }
.img11 { right: 43%; bottom: 31%; }
.img12 { right: 62%; bottom: 20%; }
.img13 { right: 81%; bottom: 31%; }
 @keyframes suofa {
 0%, 100% {
transform:scale(1.5);
}
 50% {
transform: scale(1);
}
}
@-webkit-keyframes suofa {
 0%, 100% {
-webkit-transform:scale(1.5);
}
 50% {
-webkit-transform: scale(1);
}
}
.container .box1 .banner ul li.addclass .img9 { transform: scale(1); -webkit-transform: scale(1); opacity: 1; filter: alpha(opacity=100); filter: blur(0px); -webkit-filter: blur(0px); }
.container .box1 .banner ul li.addclass .img10 { animation: suofa .5s forwards linear; -webkit-animation: suofa .5s forwards linear; }
.container .box1 .banner ul li.addclass .img11 { animation: suofa .5s forwards linear .5s; -webkit-animation: suofa .5s forwards linear .5s; }
.container .box1 .banner ul li.addclass .img12 { animation: suofa .5s forwards linear 1s; -webkit-animation: suofa .5s forwards linear 1s; }
.container .box1 .banner ul li.addclass .img13 { animation: suofa .5s forwards linear 1.5s; -webkit-animation: suofa .5s forwards linear 1.5s; }
/**banner3***/
/**banner4***/
.container .box1 .banner ul li .Btext4 span { position: absolute; left: 50%; text-align: center; overflow: hidden; transition: ease .8s; -webkit-transition: ease .8s; }
.wenzi1 { top: 20%; height: 0; width: 320px; margin-left: -160px; }
.wenzi2 { top: 32%; height: 0; width: 614px; margin-left: -307px; }
.img14 { height: 78px; position: absolute; top: 50%; margin-top: -39px; left: 50%; margin-left: -159.5px; }
.img15 { height: 28px; position: absolute; top: 50%; margin-top: -14px; left: 50%; margin-left: -58px; }
.LL { height: 12px; width: 12px; position: absolute; top: 50%; margin-top: -6px; background: #fff; left: 220px; transition: all .5s; -webkit-transition: all .5s; }
.RR { height: 12px; width: 12px; position: absolute; top: 50%; ; margin-top: -6px; background: #fff; right: 220px; transition: all .5s; -webkit-transition: all .5s; }
.LL:after { width: 0; height: 1px; background: #fff; position: absolute; top: 50%; right: 0; content: ''; transition: all .5s; -webkit-transition: all .5s; transition-delay: .2s; -webkit-transition-delay: .2s; }
.RR:after { width: 0; height: 1px; background: #fff; position: absolute; top: 50%; left: 0; content: ''; transition: all .5s; -webkit-transition: all .5s; transition-delay: .2s; -webkit-transition-delay: .2s; }
.img16 { opacity: 0; filter: alpha(opacity=0); transition: .8s; -webkit-transition: .8s; transition-delay: .5s; -webkit-transition-delay: .5s; width: 546px; height: 350px; left: 50%; margin-left: -273px; top: 50%; margin-top: -65px; position: absolute; }
.container .box1 .banner ul li.addclass .wenzi1 { height: 78px; }
.container .box1 .banner ul li.addclass .wenzi2 { height: 28px; }
.container .box1 .banner ul li.addclass .LL:after { width: 216px; }
.container .box1 .banner ul li.addclass .RR:after { width: 216px; }
.container .box1 .banner ul li.addclass .img16 { opacity: 1; filter: alpha(opacity=100) }
/**banner4***/
/**banner5***/
.img17 { position: absolute; left: 50%; margin-left: -171px; width: 342px; bottom: -12%; transition: cubic-bezier(.17, .84, .44, 1) .5s; -webkit-transition: cubic-bezier(.17, .84, .44, 1) .5s; }
.img18 { position: absolute; left: 50%; top: 50%; width: 568px; height: 323px; margin-left: -259px; margin-top: -161.5px; transform: translateX(-900px) translateY(900px); -webkit-transform: translateX(-900px) translateY(900px); transition: cubic-bezier(.17, .84, .44, 1) .9s; -webkit-transition: cubic-bezier(.17, .84, .44, 1) .9s; }
.img19 { position: absolute; left: 50%; top: 50%; width: 678px; height: 427px; margin-left: -339px; margin-top: -155.5px; opacity: 0; filter: alpha(opacity=0); transition: all 1.5s; -webkit-transition: all 1.5s; animation: img19 infinite linear 2s; -webkit-animation: img19 infinite linear 2s; }
@keyframes img19 {
 0%, 100% {
transform: scale(1);
}
 50% {
transform: scale(.8);
}
}
@-webkit-keyframes img19 {
 0%, 100% {
-webkit-transform: scale(1);
}
 50% {
-webkit-transform: scale(.8);
}
}
.container .box1 .banner ul li.addclass .img17 { bottom: 12%; }
.container .box1 .banner ul li.addclass .img18 { transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); }
.container .box1 .banner ul li.addclass .img19 { opacity: 1; filter: alpha(opacity=100) }
/**banner5***/
.wenzi1  .container .box1 .banner ul li.addclass { }
.banner_btnL, .banner_btnR { top: 50%; margin-top: -50px; position: absolute; cursor: pointer; width: 50px; height: 101px; z-index: 99; }
.banner_btnL { left: 5%; background: url(../images/banner_btn.png) no-repeat 0 0; }
.banner_btnR { right: 5%; background: url(../images/banner_btn.png) no-repeat -50px 0; }
/*service_items*/
.container .box2 .ServiceItems_ul { overflow: hidden; text-align: center; position: absolute; width: 1100px; bottom: 20%; left: 50%; margin-left: -550px; }
.container .box2 .ServiceItems_ul li { width: 331px; height: 337px; text-align: center; float: left; margin-left: 53px; position: relative; cursor: pointer; }
.container .box2 .ServiceItems_ul li.fast { margin-left: 0; }
.container .box2 .ServiceItems_ul .ServiceItemspic1 { background: url(../images/ServiceItems_min.png) 0 -74px; }
.container .box2 .ServiceItems_ul .ServiceItemspic2 { background: url(../images/ServiceItems_min2.png) 0 -74px; }
.container .box2 .ServiceItems_ul .ServiceItemspic3 { background: url(../images/ServiceItems_min3.png) 0 -74px; }
.container .box2 .ServiceItems_ul .pic { transition: all .5s; -webkit-transition: all .5s; height: 74px; width: 74px; margin: 52px auto 0; position: relative; z-index: 15; }
.container .box2 .ServiceItems_ul .title { text-align: center; font-size: 21px; font-weight: bold; color: #434445; line-height: 62px; position: relative; position: relative; z-index: 15; }
.container .box2 .ServiceItems_ul .title:after { width: 20px; height: 1px; background: #6a6a6a; position: absolute; content: ''; bottom: 0; left: 50%; margin-left: -10px; transition: all .5s; -webkit-transition: all .5s; }
.container .box2 .ServiceItems_ul .title:before { width: 20px; height: 1px; background: #6a6a6a; position: absolute; content: ''; bottom: -5px; left: 50%; margin-left: -10px; transition: all .5s; -webkit-transition: all .5s; }
.container .box2 .ServiceItems_ul article { font-size: 14px; width: 206px; margin: 17px auto 0; position: relative; z-index: 15; }
.container .box2 .ServiceItems_ul li span { background: url(../images/ServiceItems_libg.jpg) no-repeat; position: absolute; content: ''; width: 331px; height: 337px; top: 0; left: 0; transition: all .5s; -webkit-transition: all .5s; opacity: 0; filter: alpha(opacity=0) }
.container .box2 .ServiceItems_ul li .more { width: 113px; height: 42px; border: 1px solid #fff; text-align: center; line-height: 42px; font-size: 16px; font-weight: bold; z-index: 15; position: relative; margin: 0 auto; color: #fff; border-radius: 40px; margin-top: 15px; transition: all .5s; -webkit-transition: all .5s; opacity: 0; filter: alpha(opacity=0) }
.container .box2 .ServiceItems_ul li.addclass span { opacity: 1 !important; filter: alpha(opacity=100)!important }
.container .box2 .ServiceItems_ul li.addclass .ServiceItemspic1 { background: url(../images/ServiceItems_min.png) 0 0 !important; }
.container .box2 .ServiceItems_ul li.addclass .ServiceItemspic2 { background: url(../images/ServiceItems_min2.png) 0 0 !important; }
.container .box2 .ServiceItems_ul li.addclass .ServiceItemspic3 { background: url(../images/ServiceItems_min3.png) 0 0 !important; }
.container .box2 .ServiceItems_ul li.addclass .title { color: #fff; }
.container .box2 .ServiceItems_ul li.addclass article { color: #fff; }
.container .box2 .ServiceItems_ul li.addclass .title:after { background: #fff !important; }
.container .box2 .ServiceItems_ul li.addclass .title:before { background: #fff !important; }
.container .box2 .ServiceItems_ul li.addclass .more { opacity: 1; filter: alpha(opacity=100) }
.container .box2 .ServiceItems_ul li:hover span { opacity: 1 !important; filter: alpha(opacity=100)!important }
.container .box2 .ServiceItems_ul li:hover .ServiceItemspic1 { background: url(../images/ServiceItems_min.png) 0 0; }
.container .box2 .ServiceItems_ul li:hover .ServiceItemspic2 { background: url(../images/ServiceItems_min2.png) 0 0; }
.container .box2 .ServiceItems_ul li:hover .ServiceItemspic3 { background: url(../images/ServiceItems_min3.png) 0 0; }
.container .box2 .ServiceItems_ul li:hover .title { color: #fff; }
.container .box2 .ServiceItems_ul li:hover article { color: #fff; }
.container .box2 .ServiceItems_ul li:hover .title:after { background: #fff; }
.container .box2 .ServiceItems_ul li:hover .title:before { background: #fff; }
.container .box2 .ServiceItems_ul li:hover .more { opacity: 1; filter: alpha(opacity=100) }
/*ABOUTUSBG*/
.container .box3 article { color: #595959; font-size: 12px; line-height: 24px; width: 880px; left: 50%; margin-left: -440px; top: 35%; position: absolute; text-align: center; }
.container .box3 .aboutData { overflow: hidden; width: 704px; position: absolute; left: 50%; margin-left: -352px; top: 50%; }
.container .box3 .aboutData ul { overflow: hidden; }
.container .box3 .aboutData ul li { float: left; width: 234px; text-align: center; height: 90px; }
.container .box3 .aboutData ul li .title_data { font-size: 12px; color: #9d9f9f; margin-top: 7px; }
.container .box3 .aboutData ul li .title_data .number { color: #ff7800; font-size: 24px; }
.container .box3 .aboutData ul li.contentData { border-left: 1px solid #c6c8c8; border-right: 1px solid #c6c8c8; }
.container .box3 .more { width: 118px; height: 46px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; border-radius: 45px; position: absolute; left: 50%; margin-left: -60px; line-height: 46px; bottom: 20%; border: 1px solid rgba(255,255,255,1); transition: all .5s; -webkit-transition: all .5s; }
.container .box3 .more a { display: block; height: 100%; }
.container .box3 .more:hover { border-left: 1px solid rgba(255,255,255,0); border-right: 1px solid rgba(255,255,255,0); border-radius: 0; }
/*ServiceSupport*/
.container .box4 article { width: 1000px; position: absolute; left: 50%; margin-left: -600px; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; color: #fff; opacity: .6; filter: alpha(opacity=60); top: 30%; padding: 20px 100px; text-align: center; }
.container .box4 article:after { height: 160%; left: 6%; top: -30%; width: 1px; border-left: 1px dotted #fff; content: ''; position: absolute; }
.container .box4 article:before { height: 160%; right: 6%; top: -30%; width: 1px; border-left: 1px dotted #fff; content: ''; position: absolute; }
.container .box4 .ServiceSupport_min { width: 1100px; left: 50%; margin-left: -550px; position: absolute; top: 50%; }
.container .box4 .ServiceSupport_min ul { overflow: hidden; }
.container .box4 .ServiceSupport_min ul li.fast { margin-left: 0; }
.container .box4 .ServiceSupport_min ul li { float: left; margin-left: 87px; cursor: pointer; }
.container .box4 .ServiceSupport_min ul li .pic { width: 150px; height: 150px; transition: all .5s; -webkit-transition: all .5s; }
.container .box4 .ServiceSupport_min ul li .pic.ServiceSupport_min1 { background: url(../images/ServiceSupport_minpic1.png) 0 -150px; }
.container .box4 .ServiceSupport_min ul li .pic.ServiceSupport_min2 { background: url(../images/ServiceSupport_minpic2.png) 0 -150px; }
.container .box4 .ServiceSupport_min ul li .pic.ServiceSupport_min3 { background: url(../images/ServiceSupport_minpic3.png) 0 -150px; }
.container .box4 .ServiceSupport_min ul li .pic.ServiceSupport_min4 { background: url(../images/ServiceSupport_minpic4.png) 0 -150px; }
.container .box4 .ServiceSupport_min ul li .pic.ServiceSupport_min5 { background: url(../images/ServiceSupport_minpic5.png) 0 -150px; }
.container .box4 .ServiceSupport_min ul li span { display: block; width: 100%; text-align: center; color: #ffffff; opacity: .62; filter: alpha(opacity=62); font-size: 18px; transition: all .5s; -webkit-transition: all .5s; margin-top: 30px; }
.container .box4 .ServiceSupport_min ul li:hover span { opacity: 1; filter: alpha(opacity=100); color: #ff7a04; }
.container .box4 .ServiceSupport_min ul li:hover .ServiceSupport_min1 { background: url(../images/ServiceSupport_minpic1.png) 0 0; }
.container .box4 .ServiceSupport_min ul li:hover .ServiceSupport_min2 { background: url(../images/ServiceSupport_minpic2.png) 0 0; }
.container .box4 .ServiceSupport_min ul li:hover .ServiceSupport_min3 { background: url(../images/ServiceSupport_minpic3.png) 0 0; }
.container .box4 .ServiceSupport_min ul li:hover .ServiceSupport_min4 { background: url(../images/ServiceSupport_minpic4.png) 0 0; }
.container .box4 .ServiceSupport_min ul li:hover .ServiceSupport_min5 { background: url(../images/ServiceSupport_minpic5.png) 0 0; }
.container .box4 .serevr_phone { text-align: center; color: #fff; position: absolute; width: 100%; bottom: 5%; }
/*huozhepinpBG*/
.container .box5 { }
.container .box5 .Partner_pic { width: 1160px; position: absolute; left: 50%; margin-left: -580px; top: 30%; }
.container .box5 .Partner_pic ul { overflow: hidden; }
.container .box5 .Partner_pic ul li { float: left; }
.container .box5 .Partner_pic .Partner_pic_boder { border-bottom: 1px solid #e78c4f; }
.container .box5 .Partner_pic ol { position: absolute; top: 0; width: 100%; }
.container .box5 .Partner_pic ol li { width: 1px; height: 236px; background: url(../images/Partner_pic_boder.png); margin-left: 144px; float: left; }
.container .box5 .bottom_title { font-size: 36px; color: #fff; text-align: center; position: absolute; width: 100%; bottom: 33%; }
.container .box5 .DataSubmission { width: 574px; position: absolute; left: 50%; margin-left: -287px; bottom: 15%; }
.container .box5 .DataSubmission .bd { height: auto; border: 1px solid #f6d4bd; color: #fff; margin-bottom: 15px; }
.container .box5 .DataSubmission .bd .input_F { float: left; }
.container .box5 .DataSubmission .bd .biaot { width: 64px; float: left; display: block; text-align: center; line-height: 38px; border-right: 1px solid #f6d4bd; }
.container .box5 .DataSubmission .bd .input { width: 125px; float: left; display: block; line-height: 38px; height: 38px; position: relative; }
.container .box5 .DataSubmission .bd .input .fileClick { width: 100px; height: 30px; line-height: 30px; background: #8a280e; border-radius: 5px; margin-left: 42px; margin-top: 2px; cursor: pointer; text-align: center; }
.container .box5 .DataSubmission .bd .input .fileClick:after { box-shadow: 0px 5px 0px #5F1400; position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ''; border-radius: 5px; text-align: center; line-height: 30px; color: #fff; position: relative; }
.container .box5 .DataSubmission .bd .input input { width: 95%; height: 100%; line-height: 38px; text-indent: 12px; background: no-repeat; color: #fff; }
.container .box5 .DataSubmission .bd .select1 { float: left; position: relative; width: 317px; }
#test_1，#test_2 { float: left; }
#f_file { position: absolute;/*! width: 55px; */ right: 15px; text-indent: 100%; overflow: hidden; height: 16px; width: 16px; top: 9px; }
#f_file.cur { background: url(../images/true_pic.png); }
.summary_over .file { width: 70px; height: 32px; /*! background: #5f1400; */ border-radius: 5px; /*! color: #fff; */ text-align: center; text-indent: 0; margin-left: 13px; line-height: 32px; margin-top: 3px; position: relative; background: #fff;}
#f_file_btn:after { box-shadow: 0px 5px 0px #2f0a00; position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ''; border-radius: 5px; }
/*外面边框的样式*/
.selectpick_div { background: no-repeat; font-size: 12px; font-weight: 500; border-radius: 5px; line-height: 38px; position: relative; padding-left: 5px; overflow: hidden; cursor: pointer; overflow: hidden; z-index: 10; float: left; }
.selectpick_icon { float: right; background: url(../images/icon.png) no-repeat center; margin-right: 5px; height: 38px; width: 9px; cursor: pointer; }
.selectpick_div:active { }
/*下拉框的主体*/
.selectpick_options { border: solid 1px #CFCFCF; border-bottom: none; position: absolute; z-index: 9060; font-size: 13.5px; }
.selectpick_options ul { list-style: none; height: 135px; margin: 0px; padding: 0px; z-index: 15; font-size: 13.5px; cursor: pointer; overflow: auto; position: absolute; width: 100%; border-bottom: 1px solid #fff; }
.selectpick_options ul ::-webkit-scrollbar {
width:5px;
height:10px;
}
.selectpick_options ul ::-webkit-scrollbar-button {
background-color:#ababa7;
}
.selectpick_options ul ::-webkit-scrollbar-track {
background:#ababa7;
}
.selectpick_options ul ::-webkit-scrollbar-track-piece {
background:url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png);
}
.selectpick_options ul ::-webkit-scrollbar-thumb {
background:#22221f;
border-radius:4px;
}
.selectpick_options ul ::-webkit-scrollbar-corner {
background:#82AFFF;
}
.selectpick_options ul ::-webkit-scrollbar-resizer {
background:#FF0BEE;
}
.selectpick_options ul li { border-bottom: solid 1px #CFCFCF; border-left: solid 1px #CFCFCF; border-right: solid 1px #CFCFCF; padding-left: 5px; display: block; font-size: 13.5px; z-index: 15; background: #DC6F27 !important; cursor: pointer; }
.selectpick_options_selected { font-size: 13.5px; z-index: 9060; }
.selectpick_options ul li label { color: #fff !important; }
.selectpick_options ul li:hover label { color: #5F1400 !important; }
/*设置下拉框的不透明度*/
.select_hide { -moz-opacity: 0; opacity: 0; -webkit-opacity: 0; filter: alpha(opacity = 0); display: none; }
/*设置为disabled的时候*/
.selectpick_no_select { cursor: default; color: #9a9898; background-color: #F5F5F5; }
#selectpick_test_1 { left: 40px !important; }
#selectpick_test_2 { left: 70px !important; }
.selectpick_options_test_1 { left: 42px !important; }
.selectpick_options_test_2 { left: 155px !important; }
.container .box5 .tijiao { width: 122px; height: 32px; margin: 0 auto; font-size: 14px; line-height: 32px; cursor: pointer; position: relative; border-radius: 5px; }
.container .box5 .tijiao:after { box-shadow: 0px 5px 0px #2f0a00; position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ''; border-radius: 5px; }
.container .box5 .tijiao input { width: 100%; height: 100%; background: #5f1400; border-radius: 5px; color: #fff; }
/*newsBG*/
.container .box6 .newsBG_hot { width: 1100px; left: 50%; margin-left: -550px; height: 299px; position: absolute; top: 40%; }
.container .box6 .newsBG_hot ul { overflow: hidden; width: 20000px; }
.container .box6 .newsBG_hot ul li { float: left; width: 217px; height: 299px; margin-right: 4px; position: relative; cursor: pointer; }
.container .box6 .newsBG_hot ul li img { display: block; }
.container .box6 .newsBG_hot ul li .more { position: absolute; bottom: 0; left: 0; height: 54px; background: rgba(0,0,0,.6); text-align: center; width: 100%; line-height: 54px; font-size: 16px; color: #fff; transition: all .5s; -webkit-transition: all .5s; }
.container .box6 .newsBG_hot ul li:hover .more { height: 84px; line-height: 84px; background: rgba(0,0,0,1); }
.container .box6 .newsBG_hot .newsBG_hot_over { overflow: hidden; }
.container .box6 .newsBG_hot .newsBGbtn_L, .container .box6 .newsBG_hot .newsBGbtn_R { height: 58px; width: 59px; cursor: pointer; position: absolute; top: 50%; margin-top: -29px; overflow: hidden; border-radius: 50%; }
.container .box6 .newsBG_hot .newsBGbtn_L { left: -98px; }
.container .box6 .newsBG_hot .newsBGbtn_R { right: -98px; }
.container .box6 .newsBG_hot .newsBGbtn_L .pic, .container .box6 .newsBG_hot .newsBGbtn_R .pic { height: 58px; width: 59px; display: block; position: absolute; top: 0; left: 0; }
.container .box6 .newsBG_hot .newsBGbtn_L .pic { background: url(../images/news_btn.png) 0 0px; }
.container .box6 .newsBG_hot .newsBGbtn_R .pic { background: url(../images/news_btn.png) -59px 0; }
.container .box6 .newsBG_hot .newsBGbtn_L .bg { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.container .box6 .newsBG_hot .newsBGbtn_R .bg { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.container .box6 .newsBG_hot .newsBGbtn_L .bg, .container .box6 .newsBG_hot .newsBGbtn_R .bg { height: 58px; width: 59px; border-radius: 50%; background: #e67816; position: absolute; top: 0; left: 0; transform-origin: bottom; -webkit-transform-origin: bottom; transition: all .5s; -webkit-transition: all .5s; }
.container .box6 .newsBG_hot .newsBGbtn_L:hover .bg { transform: rotate(0); -webkit-transform: rotate(0); }
.container .box6 .newsBG_hot .newsBGbtn_R:hover .bg { transform: rotate(0); -webkit-transform: rotate(0); }
/*footer*/
.footer { height: 525px; position: relative; width: 100%; background: #343434; padding-top: 30px; }
.footer .content80 { width: 80%; margin: 0 auto; overflow: hidden; }
.footer .title { text-align: left; color: #fff; font-size: 22px; }
.footer .information { font-size: 12px; color: #fff; opacity: .6; filter: alpha(opacity=60); width: 20%; float: left; margin-right: 2%; margin-top: 1%; line-height: 24px;}
.footer .footer_content80 { width: 80%; position: absolute; left: 10%; bottom: 0; height: 165px; border-top: 1px solid #424242; }
.footer .footer_content80:after { position: absolute; content: ''; top: 0; width: 140%; left: -20%; height: 1px; background: #424242; }
.footer .wem { float: right; }
.footer .wem span { color: #fff; opacity: .33; filter: alpha(opacity=33); margin-top: 10px; display: block; }
.footer .wem img { display: block; }
.footer .information_L { font-size: 12px; color: #fff; width: 70%; float: left; margin-right: 2%; margin-top: 47px; }
.footer .information_L span { opacity: .6; filter: alpha(opacity=60); }
.footer .information_L a { margin-left: 15px; opacity: .8; filter: alpha(opacity=80); transition: all .5s; -webkit-transition: all .5s; }
.footer .information_L a:hover { opacity: 1; filter: alpha(opacity=100) }
.footer .information_R { width: 233px; height: 30px; border: 1px solid #5d5d5d; float: right; text-indent: 24px; line-height: 30px; color: #5d5d5d; margin-top: 47px; position: relative; z-index: 15; cursor: pointer; }
.footer .information_R ul { position: absolute; bottom: 30px; left: -1px; width: 100%; border-left: 1px solid #5d5d5d; border-right: 1px solid #5d5d5d; border-top: 1px solid #5d5d5d; background: #343434; height: 0; overflow: hidden; transition: all .5; -webkit-transition: all .5; }
.footer .information_R ul li { border-bottom: 1px solid #5d5d5d; transition: all .5s; -webkit-transition: all .5s; }
.footer .information_R ul li a { display: block; height: 100%; width: 100%; }
.footer .information_R ul li:hover { background: #E05900; }
.footer .information_R.addclass ul { height: auto !important; }
.footer .information_R span { height: 16px; width: 16px; position: absolute; right: 15px; top: 50%; margin-top: -8px; background: url(../images/jiantou.png); opacity: .4; filter: alpha(opacity=40); transition: all .5s; -webkit-transition: all .5s; }
.footer .information_R.addclass span { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
/*news*/
.INnews { position: relative; padding-top: 70px; padding-bottom: 57px; }
.INnews .hot_title { margin-top: 20px; }
.INnews .hot_title ul { text-align: center; }
.INnews .hot_title ul li { width: 172px; height: 37px; text-align: center; background: #fff; color: #df5900; border: 1px solid #df5900; line-height: 37px; display: inline-block; margin: 0 2%; border-radius: 10px; transition: all .5s; -webkit-transition: all .5s; }
.INnews .hot_title ul li a { display: block; height: 100%; width: 100%; }
.INnews .hot_title ul li.addclass { background: #df5900; color: #fff; }
.INnews .hot_title ul li.addclass a { color: #fff; }
.INnews .hot_title ul li:hover { background: #df5900; color: #fff; }
.INnews .hot_title ul li a { display: block; color: #df5900; }
.INnews .hot_title ul li:hover a { color: #fff !important; }
.INnews .hot_new { width: 1100px; margin: 45px auto 0; position: relative; }
.INnews .hot_new ul { }
.INnews .hot_new ul li { width: 308px; float: left; height: 371px; border: 1px solid #d3d3d3; margin-left: 61px; padding: 25px 8px 8px; position: relative; transition: all .5s; -webkit-transition: all .5s; }
.INnews .hot_new ul li .pic { width: 308; height: 175px; }
.INnews .hot_new ul li .pic img { width: 100%; height: 100%; }
.INnews .hot_new ul li .title { font-size: 18px; font-weight: bold; color: #6f2b19; height: 68px; width: 200px; }
.INnews .hot_new ul li .timer { width: 77px; height: 84px; background: #6f2b19; position: absolute; top: 0; right: 8px; text-align: center; font-size: 39px; font-weight: bold; color: #fff; line-height: 66px; }
.INnews .hot_new ul li .timer:after { height: 9px; width: 9px; background: #fff; position: absolute; content: ''; top: 0; left: 13px; }
.INnews .hot_new ul li .timer:before { height: 9px; width: 9px; background: #fff; position: absolute; content: ''; top: 0; right: 13px; }
.INnews .hot_new ul li .timer span { font-size: 13px; font-weight: 100; position: absolute; width: 100%; left: 0; text-align: center; bottom: 10px; height: 10px; line-height: 10px; }
.INnews .hot_new ul li .timer span:after { position: absolute; width: 45px; left: 0; position: absolute; content: ''; top: -6px; height: 1px; background: #fff; left: 50%; margin-left: -22.5px; }
.INnews .hot_new ul li article { font-size: 12px; color: #666666; line-height: 24px; margin-top: 10px; height: 90px; overflow: hidden }
.INnews .hot_new ul li .more { border: 1px solid #bfbfbf; width: 80px; line-height: 18px; text-align: center; line-height: 18px; color: #666666; border-radius: 15px; position: absolute; left: 8px; bottom: 8px; }
.INnews .hot_new ul li .yuan { height: 18px; width: 18px; border-radius: 50%; background: #989898; position: absolute; right: 8px; bottom: 8px; color: #fff; line-height: 18px; text-align: center; font-family: "幼圆"; }
.INnews .hot_new ul li:hover { box-shadow: 0px 0px 5px #5D5D5D; }
.INnews .hot_new ul li a { display: block; }
.INnews .news_list { width: 1100px; margin: 33px auto 0; }
.INnews .news_list ul li { height: 146px; width: 1100px; margin-bottom: 33px; position: relative; background: #fff; transition: all .5s; -webkit-transition: all .5s; }
.INnews .news_list ul li a { display: block; height: 100%; width: 100%; height: 96px; width: 1043px; padding: 28px 16px 20px 39px; border: 1px solid #d3d3d3; }
.INnews .news_list ul li .title { color: #6f2b19; font-size: 18px; font-weight: bold; }
.INnews .news_list ul li article { color: #666666; font-size: 12px; line-height: 24px; height: 48px; overflow: hidden; width: 900px; }
.INnews .news_list ul li .more { border: 1px solid #bfbfbf; width: 80px; line-height: 20px; text-align: center; line-height: 18px; color: #666666; border-radius: 5px; position: absolute; left: 39px; bottom: 20px; }
.INnews .news_list ul li .yuan { height: 18px; width: 18px; border-radius: 50%; background: #989898; position: absolute; right: 163px; bottom: 20px; color: #fff; line-height: 18px; text-align: center; font-family: "幼圆"; }
.INnews .news_list ul li .timer { width: 77px; height: 84px; background: #6f2b19; position: absolute; top: 28px; right: 16px; text-align: center; font-size: 39px; font-weight: bold; color: #fff; line-height: 66px; }
.INnews .news_list ul li .timer:after { height: 9px; width: 9px; background: #fff; position: absolute; content: ''; top: 0; left: 13px; }
.INnews .news_list ul li .timer:before { height: 9px; width: 9px; background: #fff; position: absolute; content: ''; top: 0; right: 13px; }
.INnews .news_list ul li .timer span { font-size: 13px; font-weight: 100; position: absolute; width: 100%; left: 0; text-align: center; bottom: 10px; height: 10px; line-height: 10px; }
.INnews .news_list ul li .timer span:after { position: absolute; width: 45px; left: 0; position: absolute; content: ''; top: -6px; height: 1px; background: #fff; left: 50%; margin-left: -22.5px; }
.INnews .news_list ul li:hover { box-shadow: 0px 0px 5px #5D5D5D; }
/*download*/
.INnews .download { width: 1100px; margin: 50px auto 0; }
.INnews .download ul li { height: 75px; border: 1px solid #eeeeee; width: 1098px; margin-bottom: 10px; background: #ffffff; transition: all .5s; -webkit-transition: all .5s; padding: 14px 25px; }
.INnews .download ul li:hover { background: #f5f5f5; }
.INnews .download ul li a { display: block; height: 100%; width: 100%; }
.INnews .download ul li .book { height: 75px; width: 75px; border: 1px solid #cccccc; float: left; }
.INnews .download ul li .book img { display: block; margin: 24px auto; }
.INnews .download ul li .summary { float: left; width: 827px; margin-left: 18px; }
.INnews .download ul li .summary .title { font-size: 14px; font-weight: bold; color: #333333; line-height: 32px; }
.INnews .download ul li .summary article { color: #666666; font-size: 12px; }
.INnews .download ul li .click_download { width: 124px; float: right; height: 75px; color: #df5a00; font-size: 18px; text-align: center; line-height: 75px; }
.INnews .download ul li .click_download img { margin-right: 15px; vertical-align: middle; }
/*Translationlanguage*/
.Translationlanguage { position: relative; padding-top: 70px; padding-bottom: 57px; }
.Translationlanguage .WorldMap { width: 1061px; height: 532px; background: url(../images/WorldMap.png) no-repeat; margin: 60px auto 0; position: relative; }
.Translationlanguage .WorldMap ul li { position: absolute; cursor: pointer; }
.Translationlanguage .NorthAmerica { background: url(../images/beimei.png) no-repeat; width: 342px; height: 311px; left: 5px; top: 8px; }
.Translationlanguage .SouthAmerica { background: url(../images/nanmei.png) no-repeat; width: 143px; height: 223px; left: 257px; top: 305px; }
.Translationlanguage .Europe { background: url(../images/ouzou.png) no-repeat; width: 162px; height: 226px; left: 469px; top: 26px; }
.Translationlanguage .Africa { background: url(../images/feizou.png) no-repeat; width: 202px; height: 226px; left: 451px; top: 226px; }
.Translationlanguage .Asia { background: url(../images/yazou.png) no-repeat; width: 377px; height: 225px; left: 597px; top: 152px; }
.Translationlanguage .Oceania { background: url(../images/aozou.png) no-repeat; width: 203px; height: 122px; left: 830px; top: 374px; }
.Translationlanguage .WorldMap ul li span { display: block; position: absolute; top: 0; left: 0; transition: all .8s; -webkit-transition: all .8s; opacity: 0; filter: alpha(opacity=0) }
.Translationlanguage .NorthAmerica span { background: url(../images/beimeiC.png) no-repeat; width: 342px; height: 311px; }
.Translationlanguage .SouthAmerica span { background: url(../images/nanmeiC.png) no-repeat; width: 143px; height: 223px; }
.Translationlanguage .Europe span { background: url(../images/ouzouC.png) no-repeat; width: 162px; height: 226px; }
.Translationlanguage .Africa span { background: url(../images/feizouC.png) no-repeat; width: 202px; height: 226px; }
.Translationlanguage .Asia span { background: url(../images/yazouC.png) no-repeat; width: 377px; height: 225px; }
.Translationlanguage .Oceania span { background: url(../images/aozouC.png) no-repeat; width: 203px; height: 122px; }
.Translationlanguage .WorldMap .title_name { position: absolute; width: 168px; height: 40px; border-radius: 5px; overflow: hidden; line-height: 40px; color: #fff; text-align: center; }
.Translationlanguage .WorldMap .title_name .title { width: 130px; height: 40px; float: left; font-size: 14px; font-weight: bold; }
.Translationlanguage .WorldMap .title_name .more { width: 38px; height: 40px; float: left; font-size: 18px; font-weight: bold; }
.Translationlanguage .WorldMap .NorthAmerica .title_name { }
.Translationlanguage .WorldMap .SouthAmerica .title_name { }
.Translationlanguage .WorldMap .Europe .title_name { }
.Translationlanguage .WorldMap .Africa .title_name { }
.Translationlanguage .WorldMap .Asia .title_name { }
.Translationlanguage .WorldMap .Oceania .title_name { }
.Translationlanguage .WorldMap .NorthAmerica .title_name .more { background: rgba(51, 126, 68, .8); }
.Translationlanguage .WorldMap .NorthAmerica .title_name .title { background: rgba(34, 172, 56, 0.8); }
.Translationlanguage .WorldMap .SouthAmerica .title_name .more { background: rgba(0, 46, 115, .8); }
.Translationlanguage .WorldMap .SouthAmerica .title_name .title { background: rgba(0, 160, 233, 0.8); }
.Translationlanguage .WorldMap .Europe .title_name .more { background: rgba(164, 0, 0, .8); }
.Translationlanguage .WorldMap .Europe .title_name .title { background: rgba(230, 0, 18, 0.8); }
.Translationlanguage .WorldMap .Africa .title_name .more { background: rgba(0, 115, 109, .8); }
.Translationlanguage .WorldMap .Africa .title_name .title { background: rgba(0, 158, 150, 0.8); }
.Translationlanguage .WorldMap .Asia .title_name .more { background: rgba(166, 66, 0, .8); }
.Translationlanguage .WorldMap .Asia .title_name .title { background: rgba(223, 89, 0, 0.8); }
.Translationlanguage .WorldMap .Oceania .title_name .more { background: rgba(172, 106, 0, .8); }
.Translationlanguage .WorldMap .Oceania .title_name .title { background: rgba(243, 152, 0, 0.8); }
.Translationlanguage .content1100In { position: absolute; width: 1100px; left: 100%; margin-left: 150px; background: #f5f5f5; z-index: 50; height: 100%; top: 0; transition: all .8s; -webkit-transition: all .8s; opacity: 0; filter: alpha(opacity=0) }
.Translationlanguage .content1100In.addclass { left: 50%; margin-left: -550px; opacity: 1; filter: alpha(opacity=100) }
.Translationlanguage .content1100In .continent { width: 110px; text-align: center; line-height: 58px; font-size: 18px; height: auto; position: absolute; left: -110px; top: 92px; overflow: hidden; }
.Translationlanguage .content1100In .continent ul li { height: 58px; cursor: pointer; background: #dcdcdc; margin-bottom: 3px; border-radius: 5px 0 0 5px; color: #626262; transition: all .5s; -webkit-transition: all .5s; }
.Translationlanguage .content1100In .continent ul li.addclass { background: #df5900; color: #fff; }
.Translationlanguage .content1100In .continent ul li:hover { background: #df5900; color: #fff; transform: translateX(15px); -webkit-transform: translateX(15px); }
.Translationlanguage .content1100In .Bititle { height: 88px; background: #df5900; font-size: 30px; color: #fff; font-weight: bold; line-height: 88px; position: relative; text-indent: 106px; }
.Translationlanguage .content1100In .Bititle span { height: 55px; width: 55px; position: absolute; display: block; background: url(../images/btn_return.png); top: 19px; left: 28px; cursor: pointer; transition: all .5; -webkit-transition: all .5; }
.Translationlanguage .content1100In .Bititle span:hover { opacity: .5; filter: alpha(opacity=50) }
.Translationlanguage .content1100In .summry { width: 1026px; height: 670px; position: relative; margin: 20px auto; overflow: auto; }
.Translationlanguage .content1100In .summry::-webkit-scrollbar {
width:5px;
height:10px;
}
.Translationlanguage .content1100In .summry::-webkit-scrollbar-button {
background-color:#ababa7;
}
.Translationlanguage .content1100In .summry::-webkit-scrollbar-track {
background:#ababa7;
}
.Translationlanguage .content1100In .summry::-webkit-scrollbar-track-piece {
background:url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png);
}
.Translationlanguage .content1100In .summry::-webkit-scrollbar-thumb {
background:#DF5900;
border-radius:4px;
}
.Translationlanguage .content1100In .summry::-webkit-scrollbar-corner {
background:#82AFFF;
}
.Translationlanguage .content1100In .summry::-webkit-scrollbar-resizer {
background:#FF0BEE;
}
.Translationlanguage .content1100In .summry .summry_box { overflow: hidden; width: 910px; }
.Translationlanguage .content1100In .summry span { width: 120px; height: 30px; float: left; display: block; text-align: center; border-radius: 15px; font-size: 16px; line-height: 30px; margin-right: 32px; margin-bottom: 38px; transition: all .5s; -webkit-transition: all .5s; }
.Translationlanguage .content1100In .summry span a { display: block; width: 100%; height: 100%; transition: all .5s; -webkit-transition: all .5s; color: #df5900; background: #dcdcdc; border-radius: 15px; font-size: 16px; line-height: 30px; }
.Translationlanguage .content1100In .summry span:hover a { background: #df5900; color: #fff; }
.Translationlanguage .content1100In .SelectContinents { position: relative; }
.Translationlanguage .content1100In .SelectContinents ul li { position: absolute; top: 0; left: 0; width: 100%; display: none; }
.Translationlanguage .content1100In .content1100In_logo { background: url(../images/content1100In_logo.png) no-repeat; width: 852px; height: 279px; position: absolute; bottom: 0; right: 20px; }
.Translationlanguage .WorldMap ul li span.addclass { opacity: 1; filter: alpha(opacity=100); }
.Translationlanguage .WorldMap ul li:hover span { opacity: 1; filter: alpha(opacity=100) }
/*ScopeOfService*/
.ScopeOfService { position: relative; padding-top: 70px; padding-bottom: 57px; }
.ScopeOfService .hot_title { margin-top: 20px; }
.ScopeOfService .hot_title ul { text-align: center; }
.ScopeOfService .hot_title ul li { width: 142px; height: 37px; text-align: center; background: #fff; color: #df5900; border: 1px solid #df5900; line-height: 37px; display: inline-block; margin: 0 22px; border-radius: 10px; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; }
.ScopeOfService .hot_title ul li a { display: block; height: 100%; width: 100%; }
.ScopeOfService .hot_title ul li.addclass { background: #df5900; color: #fff; }
.ScopeOfService .hot_title ul li:hover { background: #df5900; color: #fff; }
.ScopeOfService .ServiceContent { width: 1100px; margin: 0 auto; height: auto; overflow: hidden; }
.ScopeOfService .ServiceContent>ul { width: 200000px; overflow: hidden; }
.ScopeOfService .ServiceContent>ul>li { float: left; width: 1100px; }
.ScopeOfService .ServiceContent .title { width: 164px; margin: 50px auto 23px; height: 30px; color: #df5900; font-size: 29px; font-weight: bold; text-align: center; position: relative; line-height: 30px; }
.ScopeOfService .ServiceContent .title:after { height: 1px; width: 90px; left: -90px; top: 50%; position: absolute; content: ''; background: #df5900; }
.ScopeOfService .ServiceContent .title:before { height: 1px; width: 90px; right: -90px; top: 50%; position: absolute; content: ''; background: #df5900; }
.ScopeOfService .ServiceContent .CertifiedTranslation { overflow: hidden; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_L { float: left; height: 356px; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_R { float: right; height: 356px; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c { width: 100%; position: relative; height: auto; margin-top: 21px; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol { overflow: hidden; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li { width: 319px; height: 177px; float: left; position: relative; margin-left: 71px; margin-bottom: 25px; cursor: pointer; overflow: hidden; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li a { display: block; height: 100%; width: 100%; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li .pic { width: 319px; height: 177px; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li .pic img { width: 319px; height: 177px; display: block; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li .summary { position: absolute; top: 0; width: 319px; height: 177px; left: 0; color: #ffffff; text-align: center; z-index: 16; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li .summary span { display: block; width: 100%; text-align: center; margin-top: 10px; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li .summary .titles { font-size: 18px; font-weight: bold; margin-top: 53px; transition: all .5s; -webkit-transition: all .5s; position: relative; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li .summary .titles:after { height: 19px; width: 9px; position: absolute; right: -10px; content: ''; top: 10px; background: url(../images/arrow_R.png); transition: all .5s; -webkit-transition: all .5s; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li .summary .titles img { vertical-align: middle; margin-right: 15px; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li .mack { position: absolute; bottom: 0; left: 0; width: 319px; height: 177px; z-index: 15; background: url(../images/Common_Mask.png) no-repeat 0 -50px; transition: all .5s; -webkit-transition: all .5s; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li:hover .mack { background: url(../images/Common_Mask.png) no-repeat 0 150px; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li:hover .titles { margin-top: 133px; }
.ScopeOfService .ServiceContent .CertifiedTranslation .box_c .box_list ol li:hover .titles:after { right: 12px; }
.ScopeOfService .ServiceContent .CertifiedTranslation .title_box { font-size: 18px; color: #2a2a2a; font-weight: bold; margin-bottom: 25px; }
.ScopeOfService .ServiceContent .CertifiedTranslation article { color: #7a7a7a; }
.ScopeOfService .ServiceContent .writtenTranslation_round { margin: 27px auto; }
.ScopeOfService .ServiceContent .writtenTranslation_round ol { text-align: center; }
.ScopeOfService .ServiceContent .writtenTranslation_round ol li { height: 122px; width: 122px; border-radius: 50%; border: 1px solid #acacac; text-align: center; display: inline-block; margin: 0 5%; }
.ScopeOfService .ServiceContent .writtenTranslation_round ol li span { display: block; margin-top: 32px; }
.ScopeOfService .ServiceContent .oralInterpretation article { text-align: center; color: #2a2a2a; }
.ScopeOfService .ServiceContent .oralInterpretation .oralInterpretation_list { margin-top: 45px; }
.ScopeOfService .ServiceContent .oralInterpretation .oralInterpretation_list ol { text-align: center; overflow: hidden; }
.ScopeOfService .ServiceContent .oralInterpretation .oralInterpretation_list ol li { width: 366px; height: 254px; float: left; position: relative; }
.ScopeOfService .ServiceContent .oralInterpretation .oralInterpretation_list ol li span { display: block; font-size: 18px; color: #df5a00; font-weight: bold; }
.ScopeOfService .ServiceContent .oralInterpretation .oralInterpretation_list ol li article { width: 240px; margin: 0 auto; line-height: 24px; }
.ScopeOfService .ServiceContent .oralInterpretation .oralInterpretation_list ol li .line { height: 263px; width: 1px; position: absolute; background: url(../images/line.png) no-repeat; top: 0; right: 0; }
.ScopeOfService .ServiceContent .localization article { text-align: center; color: #2a2a2a; }
.ScopeOfService .ServiceContent .localization .oralInterpretation_list { margin-top: 45px; }
.ScopeOfService .ServiceContent .localization .oralInterpretation_list ol { text-align: center; overflow: hidden; }
.ScopeOfService .ServiceContent .localization .oralInterpretation_list ol li { width: 366px; height: 254px; float: left; position: relative; }
.ScopeOfService .ServiceContent .localization .oralInterpretation_list ol li span { display: block; font-size: 18px; color: #df5a00; font-weight: bold; }
.ScopeOfService .ServiceContent .localization .oralInterpretation_list ol li article { width: 240px; margin: 0 auto; line-height: 24px; }
.ScopeOfService .ServiceContent .localization .oralInterpretation_list ol li .line { height: 263px; width: 1px; position: absolute; background: url(../images/line.png) no-repeat; top: 0; right: 0; }
.ScopeOfService .ServiceContent .AudioVisualMedia { text-align: center; }
.ScopeOfService .ServiceContent .AudioVisualMedia article { color: #2a2a2a; font-size: 14px; line-height: 28px; margin-top: 40px; }
/*ServiceItems*/
.ServiceItems { position: relative; padding-top: 90px; }
.ServiceItems ul { overflow: hidden; }
.ServiceItems ul li { width: 33.3%; width: calc(100% / 3); float: left; position: relative; cursor: pointer; }
.ServiceItems ul li a { display: block; height: 100%; width: 100%; }
.ServiceItems ul li img { width: 100%; display: block; }
.ServiceItems ul li .title_top { height: 111px; line-height: 111px; text-align: center; position: absolute; top: 0; left: 0; z-index: 15; width: 100%; transition: all .5s; -webkit-transition: all .5s; z-index: 15; }
.ServiceItems ul li.text1 .bg { background: #32b16c; }
.ServiceItems ul li.text2 .bg { background: #df5900; }
.ServiceItems ul li.text3 .bg { background: #00b7ee; }
.ServiceItems ul li .title_top span { display: block; height: 31px; overflow: hidden; width: 250px; position: absolute; left: 50%; margin-left: -125px; top: 50%; margin-top: -15.5px; transition: all .5s; -webkit-transition: all .5s; }
.ServiceItems ul li .bg { position: absolute; top: 0; left: 0; height: 111px; width: 100%; transition: all .5s; -webkit-transition: all .5s; }
.ServiceItems ul li .circular_pic { height: 48px; width: 48px; position: absolute; left: 50%; margin-left: -24px; top: 50%; margin-top: 78px; transition: all 1s; -webkit-transition: all 1s; transform: translateY(700px); -webkit-transform: translateY(700px); }
.ServiceItems ul li .circular_pic .circular_1 { background: url(../images/circular_pic1.png) no-repeat; display: block; height: 48px; width: 48px; position: absolute; left: 0; top: 0; }
.ServiceItems ul li .circular_pic .circular_2 { background: url(../images/circular_pic2.png) no-repeat; display: block; height: 48px; width: 48px; position: absolute; left: 0; top: 0; }
.ServiceItems ul li:hover .title_top { height: 100%; }
.ServiceItems ul li:hover .title_top span { height: 66px; margin-top: -33px; }
.ServiceItems ul li:hover .bg { height: 100%; opacity: .86; filter: alpha(opacity=86) }
.ServiceItems ul li:hover .circular_pic { transform: translateY(0); -webkit-transform: translateY(0); }
.ServiceItems ul li:hover .circular_pic .circular_1 { transform: rotate(); }
/*ServiceSupport*/
.ServiceSupport { position: relative; padding-top: 70px; padding-bottom: 57px; }
.ServiceSupport .hot_title { margin-top: 20px; }
.ServiceSupport .hot_title ul { text-align: center; }
.ServiceSupport .hot_title ul li { width: 142px; height: 37px; text-align: center; background: #fff; color: #df5900; border: 1px solid #df5900; line-height: 37px; display: inline-block; margin: 0 22px; border-radius: 10px; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; }
.ServiceSupport .hot_title ul li a { display: block; height: 100%; width: 100%; }
.ServiceSupport .hot_title ul li.addclass { background: #df5900; color: #fff; }
.ServiceSupport .hot_title ul li:hover { background: #df5900; color: #fff; }
.ServiceSupport .titleIN { width: 180px; margin: 50px auto 40px; height: 30px; color: #df5900; font-size: 29px; font-weight: bold; text-align: center; position: relative; line-height: 30px; }
.ServiceSupport .titleIN:after { height: 1px; width: 90px; left: -90px; top: 50%; position: absolute; content: ''; background: #df5900; }
.ServiceSupport .titleIN:before { height: 1px; width: 90px; right: -90px; top: 50%; position: absolute; content: ''; background: #df5900; }
.ServiceSupport .CustomerAsk .Asktitle { color: #363636; font-size: 18px; font-weight: bold; padding-left: 20px; position: relative; line-height: 24px; margin-bottom: 15px; }
.ServiceSupport .CustomerAsk .Asktitle:after { position: absolute; width: 7px; height: 24px; content: ''; left: 0; top: 0; background: #df5900; }
.ServiceSupport .CustomerAsk article { font-size: 14px; color: #666666; padding-left: 20px; margin-bottom: 30px; }
.ServiceSupport .afterSaleService { padding-bottom: 100px; }
.ServiceSupport .afterSaleService .envelope { width: 1022px; margin: 64px auto 0; color: #df5900; position: relative; }
.ServiceSupport .afterSaleService .envelope .Quotes { height: 26px; width: 27px; position: absolute; background: url(../images/Quotes.png) no-repeat; top: -20px; left: -50px; }
.ServiceSupport .afterSaleService .envelope .Quotes2 { height: 26px; width: 27px; position: absolute; background: url(../images/Quotes2.png) no-repeat; bottom: -20px; right: -50px; }
.ServiceSupport .ServiceFlow ul li { text-align: center; }
.ServiceSupport .ServiceFlow .ServiceFlow_title { font-size: 18px; font-weight: bold; position: relative; line-height: 24px; text-indent: 24px; text-align: left; line-height: 72px; }
.ServiceSupport .ServiceFlow .ServiceFlow_title:after { background: #df5900; left: -7px; width: 7px; height: 24px; content: ''; position: absolute; top: 100%; margin-top: -12px; transition: all .5s; -webkit-transition: all .5s; opacity: 0; filter: alpha(opacity=0) }
.ServiceSupport .ServiceFlow .contentFy { min-height: 500px; padding-bottom: 50px; }
.ServiceSupport .ServicePrice { }
.ServiceSupport .ServicePrice .tablt { width: 1100px; margin: 0 auto 98px; position: relative; }
.ServiceSupport .ServicePrice .tablt:after { position: absolute; width: 57px; height: 284px; background: url(../images/shadow.png); right: -57px; top: 0; content: ''; }
.ServiceSupport .ServicePrice .tablt:before { position: absolute; width: 1099px; height: 103px; background: url(../images/shadow2.png); left: 0; bottom: -103px; content: ''; }
.ServiceSupport .ServicePrice td { border: 1px solid #e2e2e2; text-align: center; background: #fff; }
.ServiceSupport .ServicePrice .et0 { color: #df5a00; font-size: 20px; font-weight: bold; }
.ServiceSupport .ServicePrice .et1 { color: #818181; font-size: 18px; }
.ServiceSupport .ServicePrice .et2 { color: #3b3b3b; font-size: 18px; font-weight: bold; }
.ServiceSupport .ServicePrice .et3 { color: #818181; font-size: 14px; }
.ServiceSupport .ServiceGuide { line-height: 24px; }
.ServiceSupport .biaot { position: absolute; top: 0; left: -90px; }
.ServiceSupport .biaot li:nth-child(1) { border-top: 0; }
.ServiceSupport .biaot li { cursor: pointer; border-top: 1px solid #ECECEC; color: #8A8A8A; transition: all .5s; -webkit-transition: all .5s; }
.ServiceSupport .biaot li:hover { color: #3E3E3E; }
.ServiceSupport .biaot li:hover .ServiceFlow_title:after { top: 50%; opacity: 1; filter: alpha(opacity=100); }
.ServiceSupport .biaot li.addclass { color: #3E3E3E; }
.ServiceSupport .biaot li.addclass .ServiceFlow_title:after { top: 50%; opacity: 1; filter: alpha(opacity=100); }
.ServiceSupport .ServiceFlow ul li { display: none; transition: all .5s; -webkit-transition: all .5s; }
.ServiceSupport .ServiceFlow ul li.addclass { display: list-item; }
/*aboutUS*/
.aboutUS { position: relative; }
.aboutUS .box1 { background: url(../images/abouus_bg1.jpg) center; height: 560px; position: relative; padding-top: 70px; }
.aboutUS .box1 .summary { height: 342px; width: 1100px; background: #6f2b19; position: relative; margin: 67px auto 0; }
.aboutUS .box1 .summary .pic { width: 506px; height: 375px; position: absolute; bottom: 0; left: 17px; box-shadow: 37px 11px 12px -21px rgba(54, 54, 54, 0.67); }
.aboutUS .box1 .summary .pic img { height: 100%; width: 100%; }
.aboutUS .box1 .summary .pic:after { position: absolute; content: ''; width: 0; height: 0; border-top: 33px solid transparent; border-left: 15px solid #a9a9a9; right: -15px; top: 0; }
.aboutUS .box1 .summary article { font-size: 12px; color: #fff; width: 530px; float: right; margin: 30px 15px 0 0; line-height: 24px; }
.aboutUS .box2 { background: url(../images/abouus_bg2.jpg) center; height: 549px; padding-top: 70px; }
.aboutUS .box2 .history { height: 320px; width: 1100px; margin: 32px auto 0; position: relative; overflow: hidden; }
.aboutUS .box2 .history ul { position: absolute; height: 88px; left: 0; top: 50%; margin-top: -44px; width: 200000px; }
.aboutUS .box2 .history ul li { height: 88px; width: 88px; border-radius: 50%; background: #ce5800; margin-right: 96px; float: left; position: relative; }
.aboutUS .box2 .history ul li .year { line-height: 88px; text-align: center; font-size: 24px; color: #fff; position: relative; }
.aboutUS .box2 .history ul li .year:after { position: absolute; height: 88px; width: 88px; border-radius: 50%; content: ''; background: #ce5800; opacity: .31; filter: alpha(opacity=31); left: 50%; top: 50%; margin: -44px 0 0 -44px; transition: all .5s; -webkit-transition: all .5s; }
.aboutUS .box2 .history ul li:hover .year:after { transform: matrix(1.3, 0, 0, 1.3, 0, 0); -webkit-transform: matrix(1.3, 0, 0, 1.3, 0, 0); }
.aboutUS .box2 .history ul li .month { width: 77px; height: 22px; background: #ce5800; text-align: center; line-height: 22px; color: #fff; position: absolute; left: 33px; }
.aboutUS .box2 .history ul li .line { width: 1px; height: 126px; background: #ce5800; position: absolute; left: 33px; }
.aboutUS .box2 .history ul li article { font-size: 14px; color: #fff; position: absolute; left: 46px; width: 138px; }
.aboutUS .box2 .history ul li:after { position: absolute; height: 1px; width: 102px; right: -102px; width: 102px; border-bottom: 1px dashed #ce5800; content: ''; top: 50%; }
.aboutUS .box2 .history ul li.single .month { top: -116px; }
.aboutUS .box2 .history ul li.double .month { bottom: -116px; }
.aboutUS .box2 .history ul li.single .line { top: -116px; }
.aboutUS .box2 .history ul li.double .line { bottom: -116px; }
.aboutUS .box2 .history ul li.single article { top: -80px; }
.aboutUS .box2 .history ul li.double article { bottom: -80px; }
.aboutUS .box2 .history .history_btn { background: url(../images/inatou_btnheist.png) no-repeat; width: 17px; height: 18px; position: absolute; right: 0; top: 50%; margin-top: -9px; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; }
.aboutUS .box2 .history .history_btn:hover { opacity: .5; filter: alpha(opacity=50) }
.aboutUS .box3 { background: url(../images/abouus_bg3.jpg) center; height: 512px; padding-top: 70px; }
.aboutUS .box3 .framework { width: 1159px; margin: 13px auto 0; width: 1159px; }
.aboutUS .box3 .framework img { margin-left: 34px; }
.aboutUS .box4 { background: url(../images/abouus_bg4.jpg) center; height: 753px; padding-top: 60px; }
.aboutUS .box4 .qualification { width: 984px; height: 306px; margin: 53px auto 0; position: relative; }
.aboutUS .box4 .qualification ul li { position: absolute; width: 984px; height: 306px; left: 0; top: 0; display: none; }
.aboutUS .box4 .qualification ul li .PhotoFrame { width: 415px; height: 306px; background: url(../images/PhotoFrame_pic.png); float: left; position: relative; }
.aboutUS .box4 .qualification ul li .PhotoFrame:after { width: 465px; height: 28px; position: absolute; left: 50%; margin-left: -232.5px; bottom: -15px; content: ''; background: url(../images/shadow3.png); }
.aboutUS .box4 .qualification ul li .PhotoFrame img { margin: 25px 0 0 26px; }
.aboutUS .box4 .qualification ul li .summary { width: 482px; float: right; margin-right: 50px; color: #fff; }
.aboutUS .box4 .qualification ul li .summary .title { font-size: 24px; font-weight: bold; border-bottom: 2px solid rgba(255,255,255,.58); padding-bottom: 12px; margin-bottom: 16px; }
.aboutUS .box4 .qualification ul li .summary .title span { font-size: 16px; font-weight: 100; display: block; margin-bottom: 5px; }
.aboutUS .box4 .qualification ul li .summary article { font-size: 12px; line-height: 24px; }
.aboutUS .box4 .qualification_list { height: 225px; width: 1100px; margin: 48px auto 0; position: relative; }
.aboutUS .box4 .qualification_list .qualification_list_over { height: 225px; width: 1100px; overflow: hidden; }
.aboutUS .box4 .qualification_list ul { height: 225px; width: 20000px; }
.aboutUS .box4 .qualification_list ul li { width: 247px; height: 225px; float: left; margin-right: 37px; cursor: pointer; }
.aboutUS .box4 .qualification_list ul li .pic { height: 176px; width: 247px; }
.aboutUS .box4 .qualification_list ul li .pic img { width: 100%; height: 100%; }
.aboutUS .box4 .qualification_list ul li .summary { height: 51px; width: 100%; text-align: center; line-height: 51px; background: #fff; }
.aboutUS .box4 .qualification_list .qualification_list_btnL { height: 58px; width: 58px; background: #fb8f2f; border-radius: 50%; position: absolute; top: 50%; margin-top: -29px; left: -86px; cursor: pointer; }
.aboutUS .box4 .qualification_list .qualification_list_btnR { height: 58px; width: 58px; background: #fb8f2f; border-radius: 50%; position: absolute; top: 50%; margin-top: -29px; right: -86px; cursor: pointer; }
.aboutUS .box4 .qualification_list .qualification_list_btnL span { background: url(../images/btn_qualification.png) 0 0; width: 15px; height: 33px; position: absolute; left: 50%; top: 50%; margin: -16.5px 0 0 -7.5px; transition: all .5s; -webkit-transition: all .5s; }
.aboutUS .box4 .qualification_list .qualification_list_btnR span { background: url(../images/btn_qualification.png) -15px 0; width: 15px; height: 33px; position: absolute; left: 50%; top: 50%; margin: -16.5px 0 0 -7.5px; transition: all .5s; -webkit-transition: all .5s; }
.aboutUS .box4 .qualification_list .qualification_list_btnL:hover span { transform: translateX(-10px); -webkit-transform: translateX(-10px); }
.aboutUS .box4 .qualification_list .qualification_list_btnR:hover span { transform: translateX(10px); -webkit-transform: translateX(10px); }
.aboutUS .box5 { height: 632px; padding-top: 68px; }
.aboutUS .box5 .Partner_pic { width: 1100px; margin: 58px auto 0; position: relative; }
.aboutUS .box5 .Partner_pic .Partner_pic_over { height: 1100px; height: 440px; overflow: hidden; }
.aboutUS .box5 .Partner_pic ul { width: 20000px; height: 440px; }
.aboutUS .box5 .Partner_pic ul li { width: 266px; height: 211px; margin-bottom: 18px; position: relative; overflow: hidden; }
.aboutUS .box5 .Partner_pic ul li>div { backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.aboutUS .box5 .Partner_pic .box_content { width: 266px; height: 440px; float: left; margin-right: 9px; }
.aboutUS .box5 .Partner_pic ul li .pic { width: 260px; height: 205px; position: absolute; top: 0; left: 0; border: 3px solid #c8c8c8; }
.aboutUS .box5 .Partner_pic ul li .pic img { height: 100%; width: 100%; display: block; }
.aboutUS .box5 .Partner_pic ul li .summary { width: 260px; height: 205px; top: 0; left: 0; background: #ce5800; border: 3px solid #df5a00; text-align: center; color: #fff; position: absolute; transform: matrix(1, 0, 0, 1, 266, 0); -webkit-transform: matrix(1, 0, 0, 1, 266, 0); transition: cubic-bezier(.45, 1.05, .46, 1) .5s; -webkit-transition: cubic-bezier(.45, 1.05, .46, 1) .5s; }
.aboutUS .box5 .Partner_pic ul li .summary span { display: block; font-size: 18px; margin-top: 60px; }
.aboutUS .box5 .Partner_pic ul li .summary article { font-size: 12px; line-height: 24px; width: 225px; margin: 0 auto; }
.aboutUS .box5 .Partner_pic ul li:hover .summary { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.aboutUS .box5 .Partner_pic .Partner_btn { height: 68px; width: 32px; cursor: pointer; position: absolute; top: 50%; margin-top: -34px; }
.aboutUS .box5 .Partner_pic .Partner_btnL { background: url(../images/Partner_btn.png) 0 0; left: -60px; }
.aboutUS .box5 .Partner_pic .Partner_btnR { background: url(../images/Partner_btn.png) -35px 0; right: -60px; }
.aboutUS .box6 { background: url(../images/abouus_bg6.jpg) center; height: 610px; padding-top: 60px; }
.aboutUS .box6 .recruitment { width: 1100px; margin: 90px auto 0; height: 400px; position: relative; }
.aboutUS .box6 .recruitment .recruitment_btnL, .aboutUS .box6 .recruitment .recruitment_btnR { position: absolute; top: 50%; margin-top: -34px; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; }
.aboutUS .box6 .recruitment .recruitment_btnL { background: url(../images/Partner_btn.png) no-repeat 0 0; width: 34px; height: 68px; left: -25px; }
.aboutUS .box6 .recruitment .recruitment_btnR { background: url(../images/Partner_btn.png) no-repeat -34px 0; width: 34px; height: 68px; right: -25px; }
.aboutUS .box6 .recruitment .recruitment_btnL:hover { transform: translateX(-10px); -webkit-transform: translateX(-10px); }
.aboutUS .box6 .recruitment .recruitment_btnR:hover { transform: translateX(10px); -webkit-transform: translateX(10px); }
.aboutUS .box6 .recruitment .recruitment_over { width: 100%; height: 375px; overflow: hidden; }
.aboutUS .box6 .recruitment .recruitment_over ul { overflow: hidden; }
.aboutUS .box6 .recruitment .recruitment_over ul li { background: #888888; float: left; margin: 0 18px; transition: all .5s; -webkit-transition: all .5s; overflow: hidden; position: relative; }
.aboutUS .box6 .recruitment .recruitment_over ul li:after { width: 96%; height: 96%; left: 2%; top: 2%; border: 1px solid #fff; position: absolute; content: ''; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur000 { width: 520px !important; height: 375px; margin: 0 auto !important; background: #ce5800; float: none; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur00 { width: 520px !important; height: 375px; margin: 0 15px !important; background: #ce5800; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur0 { width: 336px !important; height: 375px; margin: 0 15px !important; background: #ce5800; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur1 { width: 0; height: 375px; margin: 0; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur2 { width: 264px; height: 375px; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur3 { width: 463px; height: 375px; background: #ce5800; overflow: hidden; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur4 { width: 264px; height: 375px; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur5 { width: 0; height: 375px; margin: 0; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur6 { width: 0; height: 375px; margin: 0; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur7 { width: 0; height: 375px; margin: 0; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur8 { width: 0; height: 375px; margin: 0; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur9 { width: 0; height: 375px; margin: 0; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur10 { width: 0; height: 375px; margin: 0; }
.aboutUS .box6 .recruitment .recruitment_over ul li .title { color: #fff; font-size: 16px; font-weight: bold; text-align: center; margin-top: 34px; line-height: 34px; }
.aboutUS .box6 .recruitment .recruitment_over ul li .sumary { width: 86%; height: auto; margin: 10px auto 0; height: 235px; overflow: hidden; color: #fff; overflow: auto; position: relative; z-index: 15; }
.aboutUS .box6 .recruitment .recruitment_over ul li .sumary::-webkit-scrollbar {
width:5px;
height:10px;
}
.aboutUS .box6 .recruitment .recruitment_over ul li .sumary::-webkit-scrollbar-button {
background-color:#ababa7;
}
.aboutUS .box6 .recruitment .recruitment_over ul li .sumary::-webkit-scrollbar-track {
background:#ababa7;
}
.aboutUS .box6 .recruitment .recruitment_over ul li .sumary::-webkit-scrollbar-track-piece {
background:url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png);
}
.aboutUS .box6 .recruitment .recruitment_over ul li .sumary::-webkit-scrollbar-thumb {
background:#fff;
border-radius:4px;
}
.aboutUS .box6 .recruitment .recruitment_over ul li .sumary::-webkit-scrollbar-corner {
background:#82AFFF;
}
.aboutUS .box6 .recruitment .recruitment_over ul li .sumary::-webkit-scrollbar-resizer {
background:#FF0BEE;
}
.aboutUS .box6 .recruitment .recruitment_over ul li .sumary .boxss { width: 96%; float: left; }
.aboutUS .box6 .recruitment .recruitment_over ul li .Btn_Submit { width: 80px; height: 20px; background: #ffffff; color: #888888; text-align: center; line-height: 20px; border-radius: 10px; position: absolute; bottom: 20px; left: 50%; margin-left: -40px; z-index: 16; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; }
.aboutUS .box6 .recruitment .recruitment_over ul li:hover .Btn_Submit { color: #ce5800; }
.aboutUS .box6 .recruitment .recruitment_over ul li.cur3 .Btn_Submit { color: #ce5800; }
/*contactUS*/
.contactUS { margin-top: 90px; position: relative; }
.contactUS .map { height: 420px; width: 100%; position: relative; }
.contactUS .map .mapnumber { width: 100%; height: 420px; position: absolute; top: 0; left: 0; }
.contactUS .map #map1 { }
.contactUS .mapChoice { height: 140px; text-align: center; }
.contactUS .mapChoice ul li { display: inline-block; text-align: center; width: 225px; height: 57px; border: 1px solid #df5900; font-size: 21px; font-weight: bold; color: #df5900; cursor: pointer; line-height: 57px; margin: 0 8px; margin-top: 39px; transition: all .5s; -webkit-transition: all .5s; position: relative; }
.contactUS .mapChoice ul li:after { width: 0; height: 0; border-left: 16px solid transparent; border-bottom: 19px solid #df5900; border-right: 19px solid transparent; position: absolute; content: ''; top: -25px; left: 50%; margin-left: -16px; opacity: 0; filter: alpha(opacity=0); transition: all .5s; -webkit-transition: all .5s; }
.contactUS .mapChoice ul li.addclass { background: #df5900; color: #fff; }
.contactUS .mapChoice ul li.addclass:after { opacity: 1; filter: alpha(opacity=100) }
.contactUS .mapChoice ul li:hover { background: #df5900; color: #fff; }
.contactUS .mapChoice ul li:hover:after { opacity: 1; filter: alpha(opacity=100) }
/*QualitAssurance*/
.QualitAssurance { position: relative; }
.QualitAssurance .box1 { background: url(../images/QualityAssurance_bg1.jpg) center; padding-top: 67px; height: 759px; }
.QualitAssurance .box1 .process { width: 1100px; margin: 43px auto 0; position: relative; }
.QualitAssurance .box1 .process ul li { position: relative; width: 1100px; height: 86px; position: relative; margin-bottom: 14px; }
.QualitAssurance .box1 .process ul li:nth-child(1) .yuan { opacity: 0; animation: QA .5s forwards linear; -webkit-animation: QA .5s forwards linear; }
.QualitAssurance .box1 .process ul li:nth-child(1) .sumary { opacity: 0; animation: QAs .5s forwards linear; -webkit-animation: QAs .5s forwards linear; transform: translateX(-50px); -webkit-transform: translateX(-50px); }
.QualitAssurance .box1 .process ul li:nth-child(2) .yuan { opacity: 0; animation: QA .5s forwards linear .5s; -webkit-animation: QA .5s forwards linear .5s; }
.QualitAssurance .box1 .process ul li:nth-child(2) .sumary { opacity: 0; animation: QAsF .5s forwards linear .5s; -webkit-animation: QAsF .5s forwards linear .5s; transform: translateX(50px); -webkit-transform: translateX(50px); }
.QualitAssurance .box1 .process ul li:nth-child(3) .yuan { opacity: 0; animation: QA .5s forwards linear 1s; -webkit-animation: QA .5s forwards linear 1s; }
.QualitAssurance .box1 .process ul li:nth-child(3) .sumary { opacity: 0; animation: QAs .5s forwards linear 1s; -webkit-animation: QAs .5s forwards linear 1s; transform: translateX(-50px); -webkit-transform: translateX(-50px); }
.QualitAssurance .box1 .process ul li:nth-child(4) .yuan { opacity: 0; animation: QA .5s forwards linear 1.5s; -webkit-animation: QA .5s forwards linear 1.5s; }
.QualitAssurance .box1 .process ul li:nth-child(4) .sumary { opacity: 0; animation: QAsF .5s forwards linear 1.5s; -webkit-animation: QAsF .5s forwards linear 1.5s; transform: translateX(50px); -webkit-transform: translateX(50px); }
.QualitAssurance .box1 .process ul li:nth-child(5) .yuan { opacity: 0; animation: QA .5s forwards linear 2s; -webkit-animation: QA .5s forwards linear 2s; }
.QualitAssurance .box1 .process ul li:nth-child(5) .sumary { opacity: 0; animation: QAs .5s forwards linear 2s; -webkit-animation: QAs .5s forwards linear 2s; transform: translateX(-50px); -webkit-transform: translateX(-50px); }
.QualitAssurance .box1 .process ul li:nth-child(6) .yuan { opacity: 0; animation: QA .5s forwards linear 2.5s; -webkit-animation: QA .5s forwards linear 2.5s; }
.QualitAssurance .box1 .process ul li:nth-child(6) .sumary { opacity: 0; animation: QAsF .5s forwards linear 2.5s; -webkit-animation: QAsF .5s forwards linear 2.5s; transform: translateX(50px); -webkit-transform: translateX(50px); }
 @keyframes QA {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}
@keyframes QAs {
 from {
opacity: 0;
transform:translateX(-50px);
}
 to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes QAsF {
 from {
opacity: 0;
transform:translateX(50px);
}
 to {
opacity: 1;
transform: translateX(0);
}
}
 @-webkit-keyframes QA {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}
@-webkit-keyframes QAs {
 from {
opacity: 0;
-webkit-transform:translateX(-50px);
}
 to {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes QAsF {
 from {
opacity: 0;
-webkit-transform:translateX(50px);
}
 to {
opacity: 1;
-webkit-transform: translateX(0);
}
}
.QualitAssurance .box1 .hot_text { text-align: center; color: #656565; font-size: 14px; margin-top: 8px; }
.QualitAssurance .box1 .process .yuan { color: #fff; width: 76px; height: 76px; border-radius: 50%; background: #df5900; font-size: 24px; text-align: center; line-height: 76px; position: absolute; left: 50%; margin-left: -38px; top: 50%; margin-top: -38px; }
.QualitAssurance .box1 .process .sumary { width: 468px; height: 76px; background: #dcdcdc; border-radius: 15px; margin-top: 6px; position: relative; }
.QualitAssurance .box1 .process .sumary:after { position: absolute; content: ''; top: 50%; margin-top: -6.5px; }
.QualitAssurance .box1 .process .sumary img { display: block; margin: 8px 0 0 26px; }
.QualitAssurance .box1 .process li.single .sumary { float: left; }
.QualitAssurance .box1 .process li.double .sumary { float: right; }
.QualitAssurance .box1 .process li.single .sumary:after { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #dcdcdc; right: -13px; }
.QualitAssurance .box1 .process li.double .sumary:after { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 13px solid #dcdcdc; left: -13px; }
.QualitAssurance .box1 .process .line { width: 1px; height: 430px; left: 50%; border-right: 1px dotted #df5900; position: absolute; top: 76px; }
.QualitAssurance .box2 { background: url(../images/QualityAssurance_bg2.jpg) center; padding-top: 67px; height: 600px; }
.QualitAssurance .box2 .hot_text { text-align: center; color: #656565; font-size: 14px; margin-top: 8px; }
.QualitAssurance .box2 .assurance { width: 1100px; margin: 70px auto 0; position: relative; }
.QualitAssurance .box2 .assurance ul { height: 260px; width: 1100px; }
.QualitAssurance .box2 .assurance ul li { float: left; position: relative; margin-left: 83px; cursor: pointer; }
.QualitAssurance .box2 .assurance ul li .assurancePIc { width: 153px; height: 176px; transition: all .5s; -webkit-transition: all .5s; }
.QualitAssurance .box2 .assurance ul li .pic1 { background: url(../images/assurance_pic1.png); }
.QualitAssurance .box2 .assurance ul li .pic2 { background: url(../images/assurance_pic2.png); }
.QualitAssurance .box2 .assurance ul li .pic3 { background: url(../images/assurance_pic3.png); }
.QualitAssurance .box2 .assurance ul li .pic4 { background: url(../images/assurance_pic4.png); }
.QualitAssurance .box2 .assurance ul li .pic5 { background: url(../images/assurance_pic5.png); }
.QualitAssurance .box2 .assurance ul li span { color: #696969; font-size: 18px; font-weight: bold; display: block; text-align: center; width: 266px; position: absolute; left: 50%; margin-left: -133px; line-height: 54px; margin-top: 15px; }
.QualitAssurance .box2 .assurance ul li:hover .pic1 { background: url(../images/assurance_pic1.png) 0 -176px; }
.QualitAssurance .box2 .assurance ul li:hover .pic2 { background: url(../images/assurance_pic2.png) 0 -176px; }
.QualitAssurance .box2 .assurance ul li:hover .pic3 { background: url(../images/assurance_pic3.png) 0 -176px; }
.QualitAssurance .box2 .assurance ul li:hover .pic4 { background: url(../images/assurance_pic4.png) 0 -176px; }
.QualitAssurance .box2 .assurance ul li:hover .pic5 { background: url(../images/assurance_pic5.png) 0 -176px; }
.QualitAssurance .box2 .assurance ul li:hover span { color: #df5900; }
.QualitAssurance .box2 .assurance ul li.addclass .pic1 { background: url(../images/assurance_pic1.png) 0 -176px; }
.QualitAssurance .box2 .assurance ul li.addclass .pic2 { background: url(../images/assurance_pic2.png) 0 -176px; }
.QualitAssurance .box2 .assurance ul li.addclass .pic3 { background: url(../images/assurance_pic3.png) 0 -176px; }
.QualitAssurance .box2 .assurance ul li.addclass .pic4 { background: url(../images/assurance_pic4.png) 0 -176px; }
.QualitAssurance .box2 .assurance ul li.addclass .pic5 { background: url(../images/assurance_pic5.png) 0 -176px; }
.QualitAssurance .box2 .assurance ul li.addclass span { color: #df5900; }
.QualitAssurance .box2 .assurance_text { width: 825px; margin: 50px auto 0; position: relative; }
.QualitAssurance .box2 .assurance_text ul li { position: absolute; left: 0; top: 0; text-align: center; font-size: 12px; color: #2a2a2a; line-height: 24px; display: none; }
.QualitAssurance .box3 { background: url(../images/QualityAssurance_bg3.jpg) center; padding-top: 67px; height: 669px; }
.QualitAssurance .box3 .boapmingcon { overflow: hidden; width: 1100px; margin: 37px auto 0; }
.QualitAssurance .box3 .baomL { float: left; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; transition: cubic-bezier(1, -0.43, 0, 1.51) .8s; -webkit-transition: cubic-bezier(1, -0.43, 0, 1.51) .8s; }
.QualitAssurance .box3 .baomR { float: right; transform: translateX(50%); -webkit-transform: translateX(50%); opacity: 0; transition: cubic-bezier(1, -0.43, 0, 1.51) .8s; -webkit-transition: cubic-bezier(1, -0.43, 0, 1.51) .8s; }
.QualitAssurance .box3 .baomL.addclass { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.QualitAssurance .box3 .baomR.addclass { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.QualitAssurance .box3 .box_system { padding: 40px 25px; width: 444px; height: 357px; background: #fff; position: relative; border-bottom: 6px solid #5f1400; }
.QualitAssurance .box3 .box_system .title { color: #e56b01; font-size: 18px; font-weight: bold; }
.QualitAssurance .box3 .box_system article { color: #4d4d4d; font-size: 14px; line-height: 28px; }
.QualitAssurance .box4 { padding-top: 70px; height: 704px; }
.QualitAssurance .box4 .team { width: 1100px; height: 513px; margin: 0 auto; position: relative; }
.QualitAssurance .box4 .team .team_over { width: 1100px; height: 513px; overflow: hidden; }
.QualitAssurance .box4 .team ul { width: 200000px; }
.QualitAssurance .box4 .team ul li { overflow: hidden; float: left; width: 1100px; position: relative; }
.QualitAssurance .box4 .team ul li .pic { width: 400px; height: 513px; float: left; }
.QualitAssurance .box4 .team ul li .pic img { width: 100%; display: block; }
.QualitAssurance .box4 .team ul li .summary { width: 560px; float: right; margin-top: 126px; color: #494949; line-height: 24px; font-size: 12px; }
.QualitAssurance .box4 .team ul li .summary .title { font-size: 18px; margin-bottom: 15px; }
.QualitAssurance .box4 .team ul li .summary .title span { margin-right: 10px; }
.QualitAssurance .box4 .team .team_btn { height: 68px; width: 34px; cursor: pointer; position: absolute; margin-top: -34px; top: 50%; }
.QualitAssurance .box4 .team .btnL { background: url(../images/Partner_btn.png) 0 0; left: -60px; }
.QualitAssurance .box4 .team .btnR { background: url(../images/Partner_btn.png) -34px 0; right: -60px; }
/*field*/
.field { position: relative; padding-top: 70px; padding-bottom: 57px; }
.field .hot_title { margin-top: 20px; width: 1100px; margin: 18px auto 0; }
.field .hot_title ul { overflow: hidden; }
.field .hot_title ul li { width: 142px; height: 37px; text-align: center; background: #fff; color: #df5900; border: 1px solid #df5900; line-height: 37px; margin: 7px 0 7px 47px; border-radius: 10px; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; float: left; }
.field .hot_title ul li a { display: block; height: 100%; width: 100%; }
.field .hot_title ul li.addclass { background: #df5900; color: #fff; }
.field .hot_title ul li:hover { background: #df5900; color: #fff; }
.field .titleIN { width: 180px; margin: 50px auto 40px; height: 30px; color: #df5900; font-size: 29px; font-weight: bold; text-align: center; position: relative; line-height: 30px; }
.field .titleIN:after { height: 1px; width: 90px; left: -90px; top: 50%; position: absolute; content: ''; background: #df5900; }
.field .titleIN:before { height: 1px; width: 90px; right: -90px; top: 50%; position: absolute; content: ''; background: #df5900; }
.field .text_lingyu { width: 1100px; margin: 0 auto; color: #363636; }
.onShow { vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.onFocus { vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.onError { vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; background: url(../images/but_off.png); }
.onCorrect { vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; background: url(../images/but_no.png) }
.onLoad { vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
#kongTip, #phoneTip, #QQTip, #yymz2Tip { width: 20px; height: 20px; float: left; font-size: 12px; opacity: 0.8; position: absolute; bottom: 11px; right: 10px; line-height: 46px; z-index: 1; overflow: hidden; text-indent: 100% }
/**newdel**/
.newsDetailPage { width: 1200px; height: auto; background: #fff; position: relative; padding: 0 5%; padding-bottom: 25px; position: relative; margin: 25px auto 0; }
.newsDetailTop { width: 100%; height: auto; text-align: center; font-size: 12px; }
.newsDetailTop h2 { display: block; width: 100%; padding: 15px 0px; line-height: 30px; font-size: 24px; color: #000; }
.newsDetailShow { width: 100%; height: auto; line-height: 28px; padding: 35px 0px; color: #3E3E3E; }
.newsDetailShow img { margin: 20px auto; display: block }
.newsShare { width: 100%; height: auto; padding: 15px 0px; overflow: hidden; margin-bottom: 25px; }
.jiathis_style_24x24 { float: right; }
.newsShare span { float: right; font-weight: bold; }
.newsNext { width: 100%; height: auto; line-height: 25px; font-size: 12px; padding: 10px 0px 0; position: relative; overflow: hidden }
.newsNext .border { background: #b2b2b2; width: 1000px; height: 1px; position: absolute; top: 0; left: 50%; margin-left: -500px; }
.newsNext div { width: 40%; height: auto; }
.newsNext div a:hover { text-decoration: underline; }
.newsNext div a { color: #3E3E3E; }
.newsDetailPage .return { width: 27px; height: 92px; position: absolute; right: -27px; top: 0; color: #FFF; text-align: center; line-height: 20px; background: url(../images/return_news.jpg); transition: all .5s; -webkit-transition: all .5s; }
.newsDetailPage .return:hover { transform: translateY(-10px); -webkit-transform: translateY(-10px); }
.newsDetailPage .return a { display: block; height: 100%; }
/**4-20 loding***/
.loding_box { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 600; background: #5f1400; }
.loding { height: 256px; width: 256px; margin: -128px 0 0 -128px; position: relative; border-radius: 50%; overflow: hidden; left: 50%; top: 50%;z-index: 15;}
.loding img { display: block; position: absolute; top: 0; z-index: 31; }
.box_waike{ height: 256px; width: 256px; position: absolute;top: 50%; left: 50%; overflow: hidden; margin: -128px 0 0 -128px;}
.box_waike.cur{animation: box_waike 2s forwards ease-in;-webkit-animation: box_waike 2s forwards ease-in;}
.mack_border{ height: 252px; width: 252px; position: absolute;top: 0; left: 0;border-radius: 50%; border: 2px solid #fff;}
.mack_border2{height: 168px;width: 168px;position: absolute;border-radius: 50%;border: 2px solid #fff;left: 50%;top: 50%;margin: -86px 0 0 -86px;}
#canvas{position: relative;z-index:20;}

@keyframes box_waike{
    from{ height:256px ;}
    to{ height: 0;}
}

.fiveRing { height: 170px; width: 170px; position: absolute; border-radius: 50%; background: #531e23; left: 50%; top: 50%; margin: -85px 0 0 -85px; z-index: 25;}
/*.fiveRing.cur{border:1px solid rgba(255, 255, 255, 0) }*/
.djshangc { width: 120px; height: 30px; background: #993007; border-radius: 5px; display: block; float: right; margin: 4px 32px 0 0; cursor: pointer; text-align: center;line-height: 30px;}
.upload { position: absolute; height: 442px; width: 327px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 5px #989898; left: 50%; margin-left: -167px; top: -275px; z-index: 15;border-radius: 10px; display: none;}
.upload .title { height: 50px; color: #fff; background: #993007; font-size: 24px; font-weight: 800; line-height: 50px; text-indent: 1em; z-index: 15; border-radius: 10px 10px 0 0;position: relative;}
.upload .shangchuanqued { background: #E26717; width: 100px; text-align: center; line-height: 28px; color: #fff; font-size: 18px; position: absolute; bottom: 20px; left: 50%; margin-left: -50px; border-radius: 5px; cursor: pointer;}
.upload .summary_over { overflow: auto; height: 280px; }
.upload .summary_over::-webkit-scrollbar 		{width:5px;height:10px;}
.upload .summary_over::-webkit-scrollbar-button	{background-color:#ababa7;}
.upload .summary_over::-webkit-scrollbar-track	{background:#ababa7;}
.upload .summary_over::-webkit-scrollbar-track-piece   {background:url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png);}
.upload .summary_over::-webkit-scrollbar-thumb	{background:#DF6414;border-radius:4px;}
.upload .summary_over::-webkit-scrollbar-corner	{background:#82AFFF;}
.upload .summary_over::-webkit-scrollbar-resizer	{background:#FF0BEE;}
.upload .summary_over ul li { line-height: 34px; border-bottom: 1px solid #CECECE; height:34px; position: relative;padding: 4px 0;}
.upload .summary_over ul li.uploader{ height: 34px;} 
.upload .summary_over .tianjia { width: 60px; height: 26px; background: #E47023; text-align: center; line-height: 26px; color: #fff; border-radius: 5px; margin-left: 15px;margin-top: 15px;}
.filename { float: left; display: inline-block; outline: 0 none; height: 32px; width: 180px; margin: 0; padding: 8px 10px; overflow: hidden; cursor: default; border: 1px solid; border-right: 0; /*! font: 9pt/100% Arial, Helvetica, sans-serif; */ color: #777; /*! text-shadow: 1px 1px 0px #fff; */ /*! text-overflow: ellipsis; */ /*! white-space: nowrap; */ /*! -moz-border-radius: 5px 0px 0px 5px; */ /*! -webkit-border-radius: 5px 0px 0px 5px; */ /*! border-radius: 5px 0px 0px 5px; */ /*! background: #f5f5f5; */ /*! background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%); */ /*! background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f5f5f5)); */ /*! filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5', GradientType=0); */
/*! border-color: #ccc; */ /*! -moz-box-shadow: 0px 0px 1px #fff inset; */ /*! -webkit-box-shadow: 0px 0px 1px #fff inset; */ /*! box-shadow: 0px 0px 1px #fff inset; */ /*! -moz-box-sizing: border-box; */ /*! -webkit-box-sizing: border-box; */ box-sizing: border-box; 
border: 0;
}
.white .button { color: #555; text-shadow: 1px 1px 0px #fff; background: #ddd; background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
border-color: #ccc; }
.button { float: left; height: 32px; display: inline-block; outline: 0 none; padding: 8px 12px; margin: 0; cursor: pointer; border: 1px solid; font: bold 9pt/100% Arial, Helvetica, sans-serif; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; -moz-box-shadow: 0px 0px 1px #fff inset; -webkit-box-shadow: 0px 0px 1px #fff inset; box-shadow: 0px 0px 1px #fff inset; }
.uploader input[type="file"] { position: absolute; top: 0; right: 0; bottom: 0; border: 0; padding: 0; margin: 0; height: 30px; cursor: pointer; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.upload .summary_over ul li .del{ color:#DF6414;width: 59px;height: 32px;text-align: center;display: inline-block;float: right;margin-top: 3px;}


/*4*-21*/
.diy_select{ width: 50%; float: left;text-align: center;position: relative;z-index: 1500;}
.diy_select ul{ display: none;border: 1px solid #fff;}
.diy_select ul li{ cursor: pointer; background:#E3742C; border-bottom: 1px solid #fff;}
.select-text{ cursor: pointer;}
.box_overs{ overflow: auto; height: 97px; border-bottom: 1px solid #fff; display: none;}

/*loding*/
#bonfire-pageloader { background-color: #fff; }
#bonfire-pageloader svg { fill: #fff; }
#bonfire-pageloader { position: absolute; z-index: 99999999999999; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; }
.bonfire-pageloader-fade { opacity: 0 !important; -webkit-transition: all .75s ease; -moz-transition: all .75s ease; -o-transition: all .75s ease; -ms-transition: all .75s ease; transition: all .75s ease; }
.bonfire-pageloader-hide { display: none; }
.bonfire-pageloader-icon { width: 100px; height: 100px; position: absolute; margin: 0 0 0 0; opacity: 1; top: 0; }
.bonfire-pageloader-icon-hide { opacity: 0 !important; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
#bonfire-pageloader svg { -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; width: 100px; height: 100px; }
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(-360deg);
}
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(-360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(-360deg);
transform:rotate(-360deg);
}
}
/* lets give the page body that subtle slide-in animation */

.bonfire-html-onload { }
#guanbi{ height: 36px; width: 36px; position: absolute; right: 10px; top:50%;margin-top: -18px; cursor: pointer; background:url(../images/btn_off.png); display: block;}
/*5-18*/
.companyInfoamation{background-color: #DF5900;color: #fff;height: 214px;width: 354px;padding: 37px 25px;line-height: 18px;white-space: nowrap;border-radius: 15px;-moz-user-select: none;font-size: 18px;right: 5%;top: 10%;position: absolute;z-index: 15;}
.companyInfoamation:after{width: 0;height: 0;border-top: 15px solid transparent;border-right:15px  solid #DF5900;border-bottom: 15px solid transparent; position:absolute; content: ''; top: 50%; margin-top: -7px; left: -15px;}
.companyInfoamation ul li{ position: absolute; width:354px; display: none;}
.companyInfoamation ul li.addclass{display: block;}
.companyInfoamation ul li .title{text-align: center; font-size: 18px; font-weight:bold; margin-bottom: 10px;}
.companyInfoamation ul li .summary{ font-size: 14px; line-height: 28px;}


@media only screen and (max-width:1660px) {
.banner #boxFlip { transform: scale(1) !important; -webkit-transform: scale(1) !important; right: 28% !important; top: 21% !important; }
.banner #boxFlip2 { transform: scale(1) !important; -webkit-transform: scale(1) !important; right: 16% !important; }
.banner #boxFlip3 { transform: scale(1) !important; -webkit-transform: scale(1) !important; right: 16% !important; bottom: -19% !important; }
}

@media only screen and (max-width:1440px) {
nav .logo img { width: 90%; }
.img9 { top: 66%; }
.container .box1 .banner ul li .Btext3 .img10 { width: 200px; }
.container .box1 .banner ul li .Btext3 .img11 { width: 130px; }
.container .box1 .banner ul li .Btext3 .img12 { width: 130px; }
.container .box1 .banner ul li .Btext3 .img13 { width: 120px; }
.container .box2 .ServiceItems_ul { bottom: 5%; }
.container .box4 .serevr_phone { bottom: 1%; }
.container .box4 .ServiceSupport_min { top: 57%; }
.container .box4 article { top: 36%; padding: 10px 100px; }
.container .box5 .DataSubmission { bottom: 9%; }
.container .box5 .bottom_title { bottom: 36%; }
.container .box5 .Partner_pic { transform: scale(.6); -webkit-transform: scale(.6); }
.container .box5 .Partner_pic { top: 20%; }
.banner #boxFlip { transform: scale(.8) !important; -webkit-transform: scale(.8) !important; right: 27% !important; top: 13% !important; }
.banner #boxFlip2 { transform: scale(.8) !important; -webkit-transform: scale(.8) !important; right:;
top:
}
.banner #boxFlip3 { transform: scale(.8) !important; -webkit-transform: scale(.8) !important; right: 15% !important; bottom: -28% !important; }
}

@media only screen and (max-width:1366) {
.banner #boxFlip { transform: scale(.8) !important; -webkit-transform: scale(.8) !important; right: 26% !important; top: 13% !important; }
}