@charset "utf-8";

/**/

#navigate{ width:100%; z-index:9999; padding:30px 0; background-color:#333;}

#navigate ul{ height:40px;}

#navigate ul li{ width:12%; height:40px; float:left;}

#navigate ul li a{ height:40px; line-height:40px; text-align:center; display:block; padding-bottom:20px; color:#FFF; /*text-shadow:0 0 3px rgba(0,0,0,1);*/}

#navigate ul li a.on{ background:url(/images/arrow_up.png) no-repeat center bottom; color:#666; /*text-shadow:0 0 3px rgba(255,255,255,1);*/}

#navigate ul li a:hover{ color:#666;}

#navigate ul.black li a{ color:#fff;}

/**/

#navigate ul li.logo{ width:55px; padding-right:10%;}

#navigate ul li.logo a{ width:126px; height:60px; margin-top:-10px; display:block; background:url(/images/logo.png) no-repeat left top; /*text-shadow:0 0 3px rgba(0,0,0,1);*/}

#navigate ul.black li.logo a{ background:url(/images/logo.png) no-repeat left top;}

#navigate ul li.lang{ width:7%; float:right; text-align:right;} 

#navigate ul li.lang i{ width:16px; height:40px; background:url(/images/en.jpg) no-repeat left center; display:inline-block; padding-right:5px; vertical-align:middle;}

/*sub navigate*/

#navigate ul li .subnav{ position:absolute; width:100%; height:90px; overflow:hidden; padding:13px 0; left:0; background-color:#FFF; box-shadow:0 0 3px rgba(0,0,0,0.2); display:none;    z-index: 99999;}

#navigate ul li .subnav .item{ min-height:90px; float:left; background:url(../images/fgx.png) no-repeat right center; padding-right:1px;}

#navigate ul li .subnav .item.end{ background:none; padding-right:0;}

#navigate ul li .subnav .item .icon{ width:90px; float:left; text-align:center; margin:10px 15px;}

#navigate ul li .subnav .item .icon img{ width:90px; height:50px; display:block;}

#navigate ul li .subnav .item .icon s{ display:block; height:20px; line-height:20px; overflow:hidden;}

#navigate ul li .subnav .item .option{ width:210px; float:left;}

#navigate ul li .subnav .item .option em{ display:block; font-style:normal; height:14px; overflow:hidden; line-height:14px; padding-bottom:7px; font-weight:bold;}

#navigate ul li .subnav .item .option b{ font-weight:normal; display:inline-block; width:80px; padding-right:5px; height:18px; line-height:18px; padding:2px 0; margin-bottom:1px; background:url(../images/unchk.png) no-repeat left center; padding-left:20px; cursor:pointer;}

#navigate ul li .subnav .item .option b.on{ background-image:url(../images/enchk.png);}

/**/

