@charset "utf-8";
@import "../ONEUI/css/ui/base/jquery.ui.all.css";
/* Basic Styles */
@font-face {
	font-family: "ETmodules";
	src: url("images/fonts/ETmodules_v2_4.eot");
	src: url("images/fonts/ETmodules_v2_4d41d.eot?#iefix") format("embedded-opentype"), url("images/fonts/ETmodules_v2_4.ttf") format("truetype"), url("images/fonts/ETmodules_v2_4.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
/*common*/
body{font-family: 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;font-size:20px;}
h2{font-size:1em;font-weight:normal;}
@media only screen and (max-height: 700px) { body{ font-size: 16px; }}
@media only screen and (max-height: 620px) { body{ font-size: 15px; }}

#container{width:100%;}
a img{display:block;}
#PageTop #frame1{width:68.3em;margin:0 auto;}
/*topmenu*/
#PageTop #topmenu{font-size:1.2em;}
#PageTop #topmenu .container{width:68.3em; width:1000px;margin:0 auto;color:#fff;overflow:hidden;zoom:1;height:5em;line-height:5em;}
#PageTop #topmenu .header-tleft{float:left;font-size:0.7em;}
#PageTop #topmenu .header-tright{float:right;font-size:0.7em;}
#PageTop #topmenu a{color:#fff;text-decoration: underline;margin-right:1em }
#PageTop #topmenu a:{color:#fff;}
#PageTop #topmenu .qq{font-size:1.43em;vertical-align:middle;}
#PageTop #topmenu .qq a{background:#fff url(images/qq.png) no-repeat left top;height:0.93em;width:0.93em;margin:0.4em 1em;text-indent:-20000px;display:block;float:right;border-radius:0.473em;
transition: width 0.2s,height 0.2s,border-radius 0.2s;
-moz-transition:width 0.2s,height 0.2s,border-radius 0.2s;
-webkit-transition:width 0.2s,height 0.2s,border-radius 0.2s;
-o-transition:width 0.2s,height 0.2s,border-radius 0.2s;
background-size:auto 100%;
}
#PageTop #topmenu .qq a:hover{width:1.6em;border-radius:0.473em/50%;background:#fff url(images/qq_1.png) no-repeat -1px top;background-size:auto 100%;}
/*submeun*/
#submeun{font-size:1.2em;}
#submeun h2{display:none;}
#submeun{position:absolute;top:3.6em;width:100%;display:none;z-index:999;}
.submeunbg{background:#43c5c7;border-top:1px solid #00eaff;height:8.5em;position:absolute;z-index:0;top:0;opacity: 0.8;width:100%;}

#submeun #M_about{}
#submeun #M_job ul{width:25.7em;}
#submeun #M_productlink ul{width:25.7em;}
#submeun #M_aboutlink ul{width:45.4em;}
.submeun{display:none;position:absolute;z-index:1;top:0;width:100%;}
.submeun ul{width:68.3em;margin:0 auto;}
.submeun li{float:left;margin-left:10em;margin-top:1.8em;text-align:center;color:#fff;font-size:0.7em;}
.submeun ul li a{color:#fff;}
.submeun ul li a:hover{text-decoration: none;}
.submeun li figure{font-size:1.4286em;position:relative;display:block;margin:0;padding:0;cursor:pointer;width:3.85em; height: 3.85em;padding-top:0em;box-shadow:0 0 0 1px #fff inset;border-radius: 50%;transition: all .5s;margin-bottom:0.4em}
.submeun ul li figure::before{content:''; position: absolute;border-radius: 50%; top: 0; left: 0;z-index:5; display: block; width: 3.85em; height: 3.85em; -webkit-transform: scale(0); transform: scale(0); transition: transform .5s;}
.submeun ul li a div{width:3.85em;height:3.85em;background:url(images/subbt1_0.png) no-repeat center top;margin:0 auto;border-radius:50%;transition: transform .5s;position:absolute;top:0;left:0;z-index:10;display:block;
}
.submeun ul li:hover figure{ box-shadow:0 0 0.5em 2.5em rgba(256, 256, 256, 0) inset;}
.submeun ul li:hover figure::before { -webkit-transform: scale(1); transform: scale(1); background-color:#fff;}

.submeun ul li a .subbt1{background:url(images/subbt1_0.png) no-repeat center top;background-size:100%;}
.submeun ul li a .subbt2{background:url(images/subbt2_0.png) no-repeat center top;background-size:100%;}
.submeun ul li a .subbt3{background:url(images/subbt3_0.png) no-repeat center top;background-size:100%;}
.submeun ul li a .subbt4{background:url(images/subbt4_0.png) no-repeat center top;background-size:100%;}
.submeun ul li a .subbt5{background:url(images/subbt5_0.png) no-repeat center top;background-size:100%;}
.submeun ul li a .subbt6{background:url(images/subbt6_0.png) no-repeat center top;background-size:100%;}
.submeun ul li a .subbt7{background:url(images/subbt7_0.png) no-repeat center top;background-size:100%;}
.submeun ul li a .subbt8{background:url(images/subbt8_0.png) no-repeat center top;background-size:100%;}
.submeun ul li a:hover .subbt1{background:url(images/subbt1.png) no-repeat center top;background-size:100%;}
.submeun ul li a:hover .subbt2{background:url(images/subbt2.png) no-repeat center top;background-size:100%;}
.submeun ul li a:hover .subbt3{background:url(images/subbt3.png) no-repeat center top;background-size:100%;}
.submeun ul li a:hover .subbt4{background:url(images/subbt4.png) no-repeat center top;background-size:100%;}
.submeun ul li a:hover .subbt5{background:url(images/subbt5.png) no-repeat center top;background-size:100%;}
.submeun ul li a:hover .subbt6{background:url(images/subbt6.png) no-repeat center top;background-size:100%;}
.submeun ul li a:hover .subbt7{background:url(images/subbt7.png) no-repeat center top;background-size:100%;}
.submeun ul li a:hover .subbt8{background:url(images/subbt8.png) no-repeat center top;background-size:100%;}



/*menu border-bottom:1px solid #00eaff;*/
#menu{width:100%;margin:0 auto;position:absolute;z-index:99;top:1rem;left:0;height:3em;font-size:1.2em;}
#menu .container{width:1000px; margin:0 auto;height:3em;background:url(images/logo.png) no-repeat left center;}
@media only screen and (min-width: 1440px) { 
	/*在大屏幕下，导航的尺寸变大*/
	#menu .container{width:1280px;}
	#PageTop #topmenu .container{width:1280px;}
}
#menu .container {text-align:right;}
#menu .container li{display:inline;margin-left:1.75em;}
#menu .container li.act a{border-bottom:2px solid #00eaff;padding:0.85em 0;}
#menu .container a{padding:0.975em 0;line-height:3em;color:#fff;}
#menu .container a span{font-size:0.8em;}
#menu .container a:hover{color:#00eaff;text-decoration: none;}
#menu .container .active a{color:#00eaff;}
/*menu pd
.PAGE_jxpd #menu,.PAGE_xxpd #menu{position:static;}*/

#THREE .PAGE_jxpd #Content,#THREE .PAGE_xxpd #Content{width:100%;}
#THREE .PAGE_jxpd #Content{background:url(images/jxbg1.png);}
.PAGE_jxpd .pdfalsh{width:100%;height:500px;background:url(images/jxflash.jpg) no-repeat center top;}
.PAGE_jxpd .links{width:977px;height:513px;background:url(images/jxbg.png) no-repeat left 70px;margin:0 auto;overflow:hidden;zoom:1;}
.PAGE_jxpd .info{width:100%;height:435px;background:#dfdfdf url(images/jxjj.png) no-repeat center 80px;font-size:18px;}
.PAGE_jxpd .links .leftbox{float:left;padding-top:229px;padding-left:185px;width:290px;}
.PAGE_jxpd .links p{margin-bottom:16px;}
.PAGE_jxpd .links .rightbox{float:right;padding-top:229px;padding-right:40px;width:290px;}
.PAGE_xxpd .pdfalsh{width:100%;height:430px;background:url(images/xxflash.jpg) no-repeat center top;background-size: 100% ;}
.PAGE_xxpd .links{width:1000px;height:400px;background:url(images/xxbj.png) no-repeat center 0px;margin:0 auto;position:relative;color:#959595;}

.PAGE_xxpd .links .leftbox{padding-top:230px;padding-left:50px;float:left;width:200px;}
.PAGE_xxpd .links .leftbox1{padding-top:230px;padding-left:50px;float:left;width:200px;}
.PAGE_xxpd .links .rightbox{padding-top:230px;padding-left:50px;float:left;width:200px;}
.PAGE_xxpd .links .rightbox1{padding-top:230px;padding-left:50px;float:left;width:200px;}

.PAGE_xxpd .links h5{margin:0;padding:0;font-size:18px;}
.PAGE_xxpd .info{width:100%;height:435px;background:#dfdfdf url(images/xxjj.png) no-repeat center top;background-size: 100% 100%;}

.pdfalsh .btn{width:1000px;margin:0 auto;position:relative}
.pdfalsh a{text-indent:-3000px;display:block;width:155px;height:55px;cursor:pointer;position:absolute;top:370px;left:130px;}
.PAGE_jxpd .pdfalsh a{left:97px;top:356px;}
.links p{padding:0px;margin:0;margin-bottom:14px;font-size:14px;line-height:1.5em;}
.links a{padding-right:15px;background:url(images/smalla.png) no-repeat right center;color:#5068fa;font-size:17px;}
.links a:hover{text-decoration:none; }
/*jspicshow1*/
#jspicshow1{overflow:hidden;zoom:1;clear:both;}
#jspicshow1 .PanelEdit{top:5em}
#picbackground{overflow:hidden;zoom:1;height:35.45em;}
#backplaynum{margin:0 auto;text-align:center;position:absolute;top:26em;left:0;width:100%;z-index:88;}
#picbackground .act1{
position:absolute;top:-15em;
transform: translate(45em,0);
-ms-transform: translate(45em,0);		/* IE 9 */
-webkit-transform: translate(45em,0);	/* Safari and Chrome */
-o-transform: translate(45em,0);		/* Opera */
-moz-transform: translate(45em,0);	
transition: transform 2s;
-moz-transition: -moz-transform 2s;	/* Firefox 4 */
-webkit-transition: -webkit-transform 2s;	/* Safari 和 Chrome */
-o-transition: -o-transform 2s;	/* Opera */
display:none;
}
#picbackground .jslink{width:100%;height:100%;display:block;}
#backplaynum a{color:#000;margin:0.1em;cursor:pointer;padding:0 5px;}
#backplaynum a figure{display:inline-block;width:10px;height:10px;border-radius:5px;border:1px solid #eee;margin:0;}
#backplaynum a:hover figure,#backplaynum a.act figure{text-decoration:none;color:#fff;border:1px solid #fff;background:#fff;}

#backplaynum .act1.act{
display:block;
transform: translate(0,0);
-ms-transform: translate(0,0);		/* IE 9 */
-webkit-transform: translate(0,0);	/* Safari and Chrome */
-o-transform: translate(0,0);		/* Opera */
-moz-transform: translate(0,0);
}
#homebigbtn{float:none;clear:both;margin:0;padding:0;overflow:hidden;}
#homebigbtn .container{width:100%;margin:0 auto;height:9.8em;overflow:hidden;zoom:1;}
#homebigbtn ul{text-align:center;clear:both;width:67em;margin:0 auto;zoom:1;overflow:hidden;padding:0;}
#homebigbtn li{float:left;margin-left:7em;margin-top:3em;width:5em;text-align:center;}

#homebigbtn li figure{position:relative;display:block;margin:0;padding:0;cursor:pointer;width:5em; height: 5em;padding-top:0em;box-shadow:0 0 0 1px #5ca3f7 inset;border-radius: 50%;transition: all .5s;margin-bottom:0.4em}
#homebigbtn ul li figure::before{content:''; position: absolute;border-radius: 50%; top: 0; left: 0;z-index:5; display: block; width: 5em; height: 5em; -webkit-transform: scale(0); transform: scale(0); transition: transform .5s;}
#homebigbtn ul li a div{width:5em;height:5em;background:url(images/btn1.png) no-repeat center top;background-size:100%;margin:0 auto;border-radius:50%;transition: transform .5s;position:absolute;top:0;left:0;z-index:10;display:block;
}
#homebigbtn ul li:hover figure{ box-shadow:0 0 0.5em 2.5em rgba(256, 256, 256, 0) inset;}
#homebigbtn ul li:hover figure::before { -webkit-transform: scale(1); transform: scale(1); background-color:#3fc8f6;}
#homebigbtn ul li a:hover div{background-position:center bottom;}
#homebigbtn ul .btn1 a div{background:url(images/btn1.png) no-repeat center top;background-size:100%;}
#homebigbtn ul .btn2 a div{background:url(images/btn2.png) no-repeat center top;background-size:100%;}
#homebigbtn ul .btn3 a div{background:url(images/btn3.png) no-repeat center top;background-size:100%;}
#homebigbtn ul .btn4 a div{background:url(images/btn4.png) no-repeat center top;background-size:100%;}
#homebigbtn ul .btn5 a div{background:url(images/btn5.png) no-repeat center top;background-size:100%;}


/*#newsshow*/
#Content{background:#fff url(images/newsbg.jpg) no-repeat center bottom;}
#newsshow .container{background:url(images/newstitle.png) no-repeat center 2.8em;background-size:9.4em auto;padding-top:8em;}
#newsshow .content{width:55.5em;height:26.35em;margin:0 auto;position:relative;width:55.5em;height:26.35em;background:url(images/newsinbg.jpg) no-repeat;background-size:55.5em 26.35em;padding:0;overflow:hidden;zoom:1;}

#newsshow .main .box{width:18.5em;display:block;height:26.35em;float:left;position:relative;}
#newsshow .main .box:hover .pic{opacity: 0;}
#newsshow .main .box:hover .textarea{z-index: 10;}
#newsshow .main .box .pic{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;opacity: 1;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;}
#newsshow .main .box .pic .title{text-align:center;margin-top:10.35em;margin-left:auto;margin-right:auto;width:4em;padding-top:3.05em;background:url(images/news1bt.png) no-repeat center top;background-size:3.05em auto;}
#newsshow .main .box .pic .title .font{font-size:0.75em;color:#444773;}
#newsshow .main .tabtxt0 .pic{background:url(images/news1.jpg) no-repeat;background-size:18.5em 26.35em;}
#newsshow .main .tabtxt1 .pic{background:url(images/news2.jpg) no-repeat;background-size:18.5em 26.35em;}
#newsshow .main .tabtxt1 .pic .title{background-image:url(images/news2bt.png)}
#newsshow .main .tabtxt2 .pic{background:url(images/news3.jpg) no-repeat;background-size:18.5em 26.35em;}
#newsshow .main .tabtxt2 .pic .title{background-image:url(images/news3bt.png)}
#newsshow .main .box .btitle{padding:1.75em 3.5em;}
#newsshow .main .box .btitle .font{color:#3bb6e6;font-size:1.1em;}
#newsshow .main .box .textarea{opacity: 1;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
#newsshow .content .list{margin:4.5em 1.5em 2.5em;overflow:hidden;height:14em;}
#newsshow .content .list li{margin-bottom:1.5em;background:url(images/newli.png) no-repeat 0.5em 0.5em;padding-left:2em;padding-top:0.2em;background-size:1.1em auto;
transform: translate(0,-3em);opacity: 0;
-ms-transform: translate(0,-3em);		/* IE 9 */
-webkit-transform: translate(0,-3em);	/* Safari and Chrome */
-o-transform: translate(0,-3em);		/* Opera */
-moz-transform: translate(0,-3em);		/* Firefox */
-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;
}
#newsshow .content .box:hover li{opacity: 1;
transform: translate(0,0em);
-ms-transform: translate(0,0em);		/* IE 9 */
-webkit-transform: translate(0,0em);	/* Safari and Chrome */
-o-transform: translate(0,0em);		/* Opera */
-moz-transform: translate(0,0em);		/* Firefox */
}
#newsshow .box:hover .textarea .morebtn{opacity: 1;}
#newsshow .content .list .title{color:#fff;}
#newsshow .content .list .title a{color:#fff;font-size:14px;text-decoration: none;}
#newsshow .content .list .title a:hover{color:#338ec1}
#newsshow .content .list .info{color:#fff;}
#newsshow .textarea .morebtn{opacity: 0;-webkit-transition: all 1s linear;-moz-transition: all 1s linear;transition: all 1s linear;}
#newsshow .textarea .more{padding:0.5em 1em;border:1px solid #3fc8f6;width:4em;margin:0 auto;text-indent:0;margin-top:0em;text-decoration:none;cursor:pointer;border-radius: 3px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;position: absolute;top:18.5em;left:5.5em;color:#3fc8f6;}
#newsshow .textarea .more:hover {background: rgba(255, 255, 255, 0.2);padding: 0.5em 1.5em;color:#3fc8f6;}
#newsshow .textarea .more:hover:after {margin-left: -0.2em;opacity: 1;}
#newsshow .textarea .more:after {position: absolute;margin-left: -1em;opacity: 0;font-size: 32px;font-family: "ETmodules" !important;content: "\35";line-height:0.7em;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
#newsshow .textarea .more span{font-size:0.7em}

/*case*/
#THREE .PAGE_case .PageTop{background:url(images/anlibg.jpg) ; background-attachment: fixed;background-size: 100% 100%;height:100%;}
#THREE .PAGE_case #casenav{margin-top:3em;}
#THREE .PAGE_case .breadnav{padding-top:2em;width:940px;color:#fff;border-bottom:1px solid #fff;}
#THREE .PAGE_case .breadnav a{color:#fff;}
#THREE .PAGE_case .breadnav a.blue{color:#3cbbef;}
#THREE #case{width:920px;margin:0 auto;margin-top:2.0em;font-size:0.8em}
#THREE .PAGE_case h2{position:relative;}
#THREE .PAGE_case h2 span{font-size:26px;color:#fff;display:block;padding:0em 0 40px;}
#THREE .PAGE_case h2 span.source{padding:0 0 0.2em;text-indent:1em;}
#THREE .PAGE_case h2 .share-info{position:absolute;top:35px;right:0;display:block;}
#THREE .PAGE_case h2 time,#THREE .PAGE_case h2 .source{font-size:0.8em;color:#fff;font-weight:normal;display:block;}
#THREE .PAGE_case h2 time{float:left;}

.tab-case-info{ color:#fff; border:solid 1px #fff; margin:0px 0px 20px 0px; background:url(images/case_info_bg.png) repeat;}
.tab-case-info .tab-box-left{ text-align:center; width:162px; float:left;}
.tab-case-info .tab-box-left center{ font-size:20px; padding-bottom:20px;}
.tab-case-info .tab-box-left img{ width:92px; height:92px; border-radius:100px;}
.tab-case-info .tab-box-left ul{ padding:0px; margin:0px auto; width:92px;}
.tab-case-info .tab-box-left ul li{ cursor:pointer;padding:12px 0px; list-style:none; height:92px;}
.tab-case-info .tab-box-left figure{ width:90px; height:90px; display:table; border-radius: 50%; text-align:center;position: relative;text-align: center; transition: all 0.5s ease 0s;box-shadow:0 0 0 1px #fff inset;margin:0;}
.tab-case-info .tab-box-left figure::before {background-color: #3fc8f6;border-radius: 50%;content: "";display: block;height: 92px;left: 0;opacity: 0;position: absolute;top: 0;transform: scale(0);transition: all 0.5s ease 0s; width: 92px;}
.tab-case-info .tab-box-left li:hover figure::before{transform: scale(1);opacity: 1;}
.tab-case-info .tab-box-left li:hover figure{box-shadow:0 0 10px 50px rgba(256, 256, 256, 0) inset;}
.tab-case-info .tab-hd li a{  display:table-cell;vertical-align:middle; color:#fff; position:relative; z-index:2; line-height:20px;}
.tab-case-info .tab-hd li a:hover{text-decoration:none;}
.tab-case-info .tab-box-right{float:left}
.tab-case-info .box{ padding:30px 0px; zoom:1; overflow:hidden; background:url(images/case_info_line.jpg) repeat-y 163px top;}
.tab-case-info .box a{color:#fff;}
.tab-case-info .txt{ font-size:16px;}
.tab-case-info .font{ font-size:25px; padding:0px 0px 20px 0px; margin:0px; font-weight:normal;}
.tab-case-info .intro{ /*border-bottom:solid 1px #fff; padding-bottom:30px; margin-bottom:30px;*/}


/*homepdshow1*/
#homepdshow1 .pdcontent{background:url(images/boxbtn.png) no-repeat;width:1174px;width:939px;margin:5% auto 0;min-height:600px;zoom:1;background-size:100%;}
#homepdshow1 .pdcontent .pdbtn{width:156px;width:125px;height:406px;float:left;padding-left:80px;padding-top:240px;padding-top:185px;position:relative;}
#homepdshow1 .pdcontent .pdbtn h3{margin:0;padding:0;color:#036eb8;font-size:20px;font-weight:normal;}
#homepdshow1 .pdcontent .pdbtn h5{margin:0;padding:4px;padding-top:75px;font-size:18px;color:#fff;font-weight:normal;}
#homepdshow1 .pdcontent .pdbtn .txtarea{color:#fff;font-size:14px;line-height:1.5em;position:absolute;width:306px;width:285px;padding-top:10px;}
#homepdshow1 .pdcontent .pdbtn .txtarea a{display:block;cursor:pointer;background:url(images/linkdot.png) no-repeat right center;width:91px;margin-top:20px;color:#fff100;font-size:14px;}
#homepdshow1 .pdcontent .middle{width:662px;width:529px;height:106px;float:left;padding-top:350px;text-align:center;color:#fff;font-size:25px;}
/*homepdshow*/
#PageLeft1,#PageLeft2{height:100%;}
#PageLeft{background:url(images/homepdbg.jpg) no-repeat;background-size: 100% 100%;height:100%;}
#homepdshow{height:100%;}
#homepdshow .container{width:100%;margin:0 auto;position:relative;height:100%;}
#homepdshow .container .main{height:100%;}
#homepdshow .container h2{position:absolute;z-index:88;top:2.25em;width:100%;height:2.75em;background:url(images/pdtitle.png) no-repeat center bottom;text-indent:-50000px;background-size:auto 100%;}
#homepdshow .content{padding:0;height:100%;}
#homepdshow .show{width:68.3em;height:100%;margin:0 auto;}
#homepdshow .show div{width:17em;float:left;height:100%;text-align:center;}
#homepdshow .show div .bg{width:17em;height:100%;display:block;margin:0;text-align:center;overflow:hidden;zoom:1;background-size:9.9em auto;position:relative;}
#homepdshow .show div .bg .ico{position:absolute;left:0;top:8em;width:100%;height:16.3em;background:url(images/pd1new.png) no-repeat center bottom;overflow:hidden;zoom:1;z-index:1;}
#homepdshow .show div .bg .left,#homepdshow .show div .bg .right{position:absolute;top:8em;width:100%;height:16.3em;animation: pdico 3s linear 2s infinite alternate;-moz-animation: pdico 3s linear 2s infinite alternate;-webkit-animation: pdico 3s linear 2s infinite alternate;-o-animation: pdico 3s linear 2s infinite alternate;background:#09111b;z-index:2;}
#homepdshow .show div .bg .right{right:0;width:0;}
#homepdshow .show div .bg .left{left:0;width:0;}
#homepdshow .show div a:hover .bg .left{display:none;}
#homepdshow .show div a:hover .bg .right{display:none;}
#homepdshow .show div .bg .txt{position:absolute;left:4.75em;top:16em;padding:0  0 1.5em 0;width:7.5em;border-bottom:2px solid #fff;z-index:5;}
#homepdshow .show div .bg .txt .font{font-size:1.5em;color:#fff;}
#homepdshow .show .item0 .bg .ico{background:url(images/pd1new0.png) no-repeat center center;background-size:9.9em 9.55em;animation: pdico1 1.5s linear 0s infinite alternate;-moz-animation: pdico1 1.5s linear 0s infinite alternate;-webkit-animation: pdico1 1.5s linear 0s infinite alternate;-o-animation: pdico1 1.5s linear 0s infinite alternate;}
#homepdshow .show .item1 .bg .ico{background:url(images/pd2new.png) no-repeat center 6.4em;background-size:15.7em 5.25em;}
#homepdshow .show .item2 .bg .ico{background:url(images/pd3new.png) no-repeat center -1em;background-size:15.05em 12.45em;}
#homepdshow .show .item3 .bg .ico{background:url(images/pd4new.png) no-repeat center 6.8em;background-size:10.2em 4.9em;}
#homepdshow .show .item0 a:hover .txt{display:none;}
#homepdshow .show .item0 a:hover .ico{display:none;}
#homepdshow .show .item1 a:hover .txt{display:none;}
#homepdshow .show .item1 a:hover .ico{display:none;}
#homepdshow .show .item2 a:hover .txt{display:none;}
#homepdshow .show .item2 a:hover .ico{display:none;}
#homepdshow .show .item3 a:hover .txt{display:none;}
#homepdshow .show .item3 a:hover .ico{display:none;}

#homepdshow .show .item0 a:hover .bg{background:#004ea1 url(images/pd1.jpg) no-repeat center top;width:17em;background-size:100% auto;}
#homepdshow .show .item1 a:hover .bg{background:#014fa2 url(images/pd2.jpg) no-repeat center top;width:17em;background-size:100% auto;}
#homepdshow .show .item2 a:hover .bg{background:#0553a5 url(images/pd3.jpg) no-repeat center top;width:17em;background-size:100% auto;}
#homepdshow .show .item3 a:hover .bg{background:#095aab url(images/pd4.jpg) no-repeat center top;width:17em;background-size:100% auto;}
#homepdshow .show div .bg .btn{display:none}
#homepdshow .show div a:hover .bg .btn{padding:0.5em 1em;border:1px solid #fff;color:#fff;width:2em;margin:0 auto;text-indent:0;margin-top:30em;text-decoration:none;cursor:pointer;}
#homepdshow .show div a:hover .bg .btn:hover{}
#homepdshow .bigshow{width:100%;position:absolute;top:0;left:0;z-index:99;}
#homepdshow .bigshow .item{display:none;height:100%;}
#homepdshow .bigshow .card{width:90%;margin:0 auto;}
#homepdshow .bigshow .btnarea{overflow:hidden;zoom:1;padding:1em 0;}
#homepdshow .bigshow .btnarea a{width:65px;height:65px;background:url(images/norbt.png) no-repeat;cursor:pointer;display:block;float:left;color:#fff;text-align:center;line-height:65px;margin-right:1em;background-size:100% auto;overflow:hidden;}
#homepdshow .bigshow .btnarea a span{font-size:0.7em;}
#homepdshow .bigshow .btnarea a.back{background:url(images/back.png) no-repeat;text-indent:-3000px;background-size:100% auto;}
#homepdshow .bigshow .btnarea a:hover{background-position:left bottom;text-decoration:none;}
#homepdshow .bigshow .title{color:#fff;padding:4em 0 1em;}
#homepdshow .bigshow .title span{font-size:24px}
#homepdshow .bigshow .piccontent{color:#fff;width:30%;padding:0.5em 0 100px;line-height:1.5em;}
#homepdshow .bigshow .piccontent span{font-size:14px}
#homepdshow .bigshow .btn{padding:0.5em 1em;border:1px solid #fff;color:#fff;width:4em;margin:0 auto;text-indent:0;margin-top:30em;text-decoration:none;cursor:pointer;border-radius: 3px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
position: relative;
}
#homepdshow .bigshow a{color:#fff;}
#homepdshow .bigshow a:hover{text-decoration: none;}
#homepdshow .bigshow .btn:hover {
	background: rgba(255, 255, 255, 0.2);
	padding: 0.5em 1.5em;
}
#homepdshow .bigshow .btn:hover:after {
	margin-left: -0.2em;
	opacity: 1;
}
#homepdshow .bigshow .btn:after {
	position: absolute;
	margin-left: -1em;
	opacity: 0;
	font-size: 32px;
	font-family: "ETmodules" !important;
	content: "\35";
	line-height:0.7em;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

#homepdshow .bigshow .btn span{font-size:0.7em}
/*home 2.425*/
#PageRight{background:url(images/homebg.jpg) no-repeat center top;background-size:100% 100%;}
#home{}
#home .container{width:68.3em;margin:0 auto;position:relative;}
#home h2{position:absolute;z-index:999;top:2.25em;width:100%;height:2.75em;background:url(images/hometitle.png) no-repeat center bottom;text-indent:-50000px;background-size:auto 100%;}
#home .content{padding:7.5em 0 0;}
#home .content img{height:27em;}
#home .content .txt{width:60.25em;height:32.75em;margin:-1em auto 0;position:relative;}
#home .content .txt .bt1{width:5.85em;height:6.7em;background:url(images/an/btline.png) no-repeat;background-size:100% 100%;position:absolute;top:8.7em;left:22.325em;overflow:hidden;
-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;opacity: 0;}
#home .content .txt .ico{width:5.85em;height:6.7em;background:url(images/an/bt.png) no-repeat;background-size:100% 100%;position:absolute;top:8.7em;left:22.325em;text-indent:-3000px;overflow:hidden;-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;opacity: 0;}
#home .content .txt .act{opacity: 1;}
#home .content .txt .ico1.act{left:0px;top:5.2em;background:url(images/an/ico1.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico2.act{left:0px;top:15.6em;background:url(images/an/ico2.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico3.act{left:9.1em;top:0em;background:url(images/an/ico3.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico4.act{left:9.1em;top:10.4em;background:url(images/an/ico4.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico5.act{left:9.1em;top:20.8em;background:url(images/an/ico5.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico6.act{left:18.2em;top:5.2em;background:url(images/an/ico6.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico7.act{left:18.2em;top:15.6em;background:url(images/an/ico7.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico8.act{left:18.2em;top:26em;background:url(images/an/ico8.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico9.act{left:27.3em;top:0em;background:url(images/an/ico9.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico10.act{left:27.3em;top:10.4em;background:url(images/an/ico10.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico11.act{left:27.3em;top:20.8em;background:url(images/an/ico11.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico12.act{left:36.3em;top:5.2em;background:url(images/an/ico12.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico13.act{left:36.3em;top:15.6em;background:url(images/an/ico13.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico14.act{left:36.3em;top:26em;background:url(images/an/ico14.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico15.act{left:45.35em;top:0em;background:url(images/an/ico15.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico16.act{left:45.35em;top:10.4em;background:url(images/an/ico16.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico17.act{left:45.35em;top:20.8em;background:url(images/an/ico17.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico18.act{left:54.4em;top:5.2em;background:url(images/an/ico18.png) no-repeat;background-size:100% 100%;}
#home .content .txt .ico19.act{left:54.4em;top:15.6em;background:url(images/an/ico19.png) no-repeat;background-size:100% 100%;}

#home .content .txt .obj1.act{left:3.05em;top:10.4em;}
#home .content .txt .obj2.act{left:12em;top:5.2em;}
#home .content .txt .obj3.act{left:12em;top:15.6em;}
#home .content .txt .obj4.act{left:21.2em;top:10.4em;}
#home .content .txt .obj5.act{left:21.2em;top:20.8em;}
#home .content .txt .obj6.act{left:30.3em;top:5.2em;}
#home .content .txt .obj7.act{left:30.3em;top:15.6em;}
#home .content .txt .obj9.act{left:39.3em;top:20.8em;}
#home .content .txt .obj10.act{left:48.3em;top:5.2em;}
#home .content .txt .obj8.act{left:48.3em;top:15.6em;}
/*#bottomcontact*/
#bottomcontact1{background:#222230;text-align:center;color:#fff;font-size:1.2em;}
#bottomcontact1 span.font{font-size:0.7em;font-size:13px;}
#bottomcontact1 a{color:#fff;}
#bottomcontact1 .content{padding:1em 0;}
#bottomcontact1 .macode{padding:0;color:#0cbde0;font-size:0.6em;width:300px;float:left;}
#bottomcontact1 .macode img{margin-bottom:1.667em;width:10em;}
#bottomcontact1 .row{clear:both;zoom:1;overflow:hidden;width:960px;margin:0 auto;}
#bottomcontact1 .row{}
#bottomcontact1 .bottomnav{width:660px;float:left;}
#bottomcontact1 .bottomnav{}
#bottomcontact1 .bottomnav .nav{width:660px;margin:0 auto;overflow:hidden;zoom:1;margin-top:0em;}
#bottomcontact1 .bottomnav .block{width:75px;background:#222230;float:left;margin-right:35px;}
#bottomcontact1 .bottomnav .last{width:165px;margin-right:0;}
#bottomcontact1 .bottomnav .block li{margin:2px 0;}
#bottomcontact1 .bottomnav .last li{text-align:left;}
#bottomcontact1 .bottomnav .block .title{text-align:center;}
#bottomcontact1 .bottomnav .block .title a{color:#0cbde0;width:75px;height:75px;border:1px solid #14819c;border-radius:50%;display:block;cursor:pointer;margin:0 auto;line-height:75px;}
#bottomcontact1 .bottomnav .last .title a{margin:0}
#bottomcontact1 .bottomnav .block .title a:hover{text-decoration:none;background:rgba(63,200,246,0.5);color:#fff;}

#bottomcontact1 .QQ a{width:4em;height:1.8em;margin:0.5em auto;display:block;cursor:pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
position: relative;
border-radius: 0.9em;
border:1px solid #08cef3;
display:block;
}
#bottomcontact1 .QQ a span{display:block;overflow:hidden;font-size:1em;width:1.15em;height:1.15em;background:url(images/bottomqq.png) no-repeat;background-size:100%;text-indent:-3000px;margin:0.3em auto;position:relative;}
#bottomcontact1 .QQ a:hover{background: rgba(255, 255, 255, 0.2);}
#bottomcontact1 .QQ a:hover:after {
	margin-left: 4px;
	opacity: 1;
}
#bottomcontact1 .QQ a:after {
	top:0.2em;
	position: absolute;
	margin-left: -1em;
	opacity: 0;
	font-size: 28px;
	content: "\35";
	font-family: "ETmodules" !important;
	line-height:0.8em;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}




/*#bottomcontact*/
#bottomcontact{background:#222230;text-align:center;color:#fff;}
#bottomcontact span.font{font-size:0.8em;}
#bottomcontact a{color:#fff;}
#bottomcontact .content{padding:1em 0;}
#bottomcontact .macode{padding:0.5em;color:#0cbde0;font-size:0.6em;}
#bottomcontact .macode img{margin-bottom:1.667em;width:7.2em;}

#bottomcontact .bottomnav{}
#bottomcontact .bottomnav .line{border-top:1px solid #0cbde0;margin-top:2.5em;}
#bottomcontact .bottomnav .nav{width:900px;margin:0 auto;overflow:hidden;zoom:1;margin-top:-2.25em;}
#bottomcontact .bottomnav .block{width:100px;background:#222230;float:left;margin-left:100px;}
#bottomcontact .bottomnav .last{margin-right:0;}
#bottomcontact .bottomnav .block li{margin:0.5em 0;}
#bottomcontact .bottomnav .block .title a{color:#0cbde0;width:3.7em;height:3.7em;border:1px solid #14819c;border-radius:50%;display:block;cursor:pointer;margin:0 auto;line-height:3.7em;}
#bottomcontact .bottomnav .block .title a:hover{text-decoration:none;background:rgba(63,200,246,0.5);color:#fff;}
#bottomcontact .contacttitle{width:6.15em;height:1.6em;margin:0.5em auto;background-size:100%;line-height:1.6em;border:1px solid #08cef3;border-radius:0.8em;}
#bottomcontact .QQ a{width:4em;height:1.8em;margin:0.5em auto;display:block;cursor:pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
position: relative;
border-radius: 0.9em;
border:1px solid #08cef3;
display:block;
}
#bottomcontact .QQ a span{display:block;overflow:hidden;font-size:1em;width:1.15em;height:1.15em;background:url(images/bottomqq.png) no-repeat;background-size:100%;text-indent:-3000px;margin:0.3em auto;position:relative;}
#bottomcontact .QQ a:hover{background: rgba(255, 255, 255, 0.2);}
#bottomcontact .QQ a:hover:after {
	margin-left: 4px;
	opacity: 1;
}
#bottomcontact .QQ a:after {
	top:2px;
	position: absolute;
	margin-left: -1em;
	opacity: 0;
	font-size: 28px;
	content: "\35";
	font-family: "ETmodules" !important;
	line-height:0.8em;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
/*homenav*/
#homenav{position:fixed;top:0;right:2.5em;top:8.4em;z-index:999;font-size:1.2em;}
#homenav .homenav ul{width:4.6em;}
#homenav .homenav li a{width:3em;height:3.45em;display:block;background:url(images/leftbt.png) no-repeat;background-size:100%;float:left;margin-top:-0.75em;
transition: transform 0.5s;
-moz-transition: -moz-transform 0.5s;	/* Firefox 4 */
-webkit-transition: -webkit-transform 0.5s;	/* Safari 和 Chrome */
-o-transition: -o-transform 0.5s;	/* Opera */
text-align:center;
line-height:1em;
}
#homenav .homenav li .leftbt1{line-height:1em;line-height:3.45em;}
#homenav .homenav li .leftbt1 span.font{margin-top:0;}
#homenav .homenav li .leftbt2,#homenav .homenav li .leftbt4{float:right;}
#homenav .homenav li a span.font{font-size:0.7em;color:#fff;display:block;margin-top:0.9em;}
#homenav .homenav li a:hover, #homenav .homenav li a.active{
	transform: scale(1.5);
	-ms-transform: scale(1.5);	/* IE 9 */
	-webkit-transform: scale(1.5);	/* Safari 和 Chrome */
	-o-transform: scale(1.5);	/* Opera */
	-moz-transform: scale(1.5);	/* Firefox */
	text-decoration: none;
}
.main h2 .share-info,.main h2 time,.main h2 .source{display:none;}
#THREE .PAGE_user_view .PageTop{background:url(images/viewbg.jpg) no-repeat; background-attachment: fixed;background-size: 100% 100%;height:100%;}
/*about*/
.PAGE_aboutus{}
#THREE .PageTop{background:url(images/aboutbg.jpg) no-repeat; background-attachment: fixed;background-size: 100% 100%;height:100%;}
#THREE #aboutus h2{border-bottom:1px solid #fff;}
#THREE #aboutus h2 span{font-size:4em;color:#fff;display:block;padding:0 0 0.2em;}
#THREE #aboutus h2 .share-info{display:block;margin-top:4.5em;}
#THREE #aboutus h2 time,#THREE #aboutus h2 .source{font-size:0.8em;color:#fff;font-weight:normal;display:block;margin-right:1em;}
#THREE #aboutus h2 time{float:left;}
#THREE #aboutus{width:940px;margin:0 auto;margin-top:8.75em;font-size:0.8em}
#THREE #aboutus .content{color:#fff;font-size:1.1em}
#THREE #aboutus .content h3{font-size:1.8em;margin:1em 0;}
#THREE #aboutus .content .timeline{padding:1em 3em;position:relative;}
#THREE #aboutus .content .timeline p{font-size:1.2em;}
#THREE #aboutus .content .line{position:absolute;top:3.5%;left:1em;height:93.5%;border-left:1px solid #fff;}
#THREE #aboutus .content .start{position:absolute;top:3.5%;left:1em;width:1em;border-top:1px solid #fff;}
#THREE #aboutus .content .stop{position:absolute;bottom:3%;left:1em;width:1em;border-top:1px solid #fff;}

