@charset "utf-8";
/**
* @Author: GYF
* @Date:   2017-12-06 15:47:35
* @Last Modified by:   GYF
* @Last Modified time: 2017-12-07 15:11:42
* @Email: fenghuijiuzhuan@163.com
* @Hello: The world will be changed by us
*/
/* wrap start */
.wrap{width: 100%;min-width: 1200px;background: #FFF}
.container{width: 1200px;margin: 0 auto;position: relative;}
/* wrap end */
/* common start */
.opacity09{
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.opacity09:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
.transition05ease-in-out{
-webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}
.transition02ease{
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;
}
/* line animate */
.linespan1,.linespan2,.linespan3,.linespan4{position: absolute;background-color: #f00;
-webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}
.linespan1{left: -1px;top: -1px;width: 0;height: 1px;}
.linespan2{right: -1px;top: -1px;width: 1px;height: 0;}
.linespan3{right: -1px;bottom: -1px;width: 0;height: 1px;}
.linespan4{left: -1px;bottom: -1px;width: 1px;height: 0;}
/* common end */
/* banner start */
.banner{width: 100%;height: 500px;background: #1f1a2c url(../images/20171206yfimg0.jpg) no-repeat center top;}
.banner h1{font-size: 55px;font-weight: lighter;margin-bottom: 30px;line-height: 1}
.banner h1 span{font-weight: lighter;font-family: 'Helvetica35';margin-left: 20px;vertical-align: middle;}
.banner p{font-weight: lighter;line-height: 30px}
.banner .container{padding-top: 115px;}
/* banner end */
/* advantage start */
.advantage{width: 1230px;margin-left: -30px;font-size: 0;margin-top: 106px;}
.advantage li{width: 275px;height: 368px;margin-left: 30px;display: inline-block;border: 1px solid #EEE;position: relative;margin-bottom: 60px;vertical-align: top}
.advantage li .cursor{width: 108px;height: 126px;position: absolute;right: 30px;top: -20px;}
.advantage li:hover{
-webkit-transform: translateY(-2px);
   -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
     -o-transform: translateY(-2px);
        transform: translateY(-2px);}
.advantage li:hover .cursor{top: -50px}
.advantage .content{width: 226px;padding-top: 93px;margin: 0 auto;}
.advantage .content h3{font-weight: lighter;font-size: 26px;line-height: 30px;margin-bottom: 30px;}
.advantage .content p{line-height: 26px}
/* line animete */
.advantage .linespan1,.advantage .linespan2,.advantage .linespan3,.advantage .linespan4{
	background-color: #4251b6;
}
.advantage li:hover .linespan1,.advantage li:hover .linespan3{width: 276px}
.advantage li:hover .linespan2,.advantage li:hover .linespan4{height: 370px}
/* advantage end */
/* chooseus start */
.chooseus{width: 100%;height: 547px;background: #262937;position: relative;overflow: hidden;}
.chooseus .chooseusbg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0}
.chooseus .chooseusbg img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin:auto;}
.chooseus:before{content: '';width: 100%;height: 100%;background: url(../images/20171206yfimg2-2.png) center top;position: absolute;left: 0;top: 0;z-index: 2}
/* .chooseus:after{content: '';width: 100%;height: 100%;background: url(../images/20171206yfimg2-1.jpg) center top;position: absolute;left: 0;top: 0;z-index: 0} */
.chooseus .container{padding-top: 84px;z-index: 3}
.chooseus h2,.caseall h2{font-size: 34px;font-weight: lighter;}
.chooseus ul{font-size: 0;}
.chooseus ul li{height: 272px;display: inline-block;margin-top: 66px;vertical-align: top}
.chooseus li.content{width: 324px;position: relative;}
.chooseus li.content .contentbefore{width: 100%;height: 100%;background: #FFF;opacity: 0.1;filter: alpha(opacity=10);position: absolute;top: 0;left: 0;z-index: 0}
.chooseus .arrow{width: 78px;background: url(../images/20171206yfimg2-3.png) no-repeat center center;}
.chooseus .content p{line-height: 1;font-weight: lighter;}
.chooseus .content .text1{font-size: 35px;padding-top: 70px}
.chooseus .content .text1 span{font-size: 80px;font-family: 'Helvetica35';}
.chooseus .content .text1 sup{vertical-align: top;font-family: 'Helvetica35';}
.chooseus .content .text2{font-size: 22px;margin-top: 24px;color: #d5d5d5}
/* chooseus end */
/* caseall start */
.caseall{background: #FFF;padding-top: 80px;padding-bottom: 100px}
.casenav{font-size: 0;border-bottom: 1px solid #dfdfdf;font-weight: lighter;}
.casenav li{display: inline-block;margin: 0 50px;height: 68px;line-height: 68px;position: relative;font-size: 20px;margin-top: 50px;cursor: pointer;}
.casenav li:after{content: '';height: 0;width: 0;position: absolute;left: 0;right: 0;bottom: -1px;margin: 0 auto;border-bottom: 2px solid #4251b6;
-webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}
.casenav li.caseactive:after{width: 100%;}
.casenav li:hover:after{width: 100%}
.casenav li:hover{color: #4251b6}
.casenav li.caseactive{color: #4251b6;}
.casebox{position: relative;width: 100%}
.casebox>li{width: 100%;display: none;}
.casewrap{font-size: 0;width: 1228px;margin-left: -28px;}
.casewrap li{width: 278px;height: 317px;margin-left: 28px;display: inline-block;position: relative;vertical-align: top;margin-top: 44px;overflow: hidden;
-webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}
.casewrap li:hover{box-shadow: -1.362px 2.673px 5.46px 1.54px rgba(18, 25, 67, 0.28);}
.casewrap li:after{content: '';width: 276px;height: 315px;border: 1px solid #dfdfdf;position: absolute;left: 0;top: 0;z-index: 1}
.casetext{width: 100%;height: 100%;position: absolute;left: -100%;top: -100%;z-index: 2;}
.casetext .casetextbefore{content:'';width: 272px;height: 311px;position: absolute;left: 0;top: 0;background-color: #353743;opacity: 0.8;filter: alpha(opacity=80);border:3px solid #4251b6;z-index: 1}
.casetextcontent{width: 225px;position: relative;margin: 0 auto;z-index: 2;}
.casetextcontent h4{padding-top: 55px;margin-bottom: 25px;color: #fefefe;font-weight: lighter;text-align: center}
.casetextcontent p{color: #d5d5d5;line-height: 24px;}
/* caseall end */
/* offer start */
.offer{padding-top: 90px;background: #2e303f url(../images/20171206yfimg4.png) no-repeat 0 100px;min-height: 565px;}
.offer h2{font-size: 34px;font-weight: lighter;}
.offer-title2{color: #d5d5d5;font-weight: lighter;margin-top: 15px;}
.formtable{margin-left: 304px;margin-top: 50px;display: inline-block;width: 536px;vertical-align: top;}
.formtable li{margin-top: 16px;}
.formtable input,.formtable textarea{border: 1px solid #fff;color: #fff;font-size: 14px;line-height: 36px;padding-left: 16px;height: 36px;margin-right: 16px;outline: none;resize: none;background-color: transparent;}
.formtable textarea{height: 150px;}
.formtable input::-webkit-placeholder,.formtable textarea::-webkit-placeholder{color: #96979b}
.formtable input::-moz-placeholder,.formtable textarea::-moz-placeholder{color: #96979b}
.formtable input::-ms-placeholder,.formtable textarea::-ms-placeholder{color: #96979b}
.formtable input::-o-placeholder,.formtable textarea::-o-placeholder{color: #96979b}
.formtable input::placeholder,.formtable textarea::placeholder{color: #96979b}
.width214{width: 214px}
.width465{width: 465px}
.offerbtn{width: 130px;height: 38px;line-height: 38px;background-color: #4251b6;display: inline-block;vertical-align: top;}
.offerbtn:hover{color: #fff;}
.offerright{display: inline-block;width: 320px;vertical-align: top;margin-top: 50px;margin-left: 35px;}
.offerright li{padding-left: 40px;font-size: 16px;line-height: 55px}
.offerright li i{width: 40px;height: 55px;background: url(../images/20171206yfimg5.png) no-repeat;display: inline-block;margin-left: -40px;font-size: 0;float: left;}
/* offer end */
.fw-ct .item .icon-multitoone {
    display: inline-block;
    width: 62px;
    height: 55px;
    vertical-align: middle;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
}
.fw-ct a.item:hover .icon-multitoone img{position: absolute;right: 0;}