html { padding: 0px; margin: 0px; overflow-x: hidden; width: 100%; }
BODY { font-size: 13px; margin: 0px; padding: 0px; min-width: 1360px; font-family: "微软雅黑","黑体"; color: rgb(102, 102, 102); overflow: hidden; }
A { text-decoration: none; color: rgb(83, 83, 83); }
A:link { color: rgb(77, 77, 77); }
A:visited { color: rgb(77, 77, 77); }
A:hover { color: rgb(78, 98, 109); }
A:active { color: rgb(77, 77, 77); }
dl, dd, dt { padding: 0px; margin: 0px; list-style-type: none; }
DIV { padding: 0px; margin: 0px; }
H2 { padding: 0px; margin: 0px; }
H3 { padding: 0px; margin: 0px; }
H4 { padding: 0px; margin: 0px; }
P { padding: 0px; margin: 0px; }
FORM { padding: 0px; margin: 0px; }
LABEL { padding: 0px; margin: 0px; }
INPUT { padding: 0px; margin: 0px; }
IMG { padding: 0px; margin: 0px; border: medium none; vertical-align: middle; }
SPAN { padding: 0px; margin: 0px; }
/* DIV { margin-left: auto; margin-right: auto; } */
.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; width: 100%; }
ul, li { margin: 0px; padding: 0px; list-style: outside none none; }
.auto { margin: 0px auto; }
.clearfix {  }
.clearfix::before, .clearfix::after { display: table; line-height: 0; content: ""; }
.clearfix::after { clear: both; }
.jzlc { clear: both; background: rgba(0, 0, 0, 0) url('../images/lc_bg.jpg') no-repeat scroll center center; height: 436px; padding-top: 40px; }
.jzlc_list { width: 900px; float: left; }
.jzlc_list ul { margin: 0px; padding: 0px; }
.jzlc_list li { width: 280px; height: 70px; float: left; margin: 10px 20px 30px 0px; list-style: outside none none; }
.jzlc_list .img { float: left; width: 65px; height: 54px; margin-right: 10px; margin-bottom: 10px; }
.jzlc_list .t { line-height: 35px; font-size: 14px; font-weight: 700; }
.jzlc_list p { color: rgb(104, 104, 104); font-size: 12px; }
.jclc_right { width: 300px; float: right; }
.jzlc_wai { width: 70%; }
.commonnewCasebg { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; width: 1100px; margin: 30px auto; }
.commonnewCasebg .auto { width: 1100px; }
.commonfangan ul li { float: left; width: 33.33%; height: 130px; }
.commonfangan ul li:hover { text-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3); }
.commonfangan ul li h3 { font-size: 30px; line-height: 32px; color: rgb(255, 255, 255); }
.commonfangan ul li p { font-size: 18px; color: rgb(255, 255, 255); padding-top: 5px; }
.commonfangan ul li a { display: block; width: 248px; height: 95px; padding: 35px 0px 0px 145px; }
.commonfangan ul li.xuyao { background: rgb(153, 0, 153) url('../images/icon54.png') no-repeat scroll 45px 30px; }
.commonfangan ul li.fangan { background: rgb(0, 163, 255) url('../images/icon55.png') no-repeat scroll 45px 30px; }
.commonfangan ul li.famore { background: rgb(255, 85, 0) url('../images/icon56.png') no-repeat scroll 45px 30px; }
.website_tc_top { text-align: center; font-size: 28px; color: rgb(35, 35, 35); font-weight: bold; margin-bottom: 30px; }
.website_tc_top span { color: rgb(104, 104, 104); font-size: 28px; font-weight: normal; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }
.clearfix {  }
input.newClass::-moz-placeholder { color: red; }
*::-moz-placeholder { color: rgb(102, 102, 102); }
input:-moz-placeholder { color: rgb(102, 102, 102); }
.wpb { width: 1200px; margin: 0px auto; position: relative; }
.top_mess .top_mess_wp { width: 970px; margin: 0px auto; padding: 30px 0px 0px; height: 600px; position: relative; }
.top_mess .top_mess_close { width: 39px; height: 39px; display: block; position: absolute; right: -70px; top: 20px; background: rgba(0, 0, 0, 0) url('../images/icon_close1.png') no-repeat scroll 0% 0%; }
.top_mess .top_mess_left { width: 450px; float: left; overflow: hidden; }
.top_mess .top_mess_left .s1 { font-size: 40px; line-height: 42px; color: rgb(230, 0, 18); }
.top_mess .top_mess_left .s2 { font-size: 45px; line-height: 48px; border-bottom: 1px solid rgb(204, 204, 204); padding: 25px 0px 35px; margin-bottom: 20px; color: rgb(33, 33, 33); }
.top_mess .top_mess_left .s3 { color: rgb(51, 51, 51); font-size: 16px; }
.top_mess .top_mess_left .s3 em { float: left; color: rgb(255, 255, 255); width: 40px; height: 40px; text-align: center; line-height: 20px; padding: 4px; margin-right: 10px; font-style: normal; border-radius: 3px; }
.top_mess .top_mess_left .s3 span { color: rgb(231, 121, 25); }
.top_mess .top_mess_left .s3 dt { height: 48px; line-height: 24px; overflow: hidden; margin-bottom: 20px; }
.top_mess .top_mess_left .s3 dt em { background: rgb(0, 175, 252) none repeat scroll 0% 0%; }
.top_mess .top_mess_left .s3 dd { height: 48px; line-height: 48px; overflow: hidden; margin-bottom: 20px; }
.top_mess .top_mess_left .s3 dd em { background: rgb(231, 121, 25) none repeat scroll 0% 0%; }
.top_mess .top_mess_left .s4 { background: rgba(0, 0, 0, 0) url('../images/icon_24tel.png') no-repeat scroll left center; padding-left: 58px; height: 60px; font-size: 16px; font-weight: bold; color: rgb(51, 51, 51); line-height: 28px; }
.top_mess .top_mess_left .s4 span { display: block; font-size: 26px; color: rgb(0, 175, 252); }
.top_mess .top_mess_right { width: 425px; float: right; overflow: hidden; font-size: 13px; color: rgb(33, 33, 33); }
.top_mess .top_mess_right .top_mess_bt { font-size: 24px; line-height: 30px; padding-bottom: 10px; }
.top_mess .top_mess_right .top_mess_sbt { font-size: 16px; font-weight: bold; padding: 2px 0px; color: rgb(26, 26, 26); }
.top_mess .top_mess_right label { float: left; }
.top_mess .top_mess_right span { float: left; padding-left: 10px; }
.top_mess .top_mess_right em { padding: 0px 12px 0px 5px; font-style: normal; }
.top_mess .top_mess_right img { float: left; margin: 1px 0px 0px 10px; cursor: pointer; }
.top_mess .top_mess_right input[type="text"] { width: 403px; outline: medium none; font-size: 15px; color: rgb(153, 153, 153); background: rgb(246, 246, 246) none repeat scroll 0% 0%; border: 1px solid rgb(217, 217, 217); padding: 0px 10px; height: 36px; }
.top_mess .top_mess_right input[type="checkbox"] { float: left; margin-top: 8px; }
.top_mess .top_mess_right input[type="radio"] { float: left; margin-top: 5px; }
.top_mess .top_mess_right input[type="submit"] { border: 2px solid rgb(232, 23, 39); background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; outline: medium none; font-size: 20px; font-weight: bold; width: 45%; margin-right: 15px; float: left; color: rgb(232, 23, 39); height: 50px; margin-top: 10px; cursor: pointer; }
.top_mess .top_mess_right a.submit { background: rgb(232, 23, 39) none repeat scroll 0% 0%; outline: medium none; font-size: 20px; text-align: center; font-weight: bold; width: 45%; margin-right: 15px; float: left; color: rgb(255, 255, 255); height: 50px; line-height: 50px; margin-top: 10px; cursor: pointer; }
.top_mess .top_mess_right input.yzm[type="text"] { width: 185px; }
.top_mess .top_mess_right input.name[type="text"] { width: 185px; }
.top_mess .top_mess_right input.tel[type="text"] { width: 185px; float: right; }
.top_mess .top_mess_right ul { overflow: hidden; }
.top_mess .top_mess_right ul li { padding: 0px 0px 8px; overflow: hidden; }
.top_mess .top_mess_right dl { overflow: hidden; line-height: 30px; }
.top_mess .top_mess_right dl dt { width: 230px; float: left; }
.top_mess .top_mess_right dl dd { width: 180px; float: left; }
.footer { overflow: hidden; width: 100%; color: rgb(204, 204, 204); font-size: 13px; line-height: 26px; }
.footer a { color: rgb(204, 204, 204); transition: all 0.3s ease 0s; }
.footer a:hover { color: rgb(232, 117, 24); }
.footer .foot_topbj { height: 39px; overflow: hidden; background: rgba(0, 0, 0, 0) url('../images/footer_backtop.png') no-repeat scroll center center; }
.footer .foot_topbj .foot_top { display: block; width: 90px; height: 39px; margin: 0px auto; overflow: hidden; }
.footer .foot_main { padding: 28px 0px 20px; position: relative; background: rgb(51, 51, 51) none repeat scroll 0% 0%; font-size: 14px; }
.footer .foot_main .foot_lx { width: 505px; height: 310px; float: left; margin-left: 15px; }
.footer .foot_main .foot_lx dl { padding: 15px 0px 0px; }
.footer .foot_main .foot_lx dt { overflow: hidden; height: 31px; line-height: 31px; float: left; width: 100%; margin: 10px 0px; }
.footer .foot_main .foot_lx dd { overflow: hidden; height: 31px; line-height: 31px; float: left; width: 250px; margin: 10px 0px; }
.footer .foot_main .foot_lx label { display: block; float: left; width: 56px; margin-left: 40px; }
.footer .foot_main .foot_lx span { float: left; }
.footer .foot_main .foot_lx em { float: left; font-style: normal; padding-right: 5px; }
.footer .foot_main .foot_lx a { float: left; }
.footer .foot_main .foot_lx .tel { font-family: Arial,Helvetica,sans-serif; }
.footer .foot_main .foot_lx .tel b { color: rgb(224, 91, 47); font-size: 22px; font-weight: normal; }
.footer .foot_main .foot_lx .tb1 { background: rgba(0, 0, 0, 0) url('../images/footer_icon.png') no-repeat scroll left 0px; }
.footer .foot_main .foot_lx .tb2 { background: rgba(0, 0, 0, 0) url('../images/footer_icon.png') no-repeat scroll left -31px; color: rgb(52, 165, 227); }
.footer .foot_main .foot_lx .tb2 a { color: rgb(52, 165, 227); }
.footer .foot_main .foot_lx .tb3 { background: rgba(0, 0, 0, 0) url('../images/footer_icon.png') no-repeat scroll left -62px; width: 230px; }
.footer .foot_main .foot_lx .tb4 { background: rgba(0, 0, 0, 0) url('../images/footer_icon.png') no-repeat scroll left -93px; }
.footer .foot_main .foot_lx .tb5 { background: rgba(0, 0, 0, 0) url('../images/footer_icon.png') no-repeat scroll left -124px; width: 250px; }
.footer .foot_main .foot_lx .tb6 { background: rgba(0, 0, 0, 0) url('../images/footer_icon.png') no-repeat scroll left -155px; }
.footer .foot_main .foot_lx .tb7 { background: rgba(0, 0, 0, 0) url('../images/footer_icon.png') no-repeat scroll left -186px; }
.footer .foot_main .foot_about { width: 290px; height: 310px; padding: 0px 30px; float: left; border-left: 1px solid rgb(77, 77, 77); border-right: 1px solid rgb(77, 77, 77); }
.footer .foot_main .foot_about .nr { height: 144px; overflow: hidden; margin: 20px 0px 5px; }
.footer .foot_main .foot_about .nr a { color: rgb(204, 204, 204); }
.footer .foot_main .foot_about a { color: rgb(52, 165, 227); line-height: 30px; }
.footer .foot_main .foot_ewm { float: right; width: 313px; height: 310px; margin-right: 15px; position: relative; }
.footer .foot_main .foot_ewm dl { float: right; padding: 85px 0px 0px; }
.footer .foot_main .foot_ewm dt { line-height: 60px; text-align: center; font-size: 18px; color: rgb(255, 255, 255); }
.footer .foot_main .foot_ewm dd { float: left; width: 122px; margin: 0px 10px; text-align: center; line-height: 30px; }
.footer .foot_main .foot_ewm .foot_ewm_pic { position: absolute; left: 20px; top: -65px; }
.footer .foot_main .foot_bt { font-size: 16px; padding-bottom: 5px; line-height: 30px; }
.footer .foot_copy { background: rgb(41, 41, 41) none repeat scroll 0% 0%; overflow: hidden; padding: 14px 0px; }
.footer .foot_copy .sm { float: left; }
.footer .foot_copy .href { float: right; }
.fdright_nav { position: fixed; right: 0px; top: 50%; margin-top: -138px; z-index: 9; }
.fdright_nav li { width: 45px; height: 45px; line-height: 45px; position: relative; margin-bottom: 1px; font-size: 14px; color: rgb(255, 255, 255); transition: all 0.3s ease 0s; }
.fdright_nav li a { display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; width: 140px; background-color: rgb(226, 0, 0); color: rgb(255, 255, 255); padding-left: 45px; background-position: left top; background-repeat: no-repeat; transition: all 0.3s ease 0s; }
.fdright_nav li img { display: none; position: absolute; right: 45px; top: -50px; width: 150px; height: 150px; }
.fdright_nav li .fdright_nav_qq { background-image: url('../images/kefu_qq.png'); }
.fdright_nav li .fdright_nav_tel { background-image: url('../images/kefu_tel.png'); }
.fdright_nav li .fdright_nav_xq { background-image: url('../images/kefu_xq.png'); }
.fdright_nav li.fdright_nav_wx { background: rgb(226, 0, 0) url('../images/kefu_wx.png') no-repeat scroll 0% 0%; }
.fdright_nav li.fdright_nav_wx:hover { background: rgb(38, 38, 38) url('../images/kefu_wx.png') no-repeat scroll 0% 0%; }
.fdright_nav li.fdright_nav_wx:hover img { display: block; }
.fdright_nav li.fdright_nav_top { background: rgb(78, 78, 78) url('../images/kefu_top.png') no-repeat scroll 0% 0%; cursor: pointer; }
.fdright_nav li a:hover { background-color: rgb(38, 38, 38); left: -105px; }
.news_ban { width: 100%; height: 300px; background-position: center top; background-image: url('../images/all.jpg'); background-repeat: no-repeat; }