#THREE .PAGE_user_view .breadnav{padding-top:3em;width:940px;color:#fff;border-bottom:1px solid #fff;}
#THREE .PAGE_user_view .breadnav a{color:#fff;}
#THREE .PAGE_user_view .breadnav a.blue{color:#3cbbef;}
#THREE .news_view h2{border-bottom:1px solid #fff;position:relative;}
#THREE .news_view h2 span{font-size:26px;color:#fff;display:block;padding:50px 0 1em;}
#THREE .news_view h2 span.source{padding:0 0 0.2em;text-indent:1em;}
#THREE .news_view h2 .share-info{position:absolute;top:60px;right:0;display:block;}
#THREE .news_view h2 time,#THREE .news_view h2 .source{font-size:0.8em;color:#fff;font-weight:normal;display:block;}
#THREE .news_view h2 time{float:left;}
#THREE .news_view{width:940px;margin:0 auto;margin-top:2.0em;font-size:0.8em}
#THREE .news_view .content{color:#fff;font-size:1.2em;padding-bottom:5em;}
#THREE .news_view .content a{color:#fff;}
#THREE .news_view .content h3{font-size:1.8em;margin:1em 0;}
#THREE .news_view .content .timeline{padding:1em 3em;position:relative;}
#THREE .news_view .content .line{position:absolute;top:3.5%;left:1em;height:93.5%;border-left:1px solid #fff;}
#THREE .news_view .content .start{position:absolute;top:3.5%;left:1em;width:1em;border-top:1px solid #fff;}
#THREE .news_view .content .stop{position:absolute;bottom:3%;left:1em;width:1em;border-top:1px solid #fff;}


