body{min-width: 300px;}
.topbar{background-color: #003579;color: #FFFFFF;line-height: 40px;padding: 0 6px;font-size: 14px;text-align: right;}
.topbar .f-l{font-weight: bold;}
.header{width: 100%;z-index:2;background-color: #FFFFFF;background: rgba(255,255,255,0.9);border-bottom: 1px solid #f0f0f0;}
.header .logo{float: left;}
.header .logo img{height: 70px;}
.header .menu{line-height: 70px;float: right;font-size: 16px;}
.header .menu a{display: inline-block;padding: 0 20px;text-align: center;}
.header .menu a.aindex{text-decoration:none;color: #003579;}
.indexbanner{width:100%;margin:0 auto;position:relative;overflow:hidden;border-bottom: 1px solid #f0f0f0;}
.indexbanner .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:15px; text-align:center;  }
.indexbanner .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.indexbanner .hd ul li{ display:inline-block; width:30px; height:8px;background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.indexbanner .hd ul .on{ background:#f9af10;  }
.indexbanner .bd{position:relative;z-index:0;background: #fff url(indexbg1.png) center bottom no-repeat;height: 400px;}
.indexbanner .bd li{position: relative;}
.indexbanner .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);display: block;}
.indexbanner .indexleft1{padding-top:60px;}
.indexbanner .indexleft1 .iltitle1{line-height: 40px;color: #003579;font-size: 30px;padding-right: 20px;padding-left: 10px;}
.indexbanner .indexleft1 .iltitle2{line-height: 32px;color: #000000;font-size: 18px;padding-right: 20px;padding-left: 10px;}
.indexbanner .indexright1{padding: 60px 0;text-align: center;}
.indexbanner .indexright1 img{max-width: 85%!important;}

.indexabout{padding-bottom: 80px;padding-top: 60px;}
.indexabout .iatitle{text-align: center;}
.indexabout .iatitle img{width: 230px;}
.indexabout .iacontent{padding: 30px 20px;font-size: 16px;line-height:32px;color: #666666;}
.indexabout .ianums .ianum{float: left;width: 33.333%;}
.indexabout .ianums .ianum .ialine1{line-height: 44px;color: #333333;font-size: 36px;text-align: center;}
.indexabout .ianums .ianum .ialine2{line-height: 38px;color: #CCCCCC;font-size: 30px;text-align: center;}

.indexcase{background-color: #f0f0f0;padding-top: 50px;padding-bottom: 40px;}
.indexcase .ictitle{line-height:50px;font-size: 22px;font-weight: bold;text-align: center;color:#41516a;}
.indexcase .ictitleb{padding-bottom:30px;text-align: center;font-size: 16px;color: #888888;}
.indexcase .casepage{text-align: center;padding-top: 20px;}

.iccontainer{}
.iccontainer .icbox{padding: 10px;}
.iccontainer .icbox .iccard{background-color: #FFFFFF;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.iccontainer .icbox .iccard .icimg{height: 300px;overflow: hidden;}
.iccontainer .icbox .iccard .icimg img{width: 100%;}
.iccontainer .icbox .iccard .ictxt{line-height: 50px;font-size: 18px;text-align: center;color: #003579;background-color: #f9f9f9;}

.indexintro{padding: 66px 0 40px;background: url(indexbg2.jpg) no-repeat center top #163e59;    background-attachment: fixed;background-size: cover;}
.indexintro .iititle{font-size: 26px;color: #FFFFFF;text-align: center;padding: 0 30px;}
.indexintro .iititle span{color:#f9af10;}
.indexintro .iicontent{color: #dddddd;font-size: 16px;padding: 30px 30px;padding-bottom: 10px;line-height: 28px;}
.indexintro .iibtn{text-align: center;padding: 20px 0;}
.indexintro .iibtn .btn:hover{color: #FFFFFF;text-decoration: none;}
.indexintro .iibtn .btn.inblock{margin: 0 12px;}

.indexpartner{padding-top: 50px;}
.indexpartner .iptitle{font-size: 32px;text-align: center;color:#41516a;padding: 0 10px;}
.indexpartner .ipbox{padding: 20px 20px;}
.indexpartner .ipbox .ipcard{border: 1px solid #f0f0f0; box-shadow: 2px 2px 5px rgba(6, 6, 6, 0.1); -moz-box-shadow: 2px 2px 5px rgba(6, 6, 6, 0.1); -webkit-box-shadow: 2px 2px 5px rgba(6, 6, 6, 0.1); border-radius:2px;-webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);will-change: transform;opacity: 0.6;-moz-opacity: 0.6;filter:alpha(opacity=60); }
.indexpartner .ipbox .ipcard img{width: 100%;}
.indexpartner .container{padding: 30px 0;}

.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; }
.indexpartner .ipbox:hover .ipcard.gray{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;cursor: pointer; }
.indexpartner .ipbox:hover .ipcard{-webkit-transition-delay: .15s;transition-delay: .15s;-webkit-transform: translate3d(0, -7px, 0);transform: ranslate3d(0, -7px, 0);-webkit-box-shadow: 10px 10px 8px rgba(6, 6, 6, 0.1);box-shadow: 10px 10px 8px rgba(6, 6, 6, 0.1);opacity: 1.0;-moz-opacity: 1.0;filter:alpha(opacity=100);}
.indexadvantage{background-color: #161c44;color:#8489ac;}
.indexadvantage .iabox{width: 25%;float: left;}
.indexadvantage .iabox .iacard{padding: 20px 10px;padding-left: 70px;background: url(iaicon1.png) no-repeat left center;display: block;}
.indexadvantage .iabox a.iacard{color:#8489ac ;}
.indexadvantage .iabox .iacard2{background-image: url(iaicon2.png);}
.indexadvantage .iabox .iacard3{background-image: url(iaicon5.png);}
.indexadvantage .iabox .iacard4{background-image: url(iaicon4.png);}
.indexadvantage .iabox .ialine1{font-size: 18px;line-height: 30px;}
.indexadvantage .iabox .ialine2{font-size: 14px;color: #8489ac;}

.copyright{background-color:#0b0d30;line-height: 28px;color: #CCCCCC;padding: 10px 0;}
.copyright .crbox{padding: 0 10px;}
.copyright .crbox .beian a{color: #CCCCCC;}
.copyright .crbox .cominfo{color: #CCCCCC;text-align: right;}
.copyright a{color: #CCCCCC;}
.copyright .ulink a{display: inline-block;color: #666666;font-size: 14px;}

.privacy{}
.privacy .ptitle{text-align: center;line-height: 50px;color: #FFFFFF;padding: 30px 0;font-size: 30px;background-color: #003579;}
.privacy .pcontent{padding: 20px 20px;font-size: 16px;line-height: 32px;color: #555555;}
.privacy .pcontent .ptitle2{font-weight: bold;font-size: 16px;padding-top:20px;padding-bottom: 10px;}
.privacy .pcontent p{text-indent: 2em;}
.privacy .pcontent .pfist{text-indent: 0;}

.profile{}
.profile .pbanner{background: url(about.jpg) no-repeat center;background-size: cover;}
.profile .pbanner .container{padding: 50px 0;color: #FFFFFF;text-align: center;}
.profile .pbanner .container .pbline1{line-height: 70px;font-size: 38px;}
.profile .pbanner .container .pbline2{line-height: 60px;font-size: 28px;}
.profile .ptitle{line-height: 50px;color: #ff4400;padding-top: 30px;font-size: 36px;}
.profile .pcontent{padding: 20px 20px;font-size: 16px;line-height: 32px;color: #555555;}
.profile .pcontent .ptitle2{font-weight: bold;font-size: 16px;padding-top:20px;padding-bottom: 10px;}
.profile .pcontent p{text-indent: 2em;}
.profile .pcontent .pfist{text-indent: 0;}
.profile .pboxlist{padding-bottom: 50px;padding-top: 20px;}
.profile .pboxlist .pbox{padding: 10px;}
.profile .pboxlist .pbox .pcard{background-color: #f4b01f;padding: 10px 0;}
.profile .pboxlist .pbox .pcard .pline1{text-align: center;padding: 10px 0;}
.profile .pboxlist .pbox .pcard .pline1 .iconfont{font-size:70px;}
.profile .pboxlist .pbox .pcard .pline2{text-align: center;font-size: 26px;font-weight: bold;}
.profile .pboxlist .pbox .pcard .pline3{text-align: left;font-size: 16px;padding: 10px 20px;line-height: 26px;height: 72px;overflow: hidden;}
.profile .pbtitle{line-height: 50px;color: #000000;padding-bottom: 20px;font-size: 30px;text-align: center;}
.profile.contact .cboxtlist{}
.profile.contact .cboxtlist .cbox{padding: 10px;}
.profile.contact .cboxtlist .cbox .ccard{padding: 10px 0;}
.profile.contact .cboxtlist .cbox .ccard .cline1{text-align: center;padding: 10px 0;}
.profile.contact .cboxtlist .cbox .ccard .cline1 p{display: inline-block;text-indent: 0;width: 70px;height: 70px;text-align: center;line-height: 70px;background-color: #f4b01f;color:#FFFFFF;border-radius: 50%;}
.profile.contact .cboxtlist .cbox .ccard .cline1 .iconfont{font-size:40px;}
.profile.contact .cboxtlist .cbox .ccard .cline2{text-align: center;font-size: 22px;}
.profile.contact .cboxtlist .cbox .ccard .cline3{text-align: center;font-size: 14px;padding: 6px 10px;line-height: 22px;color: #000000;font-weight: bold;height: 42px;overflow: hidden;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #CCCCCC!important;}

.service{}
.service .sbox1{margin: 0 auto;width: 90%;text-align: center;position: relative;padding: 20px 0;}
.service .sbox1 .sbline1{color: #025499;font-size: 104px;line-height: 104px;text-align: center;padding-bottom: 15px;}
.service .sbox1 .sbline2{color: #fff;font-size: 46px;line-height: 46px;margin-bottom: 24px;text-align: center;padding-bottom: 6px;}
.service .sbox1 .sbline3{display: inline-block;color: #fff;font-size: 36px;line-height: 36px;padding: 8px 32px;background: #8a8a8a;text-align: center;}
.service .sbox1 .tlbox{position: absolute;top: 0;left: 0;height: 80px;width: 80px;border-left: 1px solid #AAAAAA;border-top:  1px solid #AAAAAA;}
.service .sbox1 .brbox{position: absolute;bottom: 0;right: 0;height: 80px;width: 80px;border-bottom: 1px solid #AAAAAA;border-right:  1px solid #AAAAAA;}
.service .sb2title{text-align: center;font-size: 40px;color: #FFFFFF;padding-bottom: 40px;}
.service .sbox2list{padding: 10px 0;}
.service .sbox2list .sbox2{padding: 10px 10px;}
.service .sbox2list .sbox2 .sbcard2{background-color: #FFFFFF;}
.service .sbox2list .sbox2 .sbcard2 .sbtitle2{background-color: #003579;color: #FFFFFF;padding-top: 20px;padding-bottom: 10px;text-align: center;font-size: 18px;line-height:38px;}
.service .sbox2list .sbox2 .sbcard2 .sbtitle2 .iconfont{font-size: 50px;}
.service .sbox2list .sbox2 .sbcard2 .sbtitle21{background-color: #003579;color: #FFFFFF;padding-top: 20px;padding-bottom: 10px;text-align: center;font-size: 18px;line-height:38px;}
.service .sbox2list .sbox2 .sbcard2 .sbtitle21 .sbtline1{text-align: center;}
.service .sbox2list .sbox2 .sbcard2 .sbtitle21 .sbtline1 span{background-color: #FFFFFF;color:#003579 ;display: inline-block;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;font-size: 28px;font-weight: bold;}
.service .sbox2list .sbox2 .sbcard2 .sbtitle21 .sbtline2{padding-top: 6px;}
.service .sbox2list .sbox2 .sbcard2 .sbcontent{padding: 10px;font-size: 16px;color: #333333;line-height: 32px;height: 94px;overflow: hidden;text-align: center;}
.service .sbox3list .sbox2 .sbcard2 .sbtitle2{background-color: #f4b01f;}
.service .sbox4list .sbox2 .sbcard2 .sbtitle2{background-color: #ff4400;}
.service .sbox3list .sbox2 .sbcard2 .sbtitle21{background-color: #f4b01f;}
.service .sbox4list .sbox2 .sbcard2 .sbtitle21{background-color: #ff4400;}
.service .sbox3list .sbox2 .sbcard2 .sbtitle21 .sbtline1 span{color: #f4b01f;}
.service .sbox4list .sbox2 .sbcard2 .sbtitle21 .sbtline1 span{color: #ff4400;}
@media (max-width:1100px){
	.iccontainer .icbox .iccard .icimg{height: 200px;}
}
@media (max-width:700px){
.header{border-bottom: none;}
.header .logo{text-align: center;float: none;border-bottom: 1px solid #f0f0f0;}
.header .menu{text-align: center;float: none;border-bottom: 1px solid #f0f0f0;line-height: 36px;}
.indexbanner .indexleft1{padding-top: 30px;}
.indexbanner .indexleft1 .iltitle2{display: none;}
.indexbanner .indexright1{padding: 30px 0;}
.indexabout .iatitle img{width: 200px;}
.indexabout .ianums .ianum .ialine1{font-size: 36px;}
.indexabout .ianums .ianum .ialine2{font-size: 24px;}
.iccontainer .icbox .iccard .icimg{height: 150px;}
.indexpartner{padding-top: 30px;padding-bottom: 0;}
.indexpartner .iptitle{font-size: 26px;}
.indexadvantage .iabox{width: 50%;}
.crbox .col-6{width: 100%;text-align: center!important;}
.crbox .beian{text-align: center;}
.service .sbox1 .sbline1{font-size: 90px;}
.service .sbox1 .sbline2{font-size: 40px;}
.service .sbox1 .sbline3{font-size: 30px;}
.service .sbox2list .col-3{width: 50%;}
}
@media (max-width:500px){
.header .menu a{padding: 0 16px;}
.indexabout{padding-bottom: 30px;padding-top: 20px;}
.indexabout .iatitle img{width: 150px;}
.indexbanner .indexleft1 .iltitle1{font-size: 23px;padding-right: 6px;}
.indexabout .ianums .ianum .ialine1{font-size: 32px;}
.indexabout .ianums .ianum .ialine2{font-size: 22px;}
.indexadvantage .iabox{width: 50%;}
.service .sbox1 .sbline1{font-size: 56px;line-height: 46px;}
.service .sbox1 .sbline2{font-size: 18px;line-height: 26px;}
.service .sbox1 .sbline3{font-size: 14px;line-height: 22px;}
.profile .ptitle{font-size: 30px;padding-top: 10px;text-align: center;}
.profile .pbtitle{font-size: 26px;text-align: center;padding-bottom: 0;line-height: 40px;}
.profile .pcontent{padding: 10px;}
.profile .pboxlist .pbox .pcard .pline3{height: 90px;padding: 10px;}
.profile .pboxlist .col-4:last-child{width: 100%;}
.profile .pboxlist .col-4:last-child .pbox .pcard .pline3{height: 42px;}
.copyright .ulink{display: none;}
.privacy .pcontent{padding: 10px;}
}
@media (max-width:430px){
.indexadvantage .iabox{width: 100%;}
.indexadvantage .iabox .iacard{background-position-x: 10px;padding-left: 80px;}
.topbar{text-align: center;font-weight: bold;} 
.topbar .f-l{display:none}.header .menu a{padding: 0 7px;}
.indexabout .ianums .ianum .ialine1{line-height: 38px;font-size: 26px;}
.indexabout .ianums .ianum .ialine2{line-height: 28px;font-size: 18px;}
}
@media (max-width:350px){
    .indexbanner .indexleft1{padding-top:28px;}
.indexabout .ianums .ianum .ialine1{line-height: 32px;font-size: 24px;}
.indexabout .ianums .ianum .ialine2{line-height: 22px;font-size: 16px;}
.indexabout .iacontent{padding: 20px 20px;font-size: 14px;line-height:22px;color: #666666;}
}