﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;color:#000;}
body{font-family:"Kreon";font-weight:300;color:#333;background:#fff;}

.websitetop{width:100%;position:fixed;left:0;top:0;z-index:100;}
.topinfo{width:90%;padding:0 5%;height:80px;line-height:80px;background:#fff;}
.websitetop h3{float:left;font-size:20px;}
.websitetop p{float:right;font-size:15px;}


.headercont{width:90%;height:90px; padding:0 5%;background:#008ee1;}
.logo{display:inline-block;padding-top:6px;float:left;}

.headercont ul{float:right;padding-top:21px;}
.headercont ul li{float:left;padding-left:10px;border-left:0px solid #568ec9;margin-right:10px;}
.headercont ul li:nth-child(3){margin-right:0;}
.topnavicon{display:block;}
.headercont ul li img{display:block;}
.headercont ul li span{display:block;}


.footbtn{display:block; position:relative;width:80%;height:85px;font-size:40px;line-height:85px;color:#fff;text-indent:156px; margin:32px auto; background:url(../images/img05.jpg) no-repeat; background-size:cover;}
.footwrap{background:#e6e6e6;width:80%;height:100%;padding:46px 10% 40px 10%;color:#666;position:relative; z-index:99;}
.footcode{ height:100%;}
.footcode dd{float:left;}
.footcode dd p{font-size:14px;line-height:48px;}
.footcode dd.codeimg{ float:right; width:150px; height:150px; position:relative;}
.footcode dd.codeimg img{ display:block; position:absolute; top:0px; left:0px;}
.footaddress{font-size:14px;line-height:43px;padding:26px 0 50px 0;}
.footaddress p{font-size:14px;}
.footcopyright{ font-size:14px;line-height:28px; padding-top:23px;border-top:1px solid #bfbfbf;text-align:center;}


.indexbox{padding-top:50px;position:relative;}
.newslist{padding-top:28px;}
.pagestitle{border-bottom:1px solid #d6d6d6;padding-bottom:20px;font-size:30px;}
.searchnews li{padding:26px 0 20px 0;width:100%;border-bottom:1px solid #d6d6d6;}
.searchnews li img{width:100%;}
.searchnews li h5{font-size:24px;padding:24px 0;line-height:26px;font-weight:bold;}
.searchnews li p{font-size:20px;line-height:32px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pagestitle img{display:block;margin-bottom:26px;}



.rightnav{width:322px;height:100%;position:fixed;right:-322px;top:169px;background:#3e3e3e;overflow-y:scroll;display:none; z-index:100;}
.rightnav ul li{font-size:24px;border-bottom:1px solid #323232;}
.rightnav ul li a{display:block;padding:30px 10px 30px 32px; color:#fff;}

.inputwrap{width:251px;height:61px;overflow:hidden;margin:30px 0 0 32px;border-radius:0 6px 6px 0;overflow:hidden;}
.inputwrap input{float:left;}
.inputtext{width:188px;height:61px;padding-left:6px;font-family:'Microsoft YaHei';font-size:20px;color:#666;}
.inputbtn{width:57px;height:61px;background:#000000 url(../images/img12.png) no-repeat center;}

.topsearchwrap{width:90%;height:90px; padding:0 5%;background:#fff;position:absolute;left:0;top:169px;z-index:100; display:none;}
.topsearchwrap dl{border-bottom:1px solid #999;padding-top:18px;}
.topsearchwrap dl dt{width:90%;float:left;}
.topsearchwrap dl dt input{width:100%;height:50px;line-height:50px;text-indent:6px; font-family:'Microsoft YaHei';font-size:30px;color:#666;}
.topsearchwrap dl dd{width:10%;float:right;}
.topsearchwrap dl dd input{width:100%;height:30px;background:url(../images/img13.png) no-repeat 84% center;}

.newsdetail{padding-top:28px;}
.newstitle{text-align:center;padding-bottom:28px;border-bottom:1px solid #d9d9d9;}
.newstitle h4{font-size:20px;color:#000000;font-weight:bold;line-height:41px;padding:0 2%;}
.newstitle span{font-size:15px;color:#666;display:inline-block;padding-top:15px;}

.detailcont{padding-top:10px;font-size:22px;}
.detailcont div p{line-height:34px;}
.detailcont div{width:100%;height:auto;}
.backlist{display:inline-block; width:100%;height:79px;line-height:79px;font-size:26px;color:#666; text-align:center;background:#ededed;margin:63px 0 12px 0;}
.detailcont div img{width:100%;height:auto;}

.Modulebanner img{display:block;width:100%;}
.Moduletitle{font-size:30px;line-height:40px;margin:22px 0;padding-left:20px;border-left:3px solid #1e1e1e;}
.Moduletext{font-size:22px;color:#666;line-height:26px;padding-bottom:16px;}
.Moduletext img{width:100%;}

.planlist{padding-top:32px;}
.planlist ul li{float:left;width:33.33%;position:relative;overflow:hidden;}
.planlist ul li img{display:block;width:100%;height:auto;}
.planlist ul li div{width:100%;height:66px;background:url(../images/img20.png) repeat;position:absolute;left:0;bottom:0;text-align:right;color:#fff;}
.planlist ul li div p{padding:9px 15px 9px 0;text-transform:uppercase;}
.planlist ul li div h5{font-size:18px;padding-right:15px;}

.pageslist ul li{width:48%;float:left;margin-top:4%;font-size:14px;padding-bottom:25px;border-bottom:1px solid #d8d8d8;}
.pageslist ul li:nth-child(2n){float:right;}
.pageslist ul li img{display:block;width:100%;}
.pageslist ul li h4{font-size:24px;height:26px;overflow:hidden; line-height:26px;margin:16px 0 10px 0;}
.pageslist ul li a{color:#000;}
.pageslist ul li p{background:url(../images/img25.jpg) no-repeat right center;height:22px;overflow:hidden; line-height:22px;}
.pageslist ul li p a{color:#999;display:inline-block;width:90%;}

.Corporatelist{padding-top:16px;}
.Corporatelist ul li{width:50%;float:left;}
.Corporatelist ul li h4{font-size:30px;height:90px;line-height:90px;color:#fff;font-weight:bold;background:#3d0e4c;text-shadow:3px 3px 5px #000;}
.Corporatelist ul li img{margin:0 16px 0 22px;}
.Corporatetext{padding:20px 25px;height:205px; color:#666;font-size:18px;line-height:35px;background:#f8f7f3;}
.Corporatelist ul li:nth-child(2n) .Corporatetext{background:#e5e5e5;text-align:center;}
.Corporatelist ul li:nth-child(2n) h4{background:#2e0b39;}
.Corporatelist ul li:nth-child(3) .Corporatetext,.Corporatelist ul li:nth-child(4) .Corporatetext{height:118px;}
.Corporatelist ul li:nth-child(3) img{margin:0 3px 0 22px;}

.platformlist{width:94%;padding:25px 3%;background:#ebebeb;margin-top:14px;}
.platformlist ul li{width:45%;height:232px;padding:0 2%;margin-bottom:2%; background:#fff;float:left;text-align:right;overflow:hidden;}
.platformlist ul li:nth-child(2n){float:right;}
.platformlist ul li h5{padding:26px 0 15px 0;color:#008ee1;font-size:25px;font-weight:bold;text-transform:uppercase;}
.platformlist ul li p{ color:#484848;font-size:22px;line-height:28px;}
.platformlist ul li p b{color:#008ee1;}
.platformlist ul li:nth-child(1){background:#fff url(../images/img36.png) no-repeat 90% 176px; }
.platformlist ul li:nth-child(2){background:#fff url(../images/img37.png) no-repeat 90% 176px; }
.platformlist ul li:nth-child(3){background:#fff url(../images/img38.png) no-repeat 90% 176px; }
.platformlist ul li:nth-child(4){background:#fff url(../images/img39.png) no-repeat 90% 176px; }

.investmentlist{padding:14px 0 20px 0;}
.investmentlist ul li{width:25%;height:176px;background:#cd2e7b;color:#fff;font-size:22px;font-weight:bold;text-align:center;float:left;overflow:hidden;}
.investmentlist ul li img{display:block;margin:40px auto 26px;}
.investmentlist ul li:nth-child(2n){background:#bd2a71;}

.applicationlist{overflow:hidden;}
.applicationlist ul li{width:32%;height:190px;float:left;margin:0 2% 2% 0; background:#f2f2f2;font-size:24px;line-height:28px;text-align:center;padding-top:26px;}
.applicationlist ul li:nth-child(3n){margin-right:0;}
.applicationlist ul li div{color:#cd2e7b;font-size:30px;font-weight:bold;padding-bottom:20px;}
.applicationlist ul li div span{display:block;width:40px;height:40px;background:#cd2e7b;font-size:18px;line-height:40px;border-radius:100%;color:#fff;margin:0 auto 10px;}


.servicelist dl{padding-top:28px;}
.servicelist dt{float:left;}
.servicelist dd{width:85%; float:right;padding-bottom:25px; border-bottom:1px solid #d6d6d6;}
.servicelist dd h5{font-size:25px;line-height:26px;padding-bottom:6px;}
.servicelist dd p{font-family:Arial; font-size:18px;color:#999;}

.contactimg img{display:block;width:100%;}

.contactcont{padding:52px 0 42px 0;text-align:center;}
.contactcont h5{font-size:24px;line-height:26px;}
.contactcont ul li{float:left;width:49%;font-size:22px;line-height:26px;color:#464646;margin-top:60px;}
.contactcont ul li img{display:block;margin:0 auto 10px;}
.contactcont ul li div{color:#4f4f4f;font-size:18px;padding-bottom:18px;}
.contactcont ul li:nth-child(2n){border-left:1px solid #e7e7e7;}

.contactform{width:94%; padding:45px 3%;background:#f4f4f4;}
.contactform h4{font-size:28px;text-align:center;line-height:36px;font-weight:bold;padding-bottom:30px;}
.contactform ul li{font-size:24px;color:#5b5b5b;padding-top:26px;}
.contactform ul li span{display:inline-block;float:left;width:20%;line-height:60px;}
.contactform ul li div{width:80%;float:left;}
.textinput{width:99%;padding-left:2%; height:60px;background:#fff; box-shadow: 0px 0px 0px 1px #d0d0d0;font-family:'Microsoft YaHei';font-size:20px;color:#5b5b5b;box-sizing:border-box;}
.contactform ul li textarea{width:99%;height:235px; padding:2% 0 0 2%;background:#fff;box-shadow: 0px 0px 0px 1px #d0d0d0;font-family:'Microsoft YaHei';font-size:20px;color:#5b5b5b;box-sizing:border-box;}
.Codeinput{width:49%;padding-left:2%;height:60px;float:left; background:#fff;box-shadow: 0px 0px 0px 1px #d0d0d0;font-family:'Microsoft YaHei';font-size:20px;color:#5b5b5b;box-sizing:border-box;}
.contactform ul li span.Codeimg{display:inline-block;float:left;width:32%; margin: 0 1% 0 3%;}
.Codeimg img{display:block;height:60px;}
.contactform ul li span.Codechange{display:inline-block;float:left;width:10%;}
.Codechange img{display:block;height:60px;}
.contactbtn{width:100%;height:77px;text-align:center;line-height:77px;font-family:'Microsoft YaHei';color:#fff;font-size:30px;font-weight:bold;text-shadow:1px 1px 6px #040000;background:#008ee1;}


.searchresult dl dt{float:left;width:53%;height:65px;box-shadow: 0px 0px 0px 1px #c2c2c2;box-sizing:border-box;}
.searchresult dl dt input[type=text]{width:78%;float:left;height:65px;padding-left:2%;font-family:'Microsoft YaHei';font-size:20px;color:#5b5b5b;}
.searchresult dl dt input[type=submit]{width:20%;float:left;height:65px;background:url(../images/img77.jpg) no-repeat center;}
.searchresult dl dd{font-size:24px;line-height:65px;}
.searchresult dl dd input[type=radio]{width:27px;height:27px;margin:0 15px;background:url(../images/img78.jpg) no-repeat;vertical-align:-3px;}
.searchresult dl dd input:checked[type=radio]{background:url(../images/img79.jpg) no-repeat;}
.resulttips{font-size:24px;padding:29px 0 16px 0;}
.resulttips span{color:#008ee1;}


.searchfixed{width:100%;overflow:hidden;position:fixed;left:0;bottom:0;z-index:25;background:#9e9ea0;}
.searchfixed a{display:block;width:12.5%;float:left;}
.searchfixed a img{display:block;width:99%;border-right:1px solid #c8c8c9;box-sizing:border-box;}


.indexbanner{width:100%;position:relative;overflow:hidden;}
.indexbanner ul{height:auto !important;}
.indexbanner ul li{width:100%;height:auto !important;float:left;}
.indexbanner ul li img{display:block;width:100%;}
.bannerbtn{width:100%;height:15px; position:absolute;left:0;bottom:3%;text-align:center;z-index:20;}
.bannerbtn span{display:inline-block;width:13px;height:13px;overflow:hidden;margin:0 8px;background:#fff;opacity:0.6;filter:alpha(opacity=60);border-radius:10px;}
.bannerbtn span:hover,.bannerbtn span.swiper-active-switch{background:#008ee1;}


.indexmoudle ul li{width:25%;height:156px;background:#fff;float:left;box-sizing:border-box;font-size:14px;line-height:26px;text-align:center;}
.indexmoudle ul li a{color:#9d9d9e;height:156px;display:block;border-right:2px solid #d9d9d9;border-bottom:2px solid #d9d9d9;box-sizing:border-box;}
.thisimg{padding:14px 0 5px 0;}
.indexmoudle ul li:nth-child(4n){border-right:0;}
.indexcase ul li.thiswid{width:100%;}
.casetitle{font-size:30px;color:#000;line-height:30px;margin-top:40px;border-left:3px solid #1d1d1d;padding-left:22px;}
.casetitle span{color:#b2b2b2;font-size:24px;display:inline-block;padding-left:10px;}



.abouttext{padding:60px 5%;font-size:18px;height:100%;line-height:28px; color:#8e8e8e;}
.aboutfont{font-weight:bold;color:#008ee1;}

.Servicesab{padding:48px 1%;background:#f4f4f4;}
.svtitle{font-size:48px;line-height:52px;color:#008ee1;text-align:center;font-weight:bold;padding-bottom:40px;}

.Servicesab ul li{width:23.5%;margin:0 2% 2% 0;}
.Servicesab ul li:nth-child(4n){margin-right:0;}
.Servicesab ul li a{border:none;height:auto;}

.partnerab{padding:36px 5%;background:#fff;}
.partimg img{display:block; width:100%;height:auto;}

.aboutlist{padding:60px 3%;background:#f4f4f4;position:relative;}
.Brandab{padding:0 48px;text-align:center;}
.Brandtop{font-size:24px;color:#727272;line-height:36px;}
.Brandtop b{color:#008ee1;}
.Brandbot{font-size:18px;color:#727272;line-height:30px;padding-top:30px;}
.leftcorner{position:absolute;left:5%; top:5%;}
.rightcorner{position:absolute;right:5%; bottom:5%;}

.aboutintro{padding:0 5%;background:#f4f4f4;height:100%;}
.aboutintro dl{border-top:1px solid #dbdbdb;padding:45px 0;}
.introtop img{float:left;}
.introtext{float:left;font-size:30px;font-weight:bold;line-height:36px;color:#008ee1;padding:30px 0 0 26px;}
.introbot{color:#686767;font-size:22px;line-height:28px;padding-top:36px;}
.introbot img{display:block;width:100%;height:auto;}


.gomore{background:#c8c9cb; width:100%; height:90px;line-height:90px; text-align:center; color:#fff; font-size:40px; margin:35px auto;}
.insertcase{height:310px;overflow:hidden;}


.resultchange{display:none;}

.caseimg img{width:100%;height:auto;}
.casetitle02{padding:22px 3%;background:#008ee1;color:#fff;font-size:24px;}
.casetitle02 h4{font-size:30px;font-weight:bold;line-height:34px;padding-bottom:12px;}
.caselist{padding:0 3%;}
.caselist h4{padding:32px 0 0 0;font-size:24px;}


.floatmask{width:100%;height:100%;position:fixed;z-index:99;left:0;top:0; background:#fff;opacity:0;display:none;}