.in-banner { position: relative; background: rgba(0, 0, 0, 0) url('../images/aboutbg.jpg') repeat scroll 0% 0%; text-align: center; height: 350px; }
.in-banner img { display: inline-block; margin-top: 55px; }
.ban-a { padding-top: 45px; }
.ban-a li { display: inline-block; padding-left: 5px; padding-right: 5px; font-size: 14px; }
.ban-a li a { display: block; padding: 10px 25px; border: 1px solid rgb(174, 175, 175); color: rgb(51, 51, 51); background: rgb(255, 255, 255) none repeat scroll 0% 0%; cursor: pointer; text-decoration: none; }
.ban-a li a.on, .ban-a li a:hover { background: rgb(255, 115, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); border: 1px solid rgb(240, 108, 0); }
.lic dd::before { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid rgb(243, 243, 243); display: block; content: "a"; width: 0px; height: 0px; overflow: hidden; position: absolute; left: 20px; }
.lic dd:hover::before { border-right-color: rgb(255, 115, 0); }

.DB_banner ul, li { list-style: outside none none; margin: 0px; padding: 0px; }
.web-bg { background: rgb(245, 245, 243) none repeat scroll 0% 0%; overflow: hidden; padding: 0px 0px 24px; border-bottom: 1px solid rgb(232, 233, 235); }
.web-center { width: 1200px; margin: 0px auto; height: 490px; font-size: 12px; }
.noice { width: 1200px; height: 40px; margin-top: 10px; }
.noice_icon { width: 80px; height: 20px; background: rgba(0, 0, 0, 0) url('../images/noice.png') no-repeat scroll 0% 0%; float: left; margin-top: 10px; padding-left: 30px; font-size: 16px; color: rgb(71, 178, 232); font-weight: bold; }
.noice ul { width: 420px; height: 40px; overflow: hidden; font-size: 16px; line-height: 40px; float: left; }
.noice ul li a { width: 420px; height: 40px; display: block; }
.noice ul li a img { margin-top: -10px; margin-left: 5px; }
.noice_to { float: left; width: 30px; height: 40px; text-align: center; line-height: 14px; font-size: 16px; color: rgb(204, 204, 204); cursor: pointer; }
.search { width: 282px; height: 40px; float: right; }
.inp_search { width: 180px; height: 32px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(204, 204, 204) currentcolor rgb(204, 204, 204) rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding: 0px 10px; margin: 4px 0px; float: left; outline: medium none; }
.btn_search { width: 80px; height: 32px; border-width: 1px medium; border-style: solid none; border-color: rgb(14, 156, 228) currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; background: rgb(14, 156, 228) none repeat scroll 0% 0%; color: rgb(255, 255, 255); float: left; margin: 4px 0px; font-size: 16px; }
.web-h2 { font-size: 30px; line-height: 34px; color: rgb(51, 51, 51); text-align: center; padding: 40px 0px 0px; font-weight: normal; }
.w-fl { float: left !important; display: inline; width: 225px; }
.w-wrap-inner { width: 1188px; padding: 0px 6px; margin: 0px auto; }
.page-products { margin-top: 40px; }
.page-products ul { background: rgb(253, 253, 253) none repeat scroll 0% 0%; padding: 0px 2px; height: 300px; overflow: hidden; }
.page-products li { width: 238px; height: 300px; float: left; display: inline; overflow: hidden; border-right: 2px solid rgb(233, 233, 233); }
.page-products li a { display: block; color: rgb(102, 102, 102); }
.page-products li a:hover { text-decoration: none; }
.page-products li.last { border-right: 0px none; }
.page-products .item-inner { width: 464px; height: 100%; }
.page-products .main { text-align: center; width: 238px; height: 100%; border-right: 1px solid rgb(239, 239, 239); background-position: center 115px; background-repeat: no-repeat; }
.page-products .main a { height: 100%; }
.page-products .main h3 { display: block; font-size: 18px; color: rgb(255, 255, 255); line-height: 25px; padding-top: 23px; }
.page-products .main .descrip { display: block; line-height: 20px; padding-top: 5px; height: 60px; color: rgb(255, 255, 255); }
.page-products .main .btm { display: block; line-height: 20px; padding-top: 110px; color: rgb(255, 255, 255); }
.page-products .hosting .main { background: rgb(8, 172, 219) url('../images/icon_hosting.jpg') no-repeat scroll center center; border-top: 9px solid rgb(29, 189, 235); }
.page-products .cloudmail .main { background: rgb(19, 192, 206) url('../images/icon_cloudmail.jpg') no-repeat scroll center center; border-top: 9px solid rgb(51, 203, 215); }
.page-products .website .main { background: rgb(235, 177, 53) url('../images/icon_website_09.jpg') no-repeat scroll center center; border-top: 9px solid rgb(252, 191, 61); }
.page-products .domain .main { background: rgb(148, 191, 44) url('../images/icon_domain.jpg') no-repeat scroll center center; border-top: 9px solid rgb(160, 201, 61); }
.page-products .detail .sort { width: 205px; height: 100%; padding: 10px 0px 5px 20px; border-bottom: 1px solid rgb(239, 239, 239); overflow: hidden; }
.page-products .detail .sort .tag { display: inline-block; height: 22px; line-height: 22px; border: 1px solid rgb(173, 173, 173); padding: 0px 10px; margin-bottom: 10px; }
.page-products .detail .sort .price { display: block; margin-bottom: 10px; }
.page-products .detail .sort .descrip { display: block; }
.page-products .three-item .sort { height: 75px; padding-top: 15px; }
.page-products .three-item .sort .price { display: inline-block; padding-left: 10px; }
.page-products .four-item .sort { height: 50px; padding-top: 15px; }
.page-products .four-item .sort .price { display: inline-block; padding-left: 10px; }
.page-products li.on { background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 464px; border-left: 2px solid rgb(233, 233, 233); border-right: 2px solid rgb(233, 233, 233); margin: 0px -2px; }
.page-products li.on .domain .main { background: rgb(255, 255, 255) url('../images/icon_domain_on.jpg') no-repeat scroll center center; border-top: 10px solid rgb(255, 255, 255); }
.page-products li.on .main h3 { color: rgb(0, 0, 0); }
.page-products li.on .main .descrip { color: rgb(102, 102, 102); }
.page-products li.on .main .descrip b { color: red; }
.page-products li.on .main .btm { color: rgb(102, 102, 102); }
.Case { background: rgba(0, 0, 0, 0) url('../images/index_11.jpg') no-repeat scroll center top; width: 100%; position: relative; }
.Casetitle { width: 100%; position: relative; }
.casepos { position: absolute; left: 0px; top: 0px; display: block; text-align: center; width: 100%; height: auto; padding-top: 100px; }
.Casetitle .h_bg { width: 405px; height: 23px; background: rgba(0, 0, 0, 0) url('../images/h_bg.png') repeat scroll 0% 0%; margin: 0px auto; }
.Casetitle h3 { line-height: 36px; text-align: center; font-size: 30px; color: rgb(26, 26, 26); padding: 60px 0px 15px; font-weight: normal; }
.Casetitle h3 span { font-size: 16px; margin-left: 10px; }
.Casetitle h3 a { color: rgb(26, 26, 26); }
.Casetitle h3 a:hover { color: rgb(230, 0, 18); }
.Casetitle p { width: 760px; height: 50px; overflow: hidden; line-height: 24px; display: block; margin: 20px auto 0px; letter-spacing: 1px; text-align: center; }
.Caselist { width: 100%; padding: 20px 0px 0px; position: relative; overflow: hidden; }
.Caselist ul { margin: 0px; padding: 0px; width: 105.5%; }
.Caselist ul li { float: left; width: 19%; position: relative; }
.Caselist ul li { margin: 5px 10px 5px 0px; }
.Caselist ul li img { display: block; width: 100%; }
.Caselist ul li .box { opacity: 0; position: absolute; color: rgb(255, 255, 255); left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; background: rgb(230, 0, 18) none repeat scroll 0% 0%; }
.Caselist a { color: rgb(255, 255, 255) !important; }
.Caselist ul li:hover .box { opacity: 1; width: 100%; height: 100%; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; transition: all 0.3s linear 0s; }
.Caselist ul li .box h4 { position: relative; padding: 20px; font-size: 14px; }
.Caselist ul li .box h4 span { position: absolute; height: 2px; width: 30px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; display: block; bottom: 10px; }
.Caselist ul li .box h3 { padding: 15% 10px 0px; text-align: center; font-size: 18px; font-weight: bold; }
.Caselist ul li .box em { display: block; position: absolute; width: 37px; height: 37px; background: rgba(0, 0, 0, 0) url('../images/icon.png') no-repeat scroll 0px -33px; bottom: 10px; right: 10px; }
.programme { overflow: hidden; position: relative !important; }
.solutions { background: rgba(0, 0, 0, 0) url('../images/solutions_bg.jpg') no-repeat scroll center top; height: 707px; }
.solutions_text { color: rgb(34, 34, 34); font-size: 14px; text-align: center; line-height: 30px; margin-top: 12px; }
.solutions_list { width: 1200px; margin: 0px auto; overflow: hidden; }
.btn_solutions_more1 { width: 120px; height: 36px; border: 1px solid rgb(85, 85, 85); margin: 15px auto 0px; text-align: center; }
.btn_solutions_more1 a { line-height: 36px; color: rgb(85, 85, 85); font-size: 12px; font-family: "宋体"; width: 120px; height: 36px; display: block; transition: all 0.5s ease 0s; }
.btn_solutions_more1 a:hover { background-color: rgb(85, 85, 85); }
.btn_solutions_more1 a:hover { color: rgb(255, 255, 255); }
.solutions_list_inner { width: 1400px; }
.solutions_list dl { float: left; width: 204px; margin-right: 63px; padding: 54px 25px 35px; text-align: center; position: relative; z-index: 3; }
.solutions_list dt { z-index: 1; position: relative; margin-left: 32px; }
.solutions_list dd.bg { position: absolute; z-index: 0; left: 0px; right: 0px; bottom: 0px; height: 0px; width: 100%; transition: all 0.5s ease 0s; }
.solutions_list dd.t { line-height: 30px; height: 30px; margin: 16px 0px; z-index: 1; position: relative; }
.solutions_list dd.t a { color: rgb(0, 0, 0); font-size: 18px; transition-delay: 0.2s; }
.solutions_list dd.spec { color: rgb(51, 51, 51); font-size: 12px; font-family: "宋体"; line-height: 24px; width: 204px; z-index: 1; position: relative; transition-delay: 0.2s; }
.solutions_list dl:hover {  }
.solutions_list dl:hover dd.t a { color: rgb(255, 255, 255); }
.solutions_list dl:hover dd.bg { height: 370px; }
.solutions_list dl:hover dd.spec { color: rgb(255, 255, 255); }
dl.solu_dl_0 dd.bg { background-color: rgb(46, 175, 187); }
dl.solu_dl_1 dd.bg { background-color: rgb(94, 169, 39); }
dl.solu_dl_2 dd.bg { background-color: rgb(26, 143, 209); }
dl.solu_dl_3 dd.bg { background-color: rgb(181, 125, 209); }
dl.solu_dl_0 dt a { display: block; width: 140px; height: 140px; background: rgba(0, 0, 0, 0) url('../images/s_1.png') no-repeat scroll 0px 0px; transition: all 0.5s ease 0.3s; }
dl.solu_dl_0:hover dt a { background: rgba(0, 0, 0, 0) url('../images/s_1.png') no-repeat scroll 0px -140px; }
dl.solu_dl_1 dt a { display: block; width: 140px; height: 140px; background: rgba(0, 0, 0, 0) url('../images/s_2.png') no-repeat scroll 0px 0px; transition: all 0.5s ease 0.3s; }
dl.solu_dl_1:hover dt a { background: rgba(0, 0, 0, 0) url('../images/s_2.png') no-repeat scroll 0px -140px; }
dl.solu_dl_2 dt a { display: block; width: 140px; height: 140px; background: rgba(0, 0, 0, 0) url('../images/s_3.png') no-repeat scroll 0px 0px; transition: all 0.5s ease 0.3s; }
dl.solu_dl_2:hover dt a { background: rgba(0, 0, 0, 0) url('../images/s_3.png') no-repeat scroll 0px -140px; }
dl.solu_dl_3 dt a { display: block; width: 140px; height: 140px; background: rgba(0, 0, 0, 0) url('../images/s_4.png') no-repeat scroll 0px 0px; transition: all 0.5s ease 0.3s; }
dl.solu_dl_3:hover dt a { background: rgba(0, 0, 0, 0) url('../images/s_4.png') no-repeat scroll 0px -140px; }
.function h3 { font-size: 30px; letter-spacing: 2px; font-weight: normal; }
.function p { margin-bottom: 30px; }
.auto { width: 1218px; margin: 0px auto; }
#Advantages { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0) url('../images/advbg.jpg') repeat-x scroll 0% 0%; }
#Advantages .AdvantagesTitle { font-size: 26px; font-family: "Microsoft Yahei"; line-height: 40px; padding: 40px 0px; text-align: center; color: rgb(255, 255, 255); font-weight: normal; }
#Advantages .Advantages { display: block; overflow: hidden; width: 1140px; margin: 0px auto; }
#Advantages .Advantages .AdvantagesFrame { display: block; overflow: hidden; width: 1200px; }
#Advantages .Advantages .Advantage { display: block; overflow: hidden; float: left; width: 190px; text-align: center; border-right: 1px dashed rgb(254, 174, 135); }
#Advantages .Advantages .Advantage .Huge { line-height: 80px; font-size: 24px; font-family: simsun; }
#Advantages .Advantages .Advantage .Huge span { font-size: 60px; font-weight: bold; font-family: "Microsoft Yahei"; }
#Advantages .Advantages .Advantage .Desc { line-height: 24px; height: 48px; font-size: 14px; font-family: "Microsoft Yahei"; }
.BR { display: block; overflow: hidden; line-height: 1px; height: 1px; }
.C { clear: both; }
.WhyBos { width: 100%; height: 610px; border-bottom: 1px solid rgb(213, 209, 210); }
.Why { width: 1200px; height: 610px; margin:0 auto; }
.WhyLeft { width: 700px; height: 580px; float: left; opacity: 0; transition: all 1s linear 0s; }
.WhyLeft .top { width: 650px; height: 110px; float: left; background: rgba(0, 0, 0, 0) url('../images/s_r24_c4.gif') no-repeat scroll 20px 54px; padding-top: 54px; padding-left: 105px; }
.WhyLeft .topTitle { width: 648px; height: 41px; padding-left: 2px; font-size: 30px; font-weight: bold; color: rgb(42, 43, 44); padding-top: 2px; }
.WhyLeft .topComs { width: 648px; height: 40px; padding-left: 2px; font-size: 12px; line-height: 20px; }
.WhyLeft .five { height: 90px; text-align: center; }
.WhyLeft .five p { color: rgb(68, 162, 176); font-size: 24px; letter-spacing: 2px; margin-bottom: 10px; }
.WhyLeft .imgFive { height: 280px; width: 700px; padding-left: 20px; }
.WhyLeft .imgFive .imgItem { width: 193px; height: 118px; float: left; }
.WhyLeft .imgFive .imgItem p { color: rgb(255, 255, 255); text-align: center; font-size: 22px; font-weight: bold; margin-top: 23px; line-height: 36px; cursor: pointer; }
.WhyLeft .imgFive .imgItem p:hover { color: rgb(255, 255, 0); }
.WhyLeft .imgFive .toWhere { width: 43px; height: 118px; float: left; }
.WhyLeft .imgFive .toWhere img { display: block; margin: 52px 12px; }
.WhyLeft .imgFive .yellow { width: 239px; height: 118px; float: left; }
.WhyLeft .imgFive .yellow p { color: rgb(0, 0, 0); line-height: 20px; padding: 10px 20px 10px 15px; }
.WhyLeft .imgFive .yellow p:hover { color: rgb(255, 0, 0); transition: all 0.2s linear 0s; }
.WhyLeft .imgFive .w700 { width: 700px; height: 44px; }
.WhyLeft .imgFive .w700 img { margin: 11px 0px 11px 550px; }
.WhyLeft .imgFive .d1 { background: rgba(0, 0, 0, 0) url('../images/r1.jpg') no-repeat scroll 0% 0%; opacity: 0; transition: all 0.2s linear 0.3s; }
.WhyLeft .imgFive .d2 { opacity: 0; transition: all 0.2s linear 0.4s; }
.WhyLeft .imgFive .d3 { background: rgba(0, 0, 0, 0) url('../images/r2.jpg') no-repeat scroll 0% 0%; opacity: 0; transition: all 0.2s linear 0.5s; }
.WhyLeft .imgFive .d4 { background: rgba(0, 0, 0, 0) url('../images/r6.jpg') no-repeat scroll 0% 0%; opacity: 0; transition: all 0.2s linear 0.6s; }
.WhyLeft .imgFive .d5 { opacity: 0; transition: all 0.2s linear 0.7s; }
.WhyLeft .imgFive .d6 { background: rgba(0, 0, 0, 0) url('../images/r3.jpg') no-repeat scroll 0% 0%; opacity: 0; transition: all 0.2s linear 0.8s; }
.WhyLeft .imgFive .d7 { opacity: 0; transition: all 0.2s linear 0.9s; }
.WhyLeft .imgFive .d8 { background: rgba(0, 0, 0, 0) url('../images/r4.jpg') no-repeat scroll 0% 0%; opacity: 0; transition: all 0.2s linear 1s; }
.WhyLeft .imgFive .d9 { opacity: 0; transition: all 0.2s linear 1.1s; }
.WhyLeft .imgFive .d10 { background: rgba(0, 0, 0, 0) url('../images/r5.jpg') no-repeat scroll 0% 0%; opacity: 0; transition: all 0.2s linear 1.2s; }
.WhyRight { width: 500px; height: 580px; float: left; position: relative; margin-top: 20px; }
.WhyRight .circle_center { width: 255px; height: 255px; margin: 162.5px 122.5px; transition: all 0.8s linear 0s; }
.WhyRight .eight { width: 64px; height: 20px; font-size: 16px; font-weight: bold; color: rgb(255, 0, 0); position: absolute; left: 50%; margin-left: -32px; top: 50%; margin-top: -10px; }
.WhyRight .circle_c { width: 120px; height: 120px; position: absolute; cursor: pointer; }
.WhyRight .circle_c img { width: 100%; display: block; transition: all 0.3s linear 0s; }
.WhyRight .circle_c p { position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -20px; color: rgb(255, 255, 255); font-weight: bold; text-align: center; font-size: 16px; }
.WhyRight .circle_c2 p { margin-left: -30px; }
.WhyRight .circle_c4 p { margin-left: -30px; }
.WhyRight .circle_c1 { left: 50%; margin-left: -60px; top: 62px; }
.WhyRight .circle_c2 { left: 50%; margin-left: 58px; top: 112px; }
.WhyRight .circle_c3 { left: 50%; margin-left: 105px; top: 50%; margin-top: -60px; }
.WhyRight .circle_c4 { left: 50%; margin-left: 58px; top: 50%; margin-top: 58px; }
.WhyRight .circle_c5 { left: 50%; margin-left: -60px; top: 50%; margin-top: 105px; }
.WhyRight .circle_c6 { left: 50%; margin-left: -178px; top: 50%; margin-top: 58px; }
.WhyRight .circle_c7 { left: 50%; margin-left: -228px; top: 50%; margin-top: -60px; }
.WhyRight .circle_c8 { left: 50%; margin-left: -180px; top: 50%; margin-top: -180px; }
#cooperation { width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; max-width: 1200px; overflow: hidden; margin:0 auto; }
.cooperation_con { width: 1200px; overflow: hidden; float: left; }
#cooperation .toItem { position: absolute; width: 71px; height: 33px; right: 20px; top: 65px; cursor: pointer; color: rgb(255, 255, 255); text-align: center; line-height: 33px; font-size: 30px; z-index: 999; }
#cooperation .toItem .toItem_left { width: 33px; height: 33px; float: left; background: rgba(0, 0, 0, 0) url('../images/red.jpg') repeat scroll 0% 0%; }
#cooperation .toItem .toItem_right { width: 33px; height: 33px; margin-left: 5px; float: left; background: rgba(0, 0, 0, 0) url('../images/gray.jpg') repeat scroll 0% 0%; }
.cooperation_con .w1156 { width: 1153px; height: 162px; border: 2px solid rgb(77, 77, 77); margin: 30px auto; }
.w2400 { width: 2400px; overflow: hidden; }
.cooperation_con .w1156 .imgBox { width: 163px; height: 80px; float: left; border-right: 2px solid rgb(77, 77, 77); border-bottom: 2px solid rgb(77, 77, 77); cursor: pointer; }
.cooperation_con .w1156 .p1 { background: rgba(0, 0, 0, 0) url('../images/a1.png') repeat scroll 0% 0%; }
.cooperation_con .w1156 .p2 { background: rgba(0, 0, 0, 0) url('../images/a2.jpg') repeat scroll 0% 0%; }
.cooperation_con .w1156 .p3 { background: rgba(0, 0, 0, 0) url('../images/a3.png') repeat scroll 0% 0%; }
.cooperation_con .w1156 .p4 { background: rgba(0, 0, 0, 0) url('../images/a4.png') repeat scroll 0% 0%; }
.cooperation_con .w1156 .p5 { background: rgba(0, 0, 0, 0) url('../images/a5.png') repeat scroll 0% 0%; }
.cooperation_con .w1156 .p6 { background: rgba(0, 0, 0, 0) url('../images/a6.png') repeat scroll 0% 0%; }
.cooperation_con .w1156 .p7 { background: rgba(0, 0, 0, 0) url('../images/a7.png') repeat scroll 0% 0%; border-right: medium none; }
.cooperation_con .w1156 .p8 { background: rgba(0, 0, 0, 0) url('../images/a8.png') repeat scroll 0% 0%; border-bottom: medium none; }
.cooperation_con .w1156 .p9 { background: rgba(0, 0, 0, 0) url('../images/a9.png') repeat scroll 0% 0%; border-bottom: medium none; }
.cooperation_con .w1156 .p10 { background: rgba(0, 0, 0, 0) url('../images/a10.png') repeat scroll 0% 0%; border-bottom: medium none; }
.cooperation_con .w1156 .p11 { background: rgba(0, 0, 0, 0) url('../images/a11.png') repeat scroll 0% 0%; border-bottom: medium none; }
.cooperation_con .w1156 .p12 { background: rgba(0, 0, 0, 0) url('../images/a12.jpg') repeat scroll 0% 0%; border-bottom: medium none; }
.cooperation_con .w1156 .p13 { background: rgba(0, 0, 0, 0) url('../images/a13.png') repeat scroll 0% 0%; border-bottom: medium none; }
.cooperation_con .w1156 .p14 { background: rgba(0, 0, 0, 0) url('../images/a14.jpg') repeat scroll 0% 0%; border-right: medium none; border-bottom: medium none; }
.cooperation_con .w1156 .imgBox:hover { background-position: 0px 80px; transition: all 0.3s linear 0s; }
#HomeBadges { padding: 20px 0px 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#HomeBadges .HomeBadges { display: block; overflow: hidden; width: 1280px; margin-bottom: 30px; }
#HomeBadges .HomeBadges .HomeBadgesItem { display: block; overflow: hidden; float: left; width: 98px; margin-right: 8px; position: relative; padding-left: 40px; height: 40px; line-height: 20px; }
#HomeBadges .HomeBadges .HomeBadgesItem img { display: block; overflow: hidden; position: absolute; left: 0px; top: 2px; color: rgb(51, 51, 51); }
.Root { width: 1160px; margin: 0px auto; }
.diy { width: 1140px; padding: 5px 30px 25px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin: 20px auto; }
.diy .bt1 { text-align: center; height: 35px; line-height: 34px; background: rgba(0, 0, 0, 0) url('../images/btbj.png') no-repeat scroll center center; overflow: hidden; color: rgb(255, 255, 255); font-size: 20px; margin: 30px 0px 20px; }
.diy .diqu { overflow: hidden; padding: 0px 90px; line-height: 26px; position: relative; text-align: center; }
.diy .diqu a { padding: 0px 12px; display: inline-block; font-size: 14px; }
.diy .diqu a:hover, .diy .diqu a.on { color: rgb(255, 102, 0); }
.diy .diqu .prev { position: absolute; width: 23px; height: 37px; display: block; left: 50px; top: 50%; margin-top: -19px; background: rgba(0, 0, 0, 0) url('../images/ico_lr1.png') no-repeat scroll left bottom; }
.diy .diqu .prev:hover { background: rgba(0, 0, 0, 0) url('../images/ico_lr1.png') no-repeat scroll left top; }
.diy .diqu .next { position: absolute; width: 23px; height: 37px; display: block; right: 50px; top: 50%; margin-top: -19px; background: rgba(0, 0, 0, 0) url('../images/ico_lr1.png') no-repeat scroll right bottom; }
.diy .diqu .next:hover { background: rgba(0, 0, 0, 0) url('../images/ico_lr1.png') no-repeat scroll right top; }
.h450 { height: 450px; }
.what { width: 1150px; margin: 20px auto; overflow: hidden; }
.what ul { font-size: 0px; padding: 0px; margin: 0px; }
.what li { float: left; height: 200px; width: 20%; position: relative; perspective: 1000px; padding: 15px 0px; }
.what li::before, .what li::after, .what li article::before, .what li article::after { width: 0%; height: 0%; position: absolute; content: ""; display: block; opacity: 1; z-index: -1; }
.what li::before { border-top: 1px solid rgb(170, 170, 170); left: 0px; top: -25px; transition: all 0.3s ease-out 0s; }
.what li::after { border-right: 1px solid rgb(170, 170, 170); right: 0px; top: -25px; transition: all 0.3s ease-out 0.2s; }
.what li article::before { border-bottom: 1px solid rgb(170, 170, 170); right: 0px; bottom: 25px; transition: all 0.3s ease-out 0.4s; }
.what li article::after { border-left: 1px solid rgb(170, 170, 170); left: 0px; bottom: 25px; transition: all 0.3s ease-out 0.6s; }
.what li:hover::before, .what li:hover::after, .what li:hover article::before, .what li:hover article::after {  }
.what li:hover div.iconfont { border-radius: 50%; }
.what li div.iconfont { width: 112px; height: 112px; margin: 0px auto; line-height: 108px; text-align: center; font-size: 45px; font-weight: normal; color: rgb(255, 255, 255); border-radius: 5px; position: relative; }
.what li div.iconfont::after { transform: scale(1); content: ""; display: block; width: 100%; height: 100%; position: absolute; left: -1px; top: -1px; border-radius: 6px; transition: all 0.3s ease 0s; }
.what li:hover div.iconfont::after { transform: scale(1.1) rotate(45deg); opacity: 0.2; border-radius: 6px; }
.what li.active1 div.iconfont::after { transform: scale(1.3); opacity: 0.2; }
.what li span { line-height: 99px; display: block; width: 100%; text-align: center; font-size: 15px; color: rgb(102, 102, 102); }
.what li div.iconfont[class$="1"] { background: rgb(254, 95, 77) none repeat scroll 0% 0%; }
.what li div.iconfont[class$="1"]::after { border: 1px solid rgb(254, 95, 77); }
.what li div.iconfont[class$="2"] { background: rgb(251, 184, 77) none repeat scroll 0% 0%; }
.what li div.iconfont[class$="2"]::after { border: 1px solid rgb(251, 184, 77); }
.what li div.iconfont[class$="3"] { background: rgb(250, 220, 79) none repeat scroll 0% 0%; }
.what li div.iconfont[class$="3"]::after { border: 1px solid rgb(250, 220, 79); }
.what li div.iconfont[class$="4"] { background: rgb(136, 112, 207) none repeat scroll 0% 0%; }
.what li div.iconfont[class$="4"]::after { border: 1px solid rgb(136, 112, 207); }
.what li div.iconfont[class$="5"] { background: rgb(211, 122, 209) none repeat scroll 0% 0%; }
.what li div.iconfont[class$="5"]::after { border: 1px solid rgb(211, 122, 209); }
.what li div.iconfont[class$="6"] { background: rgb(245, 126, 124) none repeat scroll 0% 0%; }
.what li div.iconfont[class$="6"]::after { border: 1px solid rgb(245, 126, 124); }
.what li div.iconfont[class$="7"] { background: rgb(25, 160, 204) none repeat scroll 0% 0%; }
.what li div.iconfont[class$="7"]::after { border: 1px solid rgb(25, 160, 204); }
.what li div.iconfont[class$="8"] { background: rgb(246, 164, 121) none repeat scroll 0% 0%; }
.what li div.iconfont[class$="8"]::after { border: 1px solid rgb(246, 164, 121); }
.what li div.iconfont[class$="9"] { background: rgb(216, 138, 192) none repeat scroll 0% 0%; }
.what li div.iconfont[class$="9"]::after { border: 1px solid rgb(216, 138, 192); }
.what li div.iconfont[class$="10"] { background: rgb(15, 193, 229) none repeat scroll 0% 0%; }
.what li div.iconfont[class$="10"]::after { border: 1px solid rgb(15, 193, 229); }
.what li .iconfont { transition: all 0.3s ease 0s; }