/*正文*/
#THREE #Content{width:68.3em;margin:0 auto;background:#fff;position:relative;}
#THREE #container #main{overflow:visible;}
#THREE #Content .content{min-height: 2em;padding:0;font-size:1.2em;}
#THREE #relaread{position:absolute;top:-3.3em;left:0;width:100%;}
#THREE #relaread .content{width:39.25em;margin:0 auto;}
#THREE #relaread .btn{width:6em;height:6em;line-height:6em;border:2px solid #fff;border-radius:3em;background:#737373;text-align:center;color:#fff;float:left;opacity: 0.8;}
#THREE #relaread .morenews{float:right;color:#65d3f8;padding-top:5em;}
#THREE #relaread .morenews a{color:#65d3f8;background:url(images/arror.jpg) no-repeat right center;padding-right:1em;}
#THREE #relaread .morenews a:hover{text-decoration: none;}

#THREE #Content #news .content{padding:3em 0;}
#THREE #Content #news .list{width:39.25em;margin:2em auto 0.5em;}
#THREE #Content #news .list li{border-bottom:1px solid #ccc;margin-top:1.5em;line-height:2em;}
#THREE #Content #news .list li a{color:#070707;font-size:0.9em;}
#THREE #Content #news .list li a:hover{text-decoration: none;}
#THREE #Content #news .list li .date{color:#ccc;float:right;font-size:0.8em;background:url(images/arror1.jpg) no-repeat right bottom;padding-right:1em;}

