/*---主层---*/
html { height: 100%; }
body { height: 100%; min-height: 100%; }
.web { margin: 0px; padding: 0px; width: 100%; height: 100%; min-height: 100%; }
header { display: none; }
.webbox { z-index: 1; position: relative; padding: 0px 0px 0px 80px; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; opacity: 1; }

.Load { height: 5px; position: fixed; background: #09F; top: 0; left: 0; z-index: 9999999; }
#webbox { min-height: 100%; height: 100%; position: relative; z-index: 1; }
/*---logo---*/
.logo { position: absolute; top: 40px; left: 150px; width: 145px; height: 42px; z-index: 99; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; opacity: 1; }

.icon-PhSearch:before { content: " "; position: absolute; display: block; width: 22px; height: 21px; left: 50%; margin-left: -11px; top: 14px; background: url(../webimages/nqhicon_12.png) no-repeat; }
.icon-nav:before { content: ""; position: absolute; display: block; width: 24px; height: 21px; left: 50%; margin-left: -11px; top: 14px; background: url(../webimages/nqhicon_13.png) no-repeat; background-size: 80% 80%; }
.icon-Product:before { content: " "; position: absolute; display: block; width: 22px; height: 21px; left: 50%; margin-left: -11px; top: 10px; background: url(../webimages/nqhicon_02.png) no-repeat; }
.icon-about:before { content: " "; position: absolute; display: block; width: 22px; height: 21px; left: 50%; margin-left: -11px; top: 10px; background: url(../webimages/nqhicon_05.png) no-repeat; }
.icon-Technology:before { content: " "; position: absolute; display: block; width: 22px; height: 21px; left: 50%; margin-left: -11px; top: 10px; background: url(../webimages/nqhicon_04.png) no-repeat; }
.icon-home:before { content: " "; position: absolute; display: block; width: 22px; height: 21px; left: 50%; margin-left: -11px; top: 10px; background: url(../webimages/icon_40.png) no-repeat; }
.icon-Search:before { content: " "; position: absolute; display: block; width: 22px; height: 21px; left: 50%; margin-left: -11px; top: 10px; background: url(../webimages/nqhicon_01.png) no-repeat; }
.icon-News:before { content: " "; position: absolute; display: block; width: 22px; height: 21px; left: 50%; margin-left: -11px; top: 10px; background: url(../webimages/nqhicon_06.png) no-repeat; }
.icon-Program:before { content: " "; position: absolute; display: block; width: 22px; height: 21px; left: 50%; margin-left: -11px; top: 10px; background: url(../webimages/nqhicon_03.png) no-repeat; }
.icon-More:before { content: " "; position: absolute; display: block; width: 22px; height: 25px; left: 50%; margin-left: -11px; top: 10px; background: url(../webimages/nqhicon_10.png) no-repeat; }
.icon-ENbutton:before { content: " "; position: absolute; display: block; width: 22px; height: 25px; left: 50%; margin-left: -11px; top: 10px; background: url(../webimages/nqhicon_11.png) no-repeat; }
.icon-ENbutton-en:before{background: url(../webimages/nqhicon_11b.png) no-repeat;}
.icon-home:before, .icon-Search:before, .icon-Product:before, .icon-Program:before, .icon-about:before, .icon-News:before { background-size: 80% auto; background-position:center center;}



/*---背景---*/
.homeimg { position: fixed; width: 100%; height: 100%; overflow: hidden; left: 80px; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; opacity: 1; }
.homeimg img { position: absolute; left: 50%; top: 50%; opacity: 0; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); }

.homeimg .Original { z-index: 1; opacity: 1; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }
.homeimg .Black { z-index: 2; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }
.homeimg .Fuzzy { z-index: 3; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }

.imghover .Original { z-index: 1; opacity: 1; -moz-transform: translate(-50.5%,-50%); -ms-transform: translate(-50.5%,-50%); -o-transform: translate(-50.5%,-50%); transform: translate(-50.5%,-50%); -webkit-transform: translate(-50.5%,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }
.imghover .Black { z-index: 2; opacity: 1; -moz-transform: translate(-50.5%,-50%); -ms-transform: translate(-50.5%,-50%); -o-transform: translate(-50.5%,-50%); transform: translate(-50.5%,-50%); -webkit-transform: translate(-50.5%,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }

/*---导航---*/

nav { position: fixed; z-index: 999999; width: 80px; height: 100%; background: #FFF; box-shadow:1px 0px 0px rgba(100,100,100,.1);}
nav ul { margin: 0px; }
nav ul li, nav ul .home { margin: 0px; padding: 2px 0px; height: 60px; position: relative; cursor: pointer; }
.indexbody nav ul .home { display: none; }
nav ul li a, nav ul .home a { display: block; color: #666; font-size: 12px; /*opacity:0.5;*/ text-align: center; padding-top: 5px;padding-bottom:5px; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
nav ul li a:hover, nav ul .home a:hover { opacity: 1; color: #000; }
nav ul li a em, nav ul .home a em { display: block; font-size: 14px; padding-bottom: 5px; height: 30px; position: relative; }
nav ul li span, nav ul .home span { opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform: scale(0); position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; cursor: pointer; background: #FFF; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
nav ul li span:after, nav ul .home span:after { content: " "; position: absolute; display: block; width: 22px; height: 21px; left: 50%; margin-left: -11px; top: 50%; background: url(../webimages/nqhicon_07a.png) no-repeat;-webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); -o-transform: translateY(-50%); }
nav ul li.cur span { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; background-color: #f1f1f1; }
nav ul li.cur a { opacity: 0; transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
nav ul li.navSearch { padding: 0px; }
nav ul li.navSearch a { padding-top: 19px; }
nav ul li.navSearch a em { font-size: 18px; }
nav ul p { margin: 0px; padding: 10px 0px; height: 70px; position: relative; cursor: pointer; }
nav ul p a { display: block; color: #000; /*opacity:0.5;*/ text-align: center; padding-top: 10px; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
nav ul p a:hover { opacity: 1; color: #000; }
nav ul p a em { display: block; font-size: 14px; padding-bottom: 5px; height: 30px; position: relative; }
nav ul p span { opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform: scale(0); position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; cursor: pointer; background: #FFF; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
nav ul p span:after { content: " "; position: absolute; display: block; width: 22px; height: 21px; left: 50%; margin-left: -11px; top: 30px; background: url(../webimages/index_08.gif) no-repeat; }
nav ul .home { display:none;}



.mainnav { position: absolute; right: 50px; top: 40px; z-index: 99; -webkit-transform: translateX(0%); transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; opacity: 1; }
.mainnav ul { margin: 0px; padding: 0px; }
.mainnav ul li { float: left; padding-left: 50px; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; opacity: 1; }
.mainnav ul li a { font-size: 14px; color: #FFF; }
.mainnav ul li:hover { opacity: 0.6; }

.MobileMenu { display: none; }

.navborder { width: 79px; border-right: 1px solid #e6e6e6; }


.navSearchbox { position: relative; transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transition: all .3s cubic-bezier(.23,1,.32,1); -moz-transition: all .3s cubic-bezier(.23,1,.32,1); -ms-transition: all .3s cubic-bezier(.23,1,.32,1); -ms-transition: all .3s cubic-bezier(.23,1,.32,1); -o-transition: all .3s cubic-bezier(.23,1,.32,1); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1); margin: 17px 19px; background-color: #fff; border: 1px solid #e4e5e7; }
.navSearchbox label { background: #FFF; display: block; padding: 15px 10px 15px 50px; height: 24px; position: relative; }
.navSearchbox label.mgrigt { margin-right: 30px; }
.navSearchbox input { background: none; outline: none; border: none; }
.navSearchbox input.navtext { display: block; width: 100%; height: 24px; font-size: 16px; color: #666; }
.navSearchbox input.navsubmit { position: absolute; left: 10px; top: 0; bottom: 0; width: 32px; background: url(../webimages/nqhicon_01.png) no-repeat center center; }
.navSearchbox input::-webkit-input-placeholder { color: #999; }
.navSearchbox input:-moz-placeholder { color: #999; }
.navSearchbox input::-moz-placeholder { color: #999; }
.navSearchbox input:-ms-input-placeholder { color: #999; }

.Menu ul.cur .navSearchbox { transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transition: all .3s cubic-bezier(.23,1,.32,1); -moz-transition: all .3s cubic-bezier(.23,1,.32,1); -ms-transition: all .3s cubic-bezier(.23,1,.32,1); -ms-transition: all .3s cubic-bezier(.23,1,.32,1); -o-transition: all .3s cubic-bezier(.23,1,.32,1); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1); }

.menuheightlist ul.cur .navSearchbox { transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transition: all .3s cubic-bezier(.23,1,.32,1); -moz-transition: all .3s cubic-bezier(.23,1,.32,1); -ms-transition: all .3s cubic-bezier(.23,1,.32,1); -ms-transition: all .3s cubic-bezier(.23,1,.32,1); -o-transition: all .3s cubic-bezier(.23,1,.32,1); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1); }


.menuSearchclose { background: url(../webimages/index_106.png) no-repeat center; position: absolute; top: 18px; right: 0px; width: 47px; height: 30px; cursor: pointer; }


/*---主要内容---*/

.main { position: fixed; width: 100%; height: 100%; z-index: 9; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; opacity: 1; }

.box { position: absolute; left: 80px; right: 0; top: 0; bottom: 0; }

.Wisdom { -webkit-transform: translateX(0); transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; opacity: 1; z-index: 9999; }
.Wisdom dl { left: 55%; right: 0; top: 30%; bottom: 30%; color: #FFF; position: absolute; background-color: rgba(0,0,0,0); cursor: pointer; }
.Wisdom dl h3 { font-family: '黑体','STHeiti'; font-size: 80px; line-height: 100px; position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
.Wisdom dl h3 a { display: inline-block; background-color: rgba(0,0,0,.5); width: 44px; height: 44px; border-radius: 100px; text-shadow: none; margin-left: 30px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -webkit-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; color: #fff; font-size: 30px; text-align: center; line-height: 44px; }

.Wisdom dl span { font-size: 40px; font-family: enth; line-height: 55px; display: block; padding-top: 15px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
.Wisdom dl:hover h3 { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); transition: all .5s (0,0,0.25,1); -moz-transition: all .5s (0,0,0.25,1); -ms-transition: all .5s (0,0,0.25,1); -o-transition: all .5s (0,0,0.25,1); -webkit-transition: all .5s (0,0,0.25,1); }
.Wisdom dl:hover h3 a { -webkit-transform: translateX(50px); transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transition: all .75s (0,0,0.25,1); -moz-transition: all .75s (0,0,0.25,1); -ms-transition: all .75s (0,0,0.25,1); -o-transition: all .75s (0,0,0.25,1); -webkit-transition: all .75s (0,0,0.25,1); }
.Wisdom dl:hover span { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); transition: all .5s (0,0,0.25,1); -moz-transition: all .5s (0,0,0.25,1); -ms-transition: all .5s (0,0,0.25,1); -o-transition: all .5s (0,0,0.25,1); -webkit-transition: all .5s (0,0,0.25,1); }
.Wisdom ul { display: none; transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); z-index: 9999; }

.indexProduct { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -transform: translateX(100%); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 0; }

.moving .Wisdom { -webkit-transform: translateX(-100%); transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 0; }
.moving .indexProduct { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 1; }
.moving .mainnav { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 0; }

.moving header { -webkit-transform: translateY(-100%); transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; opacity: 0; }



.moving .Original { z-index: 1; opacity: 1; -moz-transform: translate(-52.5%,-50%); -ms-transform: translate(-52.5%,-50%); -o-transform: translate(-52.5%,-50%); transform: translate(-52.5%,-50%); -webkit-transform: translate(-52.5%,-50%); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); }
.moving .Black { z-index: 2; opacity: 0; -moz-transform: translate(-52.5%,-50%); -ms-transform: translate(-52.5%,-50%); -o-transform: translate(-52.5%,-50%); transform: translate(-52.5%,-50%); -webkit-transform: translate(-52.5%,-50%); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); }
.moving .Fuzzy { z-index: 3; opacity: 1; -moz-transform: translate(-52.5%,-50%); -ms-transform: translate(-52.5%,-50%); -o-transform: translate(-52.5%,-50%); transform: translate(-52.5%,-50%); -webkit-transform: translate(-52.5%,-50%); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); }

.Productclose { display: inline-block; background-color: rgba(0,0,0,.5); width: 44px; height: 44px; line-height: 43px; left: 20px; font-size: 30px; border-radius: 50px; text-align: center; color: #FFF; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); cursor: pointer; z-index: 999999; background-image: rgba(0,0,0,.5); }

.ProductScroll { position: absolute; left: auto; right: 0; top: 70px; bottom: 70px; width: 40%; touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 9999; }
.ProductScroll ul { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition: all .75s cubic-bezier(.23,1,.32,1); transition: all .75s cubic-bezier(.23,1,.32,1); -moz-transition: all .75s cubic-bezier(.23,1,.32,1); -ms-transition: all .75s cubic-bezier(.23,1,.32,1); -o-transition: all .75s cubic-bezier(.23,1,.32,1); position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.ProductScroll ul li { cursor: pointer; width: 100%; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -webkit-transition: all .75s cubic-bezier(.23,1,.32,1); transition: all .75s cubic-bezier(.23,1,.32,1); -moz-transition: all .75s cubic-bezier(.23,1,.32,1); -ms-transition: all .75s cubic-bezier(.23,1,.32,1); -o-transition: all .75s cubic-bezier(.23,1,.32,1); position: absolute; background-size: cover; background-position: 50% 50%; right: 0px; box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.4); }
.ProductScroll ul li p { position: absolute; width: 42%; top: 50%; right: 5%; color: #FFF; font-size: 22px; font-family: enth; line-height: 25px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
.ProductScroll ul li p span { font-size: 26px; line-height: 30px; display: block; padding-bottom: 10px; font-family: "微软雅黑","Microsoft YaHei","Helvetica Neue"; }
.ProductScroll ul li a { display: block; position: absolute; width: 100%; height: 100%; }

.Menubg { width: 100%; height: 100%; position: fixed; background: rgba(236,236,236,0); z-index: 9999; display: none; }
.MenuShow .Menubg { display: block; }
.MenuShow .Menu { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .4s; transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; }


.Menu { position: fixed; width: 80%; max-width: 403px; height: 100%; z-index: 99999; left: 80px; overflow-y: auto; overflow-x: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); display: none; }
.bodyshow .Menu { display: block; }
.Menu .bgbox { position: absolute;top:0;  left: 0; right: 0; bottom: 0;min-height:100%; overflow: hidden; background: rgba(236,236,236,.6); }
.Menu .bgbox .bg { -webkit-filter: blur(100%); -moz-filter: blur(100%); -ms-filter: blur(100%); filter: blur(100%); opacity: 0.9; position: absolute; top: -20%; right: -20%; left: -20%; bottom: -20%; z-index: 1; background-color: #fff; }
.Menu ul { margin: 0px; padding: 0px; display: block;min-height:100%; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); padding-top: 1px; box-sizing: border-box; position: relative; z-index: 2; }
.Menu ul.cur { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }

.Menu .titlename1, .menuheightlist .titlename1 { margin: 0 7%; padding: 28px 0 28px 31px; background: url(../webimages/nqhicon_09.png) no-repeat left center; font-size: 18px; }
.Menu .titlename1 a, .menuheightlist .titlename1 a { color: #00a0e9; }
.navproli .title1 { margin: 0 7% 14px; font-size: 16px; line-height: 22px; color: #333; }
.navLlist dt { margin: 20px 7% 10px; font-size: 16px; line-height: 22px; color: #333; }
.navLlist dd { margin: 15px 7%; padding-left: 10px; border-left: 1px solid #666; }
.Menu ul li, .menuheightlist ul li { margin: 15px 7%; padding-left: 10px; border-left: 1px solid #666; }
.Menu ul.navspro li, .menuheightlist ul.navspro li { border: none; margin: 0; padding-left: 0; }
.Menu ul.navspro li { border-left: none; margin: 0; padding-left: 0; }
.navLlist dd:hover { border-color: #399cff; }
.Menu ul li:hover, .menuheightlist ul li:hover { border-color: #399cff; }
.navLlist dd:hover a { color: #399cff; }
.Menu ul li:hover > a, .menuheightlist ul li:hover > a { color: #399cff; }
.pronavslist, .pronavslist * { webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pronavslist { padding-bottom: 50px; }
.pronavslist a { float: left; width: 33.33%; border-right: 1px solid #d7d8db; padding: 24px 0 4px; background: rgba(255,255,255,.2); }
.pronavslist a:nth-child(3n) { border: none; }
.pronavslist img { display: block; margin: 0 auto; width: 50%; min-width: 80px; }
.pronavslist .name { display: block; line-height: 20px; height: 40px; overflow: hidden; position: relative; text-align: center; font-size: 13px; margin-top: 20px; }

.Mapbutton { position: absolute; left: 0px; bottom: 10px; width: 100%; padding: 0 !important; height: 60px; }
.Mapbutton > a { padding-top: 0; }

.ENbutton { text-align: center; font-size: 12px; display: block; color: #666; position: absolute; height: 30px; cursor: pointer; left: 0px; bottom: 70px; width: 100%; }
.ENbutton span { opacity: 1; display: block; position: absolute; width: 100%; top: 50%; transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
.ENbutton label { display: block; font-size: 12px; padding-top: 5px; cursor: pointer; }
.ENbutton span:before { display: block; content: " "; font-weight: bold; background: url(../webimages/nqhicon_11.png) no-repeat center; background-size: 21px 20px; height: 20px; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
.ENbutton-en span:before {background: url(../webimages/nqhicon_11b.png) no-repeat center;background-size: 21px 20px;}


/*--新闻综合页--*/
.banner { width: 100%; }
.banner img { display: block; }

.commonclass { background: #FFF; position: relative; z-index: 99; }
.commonclass h3 { padding: 20px; }
.commonclass h3 a { padding: 15px 40px 15px 15px; border: 1px solid #e6e6e6; background: #FFF; display: block; font-size: 15px; border-radius: 5px; position: relative; color: #333; }
.commonclass h3 a span { position: absolute; right: 15px; width: 13px; height: 9px; background: url(../webimages/index_38.png) no-repeat; top: 45%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); }

.commonclass h3 a span.cur { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }

.commonclass ul { margin: 0px 5%; border-radius: 5px; padding: 10px 0px; position: absolute; width: 90%; background: rgba(0,0,0,.3); display: none; -webkit-transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -ms-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out; transition: all .23s ease-in-out; -webkit-transform: translateY(50px); transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); opacity: 0; }
.commonclass ul a { display: block; padding: 10px 20px; color: #E2E2E2; font-size: 17px; }
.commonclass ul a:hover { color: #FFF; }


.commonclass ul.cur { -webkit-transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -ms-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out; transition: all .23s ease-in-out; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.newsweb { padding-top: 46px; margin: 0px 20px; max-width: 1200px; transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(-100px); transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -webkit-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; opacity: 1; }
.newswebleft { opacity: 0; transform: translateX(-100px); -webkit-transform: translateX(-100px); -o-transform: translateX(-100px); -ms-transform: translateX(-100px); -moz-transform: translateX(-100px); transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -webkit-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; }
.newswebright { opacity: 0; transform: translateX(100px); -webkit-transform: translateX(100px); -o-transform: translateX(100px); -ms-transform: translateX(100px); -moz-transform: translateX(100px); transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -webkit-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; }


.newslistbox article.cur { opacity: 0; transition: all .3s cubic-bezier(.23,1,.32,1); -moz-transition: all .3s cubic-bezier(.23,1,.32,1); -ms-transition: all .3s cubic-bezier.23,1,.32,1); -o-transition: all .3s cubic-bezier(.23,1,.32,1); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1); }

.newsSearch { padding: 0px 0px 20px; }
.newsSearch dl { background: #FFF url(../webimages/index_23.png) no-repeat 17px center; padding: 15px 0px 15px 52px; }
.newsSearch dl input { outline: none; font-size: 18px; color: #cccccc; font-family: "微软雅黑","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB"; }
.newsSearch dl input.textSearch { width: 90%; }

.newsComplexlist { margin: 0px; padding: 0px; display: block; float: left; width: 100%; position: relative; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; box-sizing: border-box; opacity: 1; }

.newsComplexContent { box-shadow: 1px 2px 0px #e4e4e4; margin-bottom: 20px; background: #FAFAFA; position: relative; overflow: hidden; }
.newsComplexContent img { display: block; width: 100%; }

.newsComplexContent:hover { background: #FFF; }

.newsComplextitle { font-size: 18px; font-weight: 400; color: #666666; padding: 15px 20px 50px; line-height: 26px; }
.newsComplexindustrytitle { font-size: 18px; font-weight: 400; color: #666666; padding: 40px 20px 30px; line-height: 30px; }

.newsComplexTime { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #a8a8a8; position: relative; padding: 20px 20px 10px; }

.label { padding: 20px; height: 34px; }
.label span { display: inline-block; position: relative; padding: 5px 15px; background: #00a0e9; color: #FFF; }
.label span b { border-color: #00a0e9 transparent transparent; border-style: solid; border-width: 5px 5px 0 0; height: 0; margin-bottom: 1.6em; width: 0; position: absolute; top: 29px; left: 0px; }

.imgindustrylabel { padding: 20px; height: 34px; }
.imgindustrylabel span { display: inline-block; position: relative; padding: 5px 15px; background: #ee4e00; color: #FFF; }
.imgindustrylabel span b { border-color: #ee4e00 transparent transparent; border-style: solid; border-width: 5px 5px 0 0; height: 0; margin-bottom: 1.6em; width: 0; position: absolute; top: 29px; left: 0px; }


.newsComplexdescription { font-size: 14px; color: #858585; padding: 5px 20px 10px; line-height: 25px; }

.industrylabel { height: 90px; background: #ee4e00; }
.industrylabel span { display: inline-block; font-size: 14px; font-weight: bold; padding: 56px 0px 0px 28px; position: relative; color: #FFF; }
.industrylabel span b { border-color: #ee4e00 transparent transparent; border-style: solid; border-width: 10px 10px 0 0; height: 0; margin-bottom: 1.6em; width: 0; position: absolute; top: 90px; left: 28px; }

.Productlabel { height: 90px; background: #ff9000; }
.Productlabel span { display: inline-block; font-size: 14px; font-weight: bold; padding: 56px 0px 0px 28px; position: relative; color: #FFF; }
.Productlabel span b { border-color: #ff9000 transparent transparent; border-style: solid; border-width: 10px 10px 0 0; height: 0; margin-bottom: 1.6em; width: 0; position: absolute; top: 90px; left: 28px; }

.newsmoer { text-align: center; padding: 40px 0px; }
.newsmoer a { display: inline-block; background: url(../webimages/index_25.png) no-repeat center #4d4d4d; width: 119px; height: 48px; border-radius: 3px; -webkit-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; transition: all .6s cubic-bezier(.23,1,.32,1) .1s; }
.newsmoer a:hover { background: url(../webimages/index_25.png) no-repeat center #00a0e9; -webkit-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; transition: all .6s cubic-bezier(.23,1,.32,1) .1s; }

.foot { background: #FFF; border-top: 1px solid #e6e6e6; position: relative; width: 100%; }
.foot a { color: #666; }
.foot a:hover { color: #03a5e3; }
.footbox { max-width: 1180px; margin: 0px 20px; padding-top: 30px; overflow: hidden; }
.footbox ul { font-size: 14px; padding: 30px 0px 0px; display: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3 ease-in-out; -o-transition: all .3s ease-in-out; }
.footbox ul span { padding: 0px 15px; color: #666666; }
.footbox dl { margin: 0px; padding: 0px; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.footbox dl dt { position: absolute; left: 150px; right: 0px; height: 2px; background: #00a0e9; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.footbox dl dt:after { display: block; position: absolute; right: 0px; height: 2px; background: url(../webimages/index_26.gif) no-repeat; width: 47px; content: " "; }
.footbox dl dd { height: 37px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.footbox dl dd img { float: left; max-width: 90%; max-height: 90%; display: block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }

.Copyright { border-top: 1px solid #e6e6e6; }
.Copyright p { color: #666666; padding: 20px; font-size: 12px; }
.Copyright p span { display: block; padding-top: 5px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }

.footMap { max-width: 1180px; margin: auto; }
.footMap dl { margin: 0px; padding: 20px 0px 0px; }
.footMap dl dt { padding: 0px 20px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.footMap dl dt a { display: block; text-align: center; margin-top: 10px; padding: 5px 25px; border-radius: 3px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; font-size: 13px; }
.footMap dl dt a span { background: url(../webimages/index_28.png) no-repeat left center; padding-left: 20px; font-size: 12px; }
.footMap dl dt a:hover { background: #00a0e9; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff; }
.footMap dl dt a:hover span { background: url(../webimages/index_29.png) no-repeat left center; }
.footMap dl dd { text-align: center; padding-top: 20px; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; }

.footMap dl dd a { display: inline-block; width: 36px; height: 36px; margin-right: 10px; }
.footMap dl dd a.footweibo { background: url(../webimages/index_120.gif) no-repeat; }
.footMap dl dd a.footweibo:hover { background: url(../webimages/index_0120.gif) no-repeat; }

.footMap dl dd a.footweixin { background: url(../webimages/index_121.gif) no-repeat; }
.footMap dl dd a.footweixin:hover { background: url(../webimages/index_0121.gif) no-repeat; }

.footMenu { padding: 20px 0px; max-width: 1180px; margin: auto; font-size: 12px; text-align: center; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.footMenu span { padding: 0px 15px; }

.title { position: absolute; left: 320px; top: 40px; height: 42px; min-width: 300px; line-height: 42px; border-left: 1px solid rgba(255,255,255,.4); display: block; -webkit-transition: all .9s ease-in-out .1s; -moz-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; transition: all .9s cubic-bezier(.23,1,.32,1) .1s; z-index: 9999; }
.title em a { background: url(../webimages/index_31.png) no-repeat center right; padding: 0px 30px 0px 20px; color: #FFF; font-size: 16px; font-weight: bold; }
.title span { color: #FFF; font-size: 16px; font-weight: bold; padding-left: 15px; }


.titleMenu { position: absolute; width: 160px; top: 42px; left: 20px; background: #fff; border-radius: 6px; display: none; }
.titleMenu ul { margin: 0px; padding: 10px 0px; }
.titleMenu ul li { position: relative; height: 40px; }
.titleMenu ul li a { display: block; padding: 0px 20px; line-height: 40px; position: absolute; left: 0px; font-size: 14px; }
.titleMenu ul li:after { display: block; height: 40px; content: " "; background: #E8E8E8; width: 0%; -webkit-transition: all .3s cubic-bezier(.23,1,.32,1); -moz-transition: all .3s cubic-bezier(.23,1,.32,1); -ms-transition: all .3s cubic-bezier(.23,1,.32,1); -o-transition: all .3s cubic-bezier(.23,1,.32,1); transition: all .3s cubic-bezier(.23,1,.32,1); }
.titleMenu ul li:hover:after { width: 100%; -webkit-transition: all .3s cubic-bezier(.23,1,.32,1); -moz-transition: all .3s cubic-bezier(.23,1,.32,1); -ms-transition: all .3s cubic-bezier(.23,1,.32,1); -o-transition: all .3s cubic-bezier(.23,1,.32,1); transition: all .3s cubic-bezier(.23,1,.32,1); }

.titleMenuleft { left: 130px; }

.newsContentbox { margin: 0px 20px; position: relative; padding: 50px 0px; }

.newstitle { margin: 0px; padding: 0px 0px 25px; border-bottom: 1px solid #d9d9d9; }
.newstitle h3 { font-size: 28px; line-height: 40px; }
.newstitle p { padding-top: 10px; }
.newstitle p span { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; color: #8e8e8e; display: block; text-align: center; }
.newstitle p em { display: inline-block; line-height: 23px; padding-top: 10px; font-size: 13px; }

.newsContent { padding: 20px 2%; color: #666; font-size: 14px; line-height: 26px; }

.Share { position: absolute; left: 0px; top: 710px; width: 73px; display: none; z-index: 999; padding-top: 50px; }
.Share a.weibo { display: block; width: 73px; height: 74px; overflow: hidden; position: relative; margin-bottom: 2px; background: url(../webimages/index_114.gif) no-repeat; margin: 0px 0px 1px; padding: 0px; }
.Share a.weibo:hover { background: url(../webimages/index_0114.gif) no-repeat; }

.Share a.weixin { display: block; width: 73px; height: 74px; overflow: hidden; position: relative; margin-bottom: 2px; background: url(../webimages/index_115.gif) no-repeat; margin: 0px 0px 1px; padding: 0px; }
.Share a.weixin:hover { background: url(../webimages/index_0115.gif) no-repeat; }

.Share a.fuzhi { display: block; width: 73px; height: 74px; overflow: hidden; position: relative; margin-bottom: 2px; background: url(../webimages/index_116.gif) no-repeat; margin: 0px 0px 1px; padding: 0px; }
.Share a.fuzhi:hover { background: url(../webimages/index_0116.gif) no-repeat; }

.Share a.fuzhi { display: block; width: 73px; height: 74px; overflow: hidden; position: relative; margin-bottom: 2px; background: url(../webimages/index_116.gif) no-repeat; margin: 0px 0px 1px; padding: 0px; }
.Share a.fuzhi:hover { background: url(../webimages/index_0116.gif) no-repeat; }

.Share a.linkedin { display: block; width: 73px; height: 74px; overflow: hidden; position: relative; margin-bottom: 2px; background: url(../webimages/index_118.gif) no-repeat; margin: 0px 0px 1px; padding: 0px; }
.Share a.linkedin:hover { background: url(../webimages/index_0118.gif) no-repeat; }

.Share a.youxiang { display: block; width: 73px; height: 74px; overflow: hidden; position: relative; margin-bottom: 2px; background: url(../webimages/index_117.gif) no-repeat; margin: 0px 0px 1px; padding: 0px; }
.Share a.youxiang:hover { background: url(../webimages/index_0117.gif) no-repeat; }

.Share a.yijian { display: block; width: 73px; height: 74px; overflow: hidden; position: relative; margin-bottom: 2px; background: url(../webimages/index_119.gif) no-repeat; margin: 0px; padding: 0px; }
.Share a.yijian:hover { background: url(../webimages/index_0119.gif) no-repeat; }


.newsReturn { padding: 20px 2%; }
.newsReturn a { display: inline-block; background: #fdfdfd; border: 1px solid #d9d9d9; border-radius: 6px; padding: 10px 25px; font-size: 18px; font-weight: 400; color: #666; }


.Technicalsupport { width: 100%; background: url(../webimages/index_39.jpg) no-repeat; background-position: center; background-size: cover; overflow: hidden; position: relative; }
.Technicalsupport dl { background: url(../webimages/index_44.png) no-repeat; background-position: top center; padding-top: 165px; text-align: center; color: #FFF; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.Technicalsupport dl h3 { font-size: 55px; font-weight: bold; line-height: 60px; font-family: Arial, Helvetica, sans-serif; }
.Technicalsupport dl h4 { font-size: 43px; font-weight: bold; line-height: 50px; }

.Core { width: 100%; background: url(../webimages/index_40.jpg) no-repeat; background-position: center; background-size: cover; position: relative; }
.Core dl { position: absolute; right: 5%; left: 5%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.Core dl dd h3 { color: #FFF; font-size: 36px; font-weight: 400; line-height: 52px; padding-bottom: 20px; }
.Core dl dd p { font-size: 14px; color: #FFF; line-height: 24px; }

.TechnologyLine { width: 100%; position: absolute; bottom: 0; z-index: 9999; display: none; }

.Multimedia { width: 100%; background: url(../webimages/index_41.jpg) no-repeat; background-position: center; background-size: cover; position: relative; }
.Multimedia dl { position: absolute; left: 5%; right: 5%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.Multimedia dl dd h3 { color: #FFF; font-size: 36px; font-weight: 400; line-height: 52px; padding-bottom: 20px; }
.Multimedia dl dd p { font-size: 14px; color: #FFF; line-height: 24px; }

.Internet { width: 100%; background: url(../webimages/index_42.jpg) no-repeat; background-position: center; background-size: cover; position: relative; }
.Internet dl { position: absolute; right: 5%; left: 5%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.Internet dl dd h3 { color: #FFF; font-size: 36px; line-height: 52px; padding-bottom: 20px; }
.Internet dl dd p { font-size: 14px; color: #FFF; line-height: 24px; }

.operating { width: 100%; background: url(../webimages/index_43.jpg) no-repeat; background-position: center; background-size: cover; position: relative; }
.operating dl { position: absolute; left: 5%; right: 5%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.operating dl dd h3 { color: #FFF; font-size: 36px; line-height: 52px; padding-bottom: 20px; }
.operating dl dd p { font-size: 14px; color: #FFF; line-height: 24px; }

.Partnersbox { background: #f2f2f2; padding: 0px; position: relative; }

.Partners { left: 0px; right: 0px; margin: 0px; top: 50%; position: absolute; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.Partners h3 { color: #333; font-size: 24px; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin: 0px 10px; }
.Partners h3 span { color: #666; display: block; padding-left: 0px; padding-top: 10px; font-weight: normal; font-size: 14px; line-height: 18px; }
.Partners h3 a { float: right; display: inline-block; padding: 4px 20px; background-color: #4d4d4d; border-radius: 4px; color: #FFF; font-size: 12px; }
.Partners h3 a:hover { background-color: #00a0e9; }
.Partners ul { margin: 0px; padding: 20px 0px 0px; }
.Partners ul li { box-sizing: border-box; float: left; width: 25%; padding-left: 10px; padding-right: 10px; padding-top: 15px; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }

.Partners dl { margin: 0px; padding: 30px 10px 0px; }
.Partners dl dt { font-size: 24px; border-bottom: 1px solid #dedede; padding-bottom: 25px; color: #333; }
.Partners dl dd { font-size: 14px; padding-top: 15px; }

.TechnicalDocumentsM { margin: 0px; padding: 20px 10px 0px; }
.TechnicalDocumentsM span { display: block; }
.TechnicalDocumentsM span.TechnicalDocumentsMleft { float: left; width: 54.5%; background: #fff; border: 1px solid #e7e4e4; text-align: center; }
.TechnicalDocumentsM span.TechnicalDocumentsMleft a { line-height: 24px; display: inline-block; padding: 0px; font-size: 13px; letter-spacing: normal; }
.TechnicalDocumentsM span.TechnicalDocumentsMleft a em { display: inline-block; padding-left: 0px; text-align: left; padding-left: 10px; }
.TechnicalDocumentsM span.TechnicalDocumentsMleft a em.yewu { background: none; }
.TechnicalDocumentsM span.TechnicalDocumentsMleft a em.jishu { background: none; }

.TechnicalDocumentsM span.TechnicalDocumentsMright { float: right; width: 44%; background: #00a0e9; }
.TechnicalDocumentsM span.TechnicalDocumentsMright a { line-height: 50px; display: block; color: #FFF; font-size: 17px; font-weight: bold; height: 50px; background: url(../webimages/index_123.png) no-repeat 15px center #00a0e9; text-align: center; text-indent: 30px; background-size: 22px 21px; }


.PartnersContent { border: 1px solid #e7e4e4; background: #FFF; padding: 5px 0px; }
.PartnersContent p { margin: 0px 5px; padding: 0px; }
.PartnersContent p img { display: block; margin: auto; max-height: 70%; max-width: 70%; }
.PartnersContent h4 { text-align: center; color: #666666; height: 35px; line-height: 35px; overflow: hidden; }

/*.TechnologyFile{ margin:0px; padding:0px;}
.TechnologyFile h3{background:#00a0e9; padding:20px 0px; font-weight:bold;}
.TechnologyFile h3 span{ display:block; max-width:1180px; margin:0px 20px; font-size:24px; color:#FFF;}
.TechnologyFile ul{ padding:35px 0px;max-width:1180px; margin:0px 20px;}
.TechnologyFile ul li{border:1px solid #e1e1e1;background:#fdfdfd;font-size:16px; margin-top:15px;}
.TechnologyFile ul li a{display:block;padding:17px 92px 17px 25px; position:relative;}
.TechnologyFile ul li a:hover{ background:#00a0e9; color:#fff;}
.TechnologyFile ul li a span{ position:absolute; right:0px; height:100%; width:67px; background:url(../webimages/index_53.png) no-repeat center #adadad; top:0px;}
.TechnologyFile ul li a:hover span{background:url(../webimages/index_53.png) no-repeat center #0575a9;}*/

.TechnologyFile { margin: 0px; padding: 0px; position: relative; overflow: hidden; }
.TechnologyFile h3 { background: #00a0e9; padding: 20px 0px; }
.TechnologyFile h3 span { display: block; max-width: 1180px; margin: 0px 20px; line-height: 28px; font-size: 24px; color: #FFF; }
.TechnologyFile ul { padding: 35px 0px; max-width: 1180px; margin: 0px 20px; }
.TechnologyFile ul li { font-size: 14px; }
.TechnologyFile ul li a { display: block; padding: 17px 141px 17px 0px; position: relative; }
.TechnologyFile ul li a:hover { color: #00a0e9; }
.TechnologyFile ul li a span { position: absolute; border: 1px solid #e6e6e6; right: 0px; padding: 10px 10px 10px 45px; background: url(../webimages/index_83.png) no-repeat 10px center #FFF; font-size: 16px; font-weight: bold; color: #00a0e9; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }



.aboutamlogic { width: 100%; position: relative; }
.aboutamlogic dl { color: #FFF; position: absolute; width: 100%; top: 50%; transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); -webkit-transform: translateY(-25%); }
.aboutamlogic dl dt { text-align: center; }
.aboutamlogic dl dt h3 { font-size: 45px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 50px; }
.aboutamlogic dl dt h4 { font-size: 30px; line-height: 50px; font-weight: 400; }
.aboutamlogic dl dd { text-align: center; padding-top: 20px; }
.aboutamlogic dl dd p { line-height: 24px; font-size: 14px; margin: 0px 20px; text-shadow: 0px 0px 10px #000; }
.aboutamlogic dl dd span a { display: inline-block; background: rgba(153,153,153,.8); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; border-radius: 5px; padding: 2px 15px; color: #FFF; font-size: 14px; font-weight: 400; margin-top: 8px; }
.aboutamlogic dl dd span a:hover { background: #033f62; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; }

.Semiconductor { padding: 60px 0px; }
.Semiconductor h3 { text-align: center; font-size: 36px; font-weight: 400; line-height: 48px; color: #333; }
.Semiconductor p.font13 { font-size: 14px; line-height: 24px; color: #666666; text-align: center; padding: 40px 20px; }
.Semiconductor ul { margin: 0px 20px; }
.Semiconductor ul li { float: none; width: 100%; padding: 0px; box-sizing: border-box; margin: 20px 0px 0px; }
.Semiconductor ul li a { display: block; }

.SemiconductorContent { background: #fff; }
.SemiconductorContent dl { padding: 20px; }
.SemiconductorContent dl dt { border-bottom: 1px solid #e1e1e1; padding: 50px 0px; position: relative; }
.SemiconductorContent dl dt img { display: block; width: 136px; height: 131px; margin: auto; transition: .3s transform; -moz-transition: .3s transform; -ms-transition: .3s transform; -o-transition: .3s transform; -webkit-transition: .3s transform; transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); }
.SemiconductorContent dl dd { margin: 0px; padding: 10px 0px 0px; }
.SemiconductorContent dl dd h4 { font-size: 24px; line-height: 28px; background: url(../webimages/index_59.png) no-repeat 100% center; color: #333; padding: 10px 0px; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; }
.SemiconductorContent dl dd p { color: #666666; font-size: 14px; padding-top: 10px; }

.SemiconductorContent:hover h4 { color: #03a5e3; background: url(../webimages/index_59.png) no-repeat 95% center; -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; }
.SemiconductorContent:hover img { transition: .3s transform; -moz-transition: .3s transform; -o-transition: .3s transform; -ms-transition: .3s transform; -webkit-transition: .3s transform; -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); }

.Contactpic { width: 100%; position: relative; height: 350px; background-position: center top; background-repeat: no-repeat; }
.Contactpic img { display: block; width: 100%; }
.Contactbox { margin: 0px 20px; padding: 50px 0px; }
.Contact { border: 1px solid #e7e7e7; background: #fff; }
.Contact ul { margin: 0px; padding: 0px; }
.Contact ul li { width: 100%; box-sizing: border-box; border-bottom: 1px solid #e7e7e7; margin-bottom: -1px; }

.ContactContent { padding: 25px 20px; margin: 0px; }
.ContactContent h3 { background: url(../webimages/index_61.png) no-repeat; line-height: 36px; font-size: 18px; color: #00a0e9; padding-left: 50px; padding-bottom: 25px; }
.ContactContent p { line-height: 24px; font-size: 13px; color: #666; }

.Contactbottom { background: #00a0e9; }
.Contactbottom p { float: none; width: 100%; padding: 20px 0px; font-weight: bold; font-size: 14px; color: #FFF; box-sizing: border-box; border-top: 1px solid rgba(255,255,255,0.5); margin-left: -1px; text-align: center; }
.Contactbottom p span { display: block; font-weight: bold; font-size: 18px; }
.Contactbottom p em { font-weight: 400; font-size: 18px; background: url(../webimages/email.gif) no-repeat right center; padding-right: 30px; }
.Contactbottom p a { color: #fff; }
.Contactbottom p.cur { border: none; }


.Recruitmentpic { width: 100%; height: 350px; position: relative; background-position: center top; background-repeat: no-repeat; }
.Recruitmentpic img { display: block; width: 100%; }

.Recruitmenttitle { margin: 0px 20px; text-align: center; padding: 50px 0px; }
.Recruitmenttitle h3 { font-size: 43px; font-weight: 400; color: #00a0e9; line-height: 55px; }
.Recruitmenttitle h4 { color: #00a0e9; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.Recruitmenttitle p { color: #666; font-size: 14px; padding: 20px 0px 0px; }

.Recruitmentclass { text-align: center; padding-bottom: 65px; }
.Recruitmentclass a { display: inline-block; font-size: 14px; font-weight: 400; color: #333; padding: 0px 5px; position: relative; }
.Recruitmentclass a:hover { color: #00a0e9; }
.Recruitmentclass a.cur { color: #00a0e9; }
.Recruitmentclass a:hover b { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #00a0e9; width: 0px; height: 0px; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px; }
.Recruitmentclass a.cur b { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #00a0e9; width: 0px; height: 0px; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px; }

.Recruitmentlist { padding: 0px 0px 50px; margin: 0px 20px; overflow: hidden; position: relative; }
.Recruitmentlist ul { margin: 0px; padding: 0px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.Recruitmentlist ul li { margin: 0px; padding: 0px; }
.Recruitmentlist ul li h3.jobstitle { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; color: #4e4e4e; font-size: 14px; font-weight: 400; padding: 20px 15px; margin-top: -1px; position: relative; cursor: pointer; }
.Recruitmentlist ul li h3.jobstitle span { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 25px; height: 25px; background: url(../webimages/index_64.png) no-repeat center #00a0e9; border-radius: 100px; }
.Recruitmentlist ul li.cur { background: #FFF; border-bottom: 1px solid #dbdbdb; }
.Recruitmentlist ul li.cur h3 { border-bottom: none; }
.Recruitmentlist ul li.cur h3 span { background: url(../webimages/index_63.png) no-repeat center #00a0e9; }

.RecruitmentContent { padding: 0px 15px 35px; font-size: 13px; line-height: 24px; color: #666666; display: none; }
.RecruitmentContent h4.conttitle { color: #4e4e4e; font-size: 13px; font-weight: bold; padding-bottom: 8px; }
.jobsReturn { text-align: right; padding-top: 10px; }
.jobsReturn a { display: inline-block; background: #00a0e9; font-size: 14px; font-weight: bold; color: #fff; border-radius: 5px; padding: 5px 20px; }

.Productbox { padding: 20px 10px 10px; }

.Productclass { position: relative; margin: 0px 10px; }
.Productclass h3 { background: #FFF; position: relative; font-size: 18px; font-weight: bold; color: #1495d1; padding: 0px 90px 0px 25px; cursor: pointer; border: 1px solid #e6e6e6; }
.Productclass h3 em { display: block; padding: 18px 0px 18px 0px; display: block; width: 100%; }
.Productclass h3 b { border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #00a0e9; width: 0px; height: 0px; display: block; position: absolute; right: 20px; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); top: 50%; }
.Productclass h3 input.Productclasstext { font-size: 18px; color: #4d4d4d; width: 100%; border: none; background: none; outline: none; font-family: "微软雅黑","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB",; }
.Productclass h3 input.Productclasstext::-webkit-input-placeholder { color: #bfbfbf; }
.Productclass h3 input.Productclasstext::-moz-placeholder { color: #bfbfbf; }
.Productclass h3 input.Productclasstext::-ms-input-placeholder { color: #bfbfbf; }
.Productclass h3 input.Productclasstext::-o-input-placeholder { color: #bfbfbf; }

.Productclass h3 input.Productclasssubmit { background: url(../webimages/index_109.png) no-repeat center; height: 100%; position: absolute; right: 0px; width: 75px; outline: none; border-left: 1px solid #e6e6e6; cursor: pointer; top: 0px; }

.Productclass ul { position: absolute; background: rgba(255,255,255,.9); z-index: 99; width: 100%; padding: 10px 0px; top: 66px; height: 450px; overflow-x: hidden; overflow-y: auto; -webkit-transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -ms-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out; transition: all .23s ease-in-out; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; display: none; }
.Productclass ul li { box-sizing: border-box; }
.Productclass ul li a { color: #4d4d4d; font-size: 14px; display: block; padding: 10px 20px; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; }
.Productclass ul li a:hover { background: #03a5e3; color: #fff; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; }

.Productclass ul.cur { -webkit-transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -ms-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out; transition: all .23s ease-in-out; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.recommendation { margin: 0px; padding: 25px 0px 0px; }
.recommendationlist { box-sizing: border-box; padding: 10px 10px; width: 100%; }
.recommendationlistContent { background-size: cover; background-position: center; -webkit-transition: .3s transform; -moz-transition: .3s transform; -ms-transition: .3s transform; -o-transition: .3s transform; transition: .3s transform; -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.recommendationlistContent dl { margin: 0px; padding: 0px; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.recommendationlistContent dl dt { width: 100%; position: relative; }
.recommendationlistContent dl dt img { width: 60%; margin: auto; display: block; }
.recommendationlistContent dl dd { width: 92%; padding: 20px 4%; }
.recommendationlistContent dl h3 { font-size: 24px; font-weight: 400; padding: 30px 45px 20px; }
.recommendationlistContent dl h3 a { color: #333333; }
.recommendationlistContent dl h3 a:hover { color: #333333; }
.recommendationlistContent dl dd p { font-size: 14px; padding-top: 10px; padding-right: 15px; }
.recommendationlistContent dl dd span { font-size: 14px; display: block; padding-top: 10px; }
.recommendationlistContent dl dd a { color: #333; }

.recommendationlistContent:hover { -webkit-transition: .3s transform; -moz-transition: .3s transform; -ms-transition: .3s transform; -o-transition: .3s transform; transition: .3s transform; -webkit-transform: scale(1.025); -moz-transform: scale(1.025); -ms-transform: scale(1.025); -o-transform: scale(1.025); transform: scale(1.025); position: relative; z-index: 11; box-shadow: 0px 0px 10px rgba(0,0,0,.6); }

.Productlist { margin: 0px; padding: 0px; }
.Productlist ul { margin: 0px; padding: 15px 0px 0px; }
.Productlist ul li { float: left; width: 50%; padding: 10px 10px; box-sizing: border-box; position: relative; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 1; }
.Productlist ul li a { display: block; width: 100%; height: 100%; }
.Productlist ul li.cur { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 0; }
.ProductlistContents { background: #F5F5F5; -webkit-transition: .3s transform; -moz-transition: .3s transform; -ms-transition: .3s transform; -o-transition: .3s transform; transition: .3s transform; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ProductlistContents:hover { -webkit-transition: .3s transform; -moz-transition: .3s transform; -ms-transition: .3s transform; transition: .3s transform; -webkit-transform: scale(1.05); transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); box-shadow: 0px 0px 10px rgba(0,0,0,.6); }
.ProductlistContents:hover h3 { color: #666666; }
.ProductlistContents p { padding-top: 25px; position: relative; }
.ProductlistContents p img { display: block; margin: auto; width: 60%; }
.ProductlistContents h3 { text-align: center; font-size: 18px; padding-top: 8px; padding-bottom: 20px; font-weight: 400; }

.ProductDetailedbigpic { width: 100%; height: 350px; position: relative; background-position: center top; background-repeat: no-repeat; }
.ProductDetailedbigpic img { display: block; width: 100%; }

.ProductDetailedtitle { margin: 0px 10px; font-size: 35px; font-weight: bold; color: #00a0e9; line-height: 35px; padding: 15px 0px; }
.ProductDetailedtitleArrow { position: absolute; right: 10px; top: 70px; z-index: 99999; line-height: 46px; }
.ProductDetailedtitleArrow a { display: inline-block; -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; opacity: .8; background-color: rgba(255,255,255,.05); width: 46px; height: 46px; border-radius: 100px; margin-left: 10px; text-align: center; }
.ProductDetailedtitleArrow a.linkright { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.ProductDetailedtitleArrow a:hover { -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; background-color: rgba(255,255,255,.1); opacity: 1; }
.ProductDetailedtitleArrow a:before { content: ''; font-family: Font; font-smooth: always; font-style: normal; font-weight: 400; text-decoration: none; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; color: #FFF; white-space: nowrap; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; }
.ProductDetailedtitleArrow span { padding-right: 15px; font-size: 18px; color: #fff; font-family: Arial, Helvetica, sans-serif; }
.ProductDetailedtitleArrow span em { opacity: .5; }

.ProductDetailedtitleArrow a.ProductArrow { background-color: rgba(255,255,255,.1); }
.ProductDetailedtitleArrow span.ProductPage { padding-right: 15px; font-size: 18px; color: #FFF; font-family: Arial, Helvetica, sans-serif; }

.ProductDetailedIntroduction { width: 100%; position: relative; float: left; transition: .3s transform; -moz-transition: .3s transform; -ms-transition: .3s transform; -o-transition: .3s transform; -webkit-transition: .3s transform; }
.ProductDetailedIntroduction dl { left: 20px; right: 20px; padding: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); position: absolute; }
.ProductDetailedIntroduction dl dt { margin: 0px; padding: 0px; width: 100%; text-align: center; }
.ProductDetailedIntroduction dl dt img { max-height: 60%; max-width: 60%; }
.ProductDetailedIntroduction dl dd { position: relative; left: 0; top: 0; margin: 0px; padding: 0px 0px 50px; color: #FFF; -webkit-transform: translateY(0); transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.ProductDetailedIntroduction dl dd h3 { font-size: 36px; font-weight: 400; line-height: 40px; padding-bottom: 15px; }
.ProductDetailedIntroduction dl dd p { font-size: 14px; }

.ProductDetailedParametersbox { padding: 50px 10px; }
.ProductDetailedParameters { background: #ffffff; }
.ProductDetailedParameters h3.Parameterstitle { background: #00a0e9; font-size: 24px; line-height: 26px; color: #FFF; padding: 18px 40px; }
.ParametersTable { padding: 10px 15px; }
.ParametersTable dl { margin: 0px; padding: 0px; }
.ParametersTable dl.cur { border-bottom: 1px solid #e5e5e5; }
.ParametersTable dl dt.left30 { float: left; width: 28%; }
.ParametersTable dl dt.left30 h3 { color: #333333; font-size: 18px; font-weight: 400; padding: 15px 0px; }
.ParametersTable dl dd.right60 { float: right; width: 72%; }

.ParametersTableContent { padding: 15px 0px; font-size: 14px; color: #666666; }

.ProductProgram { background: #FFF; padding: 50px 0px; }
.ProductProgram h3 { text-align: center; font-size: 36px; line-height: 50px; font-weight: 400; color: #333333; }
.ProductProgram h4 { font-size: 14px; color: #333333; text-align: center; padding-top: 8px; }
.ProductProgram ul { padding: 0px; margin: 35px 10px 0px; }
.ProductProgram ul li { width: 100%; box-sizing: border-box; border: 1px solid #e5e5e5; margin-left: -1px; margin-bottom: -1px; -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: .3s transform; transition: .3s transform; -moz-transition: .3s transform; -ms-transition: .3s transform; -o-transition: .3s transform; }
.ProductProgram ul li:hover { -webkit-transform: scale(1.025); -moz-transform: scale(1.025); -ms-transform: scale(1.025); -o-transform: scale(1.025); transform: scale(1.025); -webkit-transition: .3s transform; transition: .3s transform; -moz-transition: .3s transform; -ms-transition: .3s transform; -o-transition: .3s transform; position: relative; z-index: 999; box-shadow: 0px 0px 10px rgba(0,0,0,.2); }

.ProductProgramContent { padding-bottom: 20px; border: 6px solid #FFF; background: #FFF; }
.ProductProgramContent dl { margin: 0px; padding: 0px; }
.ProductProgramContent dl dt { background: #fff; padding: 50px 0px; }
.ProductProgramContent dl dt img { display: block; margin: auto; max-height: 40%; max-width: 40%; }
.ProductProgramContent dl dd { margin: 0px; padding: 0px; }
.ProductProgramContent dl dd h5 { font-size: 18px; color: #333; font-weight: 400; line-height: 24px; padding: 15px 10px; }
.ProductProgramContent dl dd p { padding: 0px 10px; font-size: 14px; color: #666; }

/*.ProductProgramContent dl dt.ProductProgramtouying{ background:url(../webimages/index_111.png) no-repeat center #0cb0d5;}
.ProductProgramContent dl dt.ProductProgramjiaju{ background:url(../webimages/index_112.png) no-repeat center #f39800;}background:url(../webimages/index_110.png) no-repeat center #8fc31f;
*/
.Applicationbigpic { width: 100%; height: 350px; position: relative; background-position: center top; background-repeat: no-repeat; }
.Applicationbigpic img { display: block; width: 100%; }

.Applicationbox { padding: 40px 0px; }

.Application { margin: 0px 15px; }
.Application ul { margin: 0px; padding: 0px; }
.Application ul li { box-sizing: border-box; margin: 10px 0px; }
.Application ul li img { margin: 0px auto; display: block; }
.Application ul li h3 { font-size: 24px; font-weight: bold; color: #FFF; padding: 20px; text-align: center; }
.Application ul li a { display: block; padding: 40px 0 10px; position: relative; }
.Application ul li.jidinghe { width: 100%; background-color: #8fc31f; background-image: url(../webimages/index_110.png); background-repeat: no-repeat; background-position: center; }
.Application ul li.dianshi { width: 100%; background-color: #0cb0d5; background-image: url(../webimages/index_111.png); background-repeat: no-repeat; background-position: center; }
.Application ul li.zhineng { width: 100%; background-color: #f39800; background-image: url(../webimages/index_112.png); background-repeat: no-repeat; background-position: center; }
.Application ul li.dianshibang { width: 100%; background-color: #0cb0d5; background-image: url(../webimages/index_111.png); background-repeat: no-repeat; background-position: center; }
.Application ul li.touyingyi { width: 100%; background-color: #f39800; background-image: url(../webimages/index_126.png); background-repeat: no-repeat; background-position: center; background-position-y: 35%; }
.Application ul li.pingban { width: 100%; background-color: #8fc31f; background-image: url(../webimages/index_110.png); background-repeat: no-repeat; background-position: center; }

.ApplicationOutline { background: #f0f0f0; padding: 30px 0px; }
.ApplicationOutline dl { max-width: 1180px; margin: 0px auto; }
.ApplicationOutline dl dt { }
.ApplicationOutline dl dt img { display: block; width: 90%; margin: auto; }
.ApplicationOutline dl dd { padding: 0px 15px; }
.ApplicationOutline dl dd h3 { font-size: 36px; font-weight: 400; line-height: 35px; padding-top: 45px; color: #333; }
.ApplicationOutline dl dd p { font-size: 14px; color: #666; line-height: 24px; padding-top: 25px; }

.ApplicationOutlineProperty { padding: 50px 20px; background: #FFF; }
.ApplicationOutlineProperty ul { margin: 0px; }
.ApplicationOutlineProperty ul h3 { font-size: 24px; line-height: 30px; color: #333; padding: 0px 20px 40px; }
.ApplicationOutlineProperty ul li { width: 100%; box-sizing: border-box; border: 1px solid #d9d9d9; margin-top: -1px; }
.ApplicationOutlineProperty ul li p { padding: 20px 0px 15px; }
.ApplicationOutlineProperty ul li p img { display: block; margin: auto; }
.ApplicationOutlineProperty ul li h4 { font-size: 14px; padding: 0px 12px 20px; color: #666; line-height: 18px; }
.ApplicationOutlineProperty ul li h4.alcenter { text-align: center; }


.ApplicationSolutions { margin: 0px 20px; position: relative; }
.ApplicationSolutions ul { margin: 0px; padding: 30px 0px 40px; }
.ApplicationSolutions ul li.ApplicationSolutionslist { width: 100%; padding: 0px; position: relative; box-sizing: border-box; margin-top: 10px; opacity: 1; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.ApplicationSolutions ul li.cur { opacity: 0; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }

.ApplicationSolutionsContent { position: relative; min-height: 345px; background: #FFF; cursor: pointer; }
.ApplicationSolutionsContent img { margin: auto; display: block; max-height: 70%; max-width: 70%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%,-66%); -webkit-transform: translate(-50%,-66%); transform: translate(-50%,-66%); -moz-transform: translate(-50%,-66%); -o-transform: translate(-50%,-66%); }
.ApplicationSolutionsContent h3 { background: #bfc0c1; padding: 15px 3%; position: absolute; bottom: 0px; width: 94%; color: #FFF; font-weight: 400; line-height: 26px; font-size: 16px; }

.ApplicationSolutionspopup { position: fixed; background: #00a0e9; height: 450px; top: 50%; left: 5px; right: 5px; overflow: hidden; z-index: 999; display: none; -webkit-transform: scale(1) translateY(-50%); -moz-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); -o-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; opacity: 1; }
.ApplicationSolutionspopuplist { position: relative; width: 99999px; }
.ApplicationSolutionspopupbox { float: left; position: relative; -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; background: #000; }
.ApplicationSolutionspopupleft { width: 50%; height: 67%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.ApplicationSolutionspopupleft img { display: block; position: absolute; max-width: 90%; max-height: 90%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.ApplicationSolutionspopupright { padding: 0px 3% 0px 47%; }
.ApplicationSolutionspopup h3.Solutionstitle { font-size: 24px; line-height: 26px; color: #FFF; padding: 40px 20px 15px; }
.ApplicationSolutionspopupContent { overflow: auto; color: #FFF; }
.ApplicationSolutionspopupContent td { font-size: 14px; line-height: 26px; padding-bottom: 5px; word-break: break-all; }

.ApplicationSolutionspopupScaling { -webkit-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); -moz-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); -o-transform: scale(1) translateY(-50%); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; opacity: 1; }

.ApplicationSolutionsclose { position: absolute; background: url(../webimages/index_106.png) no-repeat center rgba(255,255,255,.2); width: 45px; height: 45px; z-index: 999; right: 15px; cursor: pointer; top: 15px; border-radius: 100px; }

.ApplicationSolutionsArrow { position: absolute; left: 10px; right: 10px; bottom: 10px; height: 45px; text-align: center; }
.ApplicationSolutionsArrow span { position: absolute; top: 0px; width: 46px; height: 46px; cursor: pointer; background-color: rgba(255,255,255,.2); border-radius: 100px; line-height: 46px; }
.ApplicationSolutionsArrow span:before { content: ''; font-family: Font; font-smooth: always; font-style: normal; font-weight: 400; text-decoration: none; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; color: #FFF; white-space: nowrap; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; }
.ApplicationSolutionsArrow span.caseleft { left: 0px; }
.ApplicationSolutionsArrow span.caseright { right: 0px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }


.ApplicationSolutionsArrow em { display: inline-block; line-height: 45px; }
.ApplicationSolutionsArrow em a { display: inline-block; width: 12px; height: 12px; margin: 0px 5px; background: rgba(255,255,255,.5); border-radius: 100px; }
.ApplicationSolutionsArrow em a.cur { background: rgba(255,255,255,1); }

.ApplicationChipbigpic { width: 100%; float: left; height: 350px; position: relative; background-position: center top; background-repeat: no-repeat; transition: .3s transform; -moz-transition: .3s transform; -ms-transition: .3s transform; -o-transition: .3s transform; -webkit-transition: .3s transform; }
.ApplicationChipbigpic img { display: block; width: 100%; }

.ApplicationChipDescription { background-image: url(../webimages/index_96.jpg); background-size: cover; background-position: center; width: 100%; position: relative; }
.ApplicationChipDescription dl { position: relative; padding: 40px 4%; }
.ApplicationChipDescription dl dt { width: 100%; padding-bottom: 15px; }
.ApplicationChipDescription dl dt img { max-height: 80%; max-width: 80%; display: block; margin: auto; }
.ApplicationChipDescription dl dd { position: relative; width: 100%; }
.ApplicationChipDescription dl dd h3 { font-size: 36px; line-height: 45px; color: #333; font-weight: 400; }
.ApplicationChipDescription dl dd p { font-size: 14px; color: #666; line-height: 24px; padding-top: 20px; }

.ApplicationChiplist { background: #FFF; padding: 30px 0px 30px; }
.ApplicationChiplist h3 { font-size: 36px; color: #2a2f32; text-align: center; line-height: 40px; padding-bottom: 30px; font-weight: 400; }
.ApplicationChiplist ul { margin: 0px 10px; }
.ApplicationChiplist ul li { float: left; width: 50%; padding: 0px 5px; box-sizing: border-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; margin-top: 10px; }
.ApplicationChiplist ul li a { display: block; }
.ApplicationChiplistContent { border: 1px solid #e3e3e3; -webkit-transition: all .6s cubic-bezier(.23,1,.32,1) .6s; transition: all 1s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all 1s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all 1s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all 1s cubic-bezier(.23,1,.32,1) .1s; }
.ApplicationChiplistContent p { padding-top: 25px; }
.ApplicationChiplistContent p img { display: block; margin: auto; width: 60%; -webkit-transition: .3s transform; transition: .3s transform; -moz-transition: .3s transform; -ms-transition: .3s transform; -o-transition: .3s transform; -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.ApplicationChiplistContent h3 { text-align: center; font-size: 18px; font-weight: 400; padding-top: 8px; padding-bottom: 20px; }

.ApplicationChiplistContent:hover { border: 1px solid #1495d1; background: #1495d1; -webkit-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .6s cubic-bezier(.23,1,.32,1) .1s; box-shadow: 0px 0px 10px rgba(0,0,0,.5); }
.ApplicationChiplistContent:hover img { -webkit-transition: .3s transform; transition: .3s transform; -moz-transition: .3s transform; -ms-transition: .3s transform; -o-transition: .3s transform; -webkit-transform: scale(1.05); transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.ApplicationChiplistContent:hover h3 { color: #FFF; }

.ApplicationChipParameters { margin: 0px auto; padding: 50px 0px; }
.ApplicationChipParameters h3 { font-size: 36px; color: #333; text-align: center; line-height: 40px; padding-bottom: 50px; font-weight: 400; }

.Chipparameters { margin: 0px 20px; position: relative; }

.Chipparametersleft { position: absolute; left: 0px; width: 72px; top: 0px; overflow: hidden; }
.Chipparametersright { overflow-y: hidden; overflow-x: auto; }

.companyIntrobigpic { width: 100%; height: 350px; position: relative; background-position: center top; background-repeat: no-repeat; }
.companyIntrobigpic img { display: block; width: 100%; }

.companyIntro { padding: 50px 0px 0px; }
.companyIntro h3 { text-align: center; font-size: 36px; line-height: 48px; color: #00a0e9; font-weight: 400; }
.companyIntro h4 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #00a0e9; text-align: center; padding-top: 8px; padding-bottom: 40px; }
.companyIntro dl { margin: 0px 15px; padding: 0px; }
.companyIntro dl dt { width: 100%; font-size: 14px; color: #666; }
.companyIntro dl dt h5 { color: #333; font-size: 24px; line-height: 26px; padding-bottom: 40px; }
.companyIntro dl dd { padding-top: 25px; }
.companyIntro dl dd img { display: block; width: 100%; }

.companyCulture { padding: 30px 0px; background: #FFF; }
.companyCulture h3 { margin: 0px 15px; padding-bottom: 30px; font-size: 24px; color: #333; }

.companyCulture ul li { width: 100%; position: relative; }

.companyCultureContent { margin: 0px 15px; position: relative; z-index: 99; }
.companyCultureContent dl { margin: 0px; padding: 0px; }
.companyCultureContent dl dt { margin: 0px auto; width: 125px; height: 125px; background-color: #00a0e9; border-radius: 100px; }
.companyCultureContent dl dd { margin: 0px; padding: 15px 0px 0px; text-align: center; }
.companyCultureContent dl dd h4 { font-size: 18px; font-weight: 400; color: #00a0e9; }
.companyCultureContent dl dd p { font-size: 14px; color: #666; padding-top: 15px; padding-bottom: 20px; }

.companyCultureContent dl dt.xinyu { background-image: url(../webimages/index_99.png); background-position: center; }
.companyCultureContent dl dt.chuangxin { background-image: url(../webimages/index_100.png); background-position: center; }
.companyCultureContent dl dt.hezuo { background-image: url(../webimages/index_101.png); background-position: center; }
.companyCultureContent dl dt.zhuanzhu { background-image: url(../webimages/index_102.png); background-position: center; }


.newsbigpic { width: 100%; position: relative; height: 350px; background-position: center top; background-repeat: no-repeat; }
.newsbigpic img { display: block; width: 100%; }

.Technologybox { width: 100%; position: relative; overflow: hidden; z-index: 1; }
.Technologymain { width: 100%; position: relative; z-index: 99999; overflow: hidden; height: 100%; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; }
.Technologyweb { width: 100%; height: 100%; position: absolute; }

.Technologydot { position: absolute; right: 20px; top: 10%; }
.Technologydot a { display: block; text-align: right; }
.Technologydot a span { display: inline-block; vertical-align: middle; font-size: 14px; color: #00a0e9; padding-right: 10px; opacity: 0; }
.Technologydot a em { display: inline-block; vertical-align: middle; width: 12px; height: 12px; background: #fff; border-radius: 100px; box-shadow: 0px 0px 5px rgba(0,0,0,.5); }
.Technologydot a.cur span { opacity: 1; }
.Technologydot a.cur em { background: #00a0e9; }


.Developmentprocess { padding: 80px 0px; }
.DevelopmentprocessTrend { max-width: 1180px; margin: auto; }
.DevelopmentprocessTrend h3 { font-size: 24px; font-weight: 400; color: #333; padding-bottom: 50px; }

.DevelopmentprocessTrendbg { background: url(../webimages/index_128.gif) no-repeat; height: 426px; }
.DevelopmentprocessTrendbg ul { background: url(../webimages/index_129.gif) no-repeat right; height: 426px; }
.DevelopmentprocessTrendbg ul li { height: 85px; }
.DevelopmentprocessTrendbg ul li p { float: left; width: 16.66666666666667%; position: relative; height: 85px; }
.DevelopmentprocessTrendbg ul li p span { display: block; position: absolute; width: 100%; cursor: pointer; }
.DevelopmentprocessTrendbg ul li p span i { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; padding-bottom: 5px; }
.DevelopmentprocessTrendbg ul li p span em { display: block; width: 18px; height: 18px; margin: auto; border-radius: 100px; background: #FFF; }

.DevelopmentprocessTrendbg ul li p span.Negativetop { top: -15px; }
.DevelopmentprocessTrendbg ul li p span.NegativetopTwo { top: -3px; }
.DevelopmentprocessTrendbg ul li p span.NegativetopThree { top: 10px; }
.DevelopmentprocessTrendbg ul li p.lc2010 { width: 100%; }
.DevelopmentprocessTrendbg ul li p.lc2010 span { position: relative; padding: 37px 0px 0px 31px; width: auto; }
.DevelopmentprocessTrendbg ul li p.lc2010 span i { display: inline-block; padding: 0px 0px 0px 10px; }
.DevelopmentprocessTrendbg ul li p.lc2010 span em { float: left; margin: 0px; position: relative; top: 3px; }

.DevelopmentprocessTrendbg ul li p.lc204 { width: 100%; }
.DevelopmentprocessTrendbg ul li p.lc204 span { position: relative; text-align: right; padding: 50px 60px 0px 0px; width: auto; }
.DevelopmentprocessTrendbg ul li p.lc204 span i { display: inline-block; padding: 0px 10px 0px 0px; vertical-align: middle; }
.DevelopmentprocessTrendbg ul li p.lc204 span em { display: inline-block; margin: 0; vertical-align: middle; }

.DevelopmentprocessTrendbg ul li p span.cur i { color: #f39800; }
.DevelopmentprocessTrendbg ul li p span.cur em { background: #f39800; }

.DevelopmentprocessContents { position: absolute; padding: 0px; left: 10px; right: 10px; top: 0; z-index: 99; }
.DevelopmentprocessContents dl { background-color: #ffffff; display: none; padding: 20px 0px; min-height: 52px; box-shadow: 0px 0px 10px rgba(0,0,0,.5); position: relative; }
.DevelopmentprocessContents dl dt { width: 90%; padding: 0px 5%; font-size: 32px; line-height: 40px; text-align: center; color: #00a0e9; }
.DevelopmentprocessContents dl dd { width: 90%; padding: 10px 5% 0px; font-size: 16px; min-height: 52px; }
.DevelopmentprocessContents dl dd span { vertical-align: middle; }

.Courseclose { display: block; position: absolute; background: url(../webimages/index_130.png) no-repeat center; background-size: 60% 60%; width: 35px; height: 35px; z-index: 999; right: 0px; cursor: pointer; top: 0px; }

.DevelopmentprocessArrow { display: none; position: absolute; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #fff; width: 0; height: 0px; left: 50%; top: -25px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.tanchuweixin { position: fixed; width: 240px; height: 310px; padding: 10px; border: solid 1px #d8d8d8; background: #FFF; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); display: none; z-index: 999999; }
.tanchuweixin p.cur { color: #333; }
.tanchuweixin p span.closetanchu { float: right; cursor: pointer; }
.tanchuweixin img { display: block; margin: auto; max-width: 90%; }

.Commonbanner { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.Productbanner { width: 100%; overflow: hidden; position: relative; }
.Productbannerlist { width: 99999px; position: relative; }


#Applicationbox { position: relative; width: 100%; overflow: hidden; }

.Applicationweb { transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transition: all 1s cubic-bezier(.23,1,.32,1); -moz-transition: all 1s cubic-bezier(.23,1,.32,1); -ms-transition: all 1s cubic-bezier(.23,1,.32,1); -o-transition: all 1s cubic-bezier(.23,1,.32,1); -webkit-transition: all 1s cubic-bezier(.23,1,.32,1); opacity: 1; }
.Applicationtop { transform: translateX(-100px); -webkit-transform: translateX(-100px); -o-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); opacity: 0; }

.Applicationbanner { width: 100%; overflow: hidden; position: relative; }
.Applicationlist { width: 99999px; position: relative; }

.navheight { display: none; }

.newsContents { width: 100%; overflow: hidden; position: relative; }
.MobileShare { display: none; }
.MobileSearchbox { display: none; }

.CommonProgram { position: absolute; left: 25px; top: 100px; width: 180px; }
.CommonProgram a { display: block; line-height: 40px; font-size: 16px; margin-bottom: 15px; position: relative; padding-left: 60px; color: #333; background: rgba(255,255,255,.5); transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.CommonProgram a:hover { color: #004986; }
.CommonProgram a span { display: block; width: 25px; height: 25px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #004986; border-radius: 100px; box-shadow: 0px 3px 5px rgba(0,0,0,.75); }

.MenuSearch { width: 400px; }
.Menu .searchnavlist { height:100%;overflow-x:hidden;overflow-y:auto;}
.searchnavlistbox { padding: 10px 20px; }
.emptytext { padding: 20px 0; font-size: 14px; color: #666; }
.searchnavlistbox dl { padding: 20px 0px; border-bottom: 1px solid #c1c2c5; }
.searchnavlistbox dl dd { font-size: 16px; padding-bottom: 4px; }
.searchnavlistbox dl dd a { color: #333; }
.searchnavlistbox dl dt { font-size: 14px; color: #666; }

.Partnerslist { margin: 0px 20px; padding: 50px 0px 0; }
.Partnerslist h3 { color: #333; font-size: 24px; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin: 0px 10px; }
.Partnerslist h3 span { color: #666; display: block; padding-left: 0px; padding-top: 10px; font-weight: normal; font-size: 14px; line-height: 18px; }
.Partnerslist h3 a { float: right; display: inline-block; padding: 4px 20px; background-color: #4d4d4d; border-radius: 4px; color: #FFF; }
.Partnerslist h3 a:hover { background-color: #00a0e9; }
.Partnerslist ul { margin: 0px; padding: 20px 0px 0px; }
.Partnerslist ul li { box-sizing: border-box; float: left; width: 50%; padding-left: 10px; padding-right: 10px; padding-top: 15px; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }

.Recruitmentlistleft { transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); -webkit-transform: translateX(-100px); opacity: 0; }
.Recruitmentlistright { transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0; }

/*网站地图*/
.Menu ul.cur .Sitemap { transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.Sitemaplist { max-width: 1200px; margin: auto; padding: 40px 0px 60px; height: 70%; }
.Sitemaplist dl { margin: 0px; padding: 0px; }
.Sitemaplist dl dd { float: left; width: 96%; color: #fff; padding: 0px 2%; }
.Sitemaplist dl dd h3 { border-bottom: 1px solid #8C8C8C; font-size: 18px;font-weight:bold; position: relative; padding: 20px 0px 10px; margin-bottom: 10px; }
.Sitemaplist dl dd h3 a { color: #fff; display: block; z-index: 9; border-radius: 4px; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; padding: 12px 0; position: relative; }
.Sitemaplist dl dd h3 a span { padding-left: 10px; }
.Sitemaplist dl dd h3 a:before { left: 0; top: 55%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-left: 0; }
.Sitemaplist dl dd h3 a:hover { color: #03a5e3; }
.Sitemaplist dl dd p span a { display: block; font-size: 12px; color: #fff; position: relative; border-radius: 4px; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; padding: 12px 0; }
.Sitemaplist dl dd p span a:hover { color: #03a5e3; }
.Sitemaplist dl dd p span { display: block; padding: 0px; }
.Sitemaplist dl dd:nth-of-type(3n+1) { clear: none; }

.SitmapB { max-width: 1200px; margin: 0 auto; }
.SitmapBlink { float: left; }
.SitmapBlink a { display: inline-block; width: 117px; height: 35px; line-height: 35px; text-align: center; color: #999; font-size: 14px; background-color: #222; margin-right: 19px; }
.SitmapB .shareR a { background-image:url(../webimages/nqhicon_15b.png);}

@media only screen and (min-width:667px) {
    .newsComplexlist { width: 100%; }
}


@media only screen and (min-width:668px) {
    .aboutamlogic dl dd span a { margin-top: 0px; }
    .Contactbottom p { float: left; width: 50%; padding: 20px 0px; font-weight: bold; font-size: 14px; color: #FFF; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,0.5); margin-left: -1px; text-align: center; border-top: none; }
    .Contactbottom p span { display: block; font-weight: bold; font-size: 18px; }
    .Contactbottom p em { font-weight: 400; font-size: 18px; background: url(../webimages/email.gif) no-repeat right center; padding-right: 30px; }
    .Contactbottom p a { color: #fff; }
    .Contactbottom p.cur { border: none; }

    .newsComplexTime { box-shadow: 0px -70px 80px #FAFAFA inset; padding: 50px 0px 10px; position: absolute; position: absolute; left: 20px; right: 20px; bottom: 0px; }
    .newsComplexContent:hover .newsComplexTime { box-shadow: 0px -70px 80px #FFF inset; }
    .newsComplexContent { height: 435px; }
    .newsComplexlist { width: 50%; padding-left: 10px; padding-right: 10px; }
    .newsSearch { padding: 0px 10px 20px; }

    .Copyright p { margin: 0px 20px; padding: 20px 0px; }
    .Copyright p span { float: right; padding: 0px; }

    .footMap { margin: 0px 20px; }
    .footMap dl { margin: 0px; padding: 20px 0px 0px; }
    .footMap dl dt { padding: 0px; }
    .footMap dl dt a { display: inline-block; margin-right: 5px; padding: 5px 25px; border-radius: 3px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; font-size: 13px; }
    .footMap dl dt a span { background: url(../webimages/index_28.png) no-repeat left center; padding-left: 20px; }
    .footMap dl dt a:hover { background: #00a0e9; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff; }
    .footMap dl dt a:hover span { background: url(../webimages/index_29.png) no-repeat left center; }
    .footMap dl dd { padding-top: 25px; text-align: left; padding-right: 0px; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; }

    .footbox { margin: 0px 20px; padding-top: 40px; }
    .footbox ul { font-size: 14px; padding: 30px 0px 0px; display: none; }
    .footbox ul span { padding: 0px 15px; }
    .footbox dl { margin: 0px; padding: 0px; position: relative; }
    .footbox dl dt { position: absolute; left: 170px; right: 0px; height: 2px; background: #00a0e9; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
    .footbox dl dd { height: 37px; }
    .footbox dl dd img { float: left; display: block; }
    .footMenu { text-align: left; margin: 0px 20px; padding: 15px 0px 15px; }


    .newsContentbox { margin: 0px 20px; }

    .newstitle { margin: 0px; }
    .newstitle h3 { font-size: 36px; line-height: 50px; font-weight: 400; }
    .newstitle p { padding-top: 30px; }
    .newstitle p span { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 25px; line-height: 30px; color: #8e8e8e; border-right: 1px solid #cdcbcb; padding-right: 15px; }
    .newstitle p em { display: inline-block; width: 455px; line-height: 18px; padding-left: 15px; position: relative; top: 5px; font-size: 13px; color: #8e8e8e; }

    .newsContent { padding: 35px 2% 0px 20%; color: #666; font-size: 14px; line-height: 36px; }
    .newsReturn { padding: 45px 2% 0px 20%; text-align: left; }

    .commonclass { border-bottom: 1px solid #e6e6e6; background: #FFF; position: relative; z-index: 99; }
    .commonclass h3 { display: none; }
    .commonclass ul { margin: 0px; padding: 0px; position: relative; width: 100%; background: #fff; display: block; -webkit-transition: all .23s ease-in-out; transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -ms-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out; -webkit-transform: translateY(0px); transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); opacity: 1; }
    .commonclass ul a { display: inline-block; padding: 30px 50px; color: #666; font-size: 17px; border-right: 1px solid #e2e1e1; position: relative; }
    .commonclass ul a:hover { color: #4d4d4d; background: #EBEBEB; }
    .commonclass ul a.cur { color: #FFF; background: #2a2f32; }
    .commonclass ul a.cur b { display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #2a2f32; }
    .commonclass ul.cur { margin-bottom: -1px; }

    .commonclass ul a.newscompany:hover { background: #00a0e9; color: #FFF; }
    .commonclass ul a.newscompany.cur { background: #00a0e9; color: #FFF; }
    .commonclass ul a.newscompany.cur b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #00a0e9; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; }
    .commonclass ul a.newscompany:hover b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #00a0e9; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; }


    .commonclass ul a.newsIndustry:hover { background: #ee4e00; color: #FFF; }
    .commonclass ul a.newsIndustry.cur { background: #ee4e00; color: #FFF; }
    .commonclass ul a.newsIndustry.cur b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #ee4e00; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; }
    .commonclass ul a.newsIndustry:hover b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #ee4e00; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; }


    .commonclass ul a.newsProduct:hover { background: #ff9000; color: #FFF; }
    .commonclass ul a.newsProduct.cur { background: #ff9000; color: #FFF; }
    .commonclass ul a.newsProduct.cur b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #ff9000; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; }
    .commonclass ul a.newsProduct:hover b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #ff9000; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; }

    .Core dl dd { float: right; width: 440px; }
    .Core dl dd h3 { color: #FFF; font-size: 42px; font-weight: 400; line-height: 62px; padding-bottom: 20px; }
    .Core dl dd p { font-size: 16px; color: #FFF; line-height: 30px; }

    .Multimedia dl dd { float: left; width: 435px; }
    .Multimedia dl dd h3 { color: #FFF; font-size: 42px; font-weight: 400; line-height: 62px; padding-bottom: 20px; }
    .Multimedia dl dd p { font-size: 16px; color: #FFF; line-height: 30px; }

    .Internet dl dd { float: right; width: 440px; }
    .Internet dl dd h3 { color: #FFF; font-size: 42px; font-weight: 400; line-height: 62px; padding-bottom: 20px; }
    .Internet dl dd p { font-size: 16px; color: #FFF; line-height: 30px; }

    .operating dl dd { float: left; width: 485px; }
    .operating dl dd h3 { color: #FFF; font-size: 42px; line-height: 62px; padding-bottom: 20px; }
    .operating dl dd p { font-size: 16px; color: #FFF; line-height: 30px; }

    .Core dl { right: 20px; left: 20px; }
    .Multimedia dl { right: 20px; left: 20px; }
    .Internet dl { right: 20px; left: 20px; }
    .operating dl { right: 20px; left: 20px; }

    .TechnologyFile h3 span { display: block; margin: 0px 20px; font-size: 24px; color: #FFF; }
    .TechnologyFile ul { margin: 0px 20px; padding: 0px; }
    .TechnologyFile ul li { font-size: 14px; margin-top: 15px; }
    .TechnologyFile ul li a { display: block; padding: 17px 175px 17px 25px; position: relative; }
    .TechnologyFile ul li a:hover { color: #00a0e9; }
    .TechnologyFile ul li a span { position: absolute; border: 1px solid #e6e6e6; right: 0px; padding: 17px 20px 17px 55px; background: url(../webimages/index_83.png) no-repeat 20px center #FFF; font-size: 22px; font-weight: bold; color: #00a0e9; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

    .Partners { margin: 0px 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); position: relative; }
    .Partners h3 span { display: inline-block; padding-left: 30px; padding-top: 0px; font-weight: normal; font-size: 14px; line-height: 18px; }

    .aboutamlogic dl { color: #FFF; position: absolute; width: 100%; top: 50%; transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); -webkit-transform: translateY(-25%); }
    .aboutamlogic dl dd p { line-height: 24px; font-size: 14px; margin: 0px 20px; }
    .Semiconductor p.font13 { font-size: 14px; line-height: 24px; color: #666666; text-align: center; padding: 40px 20px; }
    .Semiconductor ul { max-width: 1200px; margin: 0px 20px; }
    .Semiconductor ul li { float: left; width: 50%; padding: 0px 10px; box-sizing: border-box; margin: 0px; }

    .Contactbox { margin: 0px 20px; padding: 50px 0px; }
    .ContactContent { padding: 25px 40px; margin: 0px; }
    .Contactbottom p { text-align: center; }
    .Contactbottom p span { display: block; font-weight: bold; font-size: 18px; }
    .Contactbottom p em { }

    .Recruitmenttitle { margin: 0px 20px; text-align: center; padding: 50px 0px; }
    .Recruitmenttitle p { color: #666; font-size: 14px; padding: 20px 20px 0px; }
    .Recruitmentclass a { display: inline-block; font-size: 18px; color: #333; padding: 0px 30px; position: relative; }
    .Recruitmentlist { margin: 0px 20px; padding: 0px 0px 50px; }
    .Recruitmentlist ul li h3.jobstitle { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; color: #4e4e4e; font-size: 14px; font-weight: bold; padding: 20px 35px; margin-top: -1px; position: relative; cursor: pointer; }

    .RecruitmentContent { padding: 0px 35px 35px; font-size: 13px; line-height: 24px; color: #666666; display: none; }
    .Recruitmentlist ul li h3.jobstitle span { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); display: block; width: 25px; height: 25px; background: url(../webimages/index_64.png) no-repeat center #00a0e9; border-radius: 100px; }
    .Recruitmentlist ul li.cur { background: #FFF; border-bottom: 1px solid #dbdbdb; }
    .Recruitmentlist ul li.cur h3 { border-bottom: none; }
    .Recruitmentlist ul li.cur h3 span { background: url(../webimages/index_63.png) no-repeat center #00a0e9; }
    .RecruitmentContent h4.conttitle { color: #4e4e4e; font-size: 15px; font-weight: bold; padding-bottom: 8px; }
    .jobsReturn a { display: inline-block; background: #00a0e9; font-size: 16px; font-weight: bold; color: #fff; border-radius: 5px; padding: 8px 30px; }

    /*	.ProductDetailedtitleArrow{ position:absolute; right:30px; top:40px; z-index:99999}
	.ProductDetailedtitleArrow a{display:inline-block; -webkit-transition:all .3s cubic-bezier(.23,1,.32,1) .1s; transition:all .3s cubic-bezier(.23,1,.32,1) .1s;background-repeat:no-repeat; background-position:center; background-size:50%; opacity:.8; background-color:rgba(255,255,255,.05); width:40px; height:40px; border-radius:100px; margin-left:10px;}
	.ProductDetailedtitleArrow a.linkright{ -webkit-transform:rotate(180deg); transform:rotate(180deg)}
	.ProductDetailedtitleArrow a:hover{-webkit-transition:all .3s cubic-bezier(.23,1,.32,1) .1s;transition:all .3s cubic-bezier(.23,1,.32,1) .1s;background-color:rgba(255,255,255,.1);opacity:1;}
*/

    .recommendationlistContent dl dt { float: left; width: 50%; height: 280px; position: relative; }
    .recommendationlistContent dl dt img { position: absolute; left: 50%; width: 100%; top: 40%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
    .recommendationlistContent dl dd { float: right; width: 50%; padding: 40px 0px 0px; }

    .ProductlistContents p img { display: block; margin: auto; width: 145px; }

    .Productclass ul { height: auto; overflow: visible; }
    .Productclass ul li { float: left; width: 25%; }

    .ProductlistContents h3 { text-align: center; font-size: 18px; padding-top: 15px; padding-bottom: 30px; }

    .recommendationlistContent dl h3 { font-size: 32px; font-weight: 400; padding: 30px 45px 0px; }

    .ProductDetailedIntroduction dl { left: 20px; right: 20px; padding: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); position: absolute; }
    .ProductDetailedIntroduction dl dt { margin: 0px; padding: 0px; width: 56%; }
    .ProductDetailedIntroduction dl dt img { max-height: 90%; max-width: 90%; }
    .ProductDetailedIntroduction dl dd { position: absolute; left: 57.5%; top: 50%; margin: 0px; padding: 0px; color: #FFF; -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
    .ProductDetailedIntroduction dl dd h3 { font-size: 36px; font-weight: 400; line-height: 40px; padding-bottom: 15px; }
    .ProductDetailedIntroduction dl dd p { font-size: 14px; }

    .Application { margin: 0px 20px; height: 545px; position: relative; }
    .Application ul { margin: 0px; padding: 0px; }
    .Application ul li { position: absolute; box-sizing: border-box; margin: 0px; padding: 0px; -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; }
    .Application ul li img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-68%); transform: translate(-50%,-68%); -moz-transform: translate(-50%,-68%); -ms-transform: translate(-50%,-68%); -o-transform: translate(-50%,-68%); }
    .Application ul li h3 { font-size: 24px; position: absolute; font-weight: bold; color: #FFF; bottom: 20px; left: 15px; right: 15px; line-height: 26px; padding: 0px; }
    .Application ul li a { display: block; min-height: 100%; padding: 0px; }

    .Application ul li.jidinghe { width: 62.5%; left: 0; top: 0; height: 358px; }
    .Application ul li.dianshi { width: 15.4%; left: 31.3%; bottom: 0; height: 180px; }
    .Application ul li.dianshi img { max-height: 51%; max-width: 51%; }
    .Application ul li.zhineng { width: 15.4%; left: 15.6%; bottom: 0; height: 180px; }
    .Application ul li.zhineng img { max-height: 51%; max-width: 51%; }
    .Application ul li.dianshibang { width: 15.4%; bottom: 0; left: 0; height: 180px; }
    .Application ul li.dianshibang img { max-height: 51%; max-width: 51%; }
    .Application ul li.touyingyi { width: 37%; top: 0; right: 0; height: 100%; }
    .Application ul li.pingban { width: 15.4%; bottom: 0; left: 47.1%; height: 180px; }
    .Application ul li.pingban img { max-height: 51%; max-width: 51%; }

    .Application ul li:hover { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; z-index: 999; box-shadow: 0px 0px 10px rgba(0,0,0,.5); }


    .PartnersContent p { margin: 0px 15px; padding: 0px; }


    .ApplicationOutline { background: #f0f0f0; padding: 90px 0px; }
    .ApplicationOutline dl { margin: 0px 20px; }
    .ApplicationOutline dl dt { float: right; width: 45%; }
    .ApplicationOutline dl dt img { display: block; width: 100%; }
    .ApplicationOutline dl dd { float: left; width: 52%; padding: 0px; }
    .ApplicationOutline dl dd h3 { font-size: 36px; font-weight: 400; line-height: 35px; padding-top: 45px; }
    .ApplicationOutline dl dd p { font-size: 14px; color: #666; line-height: 24px; padding-top: 25px; }

    .ApplicationOutlineProperty { padding: 50px 0px; background: #FFF; }
    .ApplicationOutlineProperty ul { margin: 0px 20px; }
    .ApplicationOutlineProperty ul h3 { font-size: 24px; line-height: 30px; color: #333; padding: 0px 20px 40px; }
    .ApplicationOutlineProperty ul li { float: left; width: 20%; box-sizing: border-box; border: 1px solid #d9d9d9; min-height: 230px; margin-top: -1px; margin-left: -1px; }
    .ApplicationOutlineProperty ul li p { padding: 30px 0px 15px; }
    .ApplicationOutlineProperty ul li p img { display: block; margin: auto; }
    .ApplicationOutlineProperty ul li h4 { font-size: 14px; padding: 0px 12px; color: #666; line-height: 18px; }
    .ApplicationOutlineProperty ul li h4.alcenter { text-align: center; }

    .ApplicationSolutions { margin: 0px 20px; }
    .ApplicationSolutions ul { margin: 0px; padding: 60px 0px; }
    .ApplicationSolutions ul li.ApplicationSolutionslist { float: left; width: 50%; padding: 0px 5px; position: relative; box-sizing: border-box; margin-top: 10px; }

    .ApplicationSolutionsContent { position: relative; min-height: 270px; background: #FFF; transform: scale(1); -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -webkit-transform: scale(1); -moz-transform: .3s transform; -ms-transform: .3s transform; -o-transform: .3s transform; transform: .3s transform; -webkit-transform: .3s transform; }
    .ApplicationSolutionsContent h3 { background: #bfc0c1; padding: 15px 3%; position: absolute; bottom: 0px; width: 94%; color: #FFF; font-weight: 400; line-height: 26px; font-size: 16px; }
    .ApplicationSolutionsContent:hover { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transition: .3s transform; -ms-transition: .3s transform; -o-transition: .3s transform; transition: .3s transform; -webkit-transition: .3s transform; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); z-index: 999; }

    .ApplicationChiplist ul { margin: 0px 20px; }
    .ApplicationChiplist ul li { float: left; width: 25%; padding: 0px 5px; box-sizing: border-box; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
    .ApplicationChiplistContent p img { display: block; margin: auto; width: 60%; }

    .ApplicationChipDescription { background-image: url(../webimages/index_96.jpg); background-size: cover; background-position: center; width: 100%; height: 400px; position: relative; }
    .ApplicationChipDescription dl { position: absolute; padding: 0px; left: 20px; right: 20px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    .ApplicationChipDescription dl dt { width: 56%; }
    .ApplicationChipDescription dl dt img { display: block; max-width: 90%; max-height: 90%; }
    .ApplicationChipDescription dl dd { position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 50%; right: 3%; width: inherit; }
    .ApplicationChipDescription dl dd h3 { font-size: 36px; line-height: 45px; color: #333; font-weight: 400; }
    .ApplicationChipDescription dl dd p { font-size: 14px; color: #666; line-height: 24px; padding-top: 20px; }

    .Chipparameters { margin: 0px 20px; }

    .companyCulture ul li { float: left; width: 50%; position: relative; }
    .companyCultureContent { margin: 0px 30px; }
    .companyIntro dl dd img { display: block; margin: auto; max-width: 50%; max-height: 50%; }

    .ApplicationSolutionspopup { left: 105px; right: 25px; }

    .Developmentprocess { padding: 80px 0px; }
    .DevelopmentprocessTrend { margin: 0px 20px; }
    .DevelopmentprocessTrend h3 { font-size: 24px; color: #333; }

    .DevelopmentprocessContents { position: relative; margin-top: 40px; padding: 20px 20px 0px; left: auto; right: auto; top: auto; }
    .DevelopmentprocessContents dl { background-color: #ffffff; padding: 40px 0px; min-height: 52px; box-shadow: none; }
    .DevelopmentprocessContents dl dt { float: left; width: 20%; font-size: 32px; line-height: 42px; padding: 0px; border-right: 1px solid #e6e6e6; text-align: center; color: #00a0e9; }
    .DevelopmentprocessContents dl dd { float: right; width: 70%; padding: 0px 5% 0px 0px; font-size: 16px; min-height: 52px; }
    .DevelopmentprocessContents dl dd span { vertical-align: middle; }

    .DevelopmentprocessArrow { display: block; position: absolute; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; width: 0; height: 0px; left: 50%; top: 0px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

    .Share { display: block; }

    .ProductDetailedtitleArrow { top: 40px; }

    .DevelopmentprocessTrendbg ul li p span i { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 20px; text-align: center; padding-bottom: 5px; }
    .Courseclose { display: none; }
    .TechnologyLine { left: 20px; right: 20px; display: block; }

    .aboutamlogic dl dt h3 { font-size: 55px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 60px; }
    .aboutamlogic dl dt h4 { font-size: 42px; line-height: 50px; font-weight: 400; }

    .tanchuweixin { left: 55%; }

    .Partners h3 { color: #333; font-size: 20px; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin: 0px 10px; }
    .Partners ul { margin: 0px; padding: 11px 0px 0px; }
    .Partners dl { margin: 0px; padding: 15px 10px 0px; }
    .Partners dl dt { font-size: 20px; border-bottom: 1px solid #dedede; padding-bottom: 15px; color: #333; }
    .Partners dl dd span { padding: 6px 15px 6px 40px; background: url(../webimages/index_123.png) no-repeat 15px center #00a0e9; background-size: 20px 18px; font-size: 16px; }

    .PartnersContent { border: 1px solid #e7e4e4; background: #FFF; padding: 5px 0px; }
    .PartnersContent p { margin: 0px 5px; padding: 0px; }
    .PartnersContent p img { display: block; margin: auto; max-height: 70%; max-width: 70%; }
    .PartnersContent h4 { text-align: center; color: #666666; height: 35px; line-height: 35px; overflow: hidden; }

    .TechnicalDocumentsM span.TechnicalDocumentsMleft { float: left; width: 64.5%; background: #fff; border: 1px solid #e7e4e4; text-align: center; }
    .TechnicalDocumentsM span.TechnicalDocumentsMright { float: right; width: 34%; background: #00a0e9; }

    .TechnicalDocumentsM span.TechnicalDocumentsMleft a { line-height: 24px; display: inline-block; height: 24px; padding: 0px 1%; font-size: 13px; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a em { display: inline-block; padding-left: 0px; text-align: left; padding-left: 25px; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a em.yewu { background: url(../webimages/index_148.png) no-repeat left center; background-size: 20px 18px; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a em.jishu { background: url(../webimages/index_149.png) no-repeat left center; background-size: 20px 18px; }

    .TechnicalDocumentsM span.TechnicalDocumentsMright a { line-height: 50px; display: block; color: #FFF; font-size: 16px; font-weight: bold; height: 50px; background: url(../webimages/index_123.png) no-repeat 25px center #00a0e9; text-align: center; text-indent: 30px; }
    .Partners ul li { padding-top: 10px; }

    .CommonProgram { width: 200px; left: 40px; }
    .CommonProgram a { display: block; line-height: 50px; font-size: 16px; margin-bottom: 15px; position: relative; padding-left: 65px; color: #333; background: rgba(255,255,255,.5); }
    .CommonProgram a:hover { color: #004986; }
    .CommonProgram a span { display: block; width: 25px; height: 25px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #004986; border-radius: 100px; box-shadow: 0px 3px 5px rgba(0,0,0,.5); }

    .Partnerslist ul li { width: 50%; }


    .MenuShow .Menu.webmapshow { max-width: 100%; width: auto; right: 0;overflow:hidden; }
    .Sitemap { position: fixed; left: 0; right: 0px; top: 0px; bottom: 0; background: rgba(51,51,51,1); overflow-y: auto; overflow-x: hidden; z-index: 9999; transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
}


@media only screen and (min-width:800px) {
    .CommonProgram { width: 220px; left: 75px; }
    .newsContent { padding: 35px 2% 0px 16%; }
    .newsReturn { padding: 45px 2% 0px 16%; text-align: left; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft { float: left; width: 74.5%; background: #fff; border: 1px solid #e7e4e4; text-align: center; }
    .TechnicalDocumentsM span.TechnicalDocumentsMright { float: right; width: 24%; background: #00a0e9; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a { line-height: 50px; display: inline-block; height: 50px; padding: 0px 1%; font-size: 12px; }
    .TechnicalDocumentsM span.TechnicalDocumentsMright a { line-height: 50px; display: block; color: #FFF; font-size: 16px; font-weight: bold; height: 50px; background: url(../webimages/index_123.png) no-repeat 25px center #00a0e9; text-align: center; text-indent: 30px; }

    .Sitemaplist dl dd p span a { font-size:18px;}
}

@media only screen and (min-width:1024px) {
    .newsweb { margin: 0px 40px; }
    .newsComplexlist { width: 33.3333%; padding-left: 10px; padding-right: 10px; }
    .newsSearch { padding: 0px 10px 20px; }

    .Copyright p { margin: 0px 40px; }

    .footMap { margin: 0px 40px; }
    .footMap dl { margin: 0px; padding: 20px 0px 35px; }
    .footMap dl dt { float: left; }
    .footMap dl dt a { display: inline-block; margin-top: 0px; margin-right: 5px; padding: 5px 25px; border-radius: 3px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; font-size: 13px; }
    .footMap dl dt a span { background: url(../webimages/index_28.png) no-repeat left center; padding-left: 20px; }
    .footMap dl dt a:hover { background: #00a0e9; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; color: #fff; }
    .footMap dl dt a:hover span { background: url(../webimages/index_29.png) no-repeat left center; }
    .footMap dl dd { float: right; padding-top: 0px; padding-right: 40px; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; }

    .footbox { margin: 0px 40px; padding: 0px; }
    .footbox ul { font-size: 14px; padding: 30px 0px 0px; display: block; }
    .footbox ul span { padding: 0px 15px; }
    .footbox dl { margin: 0px; padding: 0px; position: relative; }
    .footbox dl dt { position: absolute; left: 0px; right: 170px; height: 2px; background: #00a0e9; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
    .footbox dl dt:after { display: block; position: absolute; left: auto; right: 0px; height: 2px; background: url(../webimages/index_26.gif) no-repeat; width: 47px; content: " "; }
    .footbox dl dd { height: 37px; }
    .footbox dl dd img { float: right; display: block; }

    .footMenu { display: none; }

    .newsContentbox { margin: 0px 40px; }

    .newstitle { margin: 0px; padding: 0px 0px 25px; border-bottom: 1px solid #d9d9d9; }
    .newstitle h3 { font-size: 36px; line-height: 50px; }
    .newstitle p { padding-top: 30px; }
    .newstitle p span { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 25px; line-height: 30px; color: #8e8e8e; border-right: 1px solid #cdcbcb; padding-right: 15px; }
    .newstitle p em { display: inline-block; width: 495px; line-height: 18px; padding-left: 15px; position: relative; top: 5px; font-size: 13px; color: #8e8e8e; }

    .newsContent { padding: 35px 4% 0px 13%; color: #666; font-size: 14px; line-height: 36px; }
    .newsReturn { padding: 45px 4% 0px 13%; text-align: left; }

    .commonclass { border-bottom: 1px solid #e6e6e6; background: #FFF; position: relative; z-index: 99; }
    .commonclass h3 { display: none; }
    .commonclass ul { margin: 0px; padding: 0px; position: relative; width: 100%; background: #fff; display: block; -webkit-transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -ms-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out; transition: all .23s ease-in-out; -webkit-transform: translateY(0px); transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); opacity: 1; }
    .commonclass ul a { display: inline-block; padding: 30px 50px; color: #666; font-size: 17px; border-right: 1px solid #e2e1e1; }
    .commonclass ul a:hover { color: #4d4d4d; background: #EBEBEB; }
    .commonclass ul a.cur { color: #FFF; background: #2a2f32; }
    .commonclass ul a.cur b { display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #2a2f32; }

    .commonclass ul a.newscompany:hover { background: #00a0e9; color: #FFF; }
    .commonclass ul a.newscompany.cur { background: #00a0e9; color: #FFF; }
    .commonclass ul a.newscompany.cur b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #00a0e9; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; }
    .commonclass ul a.newscompany:hover b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #00a0e9; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; }


    .commonclass ul a.newsIndustry:hover { background: #ee4e00; color: #FFF; }
    .commonclass ul a.newsIndustry.cur { background: #ee4e00; color: #FFF; }
    .commonclass ul a.newsIndustry.cur b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #ee4e00; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; }
    .commonclass ul a.newsIndustry:hover b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #ee4e00; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; }


    .commonclass ul a.newsProduct:hover { background: #ff9000; color: #FFF; }
    .commonclass ul a.newsProduct.cur { background: #ff9000; color: #FFF; }
    .commonclass ul a.newsProduct.cur b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #ff9000; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; }
    .commonclass ul a.newsProduct:hover b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #ff9000; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; }


    .Core dl { right: 40px; left: 40px; }
    .Multimedia dl { right: 40px; left: 40px; }
    .Internet dl { right: 40px; left: 40px; }
    .operating dl { right: 40px; left: 40px; }


    .TechnologyFile h3 span { display: block; margin: 0px 40px; font-size: 24px; color: #FFF; }
    .TechnologyFile ul { margin: 0px 40px; padding: 35px 0px; max-width: 1180px; }
    .TechnologyFile ul li { font-size: 14px; margin-top: 15px; }
    .TechnologyFile ul li a { display: block; padding: 17px 195px 17px 25px; position: relative; }

    .Partners { margin: 0px 30px; }
    .Partners ul li { box-sizing: border-box; float: left; width: 25%; padding-left: 10px; padding-right: 10px; padding-top: 15px; }

    .aboutamlogic dl { ccolor: #FFF; position: absolute; width: 100%; top: 50%; transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); -webkit-transform: translateY(-25%); }
    .aboutamlogic dl dd p { line-height: 24px; font-size: 14px; margin: auto; width: 755px; }
    .Semiconductor p.font13 { font-size: 14px; line-height: 24px; color: #666666; text-align: center; padding: 40px 40px; }
    .Semiconductor ul { max-width: 1200px; margin: 0px 40px; }
    .Semiconductor ul li { float: left; width: 50%; padding: 0px 10px; box-sizing: border-box; margin: 0px; }

    .Contactbox { margin: 0px 40px; padding: 50px 0px; }
    .Contact ul li { float: left; width: 50%; box-sizing: border-box; min-height: 260px; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; margin-left: -1px; margin-bottom: -1px; }
    .Contactbottom p { text-align: left; }
    .Contactbottom p span { display: inline-block; font-weight: bold; font-size: 18px; padding-left: 40px; }
    .Contactbottom p em { display: inline-block; }

    .Recruitmenttitle { max-width: 1180px; margin: auto; text-align: center; padding: 50px 0px; }
    .Recruitmenttitle p { color: #666; font-size: 14px; padding: 20px 130px 0px; }
    .Recruitmentclass a { display: inline-block; font-size: 18px; color: #333; padding: 0px 30px; position: relative; }
    .Recruitmentlist { padding: 0px 0px 50px; margin: 0px 40px; }
    .Recruitmentlist ul li h3.jobstitle { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; color: #4e4e4e; font-size: 14px; font-weight: bold; padding: 20px 35px; margin-top: -1px; position: relative; cursor: pointer; }

    .RecruitmentContent { padding: 0px 35px 35px; font-size: 13px; line-height: 24px; color: #666666; display: none; }
    .Recruitmentlist ul li h3.jobstitle span { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 25px; height: 25px; background: url(../webimages/index_64.png) no-repeat center #00a0e9; border-radius: 100px; }
    .Recruitmentlist ul li.cur { background: #FFF; border-bottom: 1px solid #dbdbdb; }
    .Recruitmentlist ul li.cur h3 { border-bottom: none; }
    .Recruitmentlist ul li.cur h3 span { background: url(../webimages/index_63.png) no-repeat center #00a0e9; }
    .RecruitmentContent h4.conttitle { color: #4e4e4e; font-size: 15px; font-weight: bold; padding-bottom: 8px; }
    .jobsReturn a { display: inline-block; background: #00a0e9; font-size: 16px; font-weight: bold; color: #fff; border-radius: 5px; padding: 8px 30px; }

    .recommendationlistContent dl dt { float: left; width: 50%; height: 280px; position: relative; }
    .recommendationlistContent dl dt img { position: absolute; left: 50%; width: 100%; top: 40%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
    .recommendationlistContent dl dd { float: right; width: 50%; padding-top: 40px; }

    .ProductDetailedParametersbox { padding: 50px 30px; }

    .recommendationlist { float: left; box-sizing: border-box; padding: 0px 10px; width: 50%; }
    .Productlist ul li { float: left; width: 33.333%; padding: 10px 10px; box-sizing: border-box; }

    .ProductDetailedtitle { margin: 0px 30px; font-size: 40px; font-weight: bold; color: #00a0e9; line-height: 40px; padding: 15px 0px; }
    /*	.ProductDetailedtitleArrow a{-webkit-transition:all .3s cubic-bezier(.23,1,.32,1) .1s; transition:all .3s cubic-bezier(.23,1,.32,1) .1s;display:inline-block; background-repeat:no-repeat; background-position:center; background-size:50%; background-color:rgba(255,255,255,.05); width:48px; height:48px; border-radius:100px; margin-left:10px; opacity:.8}
	.ProductDetailedtitleArrow a.linkright{ -webkit-transform:rotate(180deg); transform:rotate(180deg);}
	.ProductDetailedtitleArrow a:hover{background-color:rgba(255,255,255,.1);-webkit-transition:all .3s cubic-bezier(.23,1,.32,1) .1s; transition:all .3s cubic-bezier(.23,1,.32,1) .1s; opacity:1;}
	.ProductDetailedtitleArrow span{ padding-right:15px; font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; position:relative; top:-12px;}
	.ProductDetailedtitleArrow span em{ opacity:.5;}*/

    .ProductDetailedIntroduction dl { left: 40px; right: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); position: absolute; }

    .recommendationlist { float: left; box-sizing: border-box; padding: 0px 10px; width: 50%; }
    .Productlist ul li { float: left; width: 33.333%; padding: 10px 10px; box-sizing: border-box; }
    .ParametersTable { padding: 40px 50px; }

    .ProductProgram ul { padding: 0px; margin: 35px 30px 0px; }
    .ProductProgram ul li { float: left; width: 33.333%; box-sizing: border-box; min-height: 515px; }

    .ProductProgramContent { min-height: 503px; padding-bottom: 0px; }


    .Application { margin: 0px 40px; height: 570px; position: relative; }
    .Application ul { margin: 0px; padding: 0px; }
    .Application ul li { position: absolute; box-sizing: border-box; margin: 0px; padding: 0px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; }
    .Application ul li img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-68%); transform: translate(-50%,-68%); -moz-transform: translate(-50%,-68%); -ms-transform: translate(-50%,-68%); -o-transform: translate(-50%,-68%); }
    .Application ul li h3 { font-size: 24px; position: absolute; font-weight: bold; color: #FFF; bottom: 20px; left: 20px; right: 20px; line-height: 26px; padding: 0px; }
    .Application ul li a { display: block; min-height: 100%; padding: 0px; }

    .Application ul li.jidinghe { width: 62.5%; left: 0; top: 0; height: 358px; }
    .Application ul li.dianshi { width: 15.4%; left: 31.3%; bottom: 0; height: 180px; }
    .Application ul li.dianshi img { max-height: 51%; max-width: 51%; }
    .Application ul li.zhineng { width: 15.4%; left: 15.6%; bottom: 0; height: 180px; }
    .Application ul li.zhineng img { max-height: 51%; max-width: 51%; }
    .Application ul li.dianshibang { width: 15.4%; bottom: 0; left: 0; height: 180px; }
    .Application ul li.dianshibang img { max-height: 51%; max-width: 51%; }
    .Application ul li.touyingyi { width: 37%; top: 0; right: 0; height: 100%; }
    .Application ul li.pingban { width: 15.4%; bottom: 0; left: 47.1%; height: 180px; }
    .Application ul li.pingban img { max-height: 51%; max-width: 51%; }

    .Application ul li:hover { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; z-index: 999; }

    .ApplicationOutline { background: #f0f0f0; padding: 90px 0px; }
    .ApplicationOutline dl { margin: 0px 40px; }
    .ApplicationOutline dl dt { float: right; width: 351px; }
    .ApplicationOutline dl dt img { display: block; width: 100%; }
    .ApplicationOutline dl dd { float: left; width: 58%; }
    .ApplicationOutline dl dd h3 { font-size: 36px; font-weight: 400; line-height: 35px; padding-top: 45px; }
    .ApplicationOutline dl dd p { font-size: 14px; color: #666; line-height: 24px; padding-top: 25px; }

    .ApplicationOutlineProperty { padding: 50px 0px; background: #FFF; }
    .ApplicationOutlineProperty ul { margin: 0px 40px; padding-left: 3px; }
    .ApplicationOutlineProperty ul h3 { font-size: 24px; line-height: 30px; color: #333; padding: 0px 20px 40px; }
    .ApplicationOutlineProperty ul li { float: left; width: 20%; box-sizing: border-box; border: 1px solid #d9d9d9; min-height: 230px; margin-top: -1px; margin-left: -1px; }
    .ApplicationOutlineProperty ul li p { padding: 50px 0px 30px; }
    .ApplicationOutlineProperty ul li p img { display: block; margin: auto; }
    .ApplicationOutlineProperty ul li h4 { font-size: 14px; padding: 0px 12px; color: #666; line-height: 18px; }
    .ApplicationOutlineProperty ul li h4.alcenter { text-align: center; }

    .ApplicationSolutions { margin: 0px 40px; }
    .ApplicationSolutions ul { margin: 0px; padding: 60px 0px; }
    .ApplicationSolutions ul li.ApplicationSolutionslist { float: left; width: 25%; padding: 0px 5px; position: relative; box-sizing: border-box; margin-top: 10px; }

    .ApplicationSolutionsContent { position: relative; min-height: 270px; background: #FFF; }
    .ApplicationSolutionsContent h3 { background: #bfc0c1; padding: 15px 3%; position: absolute; bottom: 0px; width: 94%; color: #FFF; font-weight: 400; line-height: 26px; font-size: 16px; }

    .ApplicationChipDescription { height: 500px; }
    .ApplicationChipDescription dl { left: 40px; right: 40px; }


    .ApplicationChiplist { background: #FFF; padding: 40px 0px 40px; }
    .ApplicationChiplist ul { margin: 0px 40px; }
    .ApplicationChiplist ul li { float: left; width: 25%; padding: 0px 5px; box-sizing: border-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
    .ApplicationChiplistContent p img { display: block; margin: auto; width: 145px; }

    .Chipparameters { margin: 0px 40px; }

    .companyIntro { margin: 0px 40px; padding: 50px 0px 0px; }
    .companyIntro h3 { text-align: center; font-size: 43px; line-height: 48px; color: #00a0e9; }
    .companyIntro h4 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #00a0e9; text-align: center; padding-top: 8px; padding-bottom: 40px; }
    .companyIntro dl { margin: 0px; padding: 0px; }
    .companyIntro dl dt { float: left; width: 45%; font-size: 14px; color: #666; }
    .companyIntro dl dt h5 { color: #333; font-size: 24px; line-height: 26px; padding-bottom: 40px; }
    .companyIntro dl dd { float: right; width: 55%; padding-top: 65px; }
    .companyIntro dl dd img { display: block; max-height: 90%; max-width: 90%; }

    .companyCulture { padding: 50px 40px; background: #FFF; }
    .companyCulture h3 { margin: 0px; }
    .companyCulture ul { margin: 0px; }
    .companyCulture ul li { float: left; width: 25%; min-height: 400px; position: relative; }

    .companyCulture ul li span { position: absolute; height: 1px; background: #dadada; width: 100%; }
    .companyCulture ul li span.xinyuLine { top: 120px; left: 135px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); }
    .companyCulture ul li span.chuagnxinLine { top: 110px; left: 135px; -webkit-transform: rotate(20deg); transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); }
    .companyCulture ul li span.hezuoLine { top: 175px; left: 135px; -webkit-transform: rotate(13deg); transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); }

    .companyCultureContent { width: 185px; margin: auto; position: relative; z-index: 99; }
    .companyCultureContent dl { margin: 0px; padding: 0px; }
    .companyCultureContent dl dt { margin: 0px auto; width: 125px; height: 125px; background-color: #00a0e9; border-radius: 100px; }
    .companyCultureContent dl dd { margin: 0px; padding: 20px 0px 0px; text-align: center; }
    .companyCultureContent dl dd h4 { font-size: 18px; font-weight: bold; color: #00a0e9; }
    .companyCultureContent dl dd p { font-size: 14px; color: #666; padding-top: 20px; }

    .companyCultureContent dl dt.xinyu { background-image: url(../webimages/index_99.png); background-position: center; }
    .companyCultureContent dl dt.chuangxin { background-image: url(../webimages/index_100.png); background-position: center; }
    .companyCultureContent dl dt.hezuo { background-image: url(../webimages/index_101.png); background-position: center; }
    .companyCultureContent dl dt.zhuanzhu { background-image: url(../webimages/index_102.png); background-position: center; }

    .top140 { top: 140px; }
    .top85 { top: 85px; }
    .top125 { top: 125px; }

    .ApplicationSolutionspopup { left: 125px; right: 45px; }

    .Developmentprocess { padding: 80px 0px; }
    .DevelopmentprocessTrend { margin: 0px 40px; }
    .DevelopmentprocessTrend h3 { font-size: 24px; color: #333; }

    .DevelopmentprocessContents { position: relative; padding: 40px 40px 0px; }
    .DevelopmentprocessContents dl { background-color: #ffffff; padding: 40px 0px; min-height: 52px; }
    .DevelopmentprocessContents dl dt { float: left; width: 20%; font-size: 48px; line-height: 52px; padding: 0px; border-right: 1px solid #e6e6e6; text-align: center; color: #00a0e9; }
    .DevelopmentprocessContents dl dd { float: right; width: 70%; padding: 0px 5% 0px 0px; font-size: 16px; min-height: 52px; }
    .DevelopmentprocessContents dl dd span { vertical-align: middle; }

    .DevelopmentprocessArrow { position: absolute; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #fff; width: 0; height: 0px; left: 50%; top: 15px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    .Share { display: block; }

    .DevelopmentprocessTrendbg { max-width: 909px; margin: auto; }

    .TechnologyLine { left: 40px; right: 40px; }

    .Partners h3 { color: #333; font-size: 20px; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin: 0px 10px; }
    .Partners ul { margin: 0px; padding: 10px 0px 0px; }
    .Partners dl { margin: 0px; padding: 25px 10px 0px; }
    .Partners dl dt { font-size: 20px; border-bottom: 1px solid #dedede; padding-bottom: 15px; color: #333; }
    .Partners dl dd span { padding: 6px 15px 6px 40px; background: url(../webimages/index_123.png) no-repeat 15px center #00a0e9; background-size: 20px 18px; font-size: 16px; }

    .PartnersContent { border: 1px solid #e7e4e4; background: #FFF; padding: 10px 0px; }
    .PartnersContent p { margin: 0px 5px; padding: 0px; }
    .PartnersContent p img { display: block; margin: auto; max-height: 75%; max-width: 75%; }
    .PartnersContent h4 { text-align: center; color: #666666; height: 35px; line-height: 35px; overflow: hidden; }

    .TechnicalDocumentsM span { display: block; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a { line-height: 50px; display: inline-block; height: 50px; padding: 0px 2%; font-size: 14px; }
    .TechnicalDocumentsM span.TechnicalDocumentsMright a { line-height: 50px; display: block; color: #FFF; font-size: 16px; font-weight: bold; height: 50px; background: url(../webimages/index_123.png) no-repeat 25px center #00a0e9; text-align: center; text-indent: 30px; }

    .CommonProgram { width: 230px; left: 75px; }
    .CommonProgram a { display: block; line-height: 60px; font-size: 18px; margin-bottom: 15px; position: relative; padding-left: 80px; color: #333; background: rgba(255,255,255,.5); }
    .CommonProgram a:hover { color: #004986; }
    .CommonProgram a span { display: block; width: 35px; height: 35px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #004986; border-radius: 100px; box-shadow: 0px 3px 5px rgba(0,0,0,.5); }

    .Partnerslist { margin: 0px 40px; }
    .Partnerslist ul li { width: 33.333%; }

    .Sitemaplist dl dd { width: 20%; box-sizing: border-box; }
    .Sitemaptitle dl dd { padding: 40px 0; }
}





@media only screen and (min-width:1360px) {
    .newsweb { margin: 0px auto; }
    .footbox { max-width: 1180px; margin: auto; padding: 0px; }
    .Copyright p { max-width: 1180px; margin: auto; }
    .footMap { max-width: 1180px; margin: auto; }
    .footMenu { display: none; }

    .newsContentbox { max-width: 1180px; margin: auto; }

    .newstitle { margin: 0px; padding: 0px 0px 25px; border-bottom: 1px solid #d9d9d9; }
    .newstitle h3 { font-size: 36px; line-height: 50px; }
    .newstitle p { padding-top: 30px; }
    .newstitle p span { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 25px; line-height: 30px; color: #8e8e8e; border-right: 1px solid #cdcbcb; padding-right: 15px; }
    .newstitle p em { display: inline-block; width: 495px; line-height: 18px; padding-left: 15px; position: relative; top: 5px; font-size: 13px; color: #8e8e8e; }

    .newsContent { padding: 35px 10% 0px; color: #666; font-size: 14px; line-height: 36px; }
    .newsReturn { padding: 45px 10% 0px; text-align: left; }
    .Share { display: block; }

    .commonclass { border-bottom: 1px solid #e6e6e6; background: #FFF; position: relative; z-index: 99; }
    .commonclass h3 { display: none; }
    .commonclass ul { margin: 0px; padding: 0px; position: relative; width: 100%; background: #fff; display: block; -webkit-transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -ms-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out; transition: all .23s ease-in-out; -webkit-transform: translateY(0px); transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); opacity: 1; }
    .commonclass ul a { display: inline-block; padding: 30px 50px; color: #666; font-size: 17px; border-right: 1px solid #e2e1e1; }
    .commonclass ul a:hover { color: #4d4d4d; background: #EBEBEB; }
    .commonclass ul a.cur { color: #FFF; background: #2a2f32; }
    .commonclass ul a.cur b { display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #2a2f32; }

    .commonclass ul a.newscompany:hover { background: #00a0e9; color: #FFF; }
    .commonclass ul a.newscompany.cur { background: #00a0e9; color: #FFF; }
    .commonclass ul a.newscompany.cur b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #00a0e9; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; }
    .commonclass ul a.newscompany:hover b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #00a0e9; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; }


    .commonclass ul a.newsIndustry:hover { background: #ee4e00; color: #FFF; }
    .commonclass ul a.newsIndustry.cur { background: #ee4e00; color: #FFF; }
    .commonclass ul a.newsIndustry.cur b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #ee4e00; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; }
    .commonclass ul a.newsIndustry:hover b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #ee4e00; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; }


    .commonclass ul a.newsProduct:hover { background: #ff9000; color: #FFF; }
    .commonclass ul a.newsProduct.cur { background: #ff9000; color: #FFF; }
    .commonclass ul a.newsProduct.cur b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #ff9000; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; }
    .commonclass ul a.newsProduct:hover b { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #ff9000; display: block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 0; height: 0; }

    .Core dl { left: 50%; right: auto; width: 1180px; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
    .Multimedia dl { right: auto; left: 50%; width: 1180px; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
    .Internet dl { right: auto; left: 50%; width: 1180px; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
    .operating dl { right: auto; left: 50%; width: 1180px; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }

    .TechnologyFile h3 span { display: block; max-width: 1180px; margin: auto; font-size: 24px; color: #FFF; }
    .TechnologyFile ul { margin: 0px; padding: 35px 0px; max-width: 1180px; margin: auto; }
    .TechnologyFile ul li { font-size: 14px; margin-top: 15px; }
    .TechnologyFile ul li a { display: block; padding: 17px 275px 17px 25px; position: relative; }

    /*.TechnologyFile h3 span{ display:block; max-width:1180px; margin:auto; font-size:24px; color:#FFF;}
	.TechnologyFile ul{ margin:0px; padding:35px 0px;max-width:1180px; margin:auto;}
	.TechnologyFile ul li{border:1px solid #e1e1e1;background:#fdfdfd;font-size:16px; margin-top:15px;}
	.TechnologyFile ul li a{display:block;padding:17px 92px 17px 25px; position:relative;}
	.TechnologyFile ul li a:hover{ background:#00a0e9; color:#fff;}
	.TechnologyFile ul li a span{ position:absolute; right:0px; height:100%; width:67px; background:url(../webimages/index_53.png) no-repeat center #adadad; top:0px;}
	.TechnologyFile ul li a:hover span{background:url(../webimages/index_53.png) no-repeat center #0575a9;}*/


    .Partners { max-width: 1200px; margin: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: relative; }
    .Partners ul li { box-sizing: border-box; float: left; width: 25%; padding-left: 10px; padding-right: 10px; padding-top: 15px; }

    .Semiconductor ul { max-width: 1200px; margin: auto; }
    .Semiconductor ul li { float: left; width: 50%; padding: 0px 10px; box-sizing: border-box; margin: 0px; }

    .Contactbox { max-width: 1180px; margin: auto; padding: 50px 0px; }
    .Contact ul li { float: left; width: 50%; box-sizing: border-box; min-height: 260px; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; margin-left: -1px; margin-bottom: -1px; }
    .ContactContent { padding: 45px 40px 0px; margin: 0px; }
    .Contactbottom p { text-align: left; }
    .Contactbottom p span { font-weight: bold; font-size: 18px; padding-left: 40px; }
    .Contactbottom p em { display: inline-block; }

    .Recruitmenttitle { max-width: 1180px; margin: auto; text-align: center; padding: 50px 0px; }
    .Recruitmenttitle p { color: #666; font-size: 14px; padding: 20px 130px 0px; }
    .Recruitmentclass a { display: inline-block; font-size: 18px; color: #333; padding: 0px 30px; position: relative; }
    .Recruitmentlist { max-width: 1180px; margin: auto; padding: 0px 0px 50px; }
    .Recruitmentlist ul li h3.jobstitle { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; color: #4e4e4e; font-size: 14px; font-weight: bold; padding: 20px 35px; margin-top: -1px; position: relative; cursor: pointer; }

    .RecruitmentContent { padding: 0px 35px 35px; font-size: 13px; line-height: 24px; color: #666666; display: none; }
    .Recruitmentlist ul li h3.jobstitle span { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 25px; height: 25px; background: url(../webimages/index_64.png) no-repeat center #00a0e9; border-radius: 100px; }
    .Recruitmentlist ul li.cur { background: #FFF; border-bottom: 1px solid #dbdbdb; }
    .Recruitmentlist ul li.cur h3 { border-bottom: none; }
    .Recruitmentlist ul li.cur h3 span { background: url(../webimages/index_63.png) no-repeat center #00a0e9; }
    .RecruitmentContent h4.conttitle { color: #4e4e4e; font-size: 15px; font-weight: bold; padding-bottom: 8px; }
    .jobsReturn a { display: inline-block; background: #00a0e9; font-size: 16px; font-weight: bold; color: #fff; border-radius: 5px; padding: 8px 30px; }


    .Productbox { max-width: 1200px; margin: auto; padding: 30px 0px 10px; }

    .ProductDetailedParametersbox { max-width: 1180px; margin: auto; padding: 50px 0px; }

    .ProductDetailedtitle { max-width: 1180px; margin: auto; font-size: 40px; font-weight: bold; color: #00a0e9; line-height: 40px; padding: 15px 0px; }

    /*	.ProductDetailedtitleArrow a{display:inline-block; -webkit-transition:all .3s cubic-bezier(.23,1,.32,1) .1s;transition:all .3s cubic-bezier(.23,1,.32,1) .1s; background-repeat:no-repeat; background-size:55%; background-position:center; background-color:rgba(255,255,255,.05); width:55px; height:55px; border-radius:100px; margin-left:10px; opacity:.8}
	.ProductDetailedtitleArrow a.linkright{ -webkit-transform:rotate(180deg); transform:rotate(180deg)}
	.ProductDetailedtitleArrow a:hover{-webkit-transition:all .3s cubic-bezier(.23,1,.32,1) .1s;transition:all .3s cubic-bezier(.23,1,.32,1) .1s;background-color:rgba(255,255,255,.1); opacity:1;}
	.ProductDetailedtitleArrow span{ padding-right:15px; font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; position:relative; top:-18px;}
	.ProductDetailedtitleArrow span em{ opacity:.5;}
*/
    .recommendationlist { float: left; box-sizing: border-box; padding: 0px 10px; width: 50%; }
    .Productlist ul li { float: left; width: 33.333%; padding: 10px 10px; box-sizing: border-box; }
    .ParametersTable { padding: 40px 50px; }

    .ProductProgram ul { max-width: 1198px; padding: 0px; margin: 35px auto 0px; }
    .ProductProgram ul li { float: left; width: 33.333%; box-sizing: border-box; min-height: 515px; }

    .ProductProgramContent { min-height: 503px; padding-bottom: 0px; }

    .ProductDetailedIntroduction dl { width: 1180px; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; }


    .Application { max-width: 1180px; margin: auto; height: 545px; position: relative; }
    .Application ul { margin: 0px; padding: 0px; }
    .Application ul li { position: absolute; box-sizing: border-box; margin: 0px; padding: 0px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; }
    .Application ul li img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-68%); transform: translate(-50%,-68%); -moz-transform: translate(-50%,-68%); -ms-transform: translate(-50%,-68%); -o-transform: translate(-50%,-68%); }
    .Application ul li h3 { font-size: 24px; position: absolute; font-weight: bold; color: #FFF; bottom: 20px; left: 20px; right: 20px; line-height: 26px; padding: 0px; text-align: center; }
    .Application ul li a { display: block; min-height: 100%; padding: 0px; }

    .Application ul li.jidinghe { width: 62.5%; left: 0; top: 0; height: 358px; }
    .Application ul li.dianshi { width: 15.4%; left: 31.3%; bottom: 0; height: 180px; }
    .Application ul li.dianshi img { max-height: 51%; max-width: 51%; }
    .Application ul li.zhineng { width: 15.4%; left: 15.6%; bottom: 0; height: 180px; }
    .Application ul li.zhineng img { max-height: 51%; max-width: 51%; }
    .Application ul li.dianshibang { width: 15.4%; bottom: 0; left: 0; height: 180px; }
    .Application ul li.dianshibang img { max-height: 51%; max-width: 51%; }
    .Application ul li.touyingyi { width: 37%; top: 0; right: 0; height: 100%; }
    .Application ul li.pingban { width: 15.4%; bottom: 0; left: 47.1%; height: 180px; }
    .Application ul li.pingban img { max-height: 51%; max-width: 51%; }

    .Application ul li:hover { -webkit-transform: scale(1.08); transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; z-index: 999; }

    .Applicationbox { padding: 60px 0px; }

    .ApplicationOutline { background: #f0f0f0; padding: 90px 0px; }
    .ApplicationOutline dl { max-width: 1180px; margin: 0px auto; }
    .ApplicationOutline dl dt { float: right; }
    .ApplicationOutline dl dt img { display: block; width: auto; }
    .ApplicationOutline dl dd { float: left; width: 60%; }
    .ApplicationOutline dl dd h3 { font-size: 36px; font-weight: 400; line-height: 35px; padding-top: 45px; color: #333; }
    .ApplicationOutline dl dd p { font-size: 14px; color: #666; line-height: 24px; padding-top: 25px; }

    .ApplicationOutlineProperty { padding: 50px 0px; background: #FFF; }
    .ApplicationOutlineProperty ul { max-width: 1177px; margin: 0px auto; padding-left: 3px; }
    .ApplicationOutlineProperty ul h3 { font-size: 24px; line-height: 30px; color: #333; padding: 0px 20px 40px; }
    .ApplicationOutlineProperty ul li { float: left; width: 20%; box-sizing: border-box; border: 1px solid #d9d9d9; min-height: 230px; margin-top: -1px; margin-left: -1px; }
    .ApplicationOutlineProperty ul li p { padding: 50px 0px 30px; }
    .ApplicationOutlineProperty ul li p img { display: block; margin: auto; }
    .ApplicationOutlineProperty ul li h4 { font-size: 14px; padding: 0px 12px; color: #666; line-height: 18px; }
    .ApplicationOutlineProperty ul li h4.alcenter { text-align: center; }


    .ApplicationSolutions { max-width: 1190px; margin: auto; }
    .ApplicationSolutions ul { margin: 0px; padding: 60px 0px; }
    .ApplicationSolutions ul li.ApplicationSolutionslist { float: left; width: 25%; padding: 0px 5px; position: relative; box-sizing: border-box; margin-top: 10px; }

    .ApplicationSolutionsContent { position: relative; min-height: 270px; background: #FFF; }
    .ApplicationSolutionsContent img { height: inherit; }
    .ApplicationSolutionsContent h3 { background: #bfc0c1; padding: 15px 3%; position: absolute; bottom: 0px; width: 94%; color: #FFF; font-weight: 400; line-height: 26px; font-size: 16px; }

    .ApplicationChiplist { background: #FFF; padding: 60px 0px 60px; }
    .ApplicationChiplist h3 { font-size: 36px; color: #2a2f32; text-align: center; line-height: 40px; padding-bottom: 50px; font-weight: 400; }
    .ApplicationChiplist ul { max-width: 1190px; margin: auto; }
    .ApplicationChiplist ul li { float: left; width: 25%; padding: 0px 5px; box-sizing: border-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
    .ApplicationChiplist ul li a { display: block; }

    .ApplicationChiplistContent p { padding-top: 25px; }
    .ApplicationChiplistContent p img { display: block; margin: auto; width: 145px; }
    .ApplicationChiplistContent h3 { text-align: center; font-size: 18px; font-weight: 400; padding-top: 8px; padding-bottom: 20px; }

    .ApplicationChipParameters { margin: 0px auto; padding: 50px 0px; }
    .ApplicationChipParameters h3 { font-size: 36px; color: #333; text-align: center; line-height: 40px; padding-bottom: 50px; }

    .ApplicationChipDescription { height: 600px; }
    .ApplicationChipDescription dl { position: absolute; padding: 0px; top: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translateY(-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 1180px; left: 50%; right: auto; }
    .ApplicationChipDescription dl dt { width: 56%; }
    .ApplicationChipDescription dl dt img { display: block; max-width: 90%; max-height: 90%; }
    .ApplicationChipDescription dl dd { position: absolute; width: auto; left: 50%; right: 5%; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    .ApplicationChipDescription dl dd h3 { font-size: 36px; line-height: 45px; color: #333; font-weight: bold; }
    .ApplicationChipDescription dl dd p { font-size: 14px; color: #666; line-height: 24px; padding-top: 20px; }



    .Chipparameters { max-width: 1180px; margin: auto; }

    .companyIntro { margin: auto; max-width: 1180px; padding: 50px 0px 0px; }
    .companyIntro h3 { text-align: center; font-size: 36px; line-height: 48px; color: #00a0e9; }
    .companyIntro h4 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #00a0e9; text-align: center; padding-top: 8px; padding-bottom: 40px; }
    .companyIntro dl { margin: 0px; padding: 0px; }
    .companyIntro dl dt { float: left; width: 59%; font-size: 14px; color: #666; }
    .companyIntro dl dt h5 { color: #303030; font-size: 24px; line-height: 26px; padding-bottom: 40px; }
    .companyIntro dl dd { float: right; width: 465px; padding-top: 65px; }
    .companyIntro dl dd img { display: block; width: 465px; }

    .companyCulture { padding: 50px 0px; background: #FFF; }
    .companyCulture h3 { margin: auto; max-width: 1180px; }
    .companyCulture ul { margin: auto; max-width: 1000px; }
    .companyCulture ul li { float: left; width: 25%; min-height: 400px; position: relative; }

    .companyCulture ul li span { position: absolute; height: 1px; background: #dadada; width: 100%; }
    .companyCulture ul li span.xinyuLine { top: 120px; left: 135px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); }
    .companyCulture ul li span.chuagnxinLine { top: 110px; left: 135px; -webkit-transform: rotate(20deg); transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); }
    .companyCulture ul li span.hezuoLine { top: 175px; left: 135px; -webkit-transform: rotate(13deg); transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); }

    .companyCultureContent { width: 185px; margin: auto; position: relative; z-index: 99; }
    .companyCultureContent dl { margin: 0px; padding: 0px; }
    .companyCultureContent dl dt { margin: 0px auto; width: 125px; height: 125px; background-color: #00a0e9; border-radius: 100px; }
    .companyCultureContent dl dd { margin: 0px; padding: 20px 0px 0px; text-align: center; }
    .companyCultureContent dl dd h4 { font-size: 18px; font-weight: bold; color: #00a0e9; }
    .companyCultureContent dl dd p { font-size: 14px; color: #666; padding-top: 20px; }

    .companyCultureContent dl dt.xinyu { background-image: url(../webimages/index_99.png); background-position: center; }
    .companyCultureContent dl dt.chuangxin { background-image: url(../webimages/index_100.png); background-position: center; }
    .companyCultureContent dl dt.hezuo { background-image: url(../webimages/index_101.png); background-position: center; }
    .companyCultureContent dl dt.zhuanzhu { background-image: url(../webimages/index_102.png); background-position: center; }

    .top140 { top: 140px; }
    .top85 { top: 85px; }
    .top125 { top: 125px; }
    .ApplicationSolutionspopup { max-width: 1180px; left: 52.55%; right: auto; }

    .Developmentprocess { padding: 80px 0px; }
    .DevelopmentprocessTrend { max-width: 1180px; margin: auto; }
    .DevelopmentprocessTrend h3 { font-size: 24px; color: #333; }



    .DevelopmentprocessContents { max-width: 1180px; margin: 40px auto 0px; position: relative; padding: 40px 0px 0px; }
    .DevelopmentprocessContents dl { background-color: #ffffff; padding: 40px 0px; min-height: 52px; }
    .DevelopmentprocessContents dl dt { float: left; width: 20%; font-size: 48px; line-height: 52px; padding: 0px; border-right: 1px solid #e6e6e6; text-align: center; color: #00a0e9; }
    .DevelopmentprocessContents dl dd { float: right; width: 70%; padding: 0px 5% 0px 0px; font-size: 16px; min-height: 52px; }
    .DevelopmentprocessContents dl dd span { vertical-align: middle; }

    .DevelopmentprocessArrow { position: absolute; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #fff; width: 0; height: 0px; left: 50%; top: -25px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }


    .TechnologyLine { width: 1180px; left: 50%; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); }

    .TechnicalDocumentsM span { display: block; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a { line-height: 70px; display: inline-block; height: 70px; padding: 0px 5%; font-size: 16px; }
    .TechnicalDocumentsM span.TechnicalDocumentsMright a { line-height: 70px; display: block; color: #FFF; font-size: 20px; font-weight: bold; height: 70px; background: url(../webimages/index_123.png) no-repeat 25px center #00a0e9; text-align: center; text-indent: 30px; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a em { padding-left: 35px; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a em.yewu { background: url(../webimages/index_148.png) no-repeat left center; background-size: 26px 24px; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a em.jishu { background: url(../webimages/index_149.png) no-repeat left center; background-size: 26px 24px; }

    .CommonProgram { width: 275px; top: 110px; }
    .CommonProgram a { display: block; line-height: 70px; font-size: 22px; margin-bottom: 15px; position: relative; padding-left: 100px; color: #333; background: rgba(255,255,255,.5); }
    .CommonProgram a:hover { color: #004986; }
    .CommonProgram a span { display: block; width: 50px; height: 50px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #004986; border-radius: 100px; box-shadow: 0px 3px 5px rgba(0,0,0,.5); }

    .Partnerslist { max-width: 1200px; margin: auto; }
    .Partnerslist ul li { width: 25%; }
}


@media only screen and (min-width:1415px) {

    .footMap dl dd { float: right; padding-top: 0px; padding-right: 0px; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; }
}

@media screen and (max-width:1440px) {
    .mainnav { position: absolute; right: 40px; top: 40px; z-index: 99; -webkit-transform: translateX(0%); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; opacity: 1; }
    .mainnav ul li { float: left; padding-left: 40px; }
    .Wisdom dl { left: 50%; right: 0; top: 30%; bottom: 30%; color: #FFF; position: absolute; cursor: pointer; }
    .Wisdom dl h3 { font-size: 60px; line-height: 80px; position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
    .Wisdom dl h3 a { display: inline-block; background-color: rgba(0,0,0,.5); width: 44px; height: 44px; font-size: 30px; border-radius: 100px; text-align: center; color: #FFF; text-shadow: none; line-height: 44px; margin-left: 30px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; transition: all .75s cubic-bezier(.3,1,.3,1) .1s; }
    .Wisdom dl span { font-size: 30px; font-family: enth; line-height: 45px; display: block; padding-top: 15px; }
    .Wisdom dl:hover h3 { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all .5s (0,0,0.25,1); transition: all .5s (0,0,0.25,1); -moz-transition: all .5s (0,0,0.25,1); -ms-transition: all .5s (0,0,0.25,1); -o-transition: all .5s (0,0,0.25,1); }
    .Wisdom dl:hover h3 a { -webkit-transform: translateX(40px); transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); -webkit-transition: all .75s (0,0,0.25,1); transition: all .75s (0,0,0.25,1); -moz-transition: all .75s (0,0,0.25,1); -ms-transition: all .75s (0,0,0.25,1); -o-transition: all .75s (0,0,0.25,1); }

    .ProductScroll ul li p { position: absolute; width: 42%; top: 50%; right: 5%; color: #FFF; font-size: 16px; font-family: enth; line-height: 25px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); }
    .ProductScroll ul li p span { font-size: 18px; line-height: 30px; display: block; padding-bottom: 5px; font-family: "微软雅黑","Microsoft YaHei","Helvetica Neue"; }
}

@media screen and (max-width:1100px) {
    .mainnav { position: absolute; right: 30px; top: 40px; z-index: 99; -webkit-transform: translateX(0%); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -webkit-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; opacity: 1; }
    .mainnav ul li { float: left; padding-left: 30px; }
    .Wisdom dl { left: 50%; right: 0; top: 30%; bottom: 30%; color: #FFF; position: absolute; cursor: pointer; }
    .Wisdom dl h3 { font-size: 45px; line-height: 65px; position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
    .Wisdom dl h3 a { display: inline-block; background-color: rgba(0,0,0,.5); width: 44px; height: 44px; font-size: 30px; border-radius: 50px; text-align: center; color: #FFF; text-shadow: none; line-height: 44px; margin-left: 30px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; transition: all .75s cubic-bezier(.3,1,.3,1) .1s; }
    .Wisdom dl span { font-size: 25px; font-family: enth; line-height: 35px; display: block; padding-top: 5px; }
    .Wisdom dl:hover h3 { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all .5s (0,0,0.25,1); transition: all .5s (0,0,0.25,1); -moz-transition: all .5s (0,0,0.25,1); -ms-transition: all .5s (0,0,0.25,1); -o-transition: all .5s (0,0,0.25,1); }
    .Wisdom dl:hover h3 a { -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); -webkit-transition: all .75s (0,0,0.25,1); transition: all .75s (0,0,0.25,1); -moz-transition: all .75s (0,0,0.25,1); -ms-transition: all .75s (0,0,0.25,1); -o-transition: all .75s (0,0,0.25,1); }
}

@media screen and (max-width:860px) {
    .logo { left: 120px; }
    .title { left: 290px; }
    .mainnav { position: absolute; right: 20px; top: 40px; z-index: 99; -webkit-transform: translateX(0%); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; -webkit-transition: all .9s cubic-bezier(.23,1,.32,1) .1s; opacity: 1; }
    .mainnav ul li { float: left; padding-left: 15px; }
    .Wisdom dl { left: 40%; right: 0; top: 30%; bottom: 30%; color: #FFF; position: absolute; cursor: pointer; }
    .Wisdom dl h3 { font-size: 45px; line-height: 65px; position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
    .Wisdom dl h3 a { display: inline-block; background-color: rgba(0,0,0,.5); width: 44px; height: 44px; font-size: 30px; border-radius: 50px; text-align: center; color: #FFF; text-shadow: none; line-height: 44px; margin-left: 30px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .75s cubic-bezier(.3,1,.3,1) .1s; }
    .Wisdom dl span { font-size: 25px; font-family: enth; line-height: 35px; display: block; padding-top: 5px; }
    .Wisdom dl:hover h3 { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all .5s (0,0,0.25,1); transition: all .5s (0,0,0.25,1); -moz-transition: all .5s (0,0,0.25,1); -ms-transition: all .5s (0,0,0.25,1); -o-transition: all .5s (0,0,0.25,1); }
    .Wisdom dl:hover h3 a { -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); -webkit-transition: all .75s (0,0,0.25,1); transition: all .75s (0,0,0.25,1); -moz-transition: all .5s (0,0,0.25,1); -ms-transition: all .5s (0,0,0.25,1); -o-transition: all .5s (0,0,0.25,1); }

    .ProductScroll ul li p { position: absolute; width: 42%; top: 50%; right: 5%; color: #FFF; font-size: 12px; font-family: enth; line-height: 16px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); }
    .ProductScroll ul li p span { font-size: 14px; line-height: 18px; display: block; padding-bottom: 5px; font-family: "微软雅黑","Microsoft YaHei","Helvetica Neue"; }
}

@media screen and (max-width:668px) {
    header { height: 45px; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 9999999; display: block; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 1; background-color: rgba(0,0,0,.5); }
    header a.Mobilenav { position: absolute; display: block; left: 0px; font-size: 22px; padding: 10px 15px; line-height: 24px; color: #fff; }
    header a.Mobilenav .closebtn { opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform: scale(0); position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; cursor: pointer; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
    header a.Mobilenav.show .closebtn { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; background-color: #00a0e9; }
    header a.Mobilenav .closebtn:after { content: " "; position: absolute; display: block; width: 22px; height: 21px; left: 50%; margin-left: -11px; top: 14px; background: url(../webimages/nqhicon_07.png) no-repeat; }

    header a.Mobilelogo { position: absolute; display: block; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 8px; }
    header a.Mobilelogo:after { display: block; content: " "; background: url(../webimages/logo.png) no-repeat; background-size: 113px 33px; width: 113px; height: 33px; }

    header a.MobileSearch { position: absolute; right: 0px; font-size: 22px; padding: 10px 15px; color: #fff; }

    .headerbg { background: none; }
    .headerbg a.Mobilelogo:after { background: url(../webimages/logo1.png) no-repeat; background-size: 113px 33px; width: 113px; height: 33px; }

    .MobileSearchbox { width: 100%; height: 100%; position: fixed; background: rgba(236,236,236,.9); display: none; overflow: hidden; top: 0; z-index: 99999999; }
    .MobileSearchbox .searchnavlistbox { position: fixed; }
    .MobileSearchbox .navSearchbox { margin: 0; }

    .MobileSearchboxheader { padding: 20px 70px 20px 20px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transition: all .3s cubic-bezier(.23,1,.32,1); -moz-transition: all .3s cubic-bezier(.23,1,.32,1); -ms-transition: all .3s cubic-bezier(.23,1,.32,1); -o-transition: all .3s cubic-bezier(.23,1,.32,1); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1); }
    .MobileSearchclose { background: url(../webimages/nqhicon_14.png) no-repeat center; position: absolute; top: 32px; right: 8px; width: 50px; height: 30px; cursor: pointer; }

    .MobileSearchboxlist { position: absolute; bottom: 0px; top: 75px; width: 100%; transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transition: all .3s cubic-bezier(.23,1,.32,1); -moz-transition: all .3s cubic-bezier(.23,1,.32,1); -ms-transition: all .3s cubic-bezier(.23,1,.32,1); -o-transition: all .3s cubic-bezier(.23,1,.32,1); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1); }
    .MobileSearchboxlist ul { left: 0; right: 0; top: 0; bottom: 0; overflow-y: auto; overflow-x: hidden; position: absolute; }
    .MobileSearchboxlist ul li { margin: 0px; padding: 0px; }
    .MobileSearchboxlist ul li a { display: block; padding: 15px; border-bottom: 1px solid #000; }
    .MobileSearchboxlist ul li a h4 { font-size: 16px; color: #FFF; padding-bottom: 15px; }
    .MobileSearchboxlist ul li a p { font-size: 13px; color: #CCC; }


    .MobileSearchAm .MobileSearchboxheader, .MobileSearchAm .MobileSearchboxlist { transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); transition: all .3s cubic-bezier(.23,1,.32,1); -moz-transition: all .3s cubic-bezier(.23,1,.32,1); -ms-transition: all .3s cubic-bezier(.23,1,.32,1); -o-transition: all .3s cubic-bezier(.23,1,.32,1); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1); }


    nav { display: none; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); -moz-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); }
    nav.ydshow { display: block; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); -moz-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); }
    .logo { display: none; }
    .Menu { left: 0; }
    .title { display: none; }
    .Share { display: none; }

    .MobileMenu { position: fixed; width: 55%; height: 100%; background: rgba(0,0,0,.5); z-index: 999999; display: block; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; opacity: 0.5; overflow-y: auto; overflow-x: hidden; }
    .MobileMenu ul { margin: 0px; padding: 0px; width: 100%; overflow-y: auto; overflow-x: hidden; position: absolute; z-index: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
    .MobileMenu ul li { margin: 0px; padding: 0px; }
    .MobileMenu ul li a { display: block; border-bottom: 1px solid #222; padding: 24px 20px 24px 30px; color: #FFF; font-size: 16px; font-weight: 400; position: relative; }
    .MobileMenu ul li a:hover { background: #090909; }
    .MobileMenu ul li.cur a { background: #090909; }
    .MobileMenu ul li span { display: block; background: url(../webimages/index_14.png) no-repeat; width: 15px; height: 24px; background-size: cover; float: right; }

    .MobileMenu ul h3 { margin: 0px; padding: 0px; }
    .MobileMenu ul h3 a { display: block; border-bottom: 1px solid #222; padding: 14px 20px 14px 30px; color: #FFF; font-size: 16px; font-weight: 400; position: relative; }
    .MobileMenu ul h3 a:hover { background: #090909; }
    .MobileMenu ul h3.cur a { background: #090909; }
    .MobileMenu ul h3 span { display: block; background: url(../webimages/index_14.png) no-repeat; width: 15px; height: 24px; background-size: cover; float: right; }

    .MobileMenu ul p { padding: 24px 20px 24px 30px; border-bottom: 1px solid #222; height: 24px; background: url(../webimages/index_15.png) no-repeat 30px center; cursor: pointer; }
    .MobileMenu ul.cur { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }

    .MobileMenu dl { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; display: none; left: 0px; position: absolute; top: 0px; }
    .MobileMenu dl dt { border-bottom: 1px solid #222; padding: 24px 20px 24px 30px; height: 24px; cursor: pointer; background: url(../webimages/index_16.png) no-repeat 30px center; color: #FFF; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
    .MobileMenu dl dd { margin: 0px; padding: 0px; -webkit-transform: translateX(-100px); transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
    .MobileMenu dl dd a { display: block; border-bottom: 1px solid #222; padding: 24px 20px 24px 30px; color: #FFF; font-size: 16px; font-weight: bold; position: relative; }
    .MobileMenu dl dd a.about { padding: 24px 20px 24px 50px; font-size: 14px; font-weight: normal; }

    .MobileMenu dl.cur dt { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(1) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(2) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(3) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(4) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(5) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(6) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(7) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(8) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .9s ease-in-out; transition: all .9s ease-in-out; -moz-transition: all .9s ease-in-out; -ms-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(9) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .91s ease-in-out; transition: all .91s ease-in-out; -moz-transition: all .91s ease-in-out; -ms-transition: all .91s ease-in-out; -o-transition: all .91s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(10) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .92s ease-in-out; transition: all .92s ease-in-out; -moz-transition: all .92s ease-in-out; -ms-transition: all .92s ease-in-out; -o-transition: all .92s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(11) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .93s ease-in-out; transition: all .93s ease-in-out; -moz-transition: all .93s ease-in-out; -ms-transition: all .93s ease-in-out; -o-transition: all .93s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(12) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .94s ease-in-out; transition: all .94s ease-in-out; -moz-transition: all .94s ease-in-out; -ms-transition: all .94s ease-in-out; -o-transition: all .94s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(13) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .95s ease-in-out; transition: all .95s ease-in-out; -moz-transition: all .95s ease-in-out; -ms-transition: all .95s ease-in-out; -o-transition: all .95s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(14) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .96s ease-in-out; transition: all .96s ease-in-out; -moz-transition: all .96s ease-in-out; -ms-transition: all .96s ease-in-out; -o-transition: all .96s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(15) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .97s ease-in-out; transition: all .97s ease-in-out; -moz-transition: all .97s ease-in-out; -ms-transition: all .97s ease-in-out; -o-transition: all .97s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(16) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .98s ease-in-out; transition: all .98s ease-in-out; -moz-transition: all .98s ease-in-out; -ms-transition: all .98s ease-in-out; -o-transition: all .98s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(17) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .99s ease-in-out; transition: all .99s ease-in-out; -moz-transition: all .99s ease-in-out; -ms-transition: all .99s ease-in-out; -o-transition: all .99s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(18) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all 1.1s ease-in-out; transition: all 1.1s ease-in-out; -moz-transition: all 1.1s ease-in-out; -ms-transition: all 1.1s ease-in-out; -o-transition: all 1.1s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(19) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all 1.9s ease-in-out; transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; }
    .MobileMenu dl.cur dd:nth-child(20) { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all 1.3s ease-in-out; transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; }

    .MobileMenushow { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 1; }


    .homeimg { position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0px; }
    .homeimg img { position: absolute; left: 0px; top: 50%; opacity: 0; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }

    .homeimg .Original { z-index: 1; opacity: 0; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }
    .homeimg .Black { z-index: 2; opacity: 1; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }
    .homeimg .Fuzzy { z-index: 3; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }

    .imghover .Original { z-index: 1; opacity: 1; -moz-transform: translate(0px,-50%); -ms-transform: translate(0px,-50%); -o-transform: translate(0px,-50%); transform: translate(0px,-50%); -webkit-transform: translate(0px,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }
    .imghover .Black { z-index: 2; opacity: 1; -moz-transform: translate(0px,-50%); -ms-transform: translate(0px,-50%); -o-transform: translate(0px,-50%); transform: translate(0px,-50%); -webkit-transform: translate(0px,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }

    .mainnav { display: none; }

    .box { position: absolute; left: 0px; right: 0; top: 0; bottom: 0; }
    .Wisdom { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 1; }
    .Wisdom dl { display: none; }
    .Wisdom ul { display: block; text-align: center; position: absolute; bottom: 10%; left: 20px; right: 20px; color: #FFF; text-shadow: 0px 1px 5px #000; cursor: pointer; }
    .Wisdom ul h3 { font-size: 50px; line-height: 60px; padding-bottom: 10px; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; }
    .Wisdom ul p { font-family: enth; font-size: 50px; line-height: 50px; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; }
    .Wisdom ul a { display: inline-block; background-color: rgba(0,0,0,.5); width: 50px; height: 50px; border-radius: 150px; text-shadow: none; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; font-size: 35px; text-align: center; line-height: 50px; color: #FFF; transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
    .Wisdom ul a span { position: relative; top: 4px; left: -3px; }

    .indexProduct { -webkit-transform: translate(0,100%); -moz-transform: translate(0,100%); -ms-transform: translate(0,100%); -o-transform: translate(0,100%); transform: translate(0,100%); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 0; }

    .moving .Wisdom { -webkit-transform: translate(0,-100%); transform: translate(0,-100%); -moz-transform: translate(0,-100%); -ms-transform: translate(0,-100%); -o-transform: translate(0,-100%); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 0; }
    .moving .indexProduct { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 1; }
    .moving .mainnav { -webkit-transform: translateX(100px); transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 0; }

    .moving .Original { z-index: 1; opacity: 1; -moz-transform: translate(0px,-50%); -ms-transform: translate(0px,-50%); -o-transform: translate(0px,-50%); transform: translate(0px,-50%); -webkit-transform: translate(0px,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }
    .moving .Black { z-index: 2; opacity: 0; -moz-transform: translate(0px,-50%); -ms-transform: translate(0px,-50%); -o-transform: translate(0px,-50%); transform: translate(0px,-50%); -webkit-transform: translate(0px,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }
    .moving .Fuzzy { z-index: 3; opacity: 1; -moz-transform: translate(0px,-50%); -ms-transform: translate(0px,-50%); -o-transform: translate(0px,-50%); transform: translate(0px,-50%); -webkit-transform: translate(0px,-50%); -webkit-transition: all .5s cubic-bezier(.23,1,.32,1); transition: all .5s cubic-bezier(.23,1,.32,1); -moz-transition: all .5s cubic-bezier(.23,1,.32,1); -ms-transition: all .5s cubic-bezier(.23,1,.32,1); -o-transition: all .5s cubic-bezier(.23,1,.32,1); }

    .Productclose { display: inline-block; background-color: rgba(0,0,0,.5); width: 44px; height: 44px; line-height: 44px; left: 20px; font-size: 35px; border-radius: 150px; position: absolute; top: 15px; left: 50%; -webkit-transform: translateY(0) translateX(-50%) rotate(270deg); transform: translateY(0) translateX(-50%) rotate(270deg); -moz-transform: translateY(0) translateX(-50%) rotate(270deg); -ms-transform: translateY(0) translateX(-50%) rotate(270deg); -o-transform: translateY(0) translateX(-50%) rotate(270deg); cursor: pointer; z-index: 999; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; }


    .indexType { position: absolute; top: auto; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); width: auto; bottom: 15px; left: 20px; right: 20px; }
    .indexType dl { margin: 0px; padding: 0px; }
    .indexType dl dt { width: 100%; }
    .indexType dl dt p { width: 100%; margin: auto; text-align: center; }
    .indexType dl dt p a { display: inline-block; width: 40px; height: 40px; opacity: 0.5; background: rgba(0,0,0,.4); border-radius: 100px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; margin: 0px 15px; line-height: 40px; font-size: 20px; }

    .indexTypetext { position: absolute; top: 80px; -webkit-transform: translateY(0); transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); width: auto; left: 20px; right: 20px; bottom: 0; }
    .indexTypetext dl { margin: 0px; padding: 0px; }
    .indexTypetext dl dt { width: 40%; }
    .indexTypetext dl dt p { width: 62px; margin: auto; }
    .indexTypetext dl dt p a { display: block; height: 62px; }
    .indexTypetext dl dt p a span { display: block; height: 62px; }

    .indexTypetext ul { position: absolute; left: 0; right: 0px; top: 0; bottom: 0; }
    .indexTypetext ul li { color: #FFF; position: absolute; top: 0; width: 100%; -webkit-transform: translateY(0); text-align: center; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; opacity: 0; font-size: 16px; line-height: 20px; }
    .indexTypetext ul li span { display: block; font-size: 40px; line-height: 50px; padding-bottom: 10px; }
    .indexTypetext ul li.cur { top: 0; opacity: 1; -webkit-transition: all .75s ease-in-out .25s; transition: all .75s ease-in-out .25s; -moz-transition: all .75s ease-in-out .25s; -ms-transition: all .75s ease-in-out .25s; -o-transition: all .75s ease-in-out .25s; }


    .ProductScroll { position: absolute; left: 0; right: 0; top: auto; bottom: 70px; width: 100%; z-index: 99999; }
    .ProductScroll ul { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition: all .75s cubic-bezier(.23,1,.32,1); transition: all .75s cubic-bezier(.23,1,.32,1); -moz-transition: all .75s cubic-bezier(.23,1,.32,1); -ms-transition: all .75s cubic-bezier(.23,1,.32,1); -o-transition: all .75s cubic-bezier(.23,1,.32,1); position: static; top: auto; bottom: auto; left: auto; right: auto; }
    .ProductScroll ul li { width: 80%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -webkit-transition: all .75s cubic-bezier(.23,1,.32,1); transition: all .75s cubic-bezier(.23,1,.32,1); -moz-transition: all .75s cubic-bezier(.23,1,.32,1); -ms-transition: all .75s cubic-bezier(.23,1,.32,1); -o-transition: all .75s cubic-bezier(.23,1,.32,1); position: absolute; overflow: hidden; background-size: cover; background-position: 50% 50%; left: 0px; }
    .ProductScroll ul li p { position: absolute; width: 42%; top: 50%; right: 5%; color: #FFF; font-size: 22px; font-family: enth; line-height: 25px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); }
    .ProductScroll ul li p span { font-size: 26px; line-height: 30px; display: block; padding-bottom: 10px; font-family: "Microsoft YaHei","Helvetica Neue"; }


    .webbox { padding: 0px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }

    .MobileShare { width: 100%; display: block; height: 50px; z-index: 999; padding-top: 20px; }
    .MobileShare a { float: left; }
    .MobileShare a.weibo { display: block; width: 50px; height: 50px; overflow: hidden; position: relative; margin-bottom: 2px; background: url(../webimages/index_114.gif) no-repeat; background-size: cover; margin: 0px 0px 0px 1px; padding: 0px; }
    .MobileShare a.weibo:hover { background: url(../webimages/index_0114.gif) no-repeat; background-size: cover; }

    .MobileShare a.weixin { display: block; width: 50px; height: 50px; overflow: hidden; position: relative; margin-bottom: 2px; background: url(../webimages/index_115.gif) no-repeat; background-size: cover; margin: 0px 0px 0px 1px; padding: 0px; }
    .MobileShare a.weixin:hover { background: url(../webimages/index_0115.gif) no-repeat; background-size: cover; }

    .MobileShare a.youxiang { display: block; width: 50px; height: 50px; overflow: hidden; position: relative; margin-bottom: 2px; background: url(../webimages/index_117.gif) no-repeat; background-size: cover; margin: 0px 0px 0px 1px; padding: 0px; }
    .MobileShare a.youxiang:hover { background: url(../webimages/index_0117.gif) no-repeat; background-size: cover; }

    .MobileShare a.qq { display: block; width: 50px; height: 50px; overflow: hidden; position: relative; margin-bottom: 2px; background: url(../webimages/index_147.gif) no-repeat; background-size: cover; margin: 0px 0px 0px 1px; padding: 0px; }
    .MobileShare a.qq:hover { background: url(../webimages/index_0147.gif) no-repeat; background-size: cover; }
}

@media screen and (max-width:548px) {
    .Wisdom ul h3 { font-size: 30px; line-height: 40px; padding-bottom: 10px; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; }
    .Wisdom ul p { font-family: enth; font-size: 30px; line-height: 40px; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; }
    .Wisdom ul a { display: inline-block; background-color: rgba(0,0,0,.5); width: 50px; height: 50px; border-radius: 50px; text-shadow: none; -webkit-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .5s cubic-bezier(.23,1,.32,1) .1s; color: #FFF; font-size: 35px; line-height: 50px; text-align: center; transform: rotate(90deg); }
    .Wisdom ul a span { position: relative; top: 0px; left: -2px; }

    .ProductDetailedIntroduction dl dd h3 { font-size: 26px; font-weight: 400; line-height: 36px; padding-bottom: 15px; }
    .ProductDetailedIntroduction dl dd p { font-size: 14px; }
    .ProductProgram h3 { font-size: 22px; line-height: 24px; }
    .ParametersTable dl dt.left30 h3 { font-size: 14px; }
    .ApplicationOutline dl dd h3 { font-size: 26px; }
    .ApplicationOutlineProperty ul h3 { font-size: 18px; line-height: 24px; }
    .ApplicationChipDescription dl dd h3 { font-size: 22px; line-height: 30px; }
    .ApplicationChiplist h3 { font-size: 18px; line-height: 30px; }
    .ApplicationChipParameters h3 { font-size: 22px; line-height: 30px; }
    .newsComplexindustrytitle { font-size: 16px; padding: 40px 20px 25px; }
    .newsComplextitle { font-size: 16px; padding: 15px 20px 10px; }
    .newstitle h3 { font-size: 24px; line-height: 35px; }
    .newstitle p span { font-size: 16px; }
    .newstitle p em { font-size: 12px; }
    .newsReturn a { font-size: 14px; padding: 8px 18px; }
    .newsContentbox { margin: 0px 20px; position: relative; padding: 30px 0px 15px; }
    .Core dl dd h3 { font-size: 24px; line-height: 40px; }
    .Multimedia dl dd h3 { font-size: 24px; line-height: 40px; }
    .Internet dl dd h3 { font-size: 24px; line-height: 40px; }
    .operating dl dd h3 { font-size: 24px; line-height: 40px; }
    .Partners h3 { font-size: 18px; padding-bottom: 10px; }
    .Partners h3 span { font-size: 12px; padding-top: 5px; }
    .Partners ul { padding-top: 16px; }
    .Partners ul li { padding: 5px 10px; }
    .PartnersContent { padding: 5px 0px; }
    .PartnersContent h4 { text-align: center; color: #666666; height: 25px; line-height: 25px; overflow: hidden; }
    .Partners dl { padding: 20px 10px 0px; }
    .Partners dl dt { font-size: 18px; padding-bottom: 15px; }
    .Partners dl dd span { padding: 6px 15px 6px 40px; background: url(../webimages/index_123.png) no-repeat 15px center #00a0e9; background-size: 20px 18px; font-size: 16px; font-weight: 400; color: #FFF; }
    .Copyright p { padding: 15px; }
    .Semiconductor { padding: 30px 0px; }
    .Semiconductor h3 { font-size: 22px; line-height: 24px; }
    .Semiconductor p.font13 { font-size: 12px; padding: 20px 10px 10px; }
    .SemiconductorContent dl dd h4 { font-size: 18px; }
    .SemiconductorContent dl dd p { font-size: 12px; }
    .companyIntro { padding: 30px 0px 0px; }
    .companyIntro h3 { font-size: 30px; }
    .companyIntro h4 { padding-bottom: 20px; }
    .companyIntro dl dt h5 { font-size: 18px; padding-bottom: 20px; }
    .companyCulture h3 { font-size: 22px; }
    .Developmentprocess { padding: 40px 0px; }
    .DevelopmentprocessContents dl dt { font-size: 26px; }
    .DevelopmentprocessContents dl dd { font-size: 14px; }
    .Recruitmenttitle { padding: 30px 0px; }
    .Recruitmenttitle h3 { font-size: 22px; }
    .Recruitmenttitle p { font-size: 12px; padding-top: 10px; }
    .Contactbox { padding: 30px 0px; }
}


@media screen and (max-width:420px) {
    .indexType dl dt p a { display: inline-block; width: 40px; height: 40px; opacity: 0.5; background: rgba(0,0,0,.4); border-radius: 50px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; margin: 0px 10px; line-height: 40px; font-size: 18px; }
    .ProductScroll ul li p { position: absolute; width: 42%; top: 50%; right: 5%; color: #FFF; font-size: 16px; font-family: enth; line-height: 25px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); }
    .ProductScroll ul li p span { font-size: 18px; line-height: 24px; display: block; padding-bottom: 10px; font-family: "微软雅黑","Microsoft YaHei","Helvetica Neue"; }

    .indexTypetext ul li { color: #FFF; position: absolute; top: 0; width: 100%; -webkit-transform: translateY(0); text-align: center; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; opacity: 0; font-size: 14px; line-height: 20px; }
    .indexTypetext ul li span { display: block; font-size: 30px; line-height: 40px; padding-bottom: 10px; }
    .ApplicationSolutionspopupContent { margin: 0px 10px; }

    .aboutamlogic dl dt h3 { font-size: 35px; }
    .aboutamlogic dl dt h4 { font-size: 25px; }
    .ApplicationOutlineProperty ul h3 { font-size: 16px; }

    .TechnicalDocumentsM span.TechnicalDocumentsMleft { float: left; width: 54.5%; background: #fff; border: 1px solid #e7e4e4; text-align: center; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a { line-height: 35px; display: inline-block; padding: 0px; font-size: 12px; letter-spacing: normal; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a em { display: inline-block; padding-left: 0px; text-align: left; padding-left: 10px; padding-right: 10px; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a em.yewu { background: none; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a em.jishu { background: none; }

    .TechnicalDocumentsM span.TechnicalDocumentsMright { float: right; width: 44%; background: #00a0e9; }
    .TechnicalDocumentsM span.TechnicalDocumentsMright a { line-height: 70px; display: block; color: #FFF; font-size: 14px; font-weight: bold; height: 70px; background: url(../webimages/index_123.png) no-repeat 15px center #00a0e9; text-align: center; text-indent: 30px; background-size: 22px 21px; }
}

@media screen and (max-width:410px) {
    .TechnicalDocumentsM span.TechnicalDocumentsMleft { float: left; width: 54.5%; background: #fff; border: 1px solid #e7e4e4; text-align: center; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a { line-height: 17px; display: inline-block; padding: 0px; font-size: 12px; letter-spacing: normal; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a em { display: inline-block; padding-left: 0px; text-align: left; padding-left: 15px; padding-right: 15px; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a em.yewu { background: none; }
    .TechnicalDocumentsM span.TechnicalDocumentsMleft a em.jishu { background: none; }

    .TechnicalDocumentsM span.TechnicalDocumentsMright { float: right; width: 44%; background: #00a0e9; }
    .TechnicalDocumentsM span.TechnicalDocumentsMright a { line-height: 70px; display: block; color: #FFF; font-size: 14px; font-weight: bold; height: 70px; background: url(../webimages/index_123.png) no-repeat 15px center #00a0e9; text-align: center; text-indent: 30px; background-size: 22px 21px; }
}

@media screen and (max-width:350px) {
    .Wisdom ul h3 { font-size: 26px; line-height: 35px; }
    .indexType dl dt p a { display: inline-block; width: 35px; height: 35px; opacity: 0.5; background: rgba(0,0,0,.4); border-radius: 50px; -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; margin: 0px 10px; line-height: 35px; }
    .ProductScroll ul li p { position: absolute; width: 42%; top: 50%; right: 5%; color: #FFF; font-size: 14px; font-family: enth; line-height: 18px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); }
    .ProductScroll ul li p span { font-size: 16px; line-height: 18px; display: block; padding-bottom: 5px; font-family: "微软雅黑","Microsoft YaHei","Helvetica Neue"; }
}


.specialefficacy .homeimg { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; opacity: 0; }
.specialefficacy .main { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; opacity: 0; }
.specialefficacy .logo { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; opacity: 0; }
.specialefficacy .webbox { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -moz-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -ms-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; -o-transition: all .3s cubic-bezier(.23,1,.32,1) .1s; opacity: 0; }

.doubleOpenCircle, .line, .singleOpenCircle, .zigzag { fill: none; stroke: #FFF; stroke-width: 2px; }
.fullArrowDown, .fullArrowUp { fill: #FFF; }
.line { fill: none; stroke-dasharray: 6px,2px; }

.menuheight { display: none; }

.menuheightlist { display: none; }

.menuheightbox { display: none; }

@media only screen and (min-width:668px) and (max-height:480px) {
    nav ul li { display: none; }
    nav ul p:nth-child(6) { display: none; }
    .navheight { text-align: center; font-size: 12px; display: block; opacity: 0.5; padding: 10px 0px; cursor: pointer; position: relative; height: 56px; }

    .navheight span { opacity: 1; display: block; position: absolute; width: 100%; top: 50%; transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
    .navheight span:before { display: block; content: "≡"; color: #000; font-weight: 400; font-size: 30px; line-height: 21px; }

    .navheight em { opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform: scale(0); position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; cursor: pointer; background: #FFF; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
    .navheight em:after { content: " "; position: absolute; display: block; width: 22px; height: 21px; left: 50%; margin-left: -11px; top: 30px; background: url(../webimages/index_08.gif) no-repeat; }

    .navheight.cur em { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }

    .navheight .cur span { opacity: 0; transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); -webkit-transform: translateY(-50%) scale(0); transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }

    .navheight:hover { opacity: 1; }
    .MenuShow .Menu { display: none; }

    .menuheightbox { position: fixed; right: 0; height: 100%; background: rgba(236,236,236,.9); z-index: 99999; overflow: hidden; display: block; left: 80px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }


    .menuheight { position: fixed; width: 190px; height: 100%; left: 0px; top: 0; overflow-y: auto; overflow-x: hidden; -webkit-transform: translateX(-190px); -moz-transform: translateX(-190px); -ms-transform: translateX(-190px); -o-transform: translateX(-190px); transform: translateX(-190px); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); display: block; }
    .menuheight ul { margin: 0px; padding: 0px; }
    .menuheight ul p { position: relative; padding: 15px 0px 15px 45px; cursor: pointer; }
    .menuheight ul p em { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .menuheight ul p a { color: #fff; font-size: 16px; }

    .menuheight ul li, .menuheight ul .home { position: relative; padding: 15px 0px 15px 55px; cursor: pointer; }
    .menuheight ul li em, .menuheight ul .home em { position: absolute; left: 20px; top: 55%; width: 24px; height: 25px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .menuheight ul li em:before, .menuheight ul .home em:before { top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .menuheight ul li a, .menuheight ul .home a { font-size: 16px; }

    .menuheight ul li.navSearch { padding: 25px 0px 25px 55px; }
    .menuheight ul li.Mapbutton { padding: 15px 0px 15px 55px !important; height: auto; bottom: 0; }

    .MenuShowheight .menuheight { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); -moz-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); }

    .MenuShowheight .Menubg { display: block; }
    .MenuShowheight .menuheightbox { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }


    .menuheightlist { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; overflow-y: auto; overflow-x: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); display: block; }
    .menuheightlist ul { margin: 0px; padding: 0px; display: none; }


    .MenuShowThree .menuheightlist { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }
    .MenuShowThree .menuheight { -webkit-transform: translateX(-190px); -moz-transform: translateX(-190px); -ms-transform: translateX(-190px); -o-transform: translateX(-190px); transform: translateX(-190px); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }

    .MenuShowheight .menuheightlist ul.cur h2 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: 1; }

    .MenuShowheight .menuheightlist ul.cur h3 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: 1; }

    .Partners h3 { color: #333; font-size: 20px; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin: 0px 10px; }
    .Partners h3 span { display: block; padding: 0px; }
    .Partners ul { margin: 0px; padding: 11px 0px 0px; }
    .Partners dl { margin: 0px; padding: 15px 10px 0px; }
    .Partners dl dt { font-size: 20px; border-bottom: 1px solid #dedede; padding-bottom: 15px; color: #333; }
    .Partners dl dd { font-size: 14px; padding-top: 10px; }
    .Partners dl dd span { padding: 6px 15px 6px 40px; background: url(../webimages/index_123.png) no-repeat 15px center #00a0e9; background-size: 20px 18px; font-size: 16px; }
    .Partners ul li { box-sizing: border-box; float: left; width: 25%; padding-left: 10px; padding-right: 10px; padding-top: 10px; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }

    .PartnersContent { border: 1px solid #e7e4e4; background: #FFF; padding: 2% 0px; }
    .PartnersContent p { margin: 0px 5px; padding: 0px; }
    .PartnersContent p img { display: block; margin: auto; max-height: 30%; max-width: 30%; }
    .PartnersContent h4 { text-align: center; color: #666666; height: 25px; line-height: 25px; overflow: hidden; font-size: 12px; }

    .searchnavbox { width: 450px; }
}
/*--横屏--*/
@media all and (max-width:668px) and (orientation : landscape) {

    .Productclose { top: 10px; width: 35px; height: 35px; line-height: 35px; }
    .indexTypetext { top: 45px; }
    .indexTypetext ul li { font-size: 14px; line-height: 20px; }
    .indexTypetext ul li span { display: block; font-size: 24px; line-height: 30px; padding-bottom: 5px; }
    .indexType { bottom: 10px; }
    .indexType dl dt p a { width: 35px; height: 35px; line-height: 35px; font-size: 18px; margin: 0px 5px; }
    .ProductScroll { position: absolute; left: 0; right: 0; top: auto; bottom: 18%; width: 100%; z-index: 99999; }
    .ProductScroll ul { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition: all .75s cubic-bezier(.23,1,.32,1); transition: all .75s cubic-bezier(.23,1,.32,1); -moz-transition: all .75s cubic-bezier(.23,1,.32,1); -ms-transition: all .75s cubic-bezier(.23,1,.32,1); -o-transition: all .75s cubic-bezier(.23,1,.32,1); position: static; top: auto; bottom: auto; left: auto; right: auto; }
    .ProductScroll ul li { width: 80%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -webkit-transition: all .75s cubic-bezier(.23,1,.32,1); transition: all .75s cubic-bezier(.23,1,.32,1); -moz-transition: all .75s cubic-bezier(.23,1,.32,1); -ms-transition: all .75s cubic-bezier(.23,1,.32,1); -o-transition: all .75s cubic-bezier(.23,1,.32,1); position: absolute; overflow: hidden; background-size: cover; background-position: 50% 50%; left: 0px; }
    .ProductScroll ul li p { position: absolute; width: 42%; top: 50%; right: 5%; color: #FFF; font-size: 14px; font-family: "微软雅黑"; line-height: 18px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); }
}
/*--竖屏--*/
@media all and (orientation : portrait) {
}


header { display: none; }

@media screen and (max-width: 668px) {
    #webbox { padding-top: 45px; }
    header { height: 45px; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999999; display: block; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; opacity: 1; background-color: #1c9ed4; }
    header a.Mobilenav { position: absolute; display: block; left: 0px; top: 0; bottom: 0; font-size: 22px; padding: 10px 20px; line-height: 24px; color: #fff; }

    header a.Mobilelogo { position: absolute; display: block; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 8px; }
    header a.Mobilelogo:after { display: block; content: " "; background: url(../webimages/nqhlogo.png) no-repeat center center; background-size: auto 33px; width: 180px; height: 33px; }

    header a.MobileSearch { position: absolute; right: 0px; top: 0; bottom: 0; font-size: 22px; padding: 10px 20px; color: #fff; }

    .headerbg { background: none; }
    .headerbg a.Mobilelogo:after { background: url(../webimages/logo1.png) no-repeat; background-size: 113px 33px; width: 113px; height: 33px; }
    .ydnavshow .Menu { display: none; }
    .ydnavshow .menuheightbox { display: block; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }
    .Mobilenavclose { background: url(../webimages/nqhicon_14.png) no-repeat center; position: absolute; top: 10px; right: 8px; width: 50px; height: 30px; cursor: pointer; z-index: 2; }
    .Mobilenavreturn { background: url(../webimages/nqhicon_16.png) no-repeat center; position: absolute; top: 10px; left: 0px; width: 80px; height: 30px; cursor: pointer; z-index: 2; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }
    .threeshow .Mobilenavreturn { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }

    .menuheightbox { position: fixed; z-index: 99999999; right: 0; left: 0; top: 0; bottom: 0; background: rgba(236,236,236,.9); z-index: 99999; overflow: hidden; display: block; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }
    .MenuShowThree .menuheight { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }
    .ydnavshow .menuheightlist { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow-x: hidden; overflow-y: auto; }
    .threeshow .menuheightlist { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); display: block; }
    .ydnavshow .menuheightlist > ul { display: none; padding-top: 20px; }
    .ydnavshow .menuheightlist > ul.sitemapbox .Sitemap { margin-top: -20px; padding-top: 20px; background-color: #333; padding: 20px 10px; }
    .SitmapBlink { float: none; }
    .SitmapBlink a { width: 30%; margin-right: 3%; }

    .menuheight { position: absolute; width: 100%; height: 100%; left: 0px; top: 0; overflow-y: auto; overflow-x: hidden; display: block; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); display: block; }
    .menuheight ul { margin: 0px; padding: 0px; position: relative; z-index: 1; padding-top: 10%; }
    .menuheight ul p { position: relative; padding: 15px 0px 15px 45px; cursor: pointer; }
    .menuheight ul p em { position: absolute; left: 10px; top: 40%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); height: 24px; display: block; width: 24px; }
    .menuheight ul p a { color: #333; font-size: 16px; padding-top: 10px; padding-bottom: 10px; display: block; }

    .menuheight ul li, .menuheight ul .home { position: relative; padding: 10px 0px 10px 45px; cursor: pointer; }
    .menuheight ul li em, .menuheight ul .home em { position: absolute; left: 10px; top: 40%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); height: 24px; display: block; width: 24px; }
    .menuheight ul li a, .menuheight ul .home a { color: #333; font-size: 16px; padding-top: 10px; padding-bottom: 10px; display: block; }

    .menuheight ul li.navSearch { padding: 25px 0px 25px 45px; display: none; }
    .menuheight ul li.Mapbutton { height: auto; padding: 10px 0px 10px 45px !important; bottom: auto; }

    .MenuShowheight .menuheight { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); -moz-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); }

    .MenuShowheight .Menubg { display: block; }
    .MenuShowheight .menuheightbox { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }
}



.pchead { display: block; position: absolute; top: 26px; left: 15%; z-index: 10; width: 10%; min-width: 100px; max-width: 187px; }
.pchead img { display: block; width: 100%; }
#webbox { box-sizing: border-box; }
footer { margin-left: 80px; height: 64px; background-color: #1c9ed4; color: #fff; padding-right: 20px; z-index: 10; }
footer a { color: #fff; }
.footL { float: left; }
.footL a { float: left; width: 111px; border-right: 1px solid #1592c6; text-align: center; height: 64px; line-height: 64px; position: relative; }
.footL a:hover { color: #fff; }
.footL a::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background-color: #27a9df; }
.footF { float: right; padding: 16px 1px; }
.footF a { float: left; width: 28px; height: 28px; background: url(../webimages/nqhicon_15.png) no-repeat; margin-left: 8px; }
.footF a img { display:block;width:28px;height:28px;}
.footF a.sharebtn1 { background-position: left center; }
.footF a.sharebtn2 { background-position: -36px center; }
.footF a.sharebtn3 { background-position: -72px center; }
.footF a.sharebtn4 { background-position: -108px center; }
.footF a.sharebtn5 { background-position: -144px center; }
.footR { height: 64px; line-height: 64px; text-align: right; }

#webbox { overflow: hidden; }
.mainC { position: relative; z-index: 1; padding-left: 80px; min-height: 100%; background-color: #fff; }
.nqhPimg { display: block; width: 100%; }

@media screen and (max-width: 1024px) {
    .footF { display: none; }
}

@media screen and (max-width: 800px) {
    #webbox { padding-bottom: 88px; }
    footer { height: 88px; margin-bottom: -88px; }
    .footL { text-align: center; float: none; height: 24px; line-height: 24px; padding: 10px 10px 5px; }
    .footL a { float: none; padding: 5px 10px; line-height: 24px; }
    .footL a:nth-last-child(1) { border: none; }
    .footL a:nth-last-child(1)::after { background: none; }
    .footR { text-align: center; height: 40px; padding: 5px 10px 0; line-height: 20px; }
}

@media screen and (max-width: 668px) {
    .pchead { display: none !important; }
    footer { margin-left: 0; left: 0; }
    .mainC { padding-left: 0; }
}

.commonweb { width: 100%; box-sizing: border-box; padding: 0 10px; margin: 0 auto; max-width: 1180px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
.col-xs-1f, .col-xs-2f, .col-xs-3f, .col-xs-4f, .col-xs-5f, .col-xs-6f, .col-xs-7f, .col-xs-8f, .col-xs-9f, .col-xs-10f { float: left; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }

.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }

.col-xs-1f { width: 10%; }
.col-xs-2f { width: 20%; }
.col-xs-3f { width: 30%; }
.col-xs-4f { width: 40%; }
.col-xs-5f { width: 50%; }
.col-xs-6f { width: 60%; }
.col-xs-7f { width: 70%; }
.col-xs-8f { width: 80%; }
.col-xs-9f { width: 90%; }
.col-xs-10f { width: 100%; }

@media (min-width: 768px) {

    .commonwebbox { margin-left: -10px; margin-right: -10px; }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }

    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }
}

@media (min-width: 992px) {
    .commonwebbox { margin-left: -15px; margin-right: -15px; }
    .commonleft { float: left; }
    .commonright { float: right; }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
    .col-md-1f, .col-md-2f, .col-md-3f, .col-md-4f, .col-md-5f, .col-md-6f, .col-md-7f, .col-md-8f, .col-md-9f, .col-md-10f { float: left; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }

    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }

    .col-md-1f { width: 10%; }
    .col-md-2f { width: 20%; }
    .col-md-3f { width: 30%; }
    .col-md-4f { width: 40%; }
    .col-md-5f { width: 50%; }
    .col-md-6f { width: 60%; }
    .col-md-7f { width: 70%; }
    .col-md-8f { width: 80%; }
    .col-md-9f { width: 90%; }
    .col-md-10f { width: 100%; }
}

@media (min-width: 1024px) {
    .commonweb { padding: 0px 10px; }
    .ww-ro-1 { width: 33.33333333%; }
}

@media (min-width: 1199px) {

    .commonweb { margin: 0px auto; max-width: 1180px; }
    .commonleft { float: left; }
    .commonright { float: right; }

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }

    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-1 { width: 8.33333333%; }
}


.visible-lg, .visible-md, .visible-sm { display: none; }
.hidden-lg, .hidden-md, .hidden-sm { display: block; }

@media (min-width: 767px) {

    .visible-sm { display: block; }
    .hidden-sm { display: none; }
}

@media (min-width: 991px) {

    .visible-md { display: block; }
    .hidden-md { display: none; }
}

@media (min-width: 1200px) {

    .visible-lg { display: block; }
    .hidden-lg { display: none; }
}

.textO { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width:991px) {
    .chapternav-wrapper { position: relative; height: 100%; z-index: 1; height: 105px; overflow: hidden; }
    .chapternav-items { list-style: none; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-bottom: 50px; white-space: nowrap; }
    .chapternav-item { -webkit-animation: chapternav-slidein 350ms backwards; animation: chapternav-slidein 350ms backwards; }
}

.menuheight ul li.Mapbutton .icon-More:before { margin-top: -2px; }
/*首页*/
.indexbanner { }
.indexbanner .phone-slide { position: relative; }
.indexbanner ul { position: relative; z-index: 1; }
.indexbanner ul li { position: relative; }
.indexbanner ul li .img1 img { display: block; width: 100%; }
.indexbanner ul li .textbox { position: absolute; z-index: 2; top: 50%; left: 5%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }
.indexbanner ul li .name1 { font-size: 30px; margin-bottom: -10px; }
.indexbanner ul li .text1 { font-size: 14px; }
.indexbanner ul li .btnbox { margin-top: 20px; font-size: 12px; }
.indexbanner ul li .btnbox a { color: #fff; margin-right: 20px; display: inline-block; position: relative; }
.indexbanner ul li .btnbox a:hover { color: #00a0e9; }
.indexbanner ul li .btnbox a::after { content: ""; position: absolute; left: 50%; bottom: -2px; display: block; height: 2px; background-color: #00a0e9; width: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.5s cubic-bezier(.23,1,.32,1); transition: all 0.5s cubic-bezier(.23,1,.32,1); -moz-transition: all 0.5s cubic-bezier(.23,1,.32,1); -ms-transition: all 0.5s cubic-bezier(.23,1,.32,1); -o-transition: all 0.5s cubic-bezier(.23,1,.32,1); }
.indexbanner ul li .btnbox a:hover::after { width: 100%; -webkit-transition: all 0.5s cubic-bezier(.23,1,.32,1); transition: all 0.5s cubic-bezier(.23,1,.32,1); -moz-transition: all 0.5s cubic-bezier(.23,1,.32,1); -ms-transition: all 0.5s cubic-bezier(.23,1,.32,1); -o-transition: all 0.5s cubic-bezier(.23,1,.32,1); }
.indexbanner ul li .text1 { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 1.2s cubic-bezier(.23,1,.32,1); transition: all 1.2s cubic-bezier(.23,1,.32,1); -moz-transition: all 1.2s cubic-bezier(.23,1,.32,1); -ms-transition: all 1.2s cubic-bezier(.23,1,.32,1); -o-transition: all 1.2s cubic-bezier(.23,1,.32,1); opacity: 0; transition-delay: 2s; -moz-transition-delay: 2s; -webkit-transition-delay: 2s; -o-transition-delay: 2s; }
.indexbanner ul li.swiper-slide-active .text1 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.2s cubic-bezier(.23,1,.32,1); transition: all 1.2s cubic-bezier(.23,1,.32,1); -moz-transition: all 1.2s cubic-bezier(.23,1,.32,1); -ms-transition: all 1.2s cubic-bezier(.23,1,.32,1); -o-transition: all 1.2s cubic-bezier(.23,1,.32,1); opacity: 1; transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; }
.indexbanner ul li .btnbox { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 1.2s cubic-bezier(.23,1,.32,1); transition: all 1.2s cubic-bezier(.23,1,.32,1); -moz-transition: all 1.2s cubic-bezier(.23,1,.32,1); -ms-transition: all 1.2s cubic-bezier(.23,1,.32,1); -o-transition: all 1.2s cubic-bezier(.23,1,.32,1); opacity: 0; transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; }
.indexbanner ul li.swiper-slide-active .btnbox { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.2s cubic-bezier(.23,1,.32,1); transition: all 1.2s cubic-bezier(.23,1,.32,1); -moz-transition: all 1.2s cubic-bezier(.23,1,.32,1); -ms-transition: all 1.2s cubic-bezier(.23,1,.32,1); -o-transition: all 1s cubic-bezier(.23,1,.32,1); opacity: 1; transition-delay: 2s; -moz-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; }

.casebanner ul li .textbox dl dt, .casebanner ul li .textbox dl dd .name { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 1.2s cubic-bezier(.23,1,.32,1); transition: all 1.2s cubic-bezier(.23,1,.32,1); -moz-transition: all 1.2s cubic-bezier(.23,1,.32,1); -ms-transition: all 1.2s cubic-bezier(.23,1,.32,1); -o-transition: all 1.2s cubic-bezier(.23,1,.32,1); opacity: 0; }
.casebanner ul li .textbox dl dd .morebtn { display: inline-block; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 1.2s cubic-bezier(.23,1,.32,1); transition: all 1.2s cubic-bezier(.23,1,.32,1); -moz-transition: all 1.2s cubic-bezier(.23,1,.32,1); -ms-transition: all 1.2s cubic-bezier(.23,1,.32,1); -o-transition: all 1.2s cubic-bezier(.23,1,.32,1); opacity: 0; transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; }
.casebanner ul li.swiper-slide-active .textbox dl dt, .casebanner ul li.swiper-slide-active .textbox dl dd .name { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.2s cubic-bezier(.23,1,.32,1); transition: all 1.2s cubic-bezier(.23,1,.32,1); -moz-transition: all 1.2s cubic-bezier(.23,1,.32,1); -ms-transition: all 1.2s cubic-bezier(.23,1,.32,1); -o-transition: all 1.2s cubic-bezier(.23,1,.32,1); opacity: 1; transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; }
.casebanner ul li.swiper-slide-active .textbox dl dd .morebtn { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.2s cubic-bezier(.23,1,.32,1); transition: all 1.2s cubic-bezier(.23,1,.32,1); -moz-transition: all 1.2s cubic-bezier(.23,1,.32,1); -ms-transition: all 1.2s cubic-bezier(.23,1,.32,1); -o-transition: all 1.2s cubic-bezier(.23,1,.32,1); opacity: 1; transition-delay: 1.5s; -moz-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; }

.morebtn { padding-right: 12px; background: url(../webimages/nqhicon_17.png) no-repeat right center; background-size: auto 10px; }
.morebtn:hover { background-image: url(../webimages/nqhicon_17a.png); }
.videobtn1 { padding-right: 24px; background: url(../webimages/nqhicon_18.png) no-repeat right center; background-size: auto 17px; }
.videobtn1:hover { background-image: url(../webimages/nqhicon_18a.png); }
.indexbanner ul li .morebtn { padding-bottom: 6px; padding-top: 7px; border-bottom: 2px solid #fff; }
.indexbanner ul li .videobtn { padding-bottom: 6px; padding-top: 7px; border-bottom: 2px solid #fff; }
.indexbanner .dot { position: absolute; left: 0; right: 0; text-align: center; bottom: 5% !important; z-index: 2; }
.phone-slide .swiper-pagination-bullet { background-color: #fff; width: 8px; height: 8px; }
.indexlump1 { position: relative; overflow: hidden; }
.indexlump1 .bgimg {overflow: hidden; position: relative; z-index: 1; margin-left:-20%;margin-right:-20%;}
.indexlump1 .bgimg img { display: block; width: 100%; }
.indexlump1 .name { position: absolute; z-index: 2; width: 26%; left: 50%; top: 18%; color: #fff; text-align: center; padding-top: 15px; background: url(../webimages/icon_07.png) no-repeat center top; background-size: auto 16px; font-size: 18px; color: #fff;min-width:116px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.indexlump1 ul { position: absolute; z-index: 2; top: 0; left: -20%; right: -20%; bottom: 0; }
.indexlump1 ul li { position: absolute; -webkit-transform: translateY(-80%) scale(1,1); -moz-transform: translateY(-80%) scale(1,1); -ms-transform: translateY(-80%) scale(1,1); -o-transform: translateY(-80%) scale(1,1); transform: translateY(-80%) scale(1,1); opacity: 0; -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }
.indexlump1 ul li img { display: block; width: 100%; }
.indexlump1 ul .li1 { top: 72.7%; left: 16.9%; width: 3.2%; }
.indexlump1 ul .li2 { top: 52.8%; left: 23.7%; width: 2.4%; }
.indexlump1 ul .li3 { top: 38.8%; left: 37.7%; width: 3.8%; }
.indexlump1 ul .li4 { top: 55.6%; left: 60.5%; width: 3.2%; }
.indexlump1 ul .li5 { top: 50.6%; left: 67.3%; width: 3.2%; }
.indexlump1 ul .li6 { top: 57.8%; left: 82.5%; width: 4.1%; }
.indexlump1.scrollt ul li { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1s cubic-bezier(.23,1,.32,1); -ms-transition: all 1s cubic-bezier(.23,1,.32,1); -o-transition: all 1s cubic-bezier(.23,1,.32,1); transition: all 1s cubic-bezier(.23,1,.32,1); }
.indexlump1 ul li:hover { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); transform: scale(1.05,1.05); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }
.indexlump1 .linkbtn { position:absolute;z-index:4;top:0;left:0;right:0;bottom:0;}

.indexlump2 ul li { width: 100%; position: relative; }
.indexlump2 ul li .bgimg { width: 100%; overflow: hidden; position: relative; z-index: 1; }
.indexlump2 ul li .bgimg img { display: block; width: 100%; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }
.indexlump2 ul li:hover .bgimg img { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); transform: scale(1.05,1.05); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); -ms-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); }
.indexlump2 ul li .textbox { display: block; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; padding-top: 13%; text-align: center; font-size: 20px; color: #fff; }
.indexlump2 ul li .name { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 95%;font-size:18px; }
.indexlump2 ul li .icon { margin-left: 10px; height: 25px; vertical-align: -5px; }
.indexlump2 ul li .videobtn { background: rgba(0,0,0,.2); }
.popupbox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999999; background: rgba(0,0,0,.3); display: none; }
.popupbox .bg { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; }
.video1 .bg { display: block; }
.popupM { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 95%; max-width: 800px; height: 50%; max-height: 500px; min-height: 320px; background-color: #fff; }
.popupM .recclosebtn { display: block; width: 25px; height: 25px; background: url(../webimages/icon_18.png) no-repeat center center; position: absolute; top: 0px; right: 0px; z-index: 2; }
.videobox { width: 100%; height: 100%; position: relative; z-index: 1; }
.videobox video { display: block; width: 100%; height: 100%; }
.videoM { background-color: #000; }

.QRcodepopup .popupM { max-width: 300px; padding: 20px 0; height: auto; min-height: 100px; max-height: 300px; text-align: center; }
.QRcodepopup img { max-width: 100%; max-height: 100%; }

/*行业*/
.casebanner { width: 100%; overflow: hidden; position: relative; }
.casebanner .bgimg { position: relative; z-index: 1; }
.casebanner .bgimg img { display: block; width: 100%; }
.casebanner .textbox { display: block; position: absolute; z-index: 2; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; width: 50%; max-width: 560px; min-width: 280px; }
.casebanner .textbox dl dt { float: left; width: 80px; text-align: center; font-size: 13px; line-height: 30px; }
.casebanner .textbox dl dd { padding-left: 80px; font-size: 20px; }
.casebanner .textbox dl dd .morebtn { background: none; border: 1px solid #ccc; border-radius: 5px; text-align: center; padding: 2px 5px; font-size: 12px; color: #ccc; }
.casebanner .textbox dl dd .morebtn.hover{ background: #fff; color: #666;  }

.hoverbig .bgimg { overflow: hidden; }
.hoverbig .bgimg img { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); -webkit-transition: all 2s cubic-bezier(.23,1,.32,1); -ms-transition: all 2s cubic-bezier(.23,1,.32,1); -o-transition: all 2s cubic-bezier(.23,1,.32,1); transition: all 2s cubic-bezier(.23,1,.32,1); }
.hoverbig:hover .bgimg img { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); transform: scale(1.05,1.05); -webkit-transition: all 2s cubic-bezier(.23,1,.32,1); -ms-transition: all 2s cubic-bezier(.23,1,.32,1); -o-transition: all 2s cubic-bezier(.23,1,.32,1); transition: all 2s cubic-bezier(.23,1,.32,1); }
.caselump1 ul li { float: left; width: 50%; position: relative; }
.caselump1 ul li .bgimg { position: relative; z-index: 1; }
.caselump1 ul li .bgimg img { display: block; width: 100%; }
.caselump1 ul li .textbox { position: absolute; z-index: 2; top: 50%; left: 0; right: 0; text-align: center; line-height: 100%; overflow: hidden; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; font-size: 14px; }
.caselump2 { padding: 20px 0; }
.caselump2, .caselump2 * { box-sizing: border-box; }
.caselump2 .lumpM { width: 100%; max-width: 1400px; margin: 0 auto; }
.caselump2 .lumpbox { padding: 0 5px 10px; }
.caselumpbox1 .titlename1 { font-size: 18px; line-height: 40px; color: #666; padding-left: 8px; }
.caselumpbox1 ul li { float: left; width: 50%; padding: 0 8px; }
.caselumpbox1 ul li .bgimg { position: relative; }
.caselumpbox1 ul li .bgimg img { display: block; width: 100%; position: relative; z-index: 1; }
.caselumpbox1 ul li .bgimg .icon { display: none; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); }
.caselumpbox1 ul li .bgimg .icon::after { content: ""; display: block; width: 0px; height: 0px; border-bottom: 14px solid transparent; border-top: 14px solid transparent; border-left: 28px solid #fff; position: absolute; left: 50%; top: 50%; opacity: 0.8; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.caselumpbox1 ul li .videobtn .bgimg .icon { display: block; }
.caselumpbox1 ul li .name { font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; margin-top: 8px; margin-bottom: 4px; }
.caselumpbox1 ul li .time { padding: 4px 8px; font-size: 12px; color: #666; background-color: #eeeff0; }

.caseinsideT img { max-width: 100%; }
.caseinsideC, .caseinsideC * { box-sizing: border-box; }
.caseinsideC .caselumpbox1 { margin-left: -10px; }

.caseN { padding: 10px 0 20px; }
.insidesnav { position: relative; z-index: 2;height:50px;border-bottom: 1px solid #ccc; }
.insidesnav .stitle { display: none; }
.insidesnav ul { overflow-x: auto; white-space: nowrap;  }
.insidesnav ul li { height: 40px; line-height: 40px; overflow: hidden; display: inline-block; }
.insidesnav ul li a { display: block; padding: 0 10px; }
.insidesnav ul li a.cur, .insidesnav ul li a:hover { color: #00a0e9; }
.insideR { position: relative; z-index: 1; }
.insidesnav.ulshow ul { display: block; }
.insideR { padding-top: 20px; font-size: 14px; line-height: 24px; }
.caseinsideT { color: #666; }
.caseinsideT .name { font-size: 18px; padding-bottom: 10px; }
.caseinsideT .name .text { display: block; width: 100%; font-size: 16px; color: #00a0e9; }
.caseinsideC { padding-top: 20px; }
.caseinsideP { padding-top: 30px; }
.caseinsideP .titlename1 { font-size: 18px; line-height: 40px; color: #666; }
.caseinsideP ul { margin-left: -10px; margin-right: -10px; }
.caseinsideP ul li { float: left; width: 50%; padding-bottom: 20px; }
.caseinsideP ul li a { display: block; padding: 10px; }
.caseinsideP ul li img { display: block; width: 100%; max-width: 220px; }
.caseinsideP ul li .name { display: block; font-size: 14px; line-height: 20px; margin-top: 10px; height: 20px; overflow: hidden; }
.caseinsideP ul li .text { margin-top: 10px; line-height: 20px; height: 80px; overflow: hidden; margin-bottom: 15px;color:#666; }
.caseinsideP ul li .link { color: #00a0e9; margin-top: 15px; }


.form-group .btn-action { display: inline-block; text-align: center; padding: 11px 20px; margin: 0 0 20px 20px; min-width: 178px; background: #00a0e9; border: 1px solid #00a0e9; color: #fff; font-size: 17px; font-weight: 400; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer; }
.form-group .btn-action:focus { text-decoration: none; }
.form-group .btn-action:active, .form-group .btn-action:hover { outline: none; text-decoration: none; border-color: #00a0e9; background: #fff; color: #00a0e9; }
.form-group .btn-action.btn-small { min-width: 145px; padding: 10px 12px; font-size: 14px; }
.form-group { position: relative; margin-bottom: 20px; }
.consultpopbox { padding: 20px; }
.consultpopbox .form-group .btn-action { display: block; margin: 0 auto 20px; }
.consultpopbox .collect-information-text { font-size: 18px; padding: 20px 0; }
.form-group input[type=number], .form-group input[type=tel], .form-group input[type=text] { -webkit-appearance: none; display: block; width: 100%; padding: 5px 0; border: none; border-bottom: 1px solid #979797; font-size: 12px; outline: none; color: #707473; }
.form-group textarea { -webkit-appearance: none; display: block; width: 100%;  border: none; border-bottom: 1px solid #979797; font-size: 12px; outline: none; color: #707473; height: 24px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; resize: none; }
.form-group textarea:active, .form-group textarea:focus { outline: none; height: 80px; }
.consultpopM { max-width: 600px; height: 500px; max-height: 100%; overflow-y: auto; }


/*支持*/
.supportN { text-align: center; color: #1a1a1a; padding: 20px 0; }
.supportN .stitle1 { font-size: 18px; line-height: 30px; }
.supportN .text1 { font-size: 14px; line-height: 30px; }
.supportlinks1 { margin-left: -10px; margin-right: -10px; text-align: center; margin-top: 20px; }
.supportlinks1, .supportlinks1 * { box-sizing: border-box; }
.supportlinks1 li { float: left; width: 33.33%; padding: 0 10px; }
.supportlinks1 li a { display: block; border: 1px solid #a0a0a0; border-radius: 3px; padding: 10px; }
.pcbox .supportlinks1 li a:hover { border-color: #03a5e3; }
.supportlinks1 li .iconbox { width: 60%; max-width: 60px; margin: 0 auto; }
.supportlinks1 li .iconbox img { display: block; width: 100%; }
.supportlinks1 li .iconbox .img1 { display: block; }
.supportlinks1 li .iconbox .img2 { display: none; }
.pcbox .supportlinks1 li:hover .iconbox .img1 { display: none; }
.pcbox .supportlinks1 li:hover .iconbox .img2 { display: block; }
.supportlinks1 li .name { font-size: 14px; line-height: 20px; margin-top: 10px; }
.supportN .stitle2 { font-size: 18px; line-height: 60px; height: 60px; background-color: #f2f2f2; margin-top: 40px; }
.contactlink1M,.contactlink1 li { margin-top: 24px; }
.contactlink1M li,.contactlink1 li { float: left; width: 50%; position: relative; }
.contactlink1M li a ,.contactlink1 li a { padding: 10px; display: block; }
.pcbox .suportQlist li:hover::after, .suportQlist li.cur::after { content: ""; width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #03a5e3; position: absolute; left: 50%; top: 105%; margin-left: -8px; }
.contactlink1M li img,.contactlink1 li img { width: 70px; }
.contactlink1M li .img1,.contactlink1 li .img1 { display: inline; }
.contactlink1M li .img2,.contactlink1 li .img2 { display: none; }
.pcbox .contactlink1M li:hover .img1, .contactlink1M li.cur .img1, .contactlink1 li.cur .img1 ,.contactlink1 li:hover .img1 { display: none; }
.pcbox .contactlink1M li:hover .img2, .contactlink1M li.cur .img2, .contactlink1 li.cur .img2,.contactlink1 li:hover .img2 { display: inline; }
.contactlink1M li:hover a, .contactlink1M li.cur a { color: #00a0e9; }
.casetitle1 { font-size: 20px; line-height: 60px; height: 60px; background-color: #f7f8f9; }
.casetitle1 .stitle1 { font-size: 18px; color: #00a0e9; margin-left: 20px; }

.email-detail { display: none; padding: 20px 0; border-top: 1px solid #eee; text-align: left; font-size: 14px; }
.email-detail a { font-size: 14px; }
.email-detail * { box-sizing: border-box; }
.email-detail > div > div { display:none;}
.email-detail > div > div.col-sm-6 { display:block;width:100%;text-align:center;}
.QRcodebox { display: none; padding: 20px 0; border-top: 1px solid #eee; }
.QRcodebox img { width: 80%; max-width: 210px; }
.QQcodebox { display: none; padding: 20px 0; border-top: 1px solid #eee; }
.QQcodebox img { width: 80%; max-width: 210px; }
.phone-detail { display: none; padding: 20px 0; border-top: 1px solid #eee; text-align: left; font-size: 14px; }
.phone-detail a { font-size: 14px; }
.phone-detail * { box-sizing: border-box; }
.emailP .email-detail { display: block; }
.codeP2 .QQcodebox { display: block; }
.codeP2 .QRcodebox { display: block; }
.phoneP .phone-detail { display: block; }
.email-detail .smane1 { color: #00a0e9; text-align: left; font-size: 18px; }
.phone-detail .smane1 { color: #00a0e9; text-align: left; font-size: 18px; }
.phone-detail > div { padding: 10px 0; }

.suportproL { margin-left: -10px; margin-right: -10px; }
.suportproL li { float: left; width: 50%; font-size: 14px; color: #666; padding: 10px 0; }
.suportproL li a { display: block; padding: 10px; }
.suportproL li img { display: block; width: 80%; max-width: 214px; margin: 0 auto; }
.suportproL li .name { margin-top: 10px; }
.suportproT { font-size: 16px; }
.suportproT dl { max-width: 450px; margin: 0 auto; }
.suportproT dl dt img { max-width: 214px; }
.suportproB { border-top: 1px solid #f2f2f2; margin-top: 30px; }
.suportproB .sname1 { text-align: left; font-size: 14px; line-height: 30px; padding-top: 10px; }
.suportQlist { max-width: 850px; margin: 0 auto; }
.suportQlist li { width: 25%;float:left; }
.suportQlist li img { width: 50%; max-width: 65px; }
.suportQlist li img:hover .img2

.collapse { display: none; }
.suportQslide { text-align: left; background-color: #f7f8f9; }
.suportQslide .suportQslidelump { padding: 30px 32px; }
.suportQslide .faq-icon-list { padding-bottom: 10px; padding-top: 20px; }
.suportQslide .faq-icon-list .faq-icon-item { position: relative; display: inline-block; width: 180px; height: 128px; padding: 12px 15px; margin-bottom: 20px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; }
.suportQslide .faq-icon-list .faq-icon-item, .suportQslide .faq-icon-list .faq-icon-item .faq-icon, .suportQslide .faq-icon-list .faq-icon-item:after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.suportQslide .faq-icon-list .faq-icon-item:after { position: absolute; content: ''; bottom: 3px; left: 50%; margin-left: -3px; border-top: solid 5px #00a0e9; border-left: solid 5px transparent; border-right: solid 5px transparent; opacity: 0; display: block; width: 0; height: 0; }
.suportQslide .faq-icon-list .faq-icon-item.active, .suportQslide .faq-icon-list .faq-icon-item:hover, .show-more .show-other .other-type-icon.active h4 { color: #00a0e9; }
.suportQslide .faq-icon-list .faq-icon-item.active .faq-icon, .suportQslide .faq-icon-list .faq-icon-item:hover .faq-icon { background-image: url(//www-optimized.djicdn.com/assets/images/support/product/sprite-b@2x-a549a62f77f8125ca7981220bb1b9a33.png); }
.suportQslide .faq-icon-list .faq-icon-item span { display: block; font-size: 12px; line-height: 14px; }
.suportQslide .faq-icon-list .faq-icon-item .faq-icon { display: inline-block; width: 64px; height: 64px; margin-bottom: 10px; background-image: url(//www-optimized.djicdn.com/assets/images/support/product/sprite-g@2x-095a66c91c39a27f3885ea88a76202e6.png); background-repeat: no-repeat; background-size: 576px 448px; background-position: -128px -384px; }
.suportproB.content-list-opened .suportQslide { max-height: 2200px; overflow-y: scroll; }
.suportproB .suportQslide { max-height: 0; overflow: hidden; background-color: #f7f8f9; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; margin-top: 30px; }
.suportQslide .faq-content-list .faq-content { display: none; padding: 30px; opacity: 0; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
.suportQslide .faq-content-list .faq-content.active, .suportQslide .faq-icon-list .faq-icon-item.active:after { opacity: 1; }
.suportQslide .faq-item { margin-bottom: 25px; }
.suportQslide .faq-item .msq { font-size: 12px; padding-top: 15px; padding-bottom: 10px; text-align: right; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; color: #979797; }
.suportQslide .faq-item .msq .msq_btn { color: #00a0e9; margin-left: 5px; font-size: 12px; cursor: pointer; position: relative; }
.suportQslide .faq-item .msq .msq_btn.active { text-shadow: 0 0 15px rgba(224,131,131,.5); color: #e08383; }
.suportQslide .faq-item .msq .slash { margin-left: 5px; color: #979797; }
.suportQslide .faq-item .desc { padding-top: 6px; font-size: 13px; line-height: 22px; }
.suportQslide .faq-item .name { position: relative; vertical-align: middle; padding-top: 15px; padding-bottom: 5px; display: block; border-bottom: 1px solid #fff; }
.suportQslide .faq-item .name h4 { color: #00a0e9; display: inline-block; position: relative; padding-right: 25px; font-weight: 400; margin-bottom: 5px; font-size: 13px; line-height: 18px; }
.fa-angle-down:before { content: ''; background: url(../webimages/icon_23.png) no-repeat; width: 6px; height: 11px; display: block; }
.suportQslide .faq-item .name .fa-angle-down { position: absolute; color: #00a0e9; display: inline-block; right: 5px; top: 50%; margin-top: -6px; z-index: 99; transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -ms-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
.suportQslide .faq-item .collapse { display:none;}
.suportQslide .faq-item.show .name .fa-angle-down { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -ms-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
.suportQslide .faq-select { display: inline-block; min-width: 200px; margin-bottom: 20px; position: relative; }
.suportQslide .faq-select.closed ul { max-height: 0; }
.suportQslide .faq-select .selected { position: relative; display: block; margin-top: 15px; padding: 10px 35px 10px 15px; border: rgba(151,151,151,.26) solid 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 3px; font-size: 13px; text-transform: uppercase; color: #999; }
.suportQslide .faq-select .selected .text { font-size: 13px; }
.suportQslide .faq-select .selected .fa-caret-down { position: absolute; opacity: .4; top: 50%; margin-top: -7px; right: 10px; }
.suportQslide .faq-select ul { width: 100%; z-index: 100; position: absolute; background-color: #f7f8f9; max-height: 300px; overflow: auto; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; -webkit-overflow-scrolling: touch; }
.suportQslide .faq-select ul li { padding-top: 0; padding-bottom: 0; }
.suportQslide .faq-select ul li a { padding: 10px 15px; font-size: 13px; display: block; border: 0; color: #979797; }
.suportQslide .faq-select ul li a:active { background-color: #ccc; }
.suportQslide .faq-select ul li a:focus { background-color: #ccc; }
.suportQslide .faq-select .scrollbar::-webkit-scrollbar { width: 4px; }
.suportQslide .faq-select .scrollbar::-webkit-scrollbar-track { background: 0 0; }
.suportQslide .faq-select .scrollbar::-webkit-scrollbar-thumb { background: #b6b6b6; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.caselumpbox1, .caselumpbox1 * { box-sizing: border-box; }
.supportN .caselumpbox1 ul li { text-align: left; margin-bottom: 30px; }
.supportN .caselumpbox1 ul { margin-left: -8px; margin-right: -8px; }
/*.supportN .caselumpbox1 ul li .bgimg .icon { background-image: url(../webimages/icon_09b.png); }*/
.insidesnav .titlename1 { text-align: left; font-size: 18px; margin-bottom: 20px; }
.singlepage { text-align: left; overflow: hidden; zoom: 1; font-size: 14px; line-height: 24px; }
.singlepage img { max-width: 100%; }
.fr { float: right; max-width: 100%; }
.pagetitle1 { font-size: 18px; margin-bottom: 20px; }
.pcshow1 { display: none; }


.loadmore { display: block; width: 100%; height: 45px; background: url(../webimages/icon_25.png) no-repeat center center #f2f2f2; margin-top: 20px; cursor: pointer; }
/*新闻*/
.insidenewT { max-width: 774px; }
.insidenewT .caselumpbox1 ul { margin-left: -10px; margin-right: -10px; }
.insidenewT .caselumpbox1 ul li:nth-child(1) { width: 100%; }
.insidenewT .caselumpbox1 ul li { padding-bottom: 31px; padding-left: 10px; padding-right: 10px; }
.insidenewT .caselumpbox1 ul li .name { color: #00a0e9; }
.insidenew { padding: 20px 0; }
.insidenewB { padding: 20px 0; }
.insidenewB .stitle1 { font-size: 18px; }
.insidenewB .link1 { font-size: 16px; margin-bottom: 36px; }
.insidenewB .link1 a { color: #00a0e9; }
.insidenewB .link2 { font-size: 14px; margin-bottom: 36px; line-height: 32px; }
.insidenewB .link2 a { display: inline-block; color: #00a0e9; margin-right: 12px; }
.insidenewB .sharebox a { display: block;  height: 30px; line-height: 30px; margin-top: 15px; font-size: 14px; color: #00a0e9; padding-left: 42px; position:relative;}
.insidenewB .sharebox a img { display:block;width:22px;height:22px;position:absolute;left:0;top:50%;margin-top:-11px;}
.icon-f { background-position: left 4px; }
.icon-t { background-position: left -42px; }
.icon-ytb { background-position: left -87px; }
.icon-vimeo { background-position: left -132px; }
.icon-in { background-position: left -179px; }
.icon-weibo { background-position: left -221px; }
.icon-youku { background-position: left -266px; }
.icon-WeChat { background-position: left -310px; }

.newsdetailT { padding-bottom: 40px; }
.newsdetailT .newsname { font-size: 20px; color: #00a0e9; }
.newsdetailT .time { margin-top: 10px; font-size: 12px; color: #999; }
.newsdetailT .time .tag { padding: 2px 10px 1px; border-radius: 5px; background-color: #959595; color: #fff; margin-right: 7px; }
.newsdetailB { font-size: 14px; line-height: 24px; color: #666; }
.newsdetailB img { max-width: 100%; }

/*公司*/
.aboutM { margin-top: 20px; padding-bottom: 20px; padding-top: 1px; }
.honorlist, .honorlist * { box-sizing: border-box; }
.honorlist { padding-bottom: 1px; }
.insideR .honorlist { margin-top: -20px; }
.remorebtn { display: block; height: 45px; margin: 20px 0 10px; }
.honorcont01 { padding: 36px 0; }
.honorbtn { margin-top: 40px; font-size: 18px; overflow: hidden; position: relative; }
.honorbtn a { display: inline-block; width: 100%; height: 60px; text-align: center; line-height: 60px; }
.honorbtn a:hover, .honorbtn a.cur { }
.honorbtn a:last-child:hover, .honorbtn a:last-child.cur { }
.honorbtn ul li { overflow: hidden; float: left; position: relative; }
.honorbtn ul { width: 100%; height: 100%; z-index: 1; }
.honorlist ul li { text-align: center; margin-bottom: 20px; }
.honordiv { padding: 4%; }
.honordiv img { display: block; max-width: 100%; margin: 0 auto; }

.mapiframe2 {width:100%;max-width:552px;min-height:300px;margin:0 auto 20px;display:block; }

/*招聘*/
.recruitnav a { float: left; margin: 0 10px; height: 40px; line-height: 40px; }
.recruitnav a.cur { color: #00a0e9; }

.videobanner { position: relative; z-index: 2; }
.videobanner video { display: block; width: 100%; height: 100%; position: relative; z-index: 1; }
.videobanner video::-webkit-media-controls-enclosure { display: none !important; }
.recruitbanner .textbox { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.2); }
.recruitbanner .text { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 90%; max-width: 624px; text-align: center; color: #fff; }
.recruitbanner .textbox .stitle1 { font-size: 18px; margin-bottom: 5px; }
.recruitbanner .textbox .stitle1 .num { font-size: 20px; margin-right: 10px; }
.recruitbanner .textbox .textimg img { width: 100px; }
.recruitbanner .textbox .seekbtn { display: block; width: 60%; max-width: 386px; margin: 5px auto; background-color: #00a0e9; color: #fff; font-size: 14px; border-radius: 4px; height: 30px; line-height: 30px; }
.recruitbanner .textbox2 { background: none; }
.recruitlump1 { margin-top: 20px; background-color: #1ec0ff; position: relative; padding: 10px; color: #fff; padding-top: 30px; }
.recruitlump1 * { position: relative; z-index: 2; }
.recruitlump1 .year { float: left; font-size: 32px; line-height: 40px; }
.recruitlump1 .name1 { float: left; font-size: 26px; line-height: 40px; margin-left: 10px; }
.recruitlump1 .name2 { float: left; width: 100%; margin-top: 5px; }
.recruitlump1 .name2 img { display: block; width: 243px; }
.recruitlump1 .img1 { position: absolute; top: 0; right: 0; width: 142px; z-index: 1; }
.recruitlump1 .img1 img { display: block; width: 100%; }
.insidestitle2 { font-size: 28px; text-align: center; padding-top: 40px; padding-bottom: 20px; color: #333; position: relative; margin-bottom: 20px; }
.insidestitle2::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 50px; margin-left: -25px; height: 1px; display: block; background-color: #ccc; }
.recruitlump { padding-bottom: 1px; }
.recruitlump2 .textbox1 { padding-bottom: 20px; font-size: 14px; text-align: center; max-width: 1046px; margin: 0 auto; }
.recruitlump2 .imgs { margin-left: -10px; margin-right: -10px; margin-top: 20px; }
.recruitlump2 .imgs li { float: left; box-sizing: border-box; padding: 0 4px; width: 33.33%; }
.recruitlump2 .imgs li img { display: block; width: 100%; }
.recruitlump3L { text-align: center; padding-bottom: 20px; }
.recruitlump3L ul li { padding-top: 10px; padding-bottom: 10px; font-size: 18px; position:relative;}
.recruitlump3L ul li .text { position:absolute;bottom:100%;left:50%;padding:10px;width:100%;max-width:200px;background-color:#6dbbf5;border-radius:5px;font-size:12px;line-height:20px;color:#fff;-webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);display:none; -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -ms-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease;}
.recruitlump3L ul li .text::after { content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #6dbbf5;position:absolute;left:50%;bottom:-4px;margin-left:-3px;}
.recruitlump3L ul li:hover .text { display:block;-webkit-transition: .3s all ease; -moz-transition: .3s all ease; -ms-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease;}

.recruitlump4 { width: 100%; overflow: hidden; max-width: 500px; margin: 0 auto; }
.recruitlump4 .swiper-container { width: 100%; padding-top: 50px; padding-bottom: 50px; }
.recruitlump4 .swiper-slide { background-position: center; background-size: cover; width: 320px; height: 217px; }
.recruitlump4 .swiper-pagination-bullet { width: 14px; height: 14px; background-color: #ccc; opacity: 1; }
.recruitlump4 .swiper-pagination-bullet-active { background-color: #fff; border: 1px solid #00a0e9; }
.recruitlump4 .swiper-container .prevbtn, .recruitlump4 .swiper-container .nextbtn { display: block; height: 44px; width: 25px; background: url(../webimages/icon_34.png); top: 50%; z-index: 5; position: absolute; margin-top: -24px; }
.recruitlump4 .swiper-container .prevbtn:hover, .recruitlump4 .swiper-container .nextbtn:hover { background-image: url(../webimages/icon_34a.png); }
.recruitlump4 .swiper-container .prevbtn { left: 10%; background-position: left center; }
.recruitlump4 .swiper-container .nextbtn { right: 10%; background-position: right center; }
.recruitlump5 { position: relative; z-index: 1; }
.recruitlump5 img { display: block; width: 100%; }
.recruitlump6 { position: relative; z-index: 2; padding-top: 10px; background-color: #f7f8f9; padding-bottom: 20px; }
.recruitlump6T dl dt img { display: block; width: 100%; }
.recruitlump6T .stitle, .insidestitle3 { padding-top: 20px; font-size: 20px; }
.recruitlump6T .textbox { font-size: 15px; line-height: 28px; }
iframe { border: none; }
.recruitlump7 { padding: 20px 0; }
.recruitlump7M { max-width: 998px; margin: 0 auto; box-shadow: 0 20px 20px rgba(0,0,0,.1); box-sizing: border-box; padding: 10px 10px 50px; font-size: 15px; line-height: 24px; position: relative; }
.recruitlump7M .stitle { padding-top: 20px; font-size: 30px; }
.mapbox { margin-top: 20px; }
.mapbox iframe { height: 200px; }
.seekallbtn { display: block; height: 40px; line-height: 40px; background-color: #00a0e9; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; }
.seekallbtn:hover { color: #fff; }
.seekallbtn::after { content: ""; position: absolute; top: 0; left: 50%; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 6px solid #fff; margin-left: -8px; }

.recruitbanner { position: relative; }
.recruitbanner .bgbanner { position: relative; z-index: 2; }
.recruitbanner .bgbanner img { display: block; width: 100%; }

.recruitlump8 .textbox1 { max-width: 790px; }
.recruitlump8 .videobox video { display: block; width: 100%; cursor: pointer; }
.recruitlump8 .videobox video::-webkit-media-controls-enclosure { display: none !important; }

.recruitlumpB { padding: 20px 10px; background-color: #f2f2f2; }
.recruitlump9I { width: 100%; }
.recruitlump9I img { display: block; width: 100%; }
.recruitlump9R { width: 100%; text-align: center; padding-top: 20px; color: #333; }
.recruitlump9R .text1 { margin-bottom: 20px; font-size: 15px; }
.recruitlump9M .curnav { border-bottom: 1px solid #ccc; }
.recruitlump9M .curnav a, .recruitlump9M .curnav .morecity { float: left; height: 40px; line-height: 40px; position: relative; width: 25%; max-width: 130px; box-sizing: border-box; }
.recruitlump9M .curnav .morecity .title1 { padding-right: 14px; color: #666; position: relative; }
.recruitlump9M .curnav .morecity .title1::after { content: ""; position: absolute; right: 0; top: 50%; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #dcdcdc; margin-top: -3px; }
.recruitlump9M .curnav .morecity .moreL { position: absolute; top: 100%; left: 0; right: 0; max-height: 200px; overflow-x: hidden; overflow-y: auto; background-color: #fff; display: none; }
.recruitlump9M .curnav .morecity .moreL a { width: 100%; height: 30px; line-height: 30px; }
.recruitlump9M .curnav .morecity .moreL a:hover, .recruitlump9M .curnav .morecity .moreL a.cur { border: none; margin-bottom: 0; }
.recruitlump9M .curnav .morecity:hover .moreL { display: block; }
.recruitlump9M .curnav a:hover, .recruitlump9M .curnav a.cur { color: #00a0e9; border-bottom: 3px solid #00a0e9; margin-bottom: -2px; }
.recruitlump9L { padding: 10px 5px; }
.recruitlump9L table { width: 100%; text-align: left; border-collapse: collapse; }
.recruitlump9L table tr th, .recruitlump9L table tr td { height: 30px; border-collapse: collapse; padding-right: 10px; }
.recruitlump9L table tr td { border-top: 1px solid #ccc; }

.icon_city { padding-left: 18px; background: url(../webimages/icon_37.png) no-repeat left center; }
.icon_finance { padding-left: 20px; background: url(../webimages/icon_38.png) no-repeat left center; }
.recruitlump10 .commonweb { padding-left: 0; padding-right: 0; }
.recruitlump10T { margin-top: 20px; position: relative; z-index: 1; }
.recruitlump10T img { display: block; width: 100%; }
.recruitlump10B { margin-top: -40px; background-color: #fff; position: relative; z-index: 2; padding: 0 10px; }
.recruitlump10B .recruitlump9R { float: none; width: 100%; max-width: 100%; }
.recruitlump10L { text-align: left; padding: 15px 0; }
.recruitlump10L ul { padding-left: 5px; padding-right: 5px; }
.recruitlump10L ul li { padding-bottom: 15px; }
.recruitlump10L ul li .name { font-size: 16px; }
.recruitlump10L ul li .job { color: #666; line-height: 30px; }
.recruitlump10L ul li .job span { padding-top: 5px; padding-bottom: 5px; margin-right: 12px; }
.recruitlump10L ul li .textbox { font-size: 14px; line-height: 24px; }
.recruitlump11 { padding: 20px 10px; background: url(../webimages/bg2.jpg) no-repeat #e7f0f6; background-size: cover; }
.recruitmentprocess { margin-right: -10px; }
.recruitmentprocess li { padding-bottom: 30px; border-left: 4px solid #cfd8dd; padding-left: 20px; position: relative; }
.recruitmentprocess li .num { font-size: 20px; position: absolute; top: 0; left: -14px; width: 28px; height: 28px; text-align: center; border-radius: 28px; line-height: 28px; background-color: #00a0e9; color: #fff; }
.recruitmentprocess li .time { font-size: 15px; color: #00a0e9; }
.recruitmentprocess li .textbox { padding: 10px 10px 20px; background-color: #fff; border-radius: 5px; margin-top: 10px; }
.recruitmentprocess li .name { font-size: 18px; padding: 10px 0; }
.recruitmentprocess li:nth-last-child(1) { border-left: none; }
.recruitlump11 .simg1 { display: none; }
.recruitlump11 .simg2 { display: none; }

.recruitlump12 .recruitlump10B { margin-top: 0; }
.recruitlump12 .recruitlump9M .curnav a { max-width: 25%; width: 22%; }
.recruitlump12 .recruitlump9M .curnav a:nth-last-child(1) { width: 34%; max-width: 34%; }
.blC { color: #00a0e9; }
.recruitlump12L { text-align: left; padding: 20px 5px; }
.recruitlump12L li { padding-bottom: 40px; }
.recruitlump12L li .name { font-size: 16px; padding-bottom: 20px; }
.recruitlump12 .recruitlump9R { width: 100%; max-width: 100%; }

.recruitlist .titlename1 { text-align: center; line-height: 80px; font-size: 24px; }
.recruitselect > div { padding-bottom: 20px; }
.searchbox1 { display: block; position: relative; border: 1px solid #ccc; border-radius: 3px; padding-right: 39px; }
.searchbox1 label { display: block; padding: 7px 10px; }
.searchbox1 label input { display: block; width: 100%; background: none; height: 18px; }
.searchbox1 input.button { position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 39px; border: 1px solid #2c9df0; background: url(../webimages/icon_41.png) no-repeat center center #44a8f2; }
.selectbox1 { padding: 0 10px; }
.selectbox1 select { display: block; width: 100%; border: 1px solid #ccc; border-radius: 3px; height: 34px; padding-left: 10px; cursor: pointer; }
.recruitlistM { padding: 20px 0; background-color: #f2f2f2; }
.recruitlistMc .recruitlump10L ul li { position: relative; padding: 10px; background-color: #fff; margin-bottom: 20px; }
.recruitlistMc .recruitlump10L ul li a:hover {color:#666; }
.recruitlistMc .recruitlump10L ul li .iconimg { display: none; }
.pagemore { height: 45px; background: url(../webimages/icon_42.png) no-repeat center center #e8e8e8; cursor: pointer; }
.recruitlistMc .recruitlump10L ul li:hover { box-shadow:0 0 15px rgba(0,0,0,.15);}

.recruitdetail { box-sizing:border-box;background:#f2f2f2;}
.recruitdetailM { background-color:#fff;padding:20px;}
.recruitdetailM .titlename1 { color:#00a0e9;}
.recruitdetailM .Ttext1 { text-align:center;color:#999;}
.recruitdetailT { padding-top:30px;text-align:center;font-size:14px;line-height:22px;}
.recruitdetailT img { max-width:32px;}
.recruitdetailC { padding:20px 10px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;margin-top:30px;font-size:14px;line-height:24px;color:#333;}
.recruitdetailC .stitle1 { font-size:18px;line-height:60px;}
.recruitdetailM .mailtobtn { display:block;width:80%;max-width:203px;margin:40px auto;text-align:center;background-color:#00a0e9;color:#fff;line-height:45px;height:45px;border-radius:4px;font-size:18px;}

/*产品*/
.probanner { position: relative; width: 100%; overflow: hidden; background-color: #160c07; }
.probanner .bgimg { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; }
.probanner .bgimg img { display: block; height: 100%; position: absolute; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.probannerbox { text-align: center; padding: 20px 0; position: relative; z-index: 2; }
.probannerbox .proname1 { font-size: 24px; color: #fff; text-transform: uppercase; padding-top: 10px; }
.probannerbox .protext1 { font-size: 16px; color: #fff; }
.probannerbox .protext2 { font-size: 13px; color: #fff; width: 100%; max-width: 895px; margin: 20px auto; }
.bannervideoL { position: relative; width:500px; box-sizing: border-box; margin: 20px auto; max-width: 500px;}
.bannervideoL.begin {width: 100%;max-width:320px;  }
.bannervideoL.moreli { padding: 0 38px;width: 100%; max-width: 490px; }
.bannervideoM { width: 100%; overflow: hidden; }
.bannervideoM ul li .libox { position: relative; }
.bannervideoM ul li .libox .videobtn { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background: url(../webimages/icon_44.png) no-repeat center center; background-size: 8% auto; }
.bannervideoM ul li .name { color: #bbb; font-size: 14px; margin-top: 20px; }
.moreli .bannervideoM ul li .name { display: none; }
.bannervideoM ul li .imbox { position: relative; z-index: 1; }
.bannervideoM ul li.swiper-slide-active .name { display: block; }
.moreli .bannervideoM ul li .videobtn { display: none; }
.moreli .bannervideoM ul li.swiper-slide-active .videobtn { display: block; }

.bannervideoM ul li .imgbox img { display: block; width: 100%; }
.bannervideoL .prevbtn, .bannervideoL .nextbtn { display: block; width: 13px; height: 25px; background: url(../webimages/icon_43.png) no-repeat; position: absolute; top: 50%; margin-top: -35px; display: none; }
.bannervideoL .prevbtn { left: 0; background-position: left center; }
.bannervideoL .nextbtn { right: 0; background-position: right center; }
.bannerproimg { padding: 20px 0; }
.bannerproimg img { display: block; width: 50%; max-width: 328px; margin: 0 auto; }
.bannerproimg2 img { max-width: 456px; }
.bannerproimg3 img { max-width: 494px; }
.bannerproimg4 img { max-width: 380px; }
.bannerproimg5 img { max-width: 560px; }

.pronav { height: 60px; position: relative; background-color: #f7f8f9; z-index: 3; }
.promainC { position: relative; z-index: 2; }
.pronavM { height: 60px; position: absolute; left: 0; right: 0; top: 0; background-color: rgba(255,255,255,.9); }

.pronavM .name { float: left; font-size: 18px; color: #00a0e9; line-height: 60px; text-transform:uppercase;}
.returntopbtn { float: right; line-height: 60px; font-size: 14px; color: #ccc; cursor: pointer; }
.pronavicon { float: right; width: 60px; height: 60px; margin-right: 10px; position: relative; }
.pronavicon .icon { display: block; width: 100%; height: 100%; }
.pronavicon .icon::after { content: ""; opacity: 0; width: 100%; height: 100%; top: 0px; left: 0px; cursor: pointer; position: absolute; background: #FFF; opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; background: url(../webimages/nqhicon_02.png) no-repeat center center; }
.pronavM.show .pronavicon .icon::after { opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform: scale(0); -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; }
.pronavicon::after { content: ""; opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform: scale(0); position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; cursor: pointer; background: #FFF; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; background: url(../webimages/nqhicon_07.png) no-repeat center center #00a0e9; }
.pronavM.show .pronavicon::after { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -webkit-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -moz-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -ms-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; -o-transition: all .5s cubic-bezier(.3,1,.3,1) .1s; background-color: #00a0e9; }
.pronavM ul { position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; border-bottom: 2px solid #f7f8f9; display: none; overflow: hidden; }
.pronavM ul li { padding: 0 10px; height: 60px; line-height: 60px; cursor: pointer; font-size: 14px; }
.pronavM ul li.cur { background-color: #00a0e9; color: #fff; }
.pronavM.show ul { display: block; }

.prolump1 { background-color: #1e212f; padding: 20px 0; }
.prosimgbox1M ul li img { display: block; width: 100%; max-width: 600px; margin: 0 auto; }
.prosimgbox1 { position: relative; }
.prolump1B ul { text-align: center; max-width: 1000px; margin: 0 auto; }
.prolump1B ul li { padding-bottom: 20px; }
.prolump1B ul.ul2 { }
.prolump1B ul.ul2 li .name { height: 40px; line-height: 20px; padding: 10px 0; }
.prolump1B ul li img { display: block; width: 80%; margin: 0 auto; max-width: 50px; }
.prosimgbox1 { padding: 0 50px; }
.prosimgbox1M { overflow: hidden; }
.prosimgbox1 .prevbtn, .prosimgbox1 .nextbtn { display: block; width: 17px; height: 34px; background: url(../webimages/icon_50.png) no-repeat; position: absolute; top: 50%; margin-top: -17px; }
.prosimgbox1 .prevbtn { left: 0; background-position: left center; }
.prosimgbox1 .nextbtn { right: 0; background-position: right center; }
.proheader .pronavicon { display: block; position: absolute; top: 0; bottom: 0; right: 0; height: 100%; width: 40px; margin-right: 0; }
.proheader .pronavicon .icon::after { background-image: url(../webimages/nqhicon_02a.png); }

.prolump { padding-bottom: 20px; background-color: #24282b; color: #fff; font-size: 14px; line-height: 24px; text-align: center; }
.prolump1 { background: #1e212f; }
.prolump img { max-width: 100%; }
.prolump .sname1 { font-size: 20px; line-height: 30px; padding: 30px 0; }
.prolumpT1 .sname1 { font-size: 20px; line-height: 30px; padding: 30px 0; }
.prolump2 .commonweb { max-width: 1400px; }
.prolump3 { position: relative; height: 400px; font-size: 14px; line-height: 24px; }
.prolump3 .imgbox { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
.prolump3 .imgbox img { display: block; height: 100%; width: auto; max-width: initial; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.prolump3M { position: absolute; z-index: 2; top: 50%; left: 0; right: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); text-align: center; color: #fff; }
.prolump3M .sname1 { font-size: 20px; line-height: 30px; padding: 30px 0; }
.prolump3M .ul1 { }
.prolump3M .ul1 li { float: left; width: 25%; box-sizing: border-box; padding: 0 5px; }
.prolump3M .ul1 li img { display: block; width: 100%; max-width: 50px; margin: 0 auto; }
.prolump3M .ul1 li .name { display: block; margin-top: 15px; }



.prolump5M { padding-bottom: 20px; }
.prolump5M .textbox { padding-left: 0; text-align: center; }
.prolump5M .sname1 { padding-top: 0 !important; }

.proTitle1 { height: 80px; line-height: 80px; font-size: 20px; background-color: #f7f8f9; overflow: hidden; }
.proTitle1 .entitle { font-size: 22px; color: #00a0e9; text-transform: uppercase; margin-right: 20px; }
.bsizi { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.proParameter { padding-bottom: 20px; }
.proParameterL .name { font-size: 17px; line-height: 50px; padding-top: 20px; color: #333; }
.proParameterL dl { font-size: 14px; line-height: 28px; }
.proParameterL dl dt { float: left; width: 35%; color: #00a0e9; }
.proParameterL dl dd { float: left; width: 65%; }

.provideo { padding: 20px 0; }
.provideo .caselumpbox1 ul { margin-left: -10px; margin-right: -10px; }
.provideo .caselumpbox1 ul li { padding: 10px; }
.provideo .caselumpbox1 ul li .bgimg { z-index: 1; }
.provideo .caselumpbox1 ul li .name { position: relative; z-index: 2; height: 40px; line-height: 40px; padding: 0 10px; margin: -40px 0 0; background-color: rgba(0,0,0,.5); font-size: 16px; color: #fff; }

.prodownload { padding: 20px 0; }
.prodownload dl { padding: 9px 0; }
.prodownload dl dt { float: left; max-width: 70%; }
.prodownload dl dt .name1 { display: block; color: #00a0e9; font-size: 14px; }
.prodownload dl dt .time { display: block; color: #666; font-size: 12px; }
.prodownload dl dd { float: right; margin-left: 10px; }
.downloadbtn { display: block; width: 33px; height: 21px; border: 1px solid #707473; line-height: 21px; text-align: center; color: #999; position: relative; }
.downloadbtn:hover { color: #333; }
.windowbtn::after { content: ""; display: block; width: 33px; height: 21px; position: absolute; top: 0; left: 0; background: url(../webimages/icon_71.png) no-repeat center center; }
.macbtn::after { content: ""; display: block; width: 33px; height: 21px; position: absolute; top: 0; left: 0; background: url(../webimages/icon_72.png) no-repeat center center; }
.iphonebtn::after { content: ""; display: block; width: 33px; height: 21px; position: absolute; top: 0; left: 0; background: url(../webimages/icon_73.png) no-repeat center center; }
.androidbtn::after { content: ""; display: block; width: 33px; height: 21px; position: absolute; top: 0; left: 0; background: url(../webimages/icon_74.png) no-repeat center center; }


.proproblem { background-color: #fff; }
.proproblem .suportQslidelump { padding-left: 0; padding-right: 0; }
.suportQslide .faq-item .name { border-color: #e5e5e5; }

.prostructure { font-size: 13px; line-height: 22px; text-align: center; }
.prostructure img { max-width: 100%; }
.prostructure .cutbtn { text-align: center; padding: 20px 0; }
.prostructure .cutbtn a { display: inline-block; width: 50%; font-size: 13px; padding: 5px 0; border-bottom: 1px solid #fff; }
.prostructure .cutbtn a.cur, .prostructure .cutbtn a:hover { color: #00a0e9; border-color: #00a0e9; }
.prostructure .stitle1 { font-size: 18px; color: #00a0e9; text-align: center; padding: 30px 0 10px; }
.prostructure .ulL1 { max-width: 680px; margin: 0 auto; }
.prostructure .ulL1 li { padding-bottom: 20px; }

.prolump22 { position: relative; font-size: 14px; line-height: 24px; }
.prolump22 .imgbox { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
.prolump22 .imgbox img { display: block; height: 100%; width: auto; max-width: initial; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.prolump22M { text-align: center; color: #fff; position: relative; z-index: 2; }
.prolump22M .sname1 { font-size: 20px; line-height: 30px; padding: 30px 0; }
.prolump22M .ul1 { }
.prolump22M .ul1 li { float: left; width: 25%; box-sizing: border-box; padding: 0 5px; }
.prolump22M .ul1 li img { display: block; width: 100%; max-width: 49px; margin: 0 auto; }
.prolump22M .ul1 li .name { display: block; margin-top: 15px; }
.textboxL1 .sbox1 { background-color: rgba(28,158,212,.7); }
.textboxL1 .sbox2 { background-color: rgba(4,102,143,.7); }
.textboxL1 .sbox3 { background-color: rgba(58,188,32,.7); }
.textboxL1 .ssbox1 { border-right: 1px solid rgba(204,216,233,.2); position: relative; }
.textboxL1 .sbox1 .ssbox1 { height: 180px; }
.textboxL1 .sbox1 .scbox1 { height: 60px; position: relative; position: relative; border-bottom: 1px solid rgba(204,216,233,.2); border-right: 1px solid rgba(204,216,233,.2); line-height: 22px; }
.textboxL1 .sbox1 .scbox1:nth-child(2n) { border-right: none; }
.textboxL1 .text1 { position: absolute; left: 10px; right: 10px; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); }
.textboxL1 .sbox2 .ssbox1 { height: 150px; }
.textboxL1 .sbox2 .ssbox2 { padding-top: 10px; padding-bottom: 10px; }
.textboxL1 .sbox2 .scbox1 { font-size: 14px; }
.textboxL1 .sbox2 .sctitle1 { position: relative; height: 48px; line-height: 48px; font-size: 18px; background: #0087d2; }
.textboxL1 .sbox2 .sktext1 { position: relative;  line-height: 40px; border-right: 1px solid rgba(4,102,143,1); margin-top: 1px; padding-left:0;padding-right:0;}
.textboxL1 .sbox2 .sktext1 .text2 { background: #0087d2; }
.textboxL1 .sbox2 .sktext1 .text2:nth-child(2) { margin-top:1px;}
.textboxL1 .sbox2 .sktext2 { margin-top: 1px; background: #0087d2;height:81px;position:relative;}
.textboxL1 .sbox2 .stname1 { height: 30px; line-height: 30px; }
.textboxL1 .sbox3 .ssbox1 { height: 108px; }
.textboxL1 .sbox3 .ssbox2 { padding-left: 0; padding-right: 0; }
.textboxL1 .sbox3 .scbox1 { height: 54px; line-height: 54px; }
.textboxL1 .sbox3 .sktext1 { border-right: 1px solid rgba(204,216,233,.2); }
.textboxL1 .sbox3 .sktext1 img { vertical-align: -4px; margin-right: 5px; height: 20px; }
.textboxL1 .sbox3 .sktext1:nth-last-child(1) { border-right: none; }
.textboxL1 .sbox3 .scbox2 { height: 54px; line-height: 54px; border-top: 1px solid rgba(204,216,233,.2); }

.prolump23 { height: 400px; }
.prolump23M .imgb { width: 50%; max-width: 568px; margin: 0 auto; }
.prolump23M .imgb img { display: block; width: 100%; }

.prolumpT1 { position: relative; font-size: 14px; line-height: 24px; }
.prolumpT1 .imgbox { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; }
.prolumpT1 .imgbox img { display: block; position: absolute; top: 0; bottom: 0; left: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.prolumpT1 .textbox { position: relative; z-index: 2; padding: 20px 0; text-align: center; color: #fff; }
.prolumpT1 .textbox .sbox1 { padding: 40px 0; }
.prolumpT1 .textbox img { max-width: 100%; }

.prolump24 .textbox .sbox1 .text2 { float: left; font-size: 40px; line-height: 48px; margin-right: 12px; }
.prolump24 .textbox .stext2 { max-width: 330px; text-align: left; margin: 0 auto; }

.prolump31 .prolump1B { padding-top: 20px; }

.prolump41 { padding: 30px 0; }
.prolump41 .sname1 { padding-top: 10px; }

.prolump44 .sname2 { font-size: 18px; max-width: 330px; margin: 0 auto; padding-bottom: 15px; padding-top: 30px; }

.prolump9 { background-color: #016b9b; }

.offsettop .pronavM { position: fixed; top: 45px; right: 0; left: 0; }

.singlepagebody { padding:20px 0;}
.singlepagebody img { max-width:100%;}
.singlepage img { max-width:100%;}

@media (min-width:500px) {
    .recruitlump4 .swiper-slide { width: 420px; height: 280px; }
}

@media (min-width:668px) {
    .recruitlump4 .swiper-slide { width: 420px; height: 280px; }
    .pronavicon { display: block; }
    .proheader .pronavicon { display: none; }
    .offsettop .pronavM { position: fixed; top: 0; right: 0; left: 80px; }
    .pronavM ul { position: absolute; top: 100%; }
}

@media (min-width:764px) {
    .pchead { width: 120px; left: 100px; }
    .indexbanner ul li .name1 { font-size: 40px; margin-bottom: -10px; }
    .indexbanner ul li .text1 { font-size: 20px; }
    .indexbanner ul li .btnbox { margin-top: 50px; }
    .indexbanner ul li .btnbox a { margin-right: 40px; }
    .phone-slide .swiper-pagination-bullet { width: 10px; height: 10px; }
    .morebtn { padding-right: 18px; font-size: 16px; background-size: auto 14px; padding-top: 10px; padding-bottom: 9px; }
    .videobtn1 { padding-right: 30px; font-size: 16px; background-size: auto 20px; padding-top: 8px; padding-bottom: 8px; }

    .indexlump1 .name { width: 18%; top: 35%; background-size: auto 24px; padding-top: 20px; font-size: 18px; }
    .indexlump2 ul li { float: left; width: 50%; }
    .indexlump2 ul li .textbox { font-size: 28px; }

    .indexlump1 .bgimg { margin-left:0;margin-right:0;}
    .indexlump1 ul { left:0;right:0;}


    .casebanner .textbox dl dt { width: 100px; font-size: 17px; line-height: 40px; }
    .casebanner .textbox dl dd { padding-left: 100px; font-size: 32px; }
    .casebanner .textbox dl dd .morebtn { padding: 4px 8px; font-size: 14px; }

    .caseinsideP ul li { width: 33.33%; }
    .suportproL li { width: 33.33%; }
    .suportproT dl { position: relative; }
    .suportproT dl dt { float: left; margin-right: 20px; position: relative; z-index: 2; }
    .suportproT dl dd { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
    .suportproT dl dd .name { position: absolute; top: 50%; right: 0; left: 234px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: left; font-size: 20px; }

    .contactlink1 li { width:25%;}

    .recruitnav { position: absolute; top: 18px; left: 240px; z-index: 3; }
    .recruitnav a { font-size: 18px; color: #fff; margin-right: 72px; }
    .recruitbanner .textbox { font-size: 24px; }
    .recruitbanner .textbox .stitle1 { font-size: 48px; }
    .recruitbanner .textbox .stitle1 .num { font-size: 56px; margin-right: 20px; }
    .recruitbanner .textbox .textimg img { width: 50%; max-width: 289px; }
    .recruitbanner .textbox .seekbtn { height: 59px; line-height: 59px; margin-top: 54px; font-size: 24px; }
    .recruitlump1 { height: 60px; }
    .recruitlump1 .name2 { width: auto; margin-left: 10px; }
    .recruitlump1 .name2 img { height: 30px; width: auto; }

    .recruitlump4 { max-width: 800px; margin: 0 auto; }
    .recruitlump4 .swiper-slide { width: 600px; height: 400px; }

    .recruitlump6T dl { position: relative; background-color: #fff; }
    .recruitlump6T dl dt { float: left; width: 50%; }
    .recruitlump6T dl dd { position: absolute; left: 50%; top: 0; bottom: 0; }
    .recruitlump6T dl dd .textbox { padding: 0 10px; overflow-y: auto; max-height: 100%; }

    .recruitlump10B { margin-top: -100px; }
    .recruitnav2 a:hover, .recruitnav2 a.cur { color: #666; }

    .recruitlist { border-top: 80px solid #00a0e9; }
    .recruitlist .titlename1 { font-size: 32px; line-height: 120px; }

    /*pro*/
    .moreli .bannervideoM { width: 100%; overflow: hidden; padding-top: 40px; padding-bottom: 40px; }
    .moreli .bannervideoM ul { margin-left: 35%; }
    .bannervideoM ul li { z-index: 1; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -ms-transition: 1s all ease; -o-transition: 1s all ease; transition: 1s all ease; text-align: center; }
    .bannervideoM ul li.swiper-slide-active { margin-left: -10%; margin-right: -10%; z-index: 3; -webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); transform: scale(1.5,1.5); -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -ms-transition: 1s all ease; -o-transition: 1s all ease; transition: 1s all ease; }
    .bannervideoM ul li.swiper-slide-prev, .bannervideoM ul li.swiper-slide-next { z-index: 2; }
    .bannervideoM ul li.swiper-slide-prev .imgbox img, .bannervideoM ul li.swiper-slide-next .imgbox img { filter: url(blur.svg#blur); -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }

    .pronavicon { display: none; }
    .pronavM ul { display: block; float: right; position: relative; top: 0; background: none; border-bottom: none; }
    .pronavM ul li { float: left; margin-right: 35px; }
    .pronavM ul li.cur, .pronavM ul li:hover { color: #00a0e9; background: none; }


    .prolump1 { padding-bottom: 64px; }

    .prostructure { font-size: 14px; line-height: 24px; }
    .prostructure .cutbtn { padding: 32px 0; }
    .prostructure .cutbtn a { width: 250px; margin: 0 30px; font-size: 20px; padding: 10px 0; }
    .prostructure .stitle1 { font-size: 24px; padding: 50px 0 16px; }
    .prostructure .text1 { max-width: 972px; margin: 0 auto; }

    
    .prolump23 { height: 500px; }

    .prolump41 .textbox { padding: 80px 0; text-align: left; }

    /*支持*/
    .phone-detail .smane1 { font-size: 16px; margin: 0; text-align: right; min-height:25px;}
    .email-detail .smane1 { font-size: 16px; margin: 0; text-align: right;min-height:25px; }
    .email-detail p { min-height:25px;}
    .phone-detail p { min-height:22px;}

    .singlepagebody { padding:30px 0;}

    
}

@media (min-width:992px) {
    .pchead { width: 160px; left: 150px; }
    .recruitnav { top: 22px; left: 350px; }
    .indexbanner ul li .btnbox { font-size: 13px; }

    .indexlump2 ul li .icon { height: 30px; vertical-align: -5px; }

    .caselump1 ul li { width: 25%; }
    .insidesnav .stitle { display: none; }
    .caseN { padding: 40px 0 50px; }
    .caseNmain { position: relative; padding-left: 210px; }
    .insidesnav { position: absolute; top: 15px; left: 0; width: 180px; overflow: hidden; height:auto;border:none;}
    .insidesnav ul { position: relative; top: auto; left: auto; right: auto; display: block; background: none;overflow-x:hidden;white-space:initial; }
    .insidesnav ul li { padding: 9px 0; line-height: 18px; height: 18px; font-size: 14px; display:block;}
    .insidesnav ul li a { padding-left: 20px; border-left: 2px solid #fff; color: #999; }
    .insidesnav ul li a.cur, .insidesnav ul li a:hover { border-color: #00a0e9; color: #00a0e9; background: none; }
    .supportN .insidescur { width: 240px; margin-top: -10px; }
    .supportN .caseNmain { padding-left: 380px; margin-top: -30px;min-height:300px; }
    .supportN .caselumpbox1 ul li { margin-bottom: 36px; }
    .insidescur ul li { text-align: left; }
    .insidescur ul li a { padding-left: 0; border: none; font-size: 16px; }
    .caseinsideT .name { font-size: 24px; padding-bottom: 30px; }
    .caseinsideT .name .text { display: inline; margin-left: 25px; font-size: 18px; }
    .caseinsideP { padding-top: 72px; }
    .caseinsideP ul li .name { margin-top: 30px; }
    .suportproL { margin: -50px -10px; }
    .suportproL li { width: 25%; margin-left: -10px; padding: 50px 0; font-size: 18px; }
    .suportproL li .name { font-size: 16px; margin-top: 15px; }

    .caseNmain .singlepage { color: #666; margin-top: -20px; }
    .insidenewT { min-height:702px;}
    .insidenewT .caselumpbox1 ul li .name { font-size: 16px; }
    .insidenew { padding: 45px 0 100px; padding-right: 403px; position: relative; }
    .insidenewB { width: 320px; position: absolute; top: 25px; right: 0; }

    .aboutM { margin-top: 40px; padding-bottom: 40px; min-height:240px;}
    .aboutM .insidesnav { top: 0; }
    .pcshow1 { display: inline; }
    .insidestitle2 { font-size: 42px; padding-top: 80px; padding-bottom: 40px; margin-bottom: 40px; }
    .insidestitle2::after { width: 90px; margin-left: -45px; }
    .recruitlump2 .textbox1 { font-size: 18px; }
    .recruitlump2 .imgs { margin-top: 60px; }
    .recruitlump3L { padding-bottom: 40px; }
    .recruitlump4 { max-width: 1200px; margin: 0 auto; }
    .recruitlump4 .swiper-slide { width: 720px; height: 480px; }

    .recruitbanner .textbox2 .text { top: 30%; }

    .recruitlump6T { -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

    .recruitlumpB { padding: 80px 40px 100px; }
    .recruitlump9I { float: left; width: 50%; box-sizing: border-box; max-width: 825px; }
    .recruitlump9R { float: left; width: 50%; max-width: 805px; }
    .recruitlump9R .insidestitle3 { padding-top: 10px; padding-bottom: 20px; margin-bottom: 20px; }
    .recruitlump9R .text1 { font-size: 18px; }

    .recruitmentprocess, .recruitmentprocess * { box-sizing: border-box; }
    .recruitmentprocess { margin-right: 0; }
    .recruitmentprocess li { width: 50%; }
    .recruitmentprocess li .name { font-size: 20px; line-height: 36px; padding-bottom: 10px; }
    .recruitmentprocess li .num { width: 60px; height: 60px; line-height: 60px; font-size: 24px; border-radius: 60px; }
    .recruitmentprocess li .time { position: absolute; font-size: 16px; margin-top: 16px; width: 80%; }
    .recruitmentprocess li .textbox { padding: 10px 25px 20px; line-height: 22px; margin-top: 0; position: relative; box-shadow: 2px 5px 0 rgba(0,0,0,.1); }
    .recruitmentprocess li:nth-child(2n-1) { margin-left: 4px; border-left: none; border-right: 4px solid #cfd8dd; padding-left: 0; padding-right: 50px; }
    .recruitmentprocess li:nth-child(2n-1) .textbox::after { content: ""; position: absolute; right: -6px; top: 26px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #fff; }
    .recruitmentprocess li:nth-child(2n) .textbox::after { content: ""; position: absolute; left: -6px; top: 26px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #fff; }
    .recruitmentprocess li:nth-child(2n-1) .num { left: auto; right: -32px; }
    .recruitmentprocess li:nth-child(2n) { margin-left: 50%; padding-left: 50px; }
    .recruitmentprocess li:nth-child(2n) .num { left: -32px; }
    .recruitmentprocess li:nth-child(2n) .time { text-align: right; right: 100%; margin-right: 54px; }
    .recruitmentprocess li:nth-child(2n-1) .time { left: 100%; margin-left: 54px; }
    .recruitlump11 { padding-top: 100px; padding-bottom: 160px; }
    .recruitlump11 .commonweb { position: relative; }
    .recruitlump11 .simg1 { display: block; position: absolute; top: -70px; left: -230px; }
    .recruitlump11 .simg2 { display: block; position: absolute; top: 560px; right: -240px; }

    .recruitlist { border-top-width: 90px; }
    .recruitlist .titlename1 { font-size: 36px; line-height: 150px; }

    .recruitselect { padding-bottom: 16px; }
    .recruitlistM { padding: 43px 0; }
    .recruitlistMc .recruitlump10L ul li { padding: 30px 30px 30px 110px; min-height: 100px; margin-bottom: 43px; }
    .recruitlistMc .recruitlump10L ul li .iconimg { display: block; position: absolute; top: 35px; left: 30px; width: 62px; }
    .recruitlistMc .recruitlump10L ul li .iconimg img { display: block; width: 62px; }

    .caselumpbox1 ul li .bgimg .icon::after { border-bottom: 20px solid transparent; border-top: 20px solid transparent; border-left: 40px solid #fff; position: absolute; }

    /*pro*/
    .probanner .bgimg { position: relative; top: 0; left: 0; }
    .probanner .bgimg img { position: relative; width: 100%; height: auto; top: 0; left: 0; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
    .probannerbox { position: absolute; z-index: 2; top: 50%; left: 0; right: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); }
    .bannervideoL { float: left; }
    .bannerproimg { float: right; width: 30%; max-width: 328px; }
    .bannerproimg2 { width: 50%; max-width: 456px; margin-top: -80px; }
    .bannerproimg3 { width: 50%; max-width: 404px; margin-top: -80px; }
    .bannerproimg4 { max-width: 380px; margin-top: -80px; }
    .bannerproimg5 { width: 50%; max-width: 560px; margin-top: -20px; }
    .probannerbox .proname1 { text-align: left; }
    .probannerbox .protext1 { text-align: left; }

    .bannervideoL.begin {transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; -o-transition: all 1.5s; }

    .bannerproimg img { width: 100%; }


    .prolump1B ul li .name { display: block; font-size: 13px; color: #fff; line-height: 30px; margin-top: 10px; }
    .prolump1B ul.ul1 li { width: 20%; }

    .proTitle1 { height: 126px; line-height: 126px; font-size: 30px; }
    .proTitle1 .entitle { font-size: 36px; margin-right: 30px; }

    .prolump4 { text-align: left; }
    .proParameter { padding-bottom: 44px; }
    .proParameterL .name { font-size: 20px; line-height: 75px; padding-top: 45px; }

    .prodownload dl { padding-right: 80px; }
    .prodownload dl dt { max-width: 60%; }
    .prodownload dl dd { margin: 0 26px; }

    .prosimgbox1 .dot2 .swiper-pagination-bullet { width: 30%; max-width: 30%; margin: 0 1%; }
    .prosimgbox1 .dot2 .swiper-pagination-bullet .name { line-height: 24px; height: 48px; }

    .prolump22 { height: 500px; }

    .prosimgbox1 .prevbtn, .prosimgbox1 .nextbtn { margin-top: -35px; }

    .textboxL1 { font-size: 14px; }
    .textboxL1 .sbox1 .ssbox1 { height: 98px; }
    .textboxL1 .sbox1 .ssbox1 .text1 { width:50px;margin-left:-25px;}
    .textboxL1 .ssbox1 .text1 { left: 50%; right: auto; margin-left: -20px; width: 40px; line-height: 22px; }
    .textboxL1 .sbox1 .scbox1 { height: 98px; border: none; }
    .textboxL1 .sbox2 .sctitle1 { height: 50px; line-height: 50px; }
    .textboxL1 .sbox2 .sktext1 { height: 77px; border-right: 1px solid rgba(4,102,143,1) !important; }
    .textboxL1 .sbox2 .ssbox1 { height: 148px; }

    .mapiframe2 { float:right;}

    .singlepagebody { padding:40px 0;}
}

@media (min-width:1024px) {
    .pchead { width: 187px; left: 15%; }
    .recruitnav { left: 35%; top: 24px; }
    .indexbanner ul li .textbox { margin-left: 10%; }
    .indexbanner ul li .name1 { font-size: 60px; margin-bottom: -20px; }
    .indexbanner ul li .text1 { font-size: 28px; max-width: 50%; min-width: 500px; height: 88px; }
    .indexbanner ul li .btnbox { margin-top: 46px; }

    .indexlump1 .name { width: 18%; background-size: auto 28px; padding-top: 24px; font-size: 32px;top:30%; }
    .indexlump2 ul li .textbox { font-size: 32px; }
    .indexlump2 ul li .icon { height: 38px; vertical-align: -7px; }

    .casebanner .textbox dl dt { width: 111px; height: 100%; font-size: 20px; line-height: 50px; }
    .casebanner .textbox dl dd { padding-left: 111px; font-size: 48px; }
    .casebanner .textbox dl dd .morebtn { padding: 5px 10px; font-size: 14px; }

    .caselump2 { padding: 110px 0; }
    .caselump2 .lumpbox { float: left; width: 50%; padding: 0 5%; }
    .caselumpbox1 .titlename1 { font-size: 18px; line-height: 60px; padding-left: 15px; }
    .caselumpbox1 ul li { padding: 0 15px; }

    .probannerbox .proname1 { font-size: 30px; }
    .probannerbox .protext1 { font-size: 20px; padding-bottom: 20px; margin-top: 10px; }
    .probannerbox .protext2 { font-size: 14px; line-height: 30px; margin-top: 30px; }

    .caseinsideC .caselumpbox1 { width: 50%; margin-left: -15px; }

    .supportN { padding: 60px 0; }
    .supportlinks1 { margin-top: 60px; }
    .supportlinks1 li .libox { padding: 28px 10px; }
    .supportlinks1 li .name { margin-top: 16px; }

    .supportN .stitle2 { margin-top: 95px; height: 99px; line-height: 99px; font-size: 24px; }
    .contactlink1M { margin-top: 60px; }
    .contactlink1M li { width: 25%; font-size: 18px; }
    .casetitle1 { font-size: 30px; height: 99px; line-height: 99px; }
    .casetitle1 .stitle1 { font-size: 28px; margin-left: 20px; }

    .suportproT { margin-top: -40px; }
    .recruitlump1 { padding: 66px 130px; }
    .recruitlump1 .year { font-size: 66px; line-height: 60px; }
    .recruitlump1 .name1 { font-size: 48px; line-height: 60px; margin-left: 24px; }
    .recruitlump1 .name2 { margin-top: 8px; margin-left: 33px; }
    .recruitlump1 .name2 img { height: 48px; }
    .recruitlump1 .img1 { width: 250px; }

    .recruitlump4 { max-width: 100%; }
    .recruitlump4 .swiper-slide { width: 1000px; height: 666px; }

    .recruitlump6 { padding: 30px 0; }
    .recruitlump6T .stitle, .insidestitle3 { padding-top: 80px; font-size: 36px; }
    .recruitlump6T dl dd .textbox { padding: 0 50px; font-size: 18px; line-height: 32px; }

    .recruitlump7 { padding: 100px 0 110px; font-size: 18px; }
    .recruitlump7M .stitle { font-size: 36px; }
    .mapbox iframe { height: 415px; }
    .recruitlump7M { padding: 20px 60px 148px; }
    .seekallbtn { height: 88px; line-height: 88px; font-size: 20px; }
    .mapbox { margin-top: 75px; }
    .recruitlump9M .curnav a, .recruitlump9M .curnav .morecity { height: 60px; line-height: 60px; font-size: 14px; }

    .recruitlump10 .commonweb { padding-left: 10px; padding-right: 10px; }
    .recruitlump10B { margin-top: -140px; padding: 20px 60px; box-shadow: 0px 5px 20px rgba(0,0,0,.2); }
    .recruitlump9R .insidestitle3 { padding-top: 20px; padding-bottom: 20px; margin-bottom: 40px; }
    .recruitlump10L { padding: 24px 5px; }
    .recruitlump10L ul li .name { font-size: 18px; }
    .recruitlump10L ul li { padding-bottom: 32px; }

    .recruitlump12L li { float: left; width: 50%; box-sizing: border-box; padding: 30px 10px; }
    .recruitlump12L li .name { font-size: 20px; }
    .recruitlump12L li .textbox { font-size: 16px; line-height: 22px; }
    .recruitlump12 { padding-bottom: 100px; }
    .recruitlump12 .recruitlump10B { margin-top: -85px; }

    .recruitlist { border-top-width: 94px; }
    .recruitlist .titlename1 { font-size: 42px; line-height: 188px; }

    .prolump { padding-bottom: 60px; font-size: 18px; line-height: 32px; }
    .prolump .sname1 { font-size: 30px; line-height: 48px; padding: 63px 0 34px; }
    .prolumpT1 .sname1 { font-size: 30px; line-height: 48px; padding: 63px 0 34px; }
    .prolump .stext1 { max-width: 875px; margin: 0 auto; }

    .prolump3 { height: auto; font-size: 18px; line-height: 30px; padding-bottom: 0; }
    .prolump3 .imgbox { position: relative; left: 0; top: 0; }
    .prolump3 .imgbox img { position: relative; left: 0; top: 0; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); width: 100%; height: auto; }
    .prolump3M .sname1 { font-size: 28px; line-height: 36px; padding: 40px 0; }
    .prolump3M .ul1 { padding-bottom: 30px; }

    .prolump5M .textbox { padding-left: 70%; text-align: left; }
    .prolump7M { text-align: left; }

    .provideo { padding: 44px 0; }
    .provideo .caselumpbox1 ul li .name { font-size: 20px; height: 55px; line-height: 55px; margin-top: -55px; padding: 0 20px; }
    .provideo .caselumpbox1 ul { margin-left: -20px; margin-right: -20px; }
    .provideo .caselumpbox1 ul li { padding: 30px 20px; }

    .prostructure .ulL1 li { float: left; width: 33.33%; padding-bottom: 36px; }
    .prostructure .ulL1 li:nth-child(4) { width: 47.33%; margin-left: -7%; }
    .prostructure .ulL1 li:nth-child(5) { width: 47.33%; margin-right: -7%; margin-left: 19.33%; }

    .prolump22 { height: 550px; }
    .prolump22 .imgbox { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
    .prolump22 .sname1 { padding-top: 20px; }

    .prolump23 { position: relative; }
    .prolump23M { height: 100%; }
    .prolump23M .commonweb { position: relative; height: 100%; }
    .prolump23M .imgb { float: left; position: absolute; bottom: 0; left: 0; }
    .prolump23M .textb { float: right; width: 45%; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); text-align: left; padding-bottom: 20px; }

    .prolumpT1 { height: 550px; font-size: 18px; line-height: 30px; }
    .prolumpT1 .textbox { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); }
    .prolump24 { height: 554px; }

    .prolump31 { padding: 30px 0; }
    .prolump31 .prolump1B { padding-top: 30px; }

    .prolump32 .imgb { float: right; }
    .prolump32 .commonweb { position: relative; }
    .prolump32 .textb { float: left; position: absolute; top: 50%; left: 10px; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); padding-bottom: 20px; max-width: 50%; text-align: left; }

    .prolump41 { height: 550px; }
    .prolump41 .textb { padding-bottom: 30px; }
    .prolump43 .textb { padding-bottom: 200px; }

    .prolump44 .sname2 { font-size: 24px; text-align: left; }
    .prolump1B ul.ul4 { max-width: 1100px; }

    .textboxL1 .sbox2 .sktext1 { height: 82px; }

    .indexlump2 ul li .name { font-size:32px;}

    .recruitdetailM { padding:50px;}
    .recruitdetailM .titlename1 { font-size:30px;line-height:80px;}

    .singlepagebody { padding:40px 0 80px;}
    .singlepagebody .singlepage { font-size:18px;line-height:32px;color:#666;}
}


@media (min-width:1366px) {
    .indexbanner ul li .name1 { font-size: 60px; margin-bottom: -20px; }
    .indexbanner ul li .text1 { font-size: 36px; }
    .indexbanner ul li .btnbox { margin-top: 90px; }
    .indexbanner ul li .textbox { margin-left: 20%; }

    .recruitlump4 .swiper-slide { width: 1172px; height: 781px; }

    .recruitlump9R .insidestitle3 { padding: 30px 0 30px; margin-bottom: 30px; }
    .recruitlump9L { padding: 20px; }
    .recruitlump9L table tr th, .recruitlump9L table tr td { height: 50px; }
    .recruitlump9L table tr td:nth-child(2) { width: 220px; }


    .probannerbox .proname1 { font-size: 60px; }
    .probannerbox .protext1 { font-size: 24px; padding-bottom: 40px; margin-top: 20px; }
    .probannerbox .protext2 { font-size: 16px; line-height: 30px; margin-top: 30px; }

    .bannerproimg4 { margin-top: -180px; }


    .prolump1B ul.ul4 { padding-top: 30px; }
    .prolump1B ul.ul4 li:nth-child(1) { width: 12%; }
    .prolump1B ul.ul4 li:nth-child(2) { width: 21%; }
    .prolump1B ul.ul4 li:nth-child(3) { width: 16%; }
    .prolump1B ul.ul4 li:nth-child(4) { width: 26%; }
    .prolump1B ul.ul4 li:nth-child(5) { width: 23%; }
}

@media (min-width:1440px) {
    .bannervideoL.moreli { margin-left: -86px; }
    .prolump3M .ul1 { padding-top: 20px; }
}

@media (max-width:767px) {
    .casebanner { height:220px;}
    .indexbanner .phone-slide { height:100%;}
    .indexbanner .phone-slide ul { height:100%;}
    .indexbanner .phone-slide ul li { height:100%;overflow:hidden;}
    .casebanner .bgimg { height:100%;width:100%;overflow:hidden;}
    .casebanner .bgimg  img{ position:absolute;z-index:1;top:0;bottom:0;left:50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0);width:auto;height:100%;}

    .pronav { display:none;}
    .menuheight ul li.ENbutton { position:relative;top:auto;left:auto;bottom:auto;text-align:left;height:auto;}
    .menuheight ul li.ENbutton em { top:36%;}
}


/*20170724*/
.validatepopup .popupM {height:140px;max-width:400px;min-height:160px;padding-top:20px; }
.validatepopupM { padding:20px 10px;}
.validatepopupM .form-group { text-align:center;}
.verificationbox { position:relative;}
.verificationbox .box1 { position:absolute;top:0;bottom:0;right:5px;line-height:50px;}
.verificationbox .box1 img { float:left;margin-top:3px;margin-right:5px;}
.verificationbox label { display:block;padding:16px 10px;border:1px solid #d9d9d9;margin-bottom:12px;}
.verificationbox label { padding-right:50%;}
.verificationbox label input { display:block;width:100%;height:17px;font-size:16px;color:#666;}

.loadmore { background-image:url(../webimages/moretext.png);background-color:#1c9ed4;}


/*自定义*/
 .pop_code {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    background: rgba(0,0,0,.3);
   display: none;
}
.pop_codebox {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 95%;
    /*max-width: 800px;*/
    /*height: 50%;*/
    /*max-height: 500px;*/
    /*min-height: 320px;*/
    background-color: #fff;
    /*max-width: 600px;*/
    /*height: 500px;*/
    /*max-height: 100%;*/

    width:280px;
    height:280px;
    padding:10px;
    overflow-y: auto;
    background-color: #f5f6f6
}
.pop_codebox .recclosebtn {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../webimages/icon_18.png) no-repeat center center;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
}