@charset "utf-8";
.banner{height: 644px;background: url(../../../images/changeagree/banner.jpg) no-repeat center top;position: relative;}
.banner > a{display: block;width: 233px;height: 54px;text-indent: -9999px;position: absolute;top: 440px;left: 50%;margin-left: 23px;}
.banner > a:first-child{margin-left: -257px;}
.scrollbox{height: 53px;background: rgba(27,29,39,0.5);position: absolute;bottom: 20px;left: 50%;margin-left: -600px;width: 1200px;}
.scrollbox b{display: block;width: 150px;height: 53px;background: url(../../../images/changeagree/icon1.png) no-repeat 35px center;text-indent: -9999px;}
.scrollbox .bdbox{width: 1050px;height: 30px;padding: 12px 0 11px;position: absolute;top: 0;right: 0;}
.scrollbox .bd{width: 1050px;height: 30px;}
.scrollbox .bd ul{height: 30px;overflow: hidden;}
.scrollbox .bd li{width: 348px;float: left;height: 30px;position: relative;margin-right: 64px;}
.scrollbox .bd li span{display: block;width: 348px;height: 30px;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;font-size: 12px;color: #b4b6bf;margin-right: 64px;}
.scrollbox .bd li i{color: #e4bb64;}
.scrollbox .bd li::after{content: "";display: block;width: 1px;height: 18px;background: rgba(238,238,238,0.1);position: absolute;left: -64px;top: 7px;}
.scrollbox .hd{position: absolute;top: 6px;right: 18px;}
.scrollbox .hd a{display: block;width: 18px;height: 18px;background: url(../../../images/changeagree/icon3.png) no-repeat center;margin: 11px 13px;float: left;}
.scrollbox .hd a:first-child{background: url(../../../images/changeagree/icon2.png) no-repeat center;}
.sidebd{width: 1200px;height: 100%;margin: 0 auto;display: table;}
.side .title{font-size: 36px;color: #333;background: url(../../../images/changeagree/icon4.png) no-repeat;padding: 27px 0;margin-top: 85px;}
.side1{height: 488px;background: url(../../../images/changeagree/side1bg.jpg) no-repeat center top;}
.side1 .p1{font-size: 16px;color: #979caa;line-height: 30px;padding-top: 6px;}
.side1 .p2{font-size: 22px;color: #333;margin-top: 36px;}
.side1 ul{margin-top: 27px;}
.side1 ul li{float: left;width: 210px;padding-left: 80px;height: 100px;background: #fff;border-radius: 6px;-webkit-border-radius: 6px;box-shadow: 0 3px 20px #e5edf4;-webkit-box-shadow: 0 3px 20px #e5edf4;margin-right: 20px;}
.side1 ul .li1{background: url(../../../images/changeagree/icon5.png) no-repeat 30px center;}
.side1 ul .li2{background: url(../../../images/changeagree/icon6.png) no-repeat 30px center;}
.side1 ul .li3{background: url(../../../images/changeagree/icon7.png) no-repeat 30px center;}
.side1 ul li .s1{font-size: 16px;color: #2d1f1b;padding-top: 26px;}
.side1 ul li .s2{font-size: 12px;color: #979caa;padding-top: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.side1 ul li:hover,.side2 ul li:hover,.side4 ul li:hover,.side5 ul li:hover,.side3 ul li > div:hover{transform: translateY(-4px);-webkit-transform: translateY(-4px);transition: all 0.3s;-webkit-transition: all 0.3s;}
.side2{height: 694px;background: #f7f8fd;}
.side2 .title{margin-top: 80px;}
.side2 ul{display: table;margin: 14px -15px 0;}
.side2 ul li{float: left;width: 380px;height: 440px;margin: 0 15px;position: relative;}
.side2 ul .li1{background: url(../../../images/changeagree/icon8.png) no-repeat;}
.side2 ul .li2{background: url(../../../images/changeagree/icon9.png) no-repeat;}
.side2 ul .li3{background: url(../../../images/changeagree/icon10.png) no-repeat;}
.side2 ul li .t1{text-align: center;font-size: 20px;color: #333;padding-top: 35px;height: 44px;line-height: 44px;font-weight: bold;}
.side2 ul li .s{font-size: 14px;color: #979caa;position: absolute;}
.side2 ul .li1 .s1{left: 258px;top: 182px;}
.side2 ul .li1 .s2{left: 95px;top: 345px;}
.side2 ul .li1 .s3{left: 258px;top: 345px;}
.side2 ul .li2 .s1{left: 257px;top: 180px;}
.side2 ul .li2 .s2{left: 93px;top: 345px;}
.side2 ul .li2 .s3{left: 257px;top: 345px;}
.side2 ul .li2 .s4{left: 124px;top: 239px;}
.side2 ul .li3 .s1{left: 258px;top: 181px;}
.side2 ul .li3 .s2{left: 94px;top: 345px;}
.side2 ul .li3 .s3{left: 258px;top: 345px;}
.side2 ul .li3 .s4{left: 147px;top: 240px;}
.side3{height: 617px;background: url(../../../images/changeagree/side3bg.jpg) no-repeat center top;}
.side3 .title{margin-top: 66px;color: #fff;}
.side3 ul{overflow: hidden;margin-top: 14px;}
.side3 ul li{position: relative;}
.side3 ul .li1{width: 1200px;background: url(../../../images/changeagree/icon11.png) no-repeat;height: 132px;padding-top: 58px;}
.side3 ul .li2{width: 1120px;background: url(../../../images/changeagree/icon12.png) no-repeat;height: 131px;padding-top: 59px;margin: 0 auto;}
.side3 ul .li1 > div{font-size: 14px;color: #787c9a;text-align: center;float: left;padding-top: 65px;height: 25px;width: 140px;}
.side3 ul .li1 > .d1{background: url(../../../images/changeagree/icon16.png) no-repeat center top;margin-left: 41px;}
.side3 ul .li1 > .d2{background: url(../../../images/changeagree/icon17.png) no-repeat center top;}
.side3 ul .li1 > .d3{background: url(../../../images/changeagree/icon18.png) no-repeat center top;}
.side3 ul .li1 > .d4{background: url(../../../images/changeagree/icon19.png) no-repeat center top;}
.side3 ul .li1 > .d5{background: url(../../../images/changeagree/icon20.png) no-repeat center top;}
.side3 ul .li1 > .d6{background: url(../../../images/changeagree/icon21.png) no-repeat center top;}
.side3 ul .li1 > .d7{background: url(../../../images/changeagree/icon22.png) no-repeat center top;}
.side3 ul .li1 > .d8{background: url(../../../images/changeagree/icon23.png) no-repeat center top;}
.side3 ul .li2 > div{font-size: 14px;color: #c1c9ff;text-align: center;float: left;padding-top: 65px;height: 25px;width: 151px;}
.side3 ul .li2 > .d1{background: url(../../../images/changeagree/icon24.png) no-repeat center top;margin-left: 32px;}
.side3 ul .li2 > .d2{background: url(../../../images/changeagree/icon25.png) no-repeat center top;}
.side3 ul .li2 > .d3{background: url(../../../images/changeagree/icon26.png) no-repeat center top;}
.side3 ul .li2 > .d4{background: url(../../../images/changeagree/icon27.png) no-repeat center top;}
.side3 ul .li2 > .d5{background: url(../../../images/changeagree/icon28.png) no-repeat center top;}
.side3 ul .li2 > .d6{background: url(../../../images/changeagree/icon29.png) no-repeat center top;}
.side3 ul .li2 > .d7{background: url(../../../images/changeagree/icon30.png) no-repeat center top;}
.side4{height: 642px;background: #fff;}
.side4 .title{margin-top: 80px;}
.side4 ul{display: table;margin: 21px auto 0;}
.side4 ul li{box-shadow: 0 3px 20px #e5edf4;-webkit-box-shadow: 0 3px 20px #e5edf4;width: 585px;height: 380px;float: left;}
.side4 ul .li1{background: url(../../../images/changeagree/icon13.png) no-repeat;}
.side4 ul .li2{background: url(../../../images/changeagree/icon14.png) no-repeat;margin-left: 29px;}
.side4 ul li .t1{font-size: 26px;color: #fff;height: 80px;line-height: 80px;text-align: center;margin-bottom: 33px;}
.side4 ul li .b1{font-size: 16px;color: #979caa;height: 40px;line-height: 40px;padding-left: 80px;}
.side4 ul li .b1 i{display: inline-block;vertical-align: top;width: 20px;height: 20px;line-height: 20px;text-align: center;margin-right: 12px;margin-top: 10px;border-radius: 100%;-webkit-border-radius: 100%;font-size: 16px;}
.side4 ul .li1 .b1 i{background: #6f68ec;color: #b0acff;}
.side4 ul .li2 .b1 i{background: #ff7e2d;color: #ffb78a;}
.side4 ul li .b1.espic{height: 52px;line-height: 22px;padding-top: 10px;padding-left: 112px;}
.side4 ul li .b1.espic i{margin-top: 0;margin-left: -32px;}
.side5{height: 744px;background: #f4f5f9;}
.side5 .title{margin-top: 80px;}
.side5 ul{width: 1230px;margin: 10px -15px 0;}
.side5 ul::after{content: "";display: block;clear: both;}
.side5 ul li{position: relative;float: left;width: 585px;height: 140px;background: #fff;border-radius: 6px;-webkit-border-radius: 6px;box-shadow: 0 3px 20px #e5edf4;-webkit-box-shadow: 0 3px 20px #e5edf4;margin: 0 15px 20px;}
.side5 ul li a{display: block;padding: 30px 40px 24px;}
.side5 ul li .p1{font-size: 18px;color: #333;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: url(../../../images/changeagree/icon15.png) no-repeat left center;padding-left: 50px;font-weight: bold;}
.side5 ul li .p2{font-size: 14px;color: #979caa;line-height: 24px;height: 48px;overflow: hidden;padding-left: 50px;margin-top: 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.c_f_l{float:left;display:block}
.c_f_r{float:right;display:block}
.c_c_f{zoom:1}.c_c_f:after{width:0;height:0;content:'';clear:both;font-size:0;line-height:0;display:block;visibility:hidden}
.form_swiper {
  padding: 99px 0 109px;
  background-color: #493d89;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../images/changeagree/fs_bg.png);
}
.fs_main {margin:auto;width:1200px}
.form_box {width:650px}
.form_swiper_title {
  color: #fff;
  font-size: 36px;
	line-height: 36px;
  position: relative;
  padding: 27px 0 53px;
}
.form_swiper_title::before {
  top: 0;
  left: 0;
  width: 46px;
  height: 7px;
  content: '';
  position: absolute;
  border-radius: 3.5px;
	background-color: #b996ff;
}
.form_swiper_title::after {
  top: 0;
  left: 57px;
  width: 13px;
  height: 7px;
  content: '';
  position: absolute;
  border-radius: 3.5px;
	background-color: #b996ff;
}
.form_main {
	width: 550px;
  height: 320px;
  padding: 50px;
	border-radius: 6px;
	background-color: #6865f2;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../images/changeagree/form_bg.png);
}
input,textarea{margin:0;padding:0;resize:none;border:none;outline:none}
input[type='number']{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
/* Input placeholder style. */
.form_input::-webkit-input-placeholder,.form_textarea::-webkit-input-placeholder{color:#9f9de9}/* Webkit */
.form_input::-moz-placeholder,.form_textarea::-moz-placeholder{color:#9f9de9}/* Mozilla Firefox 19+ */
.form_input:-moz-placeholder,.form_textarea:-moz-placeholder{color:#9f9de9}/* Mozilla Firefox 4 to 18 */
.form_input:-ms-input-placeholder,.form_textarea:-ms-input-placeholder{color:#9f9de9}/* Internet Explorer 10-11 */
.form_input:focus,.form_textarea:focus{outline:0;background-color:#f4f4ff}
.f_mt_20{margin-top:20px}
.form_input,.form_textarea {  
  width: 512px;
  font-size: 16px;
	color: #5d5bbc;
  line-height: 16px;
  padding: 13px 18px;
	border-radius: 4px;
	background-color: #d8d7ff;
	border: solid 1px #e2e6ef;
}
.form_submit_btn {
	width: 550px;
  height: 46px;
	color: #fff;
  display: block;
  font-size: 16px;
  cursor: pointer;
	line-height: 46px;
  border-radius: 6px;
  text-align: center;
  background-color: #5b10f3;
	background-image: linear-gradient(90deg, #5b10f3 0%, #8510f3 100%);
}
.form_submit_btn:hover{color: #fff;}
.swiper_box{margin-left:8px}
.swiper_main{
	width: 490px;
  height: 372px;
  margin-left: 12px;
  padding: 24px 20px;
	border-radius: 6px;
	background-color: #ffffff;
}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}
.case_views{width:490px;height:292px;position:relative;}
.case_views .swiper-slide{width:490px;height:292px;}
.case_title {
	color: #333;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
}
.case_img {
  width: 488px;
  height: 248px;
  display: block;
  margin-top: 22px;
	border: solid 1px #eaeefb;
}
.case_prev,.case_next {
	width: 42px;
  height: 40px;
  bottom: 98px;
  cursor: pointer;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, .3);
}
.case_prev{
  left: 0;
  background-image: url(../../../images/changeagree/case_prev.png);
}
.case_next{
  right: 0;
  background-image: url(../../../images/changeagree/case_next.png);
}
.case_prev_p,.case_next_p {
  display: none;
  font-size: 14px;
	color: #f0f2f5;
	font-weight: bold;
	line-height: 40px;
  position: absolute;
  letter-spacing: .4px;
}
.case_prev_p{left:34px;}
.case_next_p{right:34px;}
.case_prev:hover{
  width: 120px;
  background-position: 16px center;
}
.case_next:hover{
  width: 120px;
  background-position: 95px center;
}
.case_prev:hover p,.case_next:hover p{display: block}
.case_thumbnails {
  width: 490px;
  height: 70px;
  margin-top: 10px;
}
.case_thumbnails .swiper-slide {
  width: 150px;
  height: 70px;
}
.case_thumbnails .swiper-wrapper .swiper-slide:last-child{width: 140px;}
.case_thumb_img {
	width: 138px;
	height: 68px;
	border: solid 1px #ccd1ee;
}
.active-nav .case_thumb_img {
	width: 134px;
	height: 64px;
	border: solid 3px #566fff;
}
.layer {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  position: fixed;
  background-color: rgba(0, 0, 0, .8);
  display: none;
}
.layer_main {
  top: 50%;
  left: 50%;
	width: 634px;
  height: 330px;
  border-radius: 8px;
  position: absolute;
  padding: 110px 40px 0;
	background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  margin: -220px auto auto -357px;
  background-image: url(../../../images/changeagree/layer_bg.png);
}
.layer_close {
  top: 15px;
	width: 40px;
  right: 44px;
  height: 40px;
  cursor: pointer;
  position: absolute;
}
.l_f_mt_12 {margin-top: 12px}
.layer_forms {width: 634px;}
.layer_form_label {
	opacity: .7;
  width: 106px;
  height: 42px;
  font-size: 14px;
	color: #27292e;
  line-height: 42px;
  text-align: right;
}
/* Input placeholder style. */
.layer_form_input::-webkit-input-placeholder,.layer_form_textarea::-webkit-input-placeholder{color:#999}/* Webkit */
.layer_form_input::-moz-placeholder,.layer_form_textarea::-moz-placeholder{color:#999}/* Mozilla Firefox 19+ */
.layer_form_input:-moz-placeholder,.layer_form_textarea:-moz-placeholder{color:#999}/* Mozilla Firefox 4 to 18 */
.layer_form_input:-ms-input-placeholder,.layer_form_textarea:-ms-input-placeholder{color:#999}/* Internet Explorer 10-11 */
.layer_form_input:focus,.layer_form_textarea:focus{outline:0;}
.layer_form_input,.layer_form_textarea {
  width: 484px;
  color: #27292e;
  font-size: 12px;
  line-height: 12px;
  padding: 13px 20px;
  border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #e4ebf5;
}
.layer_form_handles {
  width: 526px;
	height: 42px;
}
.layer_form_qq {
  width: 255px;
  height: 42px;
  cursor: pointer;
	border-radius: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../images/changeagree/layer_qq.png);
}
.layer_form_submit {
  width: 255px;
	height: 42px;
  cursor: pointer;
	border-radius: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../images/changeagree/layer_sub.png);
}
.layer_footer {
	color: #999;
  font-size: 14px;
  margin-top: 36px;
  text-align: center;
}
.layer_form_label i,.layer_footer i{color: #f23737;}