.share-info{ position:relative;float:right;width:25em;margin-top:2em;}
.share-info b{ float:left; line-height:31px; height:31px; display:block;}
.share-info .bdsharebuttonbox{ position:absolute; right:0px;color:#fff;}
.share-info a.bds_tsina{background:url(images/share.png) no-repeat left top;}
.share-info a.bds_tqq{background:url(images/share.png) no-repeat -43px top;}
.share-info a.bds_qzone{background:url(images/share.png) no-repeat -86px top;}
.share-info a.bds_weixin{background:url(images/share.png) no-repeat -130px top;}
.share-info a.bds_renren{background:url(images/share.png) no-repeat -173px top;}
.share-info a.bds_more{background:url(images/share.png) no-repeat -216px top;}
.share-info .bdshare-button-style1-32 a, .share-info .bdshare-button-style1-32 .bds_more{ width:31px; line-height:31px; height:31px; padding:0px; margin:0px 0px 0px 12px;}



#THREE .PAGE_news #Content #news .list .bdsharebuttonbox a.bds_tsina{background:url(images/share2.png) no-repeat left top;}
#THREE .PAGE_news #Content #news .list .bdsharebuttonbox a.bds_tqq{background:url(images/share2.png) no-repeat -38px top;}
#THREE .PAGE_news #Content #news .list .bdsharebuttonbox a.bds_qzone{background:url(images/share2.png) no-repeat -76px top;}
#THREE .PAGE_news #Content #news .list .bdsharebuttonbox a.bds_weixin{background:url(images/share2.png) no-repeat -115px top;}
#THREE .PAGE_news #Content #news .list .bdsharebuttonbox a.bds_renren{background:url(images/share2.png) no-repeat -153px top;}
#THREE .PAGE_news #Content #news .list .bdsharebuttonbox a.bds_more{background:url(images/share2.png) no-repeat -191px top;}
#THREE .PAGE_news #Content #news .list .bdsharebuttonbox.bdshare-button-style1-32 a,
#THREE .PAGE_news #Content #news .list .bdsharebuttonbox.bdshare-button-style1-32 .bds_more{ width:28px; line-height:28px; height:28px; padding:0px; overflow:hidden;}
#THREE .PAGE_news #Content #news .list .bdshare-button-style1-32 a{margin:0px 0px 0px 8px;}




.PAGE_news #PageTop{background:url(images/centerbg.jpg);background-attachment: fixed;height:5.7em;z-index:33;position:relative;background-size:auto 5.7em;}
.PAGE_news #news{width:940px;margin:0 auto;margin-top:1.5em;font-size:1.2em;}

.PAGE_news #news h2{color:#737373;font-size:2em;font-weight:normal;margin:0;}
#THREE .PAGE_news #Content #news .content{padding:2em 0;}
#THREE .PAGE_news #Content #news .list{width:100%;}
#THREE .PAGE_news #Content #news .list li{overflow:hidden;zoom:1;border:none;margin-bottom:4em;}
#THREE .PAGE_news #Content #news .list .date{background:url(images/newsdatebg.png) no-repeat;width:58px;height:40px;display:block;padding:36px 28px;margin:0;line-height:1em;color:#fff;float:left;font-size:16px;}
#THREE .PAGE_news #Content #news .list .date b{font-size:26px;padding-top:5px;display:block;}
#THREE .PAGE_news #Content #news .list .box{width:750px;float:right;margin-left:0em;}
#THREE .PAGE_news #Content #news .list .title{border-bottom:1px solid #737373;}
#THREE .PAGE_news #Content #news .list .title a{font-size:1.2em;}
#THREE .PAGE_news #Content #news .list .share-info{display:block;float:none;margin:0.4em 0;height:2.5em;font-size:0.6em;}
#THREE .PAGE_news #Content #news .list .share-info .bdsharebuttonbox{color:#737373;left:0;}
#THREE .PAGE_news #Content #news .list .info{font-size:0.7em;line-height:2.2em;}
#THREE .PAGE_news #Content #news .list .readmore a{color:#3fc8f6;padding-right:1em;background:url(images/arror.jpg) no-repeat right center;font-size:0.8em;}

#THREE .PAGE_news #Content #news .more { text-align:center;}
#THREE .PAGE_news #Content #news .more a {
    cursor: pointer;
    display: block;
    line-height: 32px;
    background: #3fc8f6;
    color: #fff;
    font-size: 20px;
    width: 50%;
    float: left;
}
#THREE .PAGE_news #Content #news .more a:hover{ background:#4399f3;text-decoration: none;}