.header{ width:100%; z-index:9999; height:50px; min-width:320px; position:fixed; box-sizing:border-box; background-color:rgba(0,0,0,1); border-bottom:#333 1px solid;}

.header .nav{ height:50px;}

.header .logo{ padding:0;float:left; height:50px;padding:0 20px;}

.header .logo img{ height:50px; width:auto;}

.header .nav{position:relative; z-index:999999; float:right;}

.header .nav h3{ width:30px; height:50px; line-height:50px; display:block; background:url(../images/nav_btn.png) no-repeat center; margin:0 20px; color:#FFF; cursor:pointer;}

.header .nav ul{ width:130px; display:none; position:absolute; top:50px; right: 0;}

.header .nav ul li{ height:50px; text-align:center; padding:0; background-color:rgba(0,0,0,1); border-bottom:#333 1px solid;}

.header .nav ul li a{ height:inherit; display:block; padding:0 20px; line-height:50px; font-size:0.9375vw; font-size:14px; color:#FFF; border-radius:0;}

.header .nav ul li a:hover{ background-color:#24B4BC;}

/**/

a.more{ height:18px; line-height:18px; display:inline-block; padding:7px 15px; color:#dcfd00; background:#252a2c;}

a.more:hover{ color:#FFF;}

/**/

#forterindex{}

#forterindex .section { background-repeat:no-repeat; background-position:center; background-size:cover;}

#forterindex .page1{ background-image:url(/images/page1_bg_rw.jpg);}

#forterindex .page1 .text{}

#forterindex .page1 .text h1{ font-size:115px; color:#FFF;}

#forterindex .page1 .text p{ font-size:28px; color:#FFF;}

#forterindex .page1 .text em{ display:block; font-style:normal;}

#forterindex .page2{ background-image:url(/images/page2_bg.jpg);}

#forterindex .page2 .text{}

#forterindex .page2 .text p{ margin:0; text-align:center;}

#forterindex .page2 .text .num{ margin-bottom:110px;}

#forterindex .page2 .text .txt{ margin-bottom:25px;}

#forterindex .page2 .text .year{ font-size:28px; color:#aaaaaa;}

#forterindex .page3{ background-image:url(/images/page3_bg.jpg);}
#forterindex .page0{ background-image:url(/images/page3_bg.jpg);}
#forterindex .page3 .text{}

#forterindex .page3 .text p{ margin:0; text-align:center;}

#forterindex .page3 .text .mouse{ height:450px;}

#forterindex .page3 .text .xcdx{}

#forterindex .page3 .text .wb{ text-shadow:0px 0px 10px #000; line-height:32px; padding:15px 0; font-size:28px; color:#FFF;  }

#forterindex .page3 .text em{ display:block; font-style:normal; text-align:center;}

#forterindex .page4{background-image:url(/images/page3_bg.jpg);}

#forterindex .page4 .square{ width:890px; margin:0 auto 200px;}

#forterindex .page4 .square li{ float:left; width:50%; height:240px;}

#forterindex .page4 .square li a{ width:100%; height:100%; display:block; overflow:hidden; background-repeat:no-repeat;transition:width 0.5s;-moz-transition: background-position 0.5s; -webkit-transition: background-position 0.5s; -o-transition: background-position 0.5s;}

#forterindex .page4 .square li.sqa{ background-color:#00bccb;}

#forterindex .page4 .square li.sqa a{ background-image:url(/images/gc.png); background-position:50px 0px;}

#forterindex .page4 .square li.sqa a:hover{ background-position:30px 0px;}

#forterindex .page4 .square li.sqb{ background-color:#814efa;}

#forterindex .page4 .square li.sqb a{ background-image:url(/images/news.png); background-position:40px 0px;}

#forterindex .page4 .square li.sqb a:hover{ background-position:30px 0px;}

#forterindex .page4 .square li.sqc{ background-color:#ff6861;}

#forterindex .page4 .square li.sqc a{ background-image:url(/images/fg.png); background-position:10px -90px;}

#forterindex .page4 .square li.sqc a:hover{ background-position:-10px -90px;}

#forterindex .page4 .square li.sqd{ background-color:#cff400;}

#forterindex .page4 .square li.sqd a{ background-image:url(/images/jx.png); background-position:30px -90px;}

#forterindex .page4 .square li.sqd a:hover{ background-position:10px -90px;}

#forterindex .page4 .square li a b{ color:#FFF; font-weight:normal; height:18px; display:inline-block; padding-top:200px; padding-left:15px;}

#forterindex .page4 .square li.sqd a b{ color:#5c5c5c;}

#forterindex .active .ani{ -webkit-animation: fadeInDown .5s 0.5s ease-out both; -moz-animation: fadeInDown .5s 0.5s ease-out both; -o-animation: fadeInDown .5s 0.5s ease-out both; animation: fadeInDown .5s 0.5s ease-out both;}

/**/

#forterindex .arch{ width:100%; height:100%;}

#forterindex .arch a{ display:block; width:100%; height:100%;}

/**/

.footer{ background: url(/images/footer.jpg); min-height:240px; z-index:9999; bottom:0; width:100%;}

.footer .footnav{ padding:30px 0;}

.footer .footnav dl{ float:right; width:17%;}

.footer .footnav dl dt{ font-size:14px; color:#FFF; height:18px; line-height:18px; padding-bottom:10px;}

.footer .footnav dl dd{ height:18px; line-height:18px; padding:2px 0;}

.footer .footnav dl dd a{ font-size:12px; color:#CCC;}

.footer .footnav dl dd a:hover{ color:#FFF;}

.footer .footnav .footinfo{ float:left; width:32%; height:160px; background:url(../images/ewm.png) no-repeat right bottom;}

.footer .footnav .footinfo p{ margin:98px 122px 0 0;text-align:right;}

.footer .footnav .footinfo p i{ display:block;color:#FFF;}

.footer .footnav .footinfo p b{ display:block;color:#FFF; font-size:25px;}

.footer .footnav .footinfo p em{ display:block;color:#FFF; font-style:normal;}

.footer .copyright{ min-height:18px; line-height:18px; padding:15px 0; text-align:center; color:#FFF; border-top:#555859 1px dashed; font-size:12px;}

.footer .wechat{ position:relative;}

.footer .wechat b{ font-weight:normal; cursor:pointer; color:#CCC; font-size:12px;}

.footer .wechat em{ width:120px; height:120px; display:block; position:absolute; left:72px; top:-53px; border:#ccc 1px solid; display:none;}

.footer .wechat em:before{ content:""; width:7px; height:14px; display:block; background:url(../images/wechat_arrow.png) no-repeat left center; position:absolute; top:57px; margin-left:-7px;}

/**/

.mfooter{ background-color:#252a2c; text-align:center; height:24px; line-height:24px; padding:10px 0; color:#FFF;}

/**/

.banner{ height:525px; background-repeat:no-repeat; background-position:center top;}

.banner .text{ padding-top:210px;}

.banner .text h3{ font-size: 90px; color:#FFF; text-shadow:0 0 10px rgba(0,0,0,0.8);}

.banner .text p{ font-size:30px; color:#FFF; margin:10px 0; text-shadow:0 0 10px rgba(0,0,0,0.8);}

.inner{ padding:40px 0 50px;}

/**/

.products{ min-height:500px;}

.products ul{}

.products ul li{ width:33.333%; float:left;}

.products ul li .image{ overflow:hidden;}

.products ul li .image img{ width:100%; height:auto;transition: .1s transform; transform: translateZ(0);}

.products ul li .image a:hover img{transform: scale(1.2, 1.2); transition: .3s transform;}

.products ul li .text{ padding:15px 20px; height:70px; background:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4FFFFFFF,endcolorstr=#4FFFFFFF); position:relative;}

.products ul li .text b{ display:block; font-size:32px;}

.products ul li .text em{ display:block; font-style:normal;}

.products ul li .text i{ display:block;}

.products ul li .text cite{ position:absolute; right:20px; bottom:15px;}

.products ul li .text cite hr{ display:inline-block; width:15px; height:15px; padding:0; margin:0; border:#FFF 1px solid; background-color:#666; margin-left:5px; border-radius:50%;}

/**/

.positon{ height:30px; padding-bottom:20px;}

.positon .filter{ height:30px; float:right; position:relative; z-index:99999;}

.positon .filter h3{ height:30px; line-height:30px; text-align:right;}

.positon .filter h3 i{ width:16px; height:30px; background:url(../images/filter_icon.gif) no-repeat left center; display:inline-block; margin-right:8px; vertical-align:top;}

.positon .filter ul{ width:100%; position:absolute; right:0; background:#FFF; border:#c3c5c8 1px solid; padding:10px 30px; display:none;}

.positon .filter ul li{ text-align:center; height:30px; line-height:30px; padding:10px;}

.positon .filter ul li a{ height:30px; display:block; border-bottom:#c3c5c8 1px solid;}

/**/

.productshow{}

.productshow .Areapic{ height:600px; background-color:#01c1d1; padding:35px 0;}

.productshow .Areapic .wrap{ width:1100px;}

.productshow .Areapic .piczoom{ width:775px; float:left;}

.productshow .Areapic .piczoom .largepic{ width:660px; float:right;}

.productshow .Areapic .piczoom .thumbs{ width:70px;overflow:hidden;}

.productshow .Areapic .piczoom .thumbs ul{}

.productshow .Areapic .piczoom .thumbs ul li{ padding-bottom:5px; opacity:0.5; cursor:pointer;}

.productshow .Areapic .text{ width:285px; float:right; padding-top:45px; color:#FFF;}

.productshow .Areapic .text h1{ font-size:30px;}

.productshow .Areapic .text h2{ font-size:15px; padding:20px 0; line-height:1.8;}

.productshow .Areapic .text em{ display:block; font-style:normal; color:#cef400; padding-bottom:20px;}

.productshow .Areapic .text em b{ font-size:30px;}

.productshow .Areapic .text p{ font-size:14px; color:#FFF; margin:0; line-height:1.8;}

.productshow .Areapic .text ul.color{ margin-top:20px;}

.productshow .Areapic .text ul.color li{ float:left; width:35px; height:35px; margin-right:10px; margin-top:30px; background-color: rgba(255,255,255,0.33); padding:5px; border-radius:50%;}

.productshow .Areapic .text ul.color li a{ width:35px; height:35px; display:block; background:url(../images/color_img.jpg) no-repeat center; border-radius:50%; position:relative;}

.productshow .Areapic .text ul.color li a i{width: 70px; height:20px; margin-left: -17px; display:block; line-height:20px; text-align:center; color:#FFF; position:absolute; top:-30px; display:none;}

.productshow .Areapic .text ul.color li a:hover i,

.productshow .Areapic .text ul.color li a.on i{ display:block;}

.productshow .Areapic .text .show360{ padding-top:30px;}

.productshow .Areapic .text .show360 a{ display:block; height:22px; line-height:22px; border:#80e0e8 1px solid; text-align:center; width:96px; padding:3px 5px; color:#FFF;}

.productshow .Areapic .text .show360 a:hover{ border:#cef400 1px solid;}

.productshow .Areapic .text .show360 hr{display:inline-block; width:12px; height:22px; border:0; padding:0; margin:0; margin-right:5px; background:url(../images/reflesh.png) no-repeat left center; vertical-align:middle;}

.productshow .Areapic .text .buy{ text-align:center; height:44px; padding-top:50px;}

.productshow .Areapic .text .buy a{ width:120px; height:44px; line-height:44px; text-align:center; display:inline-block; background-color:#cef400; color:#000;}

/**/

.productshow .Salepint{ background-repeat:no-repeat; background-position:right top; background-size:auto 100%; height:530px; margin-top:20px;}

.productshow .Salepint .text{ height:490px; background-color:#252a2c; width:400px; padding:20px 30px; color:#FFF; overflow:hidden;}

.productshow .Salepint .text ul{}

.productshow .Salepint .text ul li{ padding:15px 0;}

.productshow .Salepint .text ul li h3{ font-size:30px; color:#cef400; margin-bottom:12px; background:url(../images/arrow_p_right.png) no-repeat left center; padding-left:20px; cursor:pointer;}

.productshow .Salepint .text ul li p{ margin:0; color:#b4b4b4; font-size:15px; padding-left:20px; display:none; line-height:1.8;}

.productshow .Salepint .text ul li.select h3{ background-image:url(../images/arrow_p_bottom.png); color:#FFF;}

.productshow .Salepint .text ul li.select p{ display:block;}

/**/

.productshow .Function{ background-color:#252a2c; margin-top:10px;}

.productshow .Function h1{ height:30px; line-height:30px; text-align:center; padding:15px 0; color:#FFF; font-size:20px;}

.productshow .Function h1 i{ width:11px; height:30px; display:inline-block; background:url(/images/arrow_up_white.png) no-repeat left center; margin-left:10px; vertical-align:middle;}

.productshow .Function .content{ display: none;}

.productshow .Function table{ width:100%;border-collapse:collapse; border:0px; margin:0px; padding:0px;}

.productshow .Function table td{ width:50%; padding:30px 20px 30px 50px; line-height:1.8; color:#FFF;}

.productshow .Function table td h3{ font-size:30px;}

.productshow .Function table td p{color:#b4b4b4; font-size:15px; margin:10px 0; padding-right:50px; line-height:1.8; overflow:hidden;}

/**/

.productshow .Parameter{ margin-top:10px;}

.productshow .Parameter h1.hdr{ height:30px; line-height:30px; text-align:center; padding:15px 0; background-color:#b1b1b1; color:#000; font-size:20px;}

.productshow .Parameter h1.hdr i{ width:11px; height:30px; display:inline-block; background:url(../images/arrow_up_black.png) no-repeat left center; margin-left:10px; vertical-align:middle;}

.productshow .Parameter .content{ padding:20px 30px;  display: none;}

.productshow .Parameter table{ width:100%;border-collapse:collapse; border:0px; margin:0px; padding:0px;}

.productshow .Parameter table th{ border:#CCC 1px solid; padding:10px 10px; line-height:2;}

.productshow .Parameter table td{ width:50%; border-bottom:#CCC 1px solid; padding:10px 0; line-height:1.8; }

.productshow .Parameter table td strong{ font-size:18px; padding-left:100px; font-weight:normal;}

/**/

.productshow .Softdown{ margin-top: 10px;}

.productshow .Softdown h1.hdr{ height:30px; line-height:30px; text-align:center; padding:15px 0; background-color:#b1b1b1; color:#000; font-size:20px;}

.productshow .Softdown h1.hdr i{ width:11px; height:30px; display:inline-block; background:url(../images/arrow_up_black.png) no-repeat left center; margin-left:10px; vertical-align:middle;}

.productshow .Softdown .content{  display: none;}

.productshow .Softdown table{ width:100%;border-collapse:collapse; border:0px; margin:0px; padding:0px;}

.productshow .Softdown table td{ width:33.33%; padding:30px 0; line-height:1.8; text-align:center; }

.productshow .Softdown table td h3{ font-size:15px;}

.productshow .Softdown table td p a.down{ display:inline-block; line-height:18px; padding:5px 30px; background-color:#01c1d1; color:#FFF;}

.productshow .Softdown table td p a.down:hover{ background-color:#d6d6d6; color:#a1a1a1;}

/**/

.productshow h1.hdr{ cursor:pointer;}

.productshow h1.hdr i{ transition:transform 0.4s ease-out; -ms-transition:-ms-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-webkit-transition: -webkit-transform 0.4s ease-out;-o-transition: -o-transform 0.4s ease-out;}

.productshow h1.hdr.on i{ transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}

/**/

.show360vr{ width:800px; margin:0 auto; text-align:center;}

.show360vr .title{ font-size:30px; padding:20px 0;}

.show360vr .back { margin-top:20px;}

.show360vr .back a#goback{ display:inline-block; line-height:18px; padding:10px 40px; background-color:#01c1d1; color:#FFF; border-radius:3px; cursor:pointer;}

.show360vr .back a#goback:hover{ background-color:#d6d6d6; color:#a1a1a1;}

/**/

.inbanner{ height:355px; background-position:center top; background-repeat:no-repeat;}

.inbox{ padding:40px 0 50px; min-height:630px;}

.inbox .leftside{ width:862px; float:right; overflow:hidden;}

.inbox .rightside{ width:200px; float:left; overflow:hidden;}

.hdr{ font-size:16px; border-bottom:#c9c9c9 1px solid; padding-bottom:10px;font-weight:bold;}

hr.line{ margin:0; padding:0; border:none; background:none; border-bottom:#c9c9c9 1px solid;}

/**/

.menu{}

.menu h3{ background-color:#e3e3e3; height:26px; line-height:26px; color:#000000; padding:2px 15px;}

.menu dl{ padding:10px 0;}

.menu dl dt{ line-height:24px; line-height:24px; padding:2px 15px;}

.menu dl dt a{ color:#595757;}

.menu dl dt a:hover,.menu dl dt a.on{ color:#000; font-weight:bold;}

/**/

.article{ line-height:1.8; padding:20px 0; }

.newslist{ padding:20px 0;}

.newslist ul{}

.newslist ul li{ padding-bottom:20px;}

.newslist ul li .image{}

.newslist ul li .image img{ border:#dfdfdf 1px solid;}

.newslist ul li .title{ font-size:24px; font-weight:bold; padding:10px 0;}

.newslist ul li .desc{ line-height:1.4;}

.newslist ul li .share{ padding-top:10px;}

/***详细页***/

.detailed{ padding:30px 0px;}

.detailed .title{ text-align:center; color:#000;font-size: 24px;}

.detailed .date{ text-align:center; font-size:85%; padding:10px 0; border-bottom:1px solid #ebebeb; box-shadow:1px 0 1px #fff; }

.detailed .detailInfo{ margin:20px 0; line-height:1.8; font-size:14px; color: #444;}

.detailed .detailInfo img{ max-width:100%; height:auto;}

/**/

.contactway{ padding:40px 0;}

.contactway .map{ width:577px; height:395px; float:right;}

.contactway .info{ width:255px; float:left; font-size:12px;}

.contactway .info h3{ border-bottom:#c9c9c9 1px solid; padding-bottom:10px; font-size:16px;}

.contactway .info p{ font-size:14px; line-height:1.8;}

/**/

.jobbox{ padding-top:40px;}

.jobbox ul{}

.jobbox ul li{ padding-bottom:40px;}

.jobbox ul li h3{ line-height:20px; height:20px; padding:14px 15px; background-color:#ededed;}

.jobbox ul li dl{ width:100%; padding:20px 0; border-bottom:#eeeeee 1px solid;}

.jobbox ul li dl dt{ width:8%; height:18px; float:left; color:#999999;}

.jobbox ul li dl dd{ width:12%; height:18px; float:left; color:#333333;}

.jobbox ul li cite{ display:block; padding:20px 0; line-height:1.8; color:#444444;}

.jobbox ul li em{ display:block;line-height:1.8; color:#444444; font-style:normal;}

.jobbox ul li i{ color:#25d1da; display:block; padding:20px 0; font-size:18px;}

.jobbox ul li .apply{}

.jobbox ul li .apply a{ display:inline-block; height:20px; line-height:20px; background-color:#25d1da; padding:13px 50px; border-radius:5px; border:#23b2ba 1px solid; color:#FFF;}

/**/

.supportbox{}

.supportbox .block{}

.supportbox .block ul{ width:890px; margin:0 auto;}

.supportbox .block ul li{ width:50%; float:left; text-align:center;}

.supportbox .block ul li a{ display:block; padding:40px 0 30px;}

.supportbox .block ul li i{ display:block;}

.supportbox .block ul li i img{-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-o-transition: -o-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;}

.supportbox .block ul li b{ display:block; font-size:16px; line-height:24px; color:#FFF; padding:10px 0 15px;}

.supportbox .block ul li em{ display:block; color:#FFF; line-height:28px; font-style:normal;}

.supportbox .block ul li.forum a b{ color:#5c5c5c;}

.supportbox .block ul li.forum a em{ color:#5c5c5c;}

.supportbox .block ul li.help em{}

.supportbox .block ul li.help em img{ vertical-align:bottom; cursor:pointer; display:inline-block; padding:0 10px;}

.supportbox .block ul li a:hover{ box-shadow:0 0 10px #ccc;}

.supportbox .block ul li a:hover i img{	-webkit-transform:rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}

.supportbox .way{ padding:50px 0 0;}

.supportbox .way ul{}

.supportbox .way ul li{ width:23.33%; min-height:210px; float:left; padding:0 5% 15px;}

.supportbox .way ul li h3{ height:30px; line-height:30px; border-bottom:#01c1d1 1px solid; font-size:16px; font-weight:900;}

.supportbox .way ul li p{ line-height:1.8;}

.supportbox .way ul li p a{ color:#01c1d1; font-weight:500;}

.supportbox .way ul li p a:hover{ color:#008792;}

/**/

.softbox{}

.softbox .intro{ padding:20px 0; line-height:1.8;}

.softbox .softPage{ padding:20px 0;}

.softbox .softPage ul{}

.softbox .softPage ul li{ width:33.333%; float:left; text-align:center;}

.softbox .softPage ul li h3{ padding-bottom:10px;}

.softbox .softPage ul li a{ display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; background-color:#01c1d1; color:#FFF;}

.softbox .softSoso{ background:#e4e4e4; border:#cacaca 1px solid; margin: 50px 50px 100px 50px; padding:30px;}

.softbox .softSoso .title{ font-size:16px; height:38px; line-height:38px; float:left;}

.softbox .softSoso .form{ height:48px; float:right;}

.softbox .softSoso .form .select{ width:210px; height:38px; background-color:#f1f1f1; float:left; position:relative;}

.softbox .softSoso .form .select input{ background:none; padding:0; margin:0; border:0; height:38px; line-height:38px; margin: 0 15px; outline:none; background:url(../images/arrow_down.jpg) no-repeat right center; cursor:pointer;}

.softbox .softSoso .form .select ul{ position:absolute; left:0; top:38px; width:100%; z-index:999; background-color:#FFF; border-bottom:#f1f1f1 1px solid; border-left:#f1f1f1 1px solid; border-right:#f1f1f1 1px solid; display:none;}

.softbox .softSoso .form .select ul li{ padding:0 15px; height:30px; line-height:30px; cursor:pointer;}

.softbox .softSoso .form .select ul li:hover{ background-color:#F1F1F1;}

.softbox .softSoso .form .input{ width:405px; background:#FFF; height:38px; float:left;}

.softbox .softSoso .form .input input{ height:38px; line-height:38px; outline:none;}

.softbox .softSoso .form .input input.btn{ float:right; width:60px; cursor:pointer; background:url(../images/soso.png) no-repeat center #4ed5e0;}

.softbox .softSoso .form .input input.txt{ padding:0 15px; width:310px;}

/**/

.softlist{ padding:20px 0px;}

.softlist ul{}

.softlist ul li{ height:30px; line-height:30px; padding:0 10px 0 35px; margin:10px 0; background:url(../images/soft_item.png) no-repeat 10px center;}

.softlist ul li span{ float:right;}

.softlist ul li span a{ color:#01c1d1;}

.softlist ul li:nth-child(even){ background-color:#f5f5f5;}

.softlist ul li:hover{ background-color:#01c1d1; color:#FFF; }

.softlist ul li:hover a{ color:#FFF;}

/**/

.online{}

.online ul{}

.online ul li{ padding:100px 0; width:50%; float:left; text-align:center; background:url(../images/fgx2.png) no-repeat right center;}

.online ul li.end{ background:none;}

.online ul li i{ display:block;}

.online ul li i img{-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-o-transition: -o-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;}

.online ul li i img:hover{	-webkit-transform:rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}

.online ul li b{ display:block; font-size:16px; line-height:24px; padding:10px 0 15px;}

.online ul li em{ display:block; line-height:28px; font-size:30px; color:#01c1d1; font-weight:bold; font-style:normal;}

.online ul li em img{vertical-align:bottom; cursor:pointer; display:inline-block; padding:0 10px;}

.online ul li p{ line-height:1.5; margin:20px 0;}

/**/

.aftersalebox{}

.aftersalebox .tab{ padding:20px 0;}

.aftersalebox .tab ul{ margin-right:-30px; height:48px;}

.aftersalebox .tab ul li{ width:267px; margin-right:30px; float:left; height:48px;}

.aftersalebox .tab ul li a{ height:48px; display:block; background-color:#e4e4e4; line-height:48px; font-size:16px; text-align:center; font-weight:bold; border-radius:3px;}

.aftersalebox .tab ul li a:hover,.aftersalebox .tab ul li a.on{ background-color:#01c1d1; color:#FFF;}

.aftersalebox .topic{ font-weight:bold; color:#01c1d1;}

.aftersalebox .desc{ font-size:13px; padding:5px 0; line-height:18px;}

.aftersalebox .text_text{}

.aftersalebox .text_text .title{ font-size:13px; color:#01c1d1; padding-top:10px;}

.aftersalebox .text_text .detail{ font-size:13px;  padding:5px 0; line-height:1.8;}

.aftersalebox .hotline{ padding-top:20px;}

.aftersalebox .hotline b{ font-size:22px; color:#01c1d1;}

/**/

.helpbox{}

.helpbox .xxtab{ padding-top:20px;}

.helpbox .xxtab ul{}

.helpbox .xxtab ul li{ width:20%; float:left; text-align:center;}

.helpbox .xxtab ul li a{ display:block; padding:25px 0 15px; opacity:0.5;}

.helpbox .xxtab ul li i{ display:block;}

.helpbox .xxtab ul li b{ display:block; font-weight:normal; color:#FFF; text-align:center; line-height:18px; padding:10px 0;}

.helpbox .xxtab ul li a:hover,.helpbox .xxtab ul li a.on{ opacity:1;}

.helpbox .topic{ font-weight:bold; color:#01c1d1;}

.helpbox .desc{ font-size:13px; padding:5px 0; line-height:18px;}

.helpbox .text_text{}

.helpbox .text_text .title{ font-size:13px; color:#01c1d1; padding-top:10px;}

.helpbox .text_text .detail{ font-size:13px;  padding:5px 0; line-height:1.8;}

/**/

.TextTab{}

.TextTab .tab{ padding:20px 0;}

.TextTab .tab ul{ height:48px; margin-right:-1%; overflow:hidden;}

.TextTab .tab ul li{ width:24%; margin-right:1%; float:left; height:48px;}

.TextTab .tab ul li a{ height:48px; display:block; background-color:#e4e4e4; line-height:48px; font-size:16px; text-align:center; font-weight:bold; border-radius:3px;}

.TextTab .tab ul li a:hover,.TextTab .tab ul li a.on{ background-color:#01c1d1; color:#FFF;}

.TextTab .text_content{}

.TextTab .text_content .sub_content{ display:none;}

.TextTab .text_content .on{ display:block;}

/**/

.fwmbox{ padding:30px 0;}

.fwmbox dl{}

.fwmbox dl dt{ height:31px; line-height:31px; background:url(../images/t_b.jpg) no-repeat left center;font-weight:bold;}

.fwmbox dl dt i{ display:inline-block; padding:0 10px; line-height:31px; background-color:#01c1d1; color:#FFF;  font-size:16px; margin-right:10px;}

.fwmbox dl dd{ padding:10px 0 20px;}

.fwmbox dl dd cite{}

.fwmbox dl dd p{}

.fwmbox dl dd input{ height:22px; line-height:22px; padding:0; margin:0;}

.fwmbox dl dd input.txt{ border:#bfbfbf 1px solid; border-radius:3px;}

.fwmbox dl dd input.btn{ cursor:pointer; background-color:#01c1d1; font-size:14px; color:#FFF; border-radius:3px; padding:0 10px;}

/**/

.ebookbox{  padding:30px 0;}

.ebookbox ul{}

.ebookbox ul li{ width:20%; float:left; text-align:center; padding-bottom:15px;}

.ebookbox ul li i{ display:block;}

.ebookbox ul li b{ display:block; font-weight:normal; height:18px; overflow:hidden; line-height:18px; padding:5px 0;}

.ebookbox ul li cite{ display:block; padding-top:5px;}

.ebookbox ul li cite a{ display:inline-block; height:30px; line-height:30px; background-color:#01c1d1; color:#FFF; padding:0 15px; border-radius:3px;}

.ebookbox ul li cite a:hover{ background-color:#009FAD;}

/**/

.diycontent{ min-height:800px;}

.diycontent .widescreen{ margin:0 -410px; height:auto;/* position:relative; z-index:1;*/}