.PAGE_productlink #PageTop{background:url(images/centerbg.jpg) no-repeat center 1.75em;background-attachment: fixed;height:4.75em;z-index:33;position:relative;}
.PAGE_contact #PageTop{background:url(images/contactbg.jpg);height:11.6em;z-index:33;position:relative;background-size:auto 11.6em;}
.PAGE_contact #contact{display:none;}
.PAGE_contact #contacttxt{width:49.5em;margin:0 auto;margin-top:2em;}
#THREE .PAGE_contact #contacttxt .content {padding:0 0 4em;}
.PAGE_contact #contacttxt .content h2{font-size:2em;text-align:center;padding:1em 3em;margin:0;font-weight:normal;}
.PAGE_contact #contacttxt .content .contactbtn{overflow:hidden;zoom:1;width:45em;margin:0 auto;}
.PAGE_contact #contacttxt .content .contactbtn li{float:left;width:11.25em;text-align:center;color:#818181;}
.PAGE_contact #contacttxt .content .contactbtn li a{color:#818181;}
.PAGE_contact #contacttxt .content .contactbtn li div{width:4.65em;height:5.4em;background:url(images/contbtn1.png) no-repeat;background-size:100%;margin:1em auto;}
#THREE .PAGE_contact #Content{width:100%;}
.PAGE_contact #contacttxt .content .contactbtn li div.bt1{background:url(images/contbtn1.png) no-repeat;background-size:100%;}
.PAGE_contact #contacttxt .content .contactbtn li div.bt2{background:url(images/contbtn2.png) no-repeat;background-size:100%;}
.PAGE_contact #contacttxt .content .contactbtn li div.bt3{background:url(images/contbtn3.png) no-repeat;background-size:100%;}
.PAGE_contact #contacttxt .content .contactbtn li div.bt4{background:url(images/contbtn4.png) no-repeat;background-size:100%;}
.PAGE_contact #contacttxt .content .contactbtn li:hover div{background-position:left bottom;}

.PAGE_contact #Content #baidumap{
background-image: -moz-linear-gradient( -10deg, rgb(67,141,254) 0%, rgb(67,170,226) 47%, rgb(67,197,199) 100%);
background-image: -webkit-linear-gradient( -10deg, rgb(67,141,254) 0%, rgb(67,170,226) 47%, rgb(67,197,199) 100%);
background-image: -ms-linear-gradient( -10deg, rgb(67,141,254) 0%, rgb(67,170,226) 47%, rgb(67,197,199) 100%);}
.PAGE_contact #Content #baidumap .content{width:49.5em;margin:0 auto;}
.PAGE_contact #baidumap .content h2{font-size:2em;text-align:center;padding:0.5em 3em 1em;color:#fff;font-weight:normal;margin:0;}
.PAGE_contact #baidumap .content address{text-align:center;font-style:normal;color:#fff;line-height:2.4em;}
.PAGE_contact #baidumap .content .url{width:16.8em;height:1.8em;background:url(images/urlbg.png) no-repeat;background-size:100% 100%;text-align:left;margin:0.5em auto;line-height:1.8em;text-indent:1em;}
.PAGE_contact #baidumap .content .url span{font-size:0.8em;color:#43bbd1;}
.PAGE_contact #baidumap .content .map{width:33.35em;height:400px;margin:3em auto 0;position:relative;}
.PAGE_contact #baidumap .content .map .img{width:607px;height:517px;position:absolute;top:0; left:0;background:url(images/map.png) no-repeat;}
.PAGE_contact #baidumap .content .map .icon{ background:url(images/icon.png) no-repeat; width:152px; height:225px; position:absolute; top:-9px; left:221px; animation:mapicon 1s ease-in  0.5s  infinite;}
.PAGE_contact #baidumap .content .map .icon a{ display:block; height:225px; box-sizing:border-box; padding-top:65px; color:#fff; font-size:20px; text-align:center;}
.PAGE_contact #baidumap .content .map .icon a:hover{text-decoration: none;}
.PAGE_contact #baidumap .content .map .info{font-size:0.8em;position:absolute;right:0;top:2em;width:10em;color:#fff;}
.PAGE_contact #gedifenzhi{width:980px;;margin:0 auto;margin-top:100px;padding-bottom:2em;}
.PAGE_contact #gedifenzhi .content h2{font-size:2em;text-align:center;padding:1.5em 3em 1em;margin:0;}
.PAGE_contact #gedifenzhi .content table{border:none;width:100%;margin-bottom:3em;}
.PAGE_contact #gedifenzhi .content table th{background:none;color:#43c4c8;border-bottom:1px solid #8e8e8e;padding:0.5em}
.PAGE_contact #gedifenzhi .content table td{text-align:center;border-bottom:1px solid #8e8e8e;padding:0.8em;font-size:16px;}
.PAGE_contact #gedifenzhi .content table td.w1{font-weight:bold;color:#666;font-size:16px;}

.PAGE_joinus #PageTop{background:url(images/joinusbg.jpg);height:11.6em;z-index:33;position:relative;backgroud-size:auto 11.6em;}
.PAGE_joinus #joinus{position:relative;}
.PAGE_joinus #joinus .content h2{font-size:2em;text-align:center;padding:0.5em 0em;font-weight:normal;margin:0;color:#fff;position:absolute;top:-100px;z-index:-1;width:100%;left:0;}
.PAGE_joinus #joinus .content .pic{width:43.5em;height:18em;position:relative;background:url(images/hezuo.png) no-repeat center center;margin:0 auto 2em; background-size:20.1em 16.4em;}
.PAGE_joinus #joinus .content .pic .t1{width:10.5em;position:absolute;top:7em;left:1em;}
.PAGE_joinus #joinus .content .pic .t2{width:10.5em;position:absolute;top:13.75em;left:3.5em;}
.PAGE_joinus #joinus .content .pic .t3{width:10.5em;position:absolute;top:7em;left:33em;}
.PAGE_joinus #joinus .content .pic .t4{width:10.5em;position:absolute;top:13.75em;left:29em;}
.PAGE_joinus #joinus .content .pic .font{font-size:0.7em;}

#THREE .PAGE_joinus #Content{width:100%;}
.PAGE_joinus #huoban{
background-image: -moz-linear-gradient( -10deg, rgb(67,141,254) 0%, rgb(67,170,226) 47%, rgb(67,197,199) 100%);
background-image: -webkit-linear-gradient( -10deg, rgb(67,141,254) 0%, rgb(67,170,226) 47%, rgb(67,197,199) 100%);
background-image: -ms-linear-gradient( -10deg, rgb(67,141,254) 0%, rgb(67,170,226) 47%, rgb(67,197,199) 100%);
}
.PAGE_joinus #huoban .content h2{font-size:2em;text-align:center;padding:0.5em 3em;color:#fff;margin:0;font-weight:normal;}
.PAGE_joinus #huoban .pic{width:49.5em;margin:0 auto;overflow:hidden;zoom:1;}
.PAGE_joinus #huoban .pic div{width:16.5em;float:left;text-align:center;}
.PAGE_joinus #huoban .pic div img{width:16.35em;}
.PAGE_joinus #huoban form{width:30em;margin:0 auto;padding:1em 0;}
.PAGE_joinus #huoban form ul{margin:0;}
.PAGE_joinus #huoban form li{width:23em;margin:0 auto;margin-bottom:0.5em;position:relative;}
.PAGE_joinus #huoban form li #__ErrorMessagePanel{position:absolute;top:0;left:21em;width:10em;}
.PAGE_joinus #huoban form li label{float:left;width:5.5em;color:#fff;text-align:right;padding-right:0.5em}
.PAGE_joinus #huoban form li input{width:19.5em;padding:0.25em;font-family: 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;}
.PAGE_joinus #huoban form li.btn{color:#fff;width:30em;text-align:center;}
.PAGE_joinus #huoban form li.btn input{display:block;width:5em;height:1.75em;border-radius:0.875em;background:#40c3f1;border:none;margin:0.5em auto;color:#fff;font-size:1.1em;font-family: 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;}
.PAGE_joinus #jiamengform{background:url(images/kkkbg.jpg) no-repeat center top;height:20em;font-size:1.2em;background-size:auto 100%;}
.PAGE_joinus #jiamengform{overflow:hidden;zoom:1;}
.PAGE_joinus #jiamengform .number{width:49.5em;margin:0 auto;text-align:center;padding:7em 0;color:#fff;}

.PAGE_job #PageTop{
	background-image: -moz-linear-gradient( 32deg, rgb(67,141,254) 0%, rgb(67,170,226) 47%, rgb(67,197,199) 100%);
    background-image: -webkit-linear-gradient( 32deg, rgb(67,141,254) 0%, rgb(67,170,226) 47%, rgb(67,197,199) 100%);
    background-image: -ms-linear-gradient( 32deg, rgb(67,141,254) 0%, rgb(67,170,226) 47%, rgb(67,197,199) 100%);
 }
.PAGE_job #PageTop #job{margin-top:4.05em;}
.PAGE_job #job .content h2{font-size:2em;text-align:center;padding:0em 3em;color:#fff;font-weight:normal;}
.PAGE_job #job .content .row{width:100%;overflow:hidden;}
.PAGE_job #job .content .row .left{float:left;width:50%;position:relative;min-height:22.15em;}
.PAGE_job #job .content .row .left .bg{background:url(images/jobleft.jpg) no-repeat left top;background-size:100% 100%;min-height:22.15em;}
.PAGE_job #job .content .row .left:hover .bg{
background:url(images/joblefthover.jpg) no-repeat left top;background-size:100% 100%;
}
.PAGE_job #job .content .row .right{float:left;width:50%;position:relative;}
.PAGE_job #job .content .row .right .bg{width:100%;background:url(images/jobright.jpg) no-repeat left top;background-size:100% 100%;min-height:22.15em;}
.PAGE_job #job .content .row .right:hover .bg{
background:url(images/jobrighthover.jpg) no-repeat left top;background-size:100% 100%;
}
.PAGE_job #job .content .row div a{margin:18% 0;text-align:center;display:block;color:#fff;position:absolute;top:1px;left:4.25em;right:4.25em}
.PAGE_job #job .content .row div a .ico{width:4.25em;height:4.9em;margin:0 auto;background:url(images/jobbt.png) no-repeat;background-size:100%;} 
.PAGE_job #job .content .row .right a .ico{background:url(images/jobbt1.png) no-repeat;background-size:100%;} 
.PAGE_job #job .content .row div a:hover{text-decoration: none;}
.PAGE_job #homebigbtn{background:#fff;}
.PAGE_job #homebigbtn li {margin-left: 10em;}
.PAGE_job #homebigbtn .btn5{display:none;}
 



.PAGE_wenhua #PageTop{background:url(images/valuebg.jpg);background-size:auto 100%;height:856px;z-index:33;}
.PAGE_wenhua #wenhua{width:68.3em;margin:0 auto;position:relative;font-size:1.1em;height:36em;z-index:3;}
.PAGE_wenhua #wenhua .bg{width:593px;height:592px;background:url(images/wenhuabg.png) no-repeat;background-size:100% 100%;position:absolute;left:100px;top:140px;}
.PAGE_wenhua #wenhua .info{position:absolute;width:434px;height:359px;top:256px;left:753px;background:url(images/whhover.png) no-repeat;background-size:100% 100%;z-index:15;display:none;}
.PAGE_wenhua #wenhua .info .font{font-size:14px;}
.PAGE_wenhua #wenhua .info .title{width:123px;height:41px;position:absolute;top:118px;left:0px;color:#3fc8f6;text-align:center;font-size:13px;padding:40px 0;}
.PAGE_wenhua #wenhua .info .text{width:248px;height:200px;position:absolute;top:0px;left:72px;color:#fff;line-height:16px;padding:70px 20px 80px 90px;}
.PAGE_wenhua #wenhua .bg .hover{display:none;}
.PAGE_wenhua #wenhua .bg div{cursor:pointer;}

.PAGE_wenhua #wenhua .bg .t0{position:absolute;width:105px;height:84px;top:234px;left:16px;background:url(images/wh0.png) no-repeat;z-index:10;}
.PAGE_wenhua #wenhua .bg .t1,.PAGE_wenhua #wenhua .t1.txt{position:absolute;width:103px;height:25px;top:56px;left:281px;background:url(images/wh1.png) no-repeat;z-index:1;}
.PAGE_wenhua #wenhua .t2,.PAGE_wenhua #wenhua .t2.txt{position:absolute;width:101px;height:24px;top:167px;left:415px;background:url(images/wh2.png) no-repeat;z-index:1;}
.PAGE_wenhua #wenhua .t3,.PAGE_wenhua #wenhua .t3.txt{position:absolute;width:102px;height:24px;top:289px;left:451px;background:url(images/wh3.png) no-repeat;z-index:1;}
.PAGE_wenhua #wenhua .t4,.PAGE_wenhua #wenhua .t4.txt{position:absolute;width:50px;height:24px;top:414px;left:408px;background:url(images/wh4.png) no-repeat;z-index:1;}
.PAGE_wenhua #wenhua .t5,.PAGE_wenhua #wenhua .t5.txt{position:absolute;width:101px;height:24px;top:503px;left:278px;background:url(images/wh5.png) no-repeat;z-index:1;}
.PAGE_wenhua #wenhua .bg .txt{background-position:0 -200px;z-index:10;}
.PAGE_wenhua #wenhua .bg .txt:hover{background-position:0 0;}
.PAGE_wenhua #wenhua .bg .t1.hover{position:absolute;width:308px;height:308px;top:-5px;left:290px;background:url(images/wh1line.png) no-repeat;z-index:5;}
.PAGE_wenhua #wenhua .t2.hover{position:absolute;width:91px;height:213px;top:90px;left:507px;background:url(images/wh2line.png) no-repeat;z-index:5;}
.PAGE_wenhua #wenhua .t3.hover{position:absolute;width:11px;height:10px;top:292px;left:587px;background:url(images/wh3line.png) no-repeat;z-index:5;}
.PAGE_wenhua #wenhua .t4.hover{position:absolute;width:87px;height:207px;top:292px;left:512px;background:url(images/wh4line.png) no-repeat;z-index:5;}
.PAGE_wenhua #wenhua .t5.hover{position:absolute;width:306px;height:306px;top:292px;left:293px;background:url(images/wh5line.png) no-repeat;z-index:5;}
.PAGE_wenhua #wenhua .infot5{display:none;z-index:5;}


#job1 table.pagenav{width:100%;}
#job1 .pagenav td{text-align:right;padding:10px 0;font-size:14px;color:#999;}
#job1 .pagenav a{line-height:14px;border-radius:18px;border:1px solid #ccc;font-size:14px;padding:5px 11px;color:#999;margin-left:3px;}
#job1 .pagenav a:hover{text-decoration: none;}
#job1 .pagenav font{line-height:14px;border-radius:18px;border:1px solid #ccc;font-size:14px;padding:5px 11px;background:#3fc8f6;color:#fff;margin-left:3px;}
#job1 .pagenav input{width:50px;height:28px;line-height:28px;border-radius:14px;border:1px solid #ccc;margin-left:3px;text-align:center;}
#job1 .pagenav input.btn{background:#3fc8f6;color:#fff;width:31px;padding:0;}

.PAGE_life #PageTop{background:url(images/wenhuabg.jpg);background-attachment: fixed;height:14.6em;z-index:33;background-size:auto 14.6em;}
.PAGE_life #life{position:relative;}
.PAGE_life #life .content h2{font-size:2em;text-align:center;padding:0em 0;color:#fff;position:absolute;top:-4.7em;width:100%;text-indent:-6000px;background:url(images/lifetitle.png) no-repeat center;}
.PAGE_life #life .content h2 .en{display:none;}
.PAGE_life #life .content h3{width:21.45em;height:3.7em;line-height:3.4em;background:url(images/h3bg.png) no-repeat;background-size:100% 100%;margin:1.8em auto;text-align:center;color:#4b59c5;font-weight:normal}
.PAGE_life #life .content table{width:50em;margin:1em auto;}

.PAGE_life #life .content #mengoods{
	font-size:1.1em;
	margin-top:1em;
	background:url(images/photobg.jpg) no-repeat;background-size:100% 100%;
	width:25.05em;height:17.25em;
}
.PAGE_life #life .content #yungong span{font-size:0.7em;margin:20px 0;display:block;width:465px;color:#818181;}
.PAGE_life #life .content #mengoods .suitShowCard{padding:1em 0.9em 1.25em 1.2em;}
.PAGE_life #life .content #mengoods .suitShowCard img{width:100%;}
.PAGE_life #life .content .img {border:1px solid #eee;padding:4px;}
.PAGE_life #life .content .wenhua2,.PAGE_life #life .content .wenhua3{width:17em;}
.PAGE_life #life .content #mengoods1 table{margin-top:2em;}
.PAGE_life #life .content #mengoods1 td{width:15.8em;height:22.95em;}
.PAGE_life #life .content #mengoods3 td{width:10.8em;height:22.95em;}
.PAGE_life #life .wenhuabox{background:url(images/wenhuaboxbg.gif) no-repeat;background-size:100% 100%!important;vertical-align: top;}
.PAGE_life #life .content .wenhuabox img{border:none;width:97%;}
.PAGE_life #life .content .wenhuabox .img{border:none;padding:5px;}
.PAGE_life #life .content .wenhuabox .title{text-indent:1em;margin:-2.0em auto 0;color:#333;}
.PAGE_life #life .content .wenhuabox .title .font{font-size:0.7em;font-weight:bold;}
.PAGE_life #life .content .wenhuabox .info{padding:0.5em 1em;}
.PAGE_life #life .content .wenhuabox .info .font{font-size:0.7em;color:#818181}
.PAGE_life #life .content .wenhuabox .info .font a{color:#5764c9;background:url(images/arror.jpg) no-repeat right center;padding-right:1em;}
.PAGE_life #life .content .wenhuabox .info .font a:hover{text-decoration: none;}
.PAGE_life #life #xiehu td.bg{width:20.15em;background-size:100% auto!important;vertical-align:top }
.PAGE_life #life #xiehu td.bg .info{padding:2.5em 3em;}
.PAGE_life #life #xiehu td.bg .hdinfo{padding:1.5em 2em 1em 2em;line-height:1.02em;}
.PAGE_life #life #xiehu td.bg .info .font{font-size:0.7em;color:#818181}
.PAGE_life #life #xiehu td.right img{width:24.15em}
.PAGE_life #life .photolist{width:50em;margin:2em auto;line-height:1.2em;overflow:hidden;zoom:1;}
.PAGE_life #life .photolist a{color:#5c5c5c;}
.PAGE_life #life .photolist a:hover{text-decoration: none}

.PAGE_vedio #PageTop{
	background:url(images/vediobg.jpg) ;background-size:auto 11.7em;
 }
.PAGE_vedio #vediotop{margin-top:60px;}
.PAGE_vedio #vediotop .content{}
.PAGE_vedio #vediotop .content h2{font-size:2em;text-align:center;color:#fff;width:100%;margin:0 0 30px;padding:0;}
.PAGE_vedio #vediotop .content .play{background:#262634 url(images/vediotop.gif) no-repeat center top;height:328px;}
.PAGE_vedio #vedio{width:810px;margin:10px auto;}
.PAGE_vedio #vedio .list ul{margin-left:-10px;}
.PAGE_vedio #vedio .list li{width:400px;float:left;margin-left:10px;text-align:center;}
.PAGE_vedio #vedio .list li a{position:relative;display:block;}
.PAGE_vedio #vedio .list li a img{width:400px;height:240px;}
.PAGE_vedio #vedio .list li a .btn{width:400px;height:240px;position:absolute;top:0;left:0;background:url(images/vediobtn1.png) no-repeat center center;opacity:0;transition: all 2s;}
.PAGE_vedio #vedio .list li a:hover .btn{display:block;background:url(images/vediobtn2.png) no-repeat center center;opacity:1;}
.PAGE_vedio #vediotop .play a{display:block;width:400px;margin:0 auto;height:240px;cursor:pointer;}
.PAGE_vedio #vediotop .play a .btn{width:400px;height:260px;top:0;left:0;background:url(images/vediobtn.png) no-repeat center bottom;margin:0 auto;display:none;}
.PAGE_vedio #vediotop .play a:hover .btn{display:block;}

.PAGE_zhuanti #PageTop{
	background:url(images/zhuantibg.jpg) no-repeat center 1.75em;height:14.6em;backgound-size:auto 14.6em;
 }
#THREE .PAGE_zhuanti #Content {width:990px;}
.PAGE_zhuanti #zhuanti .content h2{font-size:2em;text-align:center;color:#fff;position:absolute;top:-4.0em;width:100%;}
.PAGE_zhuanti #zhuanti .content .ul{margin:0 auto;margin-top:-2.5em;width:990px;position:absolute;top:0em;left:0;background:#fff;}
.PAGE_zhuanti #zhuanti .content{height:35em;}
.PAGE_zhuanti #zhuanti .content li{ float:left; width:330px; height:330px; position:relative;}
.PAGE_zhuanti #zhuanti .content li  img { width: 100%; display: block; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0; /* Safari */ -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0; position:absolute; left:0; top:0; }
.PAGE_zhuanti #zhuanti .content li img:hover { /*opacity:0.05;*/ opacity: 0; -webkit-transform: scale(1.65); filter: alpha(opacity=1); }

.PAGE_zhuanti #zhuanti .content li .txt{ background:#55a0f6; width:330px; height:330px;  display:none; color:#fff;}
.PAGE_zhuanti #zhuanti .content li .txt p{transition: all 0.2s ease 0s;margin:0;display: table-cell; vertical-align: middle; text-align:center; font-size:1.5em; line-height:2.5em;}
.PAGE_zhuanti #zhuanti .content li .txt p a{ display:block; font-size:0.7em; font-weight:normal; color:#fff; background:url(../images/a_topic.html) no-repeat 70%; center; padding-right:1.25em;}
.PAGE_zhuanti #zhuanti .content li:hover .txt{display:table;}



.PAGE_download #PageTop{
	background:url(images/downloadbg.jpg) no-repeat center 1.75em;height:14.6em;
 }
 #THREE .PAGE_download #Content .content{font-size:1em;}
 .PAGE_download #download{position:relative;}
.PAGE_download #download .content h2{font-size:2em;text-align:center;color:#fff;position:absolute;top:-4.5em;width:100%;}
.PAGE_download #download .area{padding:0em 0em 5em;position:relative;width:60.3em;height:24em;margin:0 auto;}
.PAGE_download #download .area ul{display:none;}
.PAGE_download #download .area ul.act{display:block;}
.PAGE_download #download .area .book:hover{background-image:url(images/bookstylehover.png);}
.PAGE_download #download .switchBtn{position:absolute;width:100%;top:24em;text-align:center;z-index:80;}
.PAGE_download #download .switchBtn a{padding:5px;border:1px solid #3fc8f6;border-radius:5px;font-size:0px;margin:0 5px;cursor:pointer;}
.PAGE_download #download .switchBtn a.act{background:#3fc8f6;}
.PAGE_download #download .area .book{width:11.85em;height:16.9em;background:#3fc8f6 url(images/bookstyle.png) no-repeat center center;background-size:10em 15.25em;position:absolute;left:0;top:6em;opacity: 0.9;
-moz-transition:all ease 0.2s; -ms-transition:all ease 0.2s; -0-transition:all ease 0.2s; -webkit-transition:all ease 0.2s;transition:all ease 0.2s;cursor:pointer;}
.PAGE_download #download .area .b4:hover{transform: translate(0,-90px);;-ms-transform:translate(0,-90px);-webkit-transform:translate(0,-90px);-o-transform: translate(0,-90px);-moz-transform: translate(0,-90px);}
.PAGE_download #download .area .b1:hover{transform:rotate(330deg) scale(0.85)  translate(0,-90px);;-ms-transform:rotate(330deg) scale(0.85) translate(0,-90px);-webkit-transform:rotate(330deg) scale(0.85) translate(0,-90px);-o-transform: rotate(330deg) scale(0.85) translate(0,-90px);-moz-transform: rotate(330deg) scale(0.85) translate(0,-90px);}
.PAGE_download #download .area .b2:hover{transform:rotate(340deg) scale(0.9)  translate(0,-90px);-ms-transform:rotate(340deg) scale(0.9) translate(0,-90px);-webkit-transform:rotate(340deg) scale(0.9) translate(0,-90px);-o-transform:rotate(340deg) scale(0.9) translate(0,-90px);-moz-transform: rotate(340deg) scale(0.9) translate(0,-90px);}
.PAGE_download #download .area .b3:hover{transform:rotate(350deg) scale(0.95) translate(0,-90px);;-ms-transform:rotate(350deg) scale(0.95) translate(0,-90px);-webkit-transform:rotate(350deg) scale(0.95) translate(0,-90px);-o-transform:rotate(350deg) scale(0.95)  translate(0,-90px);-moz-transform:rotate(350deg) scale(0.95)  translate(0,-90px);}
.PAGE_download #download .area .b5:hover{transform:rotate(10deg) scale(0.95)  translate(0,-90px);;-ms-transform:rotate(10deg) scale(0.95) translate(0,-90px);-webkit-transform:rotate(10deg) scale(0.95) translate(0,-90px);-o-transform:rotate(10deg) scale(0.95)  translate(0,-90px);-moz-transform:rotate(10deg) scale(0.95)  translate(0,-90px);}
.PAGE_download #download .area .b6:hover{transform:rotate(20deg) scale(0.9)  translate(0,-90px);;-ms-transform:rotate(20deg) scale(0.9) translate(0,-90px);-webkit-transform:rotate(20deg) scale(0.9) translate(0,-90px);-o-transform:rotate(20deg) scale(0.9) translate(0,-90px);-moz-transform:rotate(20deg) scale(0.9) translate(0,-90px);}
.PAGE_download #download .area .b7:hover{transform: rotate(30deg)  scale(0.85)  translate(0,-90px);;-ms-transform:rotate(30deg)  scale(0.85) translate(0,-90px);-webkit-transform:rotate(30deg)  scale(0.85) translate(0,-90px);-o-transform:rotate(30deg)  scale(0.85)  translate(0,-90px);-moz-transform:rotate(30deg)  scale(0.85)  translate(0,-90px);}

.PAGE_download #download .area .book .title{padding-top:3em;padding-left:1em;}
.PAGE_download #download .area .book .title .font{color:#fff;}
.PAGE_download #download .area .b1{left:0em;z-index:1;top:9em;background-color:#044476;transform: rotate(330deg) scale(0.85);-ms-transform: rotate(330deg) scale(0.85);-webkit-transform: rotate(330deg) scale(0.85);-o-transform: rotate(330deg) scale(0.85);-moz-transform: rotate(330deg) scale(0.85);}
.PAGE_download #download .area .b2{left:8em;z-index:2;top:7em;background-color:#1371b6;transform: rotate(340deg) scale(0.9);-ms-transform: rotate(340deg) scale(0.9);-webkit-transform: rotate(340deg) scale(0.9);-o-transform: rotate(340deg) scale(0.9);-moz-transform: rotate(340deg) scale(0.9);}
.PAGE_download #download .area .b3{left:16em;z-index:3;background-color:#0daced;transform: rotate(350deg) scale(0.95);-ms-transform: rotate(350deg) scale(0.95);-webkit-transform: rotate(350deg) scale(0.95);-o-transform: rotate(350deg) scale(0.95);-moz-transform: rotate(350deg) scale(0.95);}
.PAGE_download #download .area .b4{left:24em;z-index:4;background-color:#3fc8f6;opacity: 1;}
.PAGE_download #download .area .b5{left:32em;z-index:3;background-color:#48bcb8;transform: rotate(10deg) scale(0.95);-ms-transform: rotate(10deg) scale(0.95);-webkit-transform: rotate(10deg) scale(0.95);-o-transform: rotate(10deg) scale(0.95);-moz-transform: rotate(10deg) scale(0.95);}
.PAGE_download #download .area .b6{left:40em;z-index:2;top:7em;background-color:#0da9a2;transform: rotate(20deg) scale(0.9);-ms-transform: rotate(20deg) scale(0.9);-webkit-transform: rotate(20deg) scale(0.9);-o-transform: rotate(20deg) scale(0.9);-moz-transform: rotate(20deg) scale(0.9);}
.PAGE_download #download .area .b7{left:48em;z-index:1;top:9em;background-color:#027f7a;transform: rotate(30deg)  scale(0.85);-ms-transform: rotate(30deg)  scale(0.85);-webkit-transform: rotate(30deg)  scale(0.85);-o-transform: rotate(30deg)  scale(0.85);-moz-transform: rotate(30deg)  scale(0.85);}
.PAGE_honor #honor .content li img{width:100%;}
.PAGE_honor #PageTop{
	background:url(images/honorbg.jpg);height:14.6em;background-size:auto 14.6em;
 }
.PAGE_honor #honor .content h2{font-size:2em;text-align:center;color:#fff;position:absolute;top:-4.5em;width:100%;}
.PAGE_honor #honor .content ul{margin:2em auto;width:1000px;background:#fff;}
.PAGE_honor #honor .content li{width:236px;height:350px;float:left;margin-left:2px;margin-bottom:2px;display:-webkit-box; 
-webkit-box-orient:horizontal; 
-webkit-box-pack:center; 
-webkit-box-align:center; 
display:-moz-box; 
-moz-box-orient:horizontal; 
-moz-box-pack:center; 
-moz-box-align:center; 
display:-o-box; 
-o-box-orient:horizontal; 
-o-box-pack:center; 
-o-box-align:center; 
display:-ms-box; 
-ms-box-orient:horizontal; 
-ms-box-pack:center; 
-ms-box-align:center; 
display:box; 
box-orient:horizontal; 
box-pack:center; 
box-align:center; 
position:relative;
}
.PAGE_honor #honor .content li:hover span{display:block}
.PAGE_honor #honor .content li span{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:8;line-height:170px;font-size:12px;color:#3fc8f6;text-align:center;}
.PAGE_honor #honor .content li:hover div:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0.8;background:#000;display:block;z-index:2;}
.PAGE_honor #honor .content{height:750px;}


.PAGE_job1 #PageTop{
	background:url(images/job1bg.jpg);height:14.6em;background-size:auto 14.6em;
 }
#THREE .PAGE_job1 #Content{width:940px;margin:0 auto;}
.PAGE_job1 #job1nav .content h2{font-size:2em;text-align:center;padding:0em 0;color:#fff;position:absolute;top:-2.7em;width:100%;text-indent:-6000px;background:url(images/jobtitle.png) no-repeat center;margin:0;}
.PAGE_job1 #job1nav .breadnav{margin-top:0;}
.PAGE_job1 #nav{float:left;width:100px;margin-top:25px;margin-bottom:100px;}
.PAGE_job1 #nav .txt{border:1px solid #59cff7;font-size:14px;}
.PAGE_job1 #nav .txt li:first-child{border-top:0px solid #59cff7}
.PAGE_job1 #nav .txt li:last-child a{background:none;}
.PAGE_job1 #nav .txt li:last-child:hover a{background:none;}
.PAGE_job1 #nav .txt li{text-align:center;height:40px;line-height:40px;border-top:1px solid #59cff7}
.PAGE_job1 #nav .txt li a{color:#59cff7;background:url(images/libg.png) no-repeat center bottom;padding-bottom:20px;}

.PAGE_job1 #nav .txt li:hover{background:#3fc8f6;}
.PAGE_job1 #nav .txt li:hover a{color:#fff;text-decoration: none;background:url(images/libga.png) no-repeat center bottom;}




.PAGE_job1 #job1{float:right;width:840px;}
#THREE .PAGE_job1 #job1 .content{padding:25px 20px;}
.PAGE_job1 #job1 .content .classnav{height:38px;}
.PAGE_job1 #job1 .content .classnav li{float:left;line-height:32px;text-indent:0.5em;vertical-align:bottom;}
.PAGE_job1 #job1 .content .classnav li a{color:#fff;font-size:0.8em;
position: relative;
background: #c1c1c1;
float: left;
text-decoration: none;
padding:0px 15px 0 25px;
margin-top:7px;
}
.PAGE_job1 #job1 .content .classnav li a::after {
 content:'';
 position:absolute;
 z-index: 1;
 top: 0;
 right: -10px;
 bottom: 0;
 width: 20px;
 background: #c1c1c1;
 -webkit-transform: skew(30deg);
 -moz-transform: skew(30deg);
 -ms-transform: skew(30deg);
 -o-transform: skew(30deg);
 transform: skew(30deg);
 border-right:1px solid #fff;
}
.PAGE_job1 #job1 .content .classnav li.active a{background: #fff;color:#696969;border-top:1px solid #c1c1c1;border-left:1px solid #c1c1c1;padding:3px 18px;margin-top:0;z-index: 2;}
.PAGE_job1 #job1 .content .classnav li.active a::after{
 content:'';
 position:absolute;
 z-index: 1;
 top: 0;
 right: -12px;
 bottom: 0;
 width: 25px;
 background: #fff;
 -webkit-transform: skew(30deg);
 -moz-transform: skew(30deg);
 -ms-transform: skew(30deg);
 -o-transform: skew(30deg);
 transform: skew(30deg);
 border-right:1px solid #c1c1c1;
}
.PAGE_job1 #job1 .content .datalist{border:1px solid #c1c1c1;padding:10px 20px 10px;}
.PAGE_job1 #job1 .content .datalist table{width:100%;border:none;font-size:0.8em;}
.PAGE_job1 #job1 .content .datalist th{border-bottom:1px solid #818181;background:none;padding:5px;font-weight:normal;text-align:left;color:#333;}
.PAGE_job1 #job1 .content .datalist td{border-top:1px solid #c1c1c1;padding:10px;color:#999;}
.PAGE_job1 #job1 .content .datalist td a{color:#999}
.PAGE_job1 #job1 .content .datalist td a:hover{text-decoration:none;color:#333;}
.PAGE_job1 #job1 .content h3{background:#3fc8f6;margin:0;padding:0;color:#fff;text-indent:10px;line-height:30px;font-size:14px;font-weight:normal;}
.PAGE_job1 #job1 .content h5{font-size:16px;font-weight:normal;}
.PAGE_job1 #job1 .content .txt{font-size:14px!important;color:#888;}
.PAGE_job1 #job1 .content .mailto{width:190px;height:40px;background:#3fc8f6;color:#fff;text-align:center;margin:0 auto;display:block;border-radius:20px;font-size:12px;line-height:40px;}
.PAGE_job1 #job1 .content .mailto:hover{text-decoration:none;}
.PAGE_job1 #job1 .content .classnav li a:hover{text-decoration: none;}







#openpic{position:fixed;top:50px;left:300px;background:#3fc8f6;width:305px;padding:40px;z-index:99;}
#openpic img{width:305px;}
#openpic .close{width:51px;height:51px;position:absolute;right:-51px;top:0;background:url(images/close.png) no-repeat;text-indent:-3000px;}
#openpic .downurl{width:51px;height:56px;background:url(images/download.png) no-repeat;text-indent:-3000px;float:left;margin-right:10px;}
#openpic .info{color:#fff;font-size:0.8em;}


.breadnav{border-bottom:1px solid #7c7c7c;width:940px;margin:0 auto;margin-top:1em;}
.breadnav ul{margin:0;padding:8px 0;overflow:hidden;zoom:1;font-size:0.8em;}
.breadnav ul li{float:left;color:#9be2fa;margin-right:2px;}
.breadnav ul li a{color:#7c7c7c;}
.breadnav ul li a.blue{color:#9be2fa;}
.breadnav ul li a:hover{text-decoration: none;}
#Content .productsolid .content {min-height:100px;_height:100px;}
#Content .productsolid .content li{text-align:center;}
#btnfront{width:1.55em;height:8.2em;float:left;background:url(images/prebtn.png) no-repeat center center;background-size:100% auto;cursor:pointer;}
#Content .productsolidcontent{width:46em;height:11em;float:left;}
.productsolidcontent ul{margin:0px;padding:5px;overflow:hidden;white-space:nowrap;list-style:none;display:block;}
.productsolidcontent ul li{margin:4px;padding:2px;display:block;text-align:center;font-size:0.8em;}
#btnlast{width:1.55em;height:8.2em;float:left;background:url(images/nextbtn.png) no-repeat center center;cursor:pointer;background-size:100% auto;}
.productsolidcontent ul li img{height:8.2em;padding:4px;border:1px dotted #ccc;margin:0;margin-bottom:-1em;margin-left:auto;margin-right:auto;}
/* 滚动列表 */ 
#Content .productsolidcontent ul {      
	position:absolute;
	list-style:none;
	padding:0;
	margin:0;
	width:40000px;
	zoom:1;
}  
.productsolidcontent ul:after {    /* 如果是横向滚动，用于清除浮动 */     
	content:".";      
	display:block;      
	height:0;     
	clear:both;      
	visibility:hidden; 
}  
/* 列表里的每一项 */ 
.productsolidcontent li {     
	float:left;            /* 如果是横向滚动，必须浮动 */     
	overflow:visible!important;
}

.h_callS{ position:fixed; bottom:5%; right:0; z-index:100;color:#fff;}
.h_callS dd:nth-child(1){ margin-bottom:1px; height:46px;}
.h_callS dd{ position:relative;}
.h_callS dd span{ background-color:#737373; background-position:center center; background-repeat:no-repeat; display:inline-block;height:46px; width:46px; position:relative; z-index:5; cursor:pointer;}
.h_callS dd span a{ display:block; height:46px;}
.h_callS dd span.qq{ background-image:url(images/nav_r_icon_qq.png);}
.h_callS dd span.tel{ background-image:url(images/nav_r_icon_tel.png);}
.h_callS dd div{ position:absolute; background-color:#737373; line-height:46px; top:0; color:#fff; text-align:center; font-size:18px; opacity:0;}
.h_callS dd div a{color:#fff;}
.h_callS dd div a:hover{color:#fff;}
.h_callS dd:nth-child(1) div{ width:144px; right:-144px;}
.h_callS dd:nth-child(2) div{ width:94px;right:-94px;}

.h_callS dd:hover div{ opacity:1;right:37px;-moz-transition:all ease 0.2s; -ms-transition:all ease 0.2s; -0-transition:all ease 0.2s; -webkit-transition:all ease 0.2s;transition:all ease 0.2s; }
@media screen and (max-width: 1370px) 
{
  .h_callS dd div{ font-size:16px;}  
}
#MUSK1{
	background:#000 !important;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	position:fixed;
	z-index:2;
}
#Content #MUSK{position:fixed;
	background:#000 !important;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	z-index:99;
}
.hide_Map{ background:rgba(0,0,0,.8); position:absolute; left:-200%; width:100%;height:100%; top:0; z-index:1;}
.hide_Map .map{ position:absolute; top:673px; left:50%; margin-left:-445px;}
.hide_Map .map .close{ height:76px; width:76px; position:absolute; right:-38px; top:-38px;background:url(images/a_close.png) no-repeat center center #acd146; border-radius:50%; cursor:pointer; overflow:hidden; line-height:200px; z-index:10;}
.hide_Map .map .close:hover{background-color:#08cef3;}
.hide_Map .map .tit{ text-align:center; color:#fff; padding-top:45px; font-size:24px;}


#id_h_video{ position:fixed; left:0; top:0; height:100%; background-color:rgba(19,14,4,0.95); z-index:990; width:100%; display:none;}
#id_h_video .con{ background-color:#000; width:854px; position:absolute; top:50%; left:50%; margin-left:-463px; height:481px; padding:38px 36px 45px 36px; border-radius:30px; margin-top:-282px;}
#id_h_video .con a.close{ position:absolute; background:url(images/a_close.png) no-repeat center center #acd146; width:76px; height:76px; border-radius:50%; right:-38px; top:-38px; overflow:hidden; line-height:200px;}
#id_h_video .con a.close:hover{ background-color:#08cef3;}


/*annn*/


@keyframes pdico
{
0%   {width:0;}
100% {width:8.6em;}
}

@-moz-keyframes pdico /* Firefox */
{
0%   {width:0;}
100% {width:8.6em;}
}

@-webkit-keyframes pdico /* Safari 和 Chrome */
{
0%   {width:0;}
100% {width:8.6em;}
}

@-o-keyframes pdico /* Opera */
{
0%   {width:0;}
100% {width:8.6em;}
}
@keyframes pdico1
{
0%   {background-image:url(images/pd1new0.png);}
25%  {background-image:url(images/pd1new1.png);}
50%  {background-image:url(images/pd1new2.png);}
75%  {background-image:url(images/pd1new3.png);}
100% {background-image:url(images/pd1new4.png);}
}

@-moz-keyframes pdico1 /* Firefox */
{
0%   {background-image:url(images/pd1new0.png);}
25%  {background-image:url(images/pd1new1.png);}
50%  {background-image:url(images/pd1new2.png);}
75%  {background-image:url(images/pd1new3.png);}
100% {background-image:url(images/pd1new4.png);}
}

@-webkit-keyframes pdico1 /* Safari 和 Chrome */
{
0%   {background-image:url(images/pd1new0.png);}
25%  {background-image:url(images/pd1new1.png);}
50%  {background-image:url(images/pd1new2.png);}
75%  {background-image:url(images/pd1new3.png);}
100% {background-image:url(images/pd1new4.png);}
}

@-o-keyframes pdico1 /* Opera */
{
0%   {background-image:url(images/pd1new0.png);}
25%  {background-image:url(images/pd1new1.png);}
50%  {background-image:url(images/pd1new2.png);}
75%  {background-image:url(images/pd1new3.png);}
100% {background-image:url(images/pd1new4.png);}
}
@keyframes mapicon {
     0% {top:-9px;}
     50% {top:-50px;}
     100% {top:-9px;}
  }
@-moz-keyframes mapicon {
     0% {top:-9px;}
     50% {top:-50px;}
     100% {top:-9px;}
  }
@-webkit-keyframes mapicon {
     0% {top:-9px;}
     50% {top:-50px;}
     100% {top:-9px;}
  }
@-o-keyframes mapicon {
     0% {top:-9px;}
     100% {top:-9px;}
  }


  @keyframes video
{
0%  {background-image:url(images/videobtn/1.png);}
12.5%  {background-image:url(images/videobtn/2.png);}
25%  {background-image:url(images/videobtn/3.png);}
37.5% {background-image:url(images/videobtn/4.png);}
50%  {background-image:url(images/videobtn/5.png);}
62.5%  {background-image:url(images/videobtn/6.png);}
75%  {background-image:url(images/videobtn/7.png);}
87.5% {background-image:url(images/videobtn/8.png);}
100% {background-image:url(images/videobtn/9.png);}
}

@-moz-keyframes video /* Firefox */
{
0%  {background-image:url(images/videobtn/1.png);}
12.5%  {background-image:url(images/videobtn/2.png);}
25%  {background-image:url(images/videobtn/3.png);}
37.5% {background-image:url(images/videobtn/4.png);}
50%  {background-image:url(images/videobtn/5.png);}
62.5%  {background-image:url(images/videobtn/6.png);}
75%  {background-image:url(images/videobtn/7.png);}
87.5% {background-image:url(images/videobtn/8.png);}
100% {background-image:url(images/videobtn/9.png);}
}

@-webkit-keyframes video /* Safari 和 Chrome */
{
0%  {background-image:url(images/videobtn/1.png);}
12.5%  {background-image:url(images/videobtn/2.png);}
25%  {background-image:url(images/videobtn/3.png);}
37.5% {background-image:url(images/videobtn/4.png);}
50%  {background-image:url(images/videobtn/5.png);}
62.5%  {background-image:url(images/videobtn/6.png);}
75%  {background-image:url(images/videobtn/7.png);}
87.5% {background-image:url(images/videobtn/8.png);}
100% {background-image:url(images/videobtn/9.png);}
}

@-o-keyframes video /* Opera */
{
0%  {background-image:url(images/videobtn/1.png);}
12.5%  {background-image:url(images/videobtn/2.png);}
25%  {background-image:url(images/videobtn/3.png);}
37.5% {background-image:url(images/videobtn/4.png);}
50%  {background-image:url(images/videobtn/5.png);}
62.5%  {background-image:url(images/videobtn/6.png);}
75%  {background-image:url(images/videobtn/7.png);}
87.5% {background-image:url(images/videobtn/8.png);}
100% {background-image:url(images/videobtn/9.png);}
}

.pagenav li{
	display:inline-block;}
.thisclass a{
    background: #3fc8f6 !important;
    color: #fff !important;
}