/*
FONTS
*/

body{background:#fff;color:#4d4d4d; font-size:16px;overflow-x:hidden;}
a{color:#4d4d4d;}
*:focus {outline: none;box-shadow: none;}
.am-alert{margin-bottom:0;text-align:center;}
.am-alert a:hover{color:#dd5f0a;}
input:required:invalid ,textarea:required:invalid{outline: none;box-shadow: none;}
.on ,a:hover{color:#dd5f0a;text-decoration:none;transition: all 300ms ease-in-out 0s;}
.my_ul ,.my_dl{ margin:0; padding:0;}
.my_ul li{ list-style:none;}
.my_dl dt ,.my_dl dd{margin:0;padding:0;font-weight:normal; }
dt + dd{ margin-top:0;}
p{ margin:0 0 10px;}

/*public*/
.web_w{min-width:1200px; margin:0 auto; padding: 0 5%;}
.canyin_menu{display: flex; justify-content: space-between;align-items: center;padding: 30px 5%;min-width:1200px; margin:0 auto; }
.canyin_logo{width:17%;}
.canyin_logo img{display:block ;width: 100%;}
.canyin_menu_con{display: flex; justify-content:flex-end;}
.canyin_menu_con .tel{ line-height: 24px; background: url(../img/canyin/tel.svg) left center no-repeat; background-size:24px 24px; padding-left: 30px;font-size: 18px;}
.canyin_menu_con a{width: 24px; height: 24px; line-height: 24px; font-size:14px;text-align: center; background-color:#4d4d4d; color:#fff;border-radius: 50%;margin-left: 36px;}
.canyin_menu_con a:hover{background-color: #dd5f0a; color: #fff;}
.canyin_menu_nav{display: flex;justify-content:flex-end;margin-top: 15px;}
.canyin_menu_nav li{font-size:18px;margin-left: 40px;}
.canyin_menu_nav li span{font-weight: 600;}
.canyin_menu_nav li:first-of-type{margin-left: 0;}

.canyin_warp{display: flex; justify-content: space-between;}

.canyin_left{width: 16%;margin-top:4.8%;}
.canyin_left .am-sticky{ background-color: #fff;}
.canyin_left_nav{padding-bottom: 4%;}
.canyin_left_nav li{font-size: 16px;margin-bottom: 5%;}
.canyin_left_nav li span{font-weight: 600;}
.canyin_left_nav li a{ color: #494949;}
.canyin_left_nav li a:hover ,.canyin_left_nav li a.am-active ,.canyin_menu_nav li a.am-active{color: #dd5f0a;}

.canyin_left_code{ display: flex; justify-content: space-between;border-bottom:#919191 solid 1px;border-top:#919191 solid 1px;padding:9% 0;}
.canyin_left_code span{width: 45%; text-align: center; font-size: 0.8vw;color: #494949;}
.canyin_left_code span img{display: block; width: 100%; margin: 0 auto;}

.canyin_left_con{padding-top: 4%;color: #494949;}
.canyin_left_con dd{display: flex;margin-top: 4%;}
.canyin_left_con dd b{white-space: nowrap;}

.canyin_right{width: 75%;}
.canyin_right_block_0{margin-top: 6.5%;padding:5%;background-color:#f5e728; display:flex;justify-content:space-between;align-items:center;}
.canyin_right_block_0 dt{width:60%}
.canyin_right_block_0 .title{font-size:60px;color:#d25d1d;letter-spacing: 11px;}
.canyin_right_block_0 .title strong{font-size:72px;}
.canyin_right_block_0 .des{font-size:38px; display:flex; flex-direction: column;}
.canyin_right_block_0 .des span{letter-spacing: 15px;}
.canyin_right_block_0 dd{width:30%}
.canyin_right_block_0 dd img{display:block;width:100%;}

.canyin_right_block_1{position: relative;margin-top: 6.5%;padding-bottom: 6.5%;border-bottom:#919191 solid 1px;display: flex; justify-content: space-between; align-items: center;}

.canyin_right_block_1 .text{width: 55%;}
.canyin_right_block_1 .text .title_1{ font-size: 29px;line-height: 100%; color: #dd5f0a;font-weight: 600;}
.canyin_right_block_1 .text .title_2{font-size: 18px;margin: 10px 0;}
.canyin_right_block_1 .text .title_3{font-size: 72px;font-weight: 600; line-height: 100%;color: #dd5f0a;}
.canyin_right_block_1 .text .des{font-size: 17px; line-height: 30px; margin-top: 40px;}
.canyin_right_block_1 .img{width: 45%;}
.canyin_right_block_1 .img img{display: block; width: 100%;}

.canyin_right_block_3{position: relative; left: -4%; margin-top: 6.5%;}
.canyin_right_block_3 .img{display: block;width:106%;}


.canyin_right_block_4{position: relative; display: flex; justify-content: flex-end;margin: 6.5% 0 0;} 
.canyin_right_block_4:before{display: block; content: '';width: calc(32% + 190px);height:100%; background: url(../img/canyin/pic_4_1.svg) left bottom no-repeat; position: absolute; left: 0; top: 0; background-size: 100% auto; z-index: 1;} 
.canyin_right_block_4 .des{width: 75%;padding: 5% 0;border-bottom:#919191 solid 1px;border-top:#919191 solid 1px; display: flex; justify-content: space-between; position: relative; z-index: 2; flex-wrap: wrap;}
.canyin_right_block_4 .text{width: 190px; font-size: 38px;}
.canyin_right_block_4 .text .title_1{font-weight: 600; white-space: nowrap;}
.canyin_right_block_4 .text .title_2{font-weight: 300; position: relative; white-space: nowrap;}
.canyin_right_block_4 .text .title_2 span:after{display: block; content: '';width: 17px;height:34px; background: url(../img/canyin/jt.svg) left center no-repeat; background-size:contain; position: absolute; right: 0; bottom: 12px;}
.canyin_right_block_4 .ms{width:calc(100% - 260px);margin-top: 14px;}
.canyin_right_block_4 .ms dt{display: flex; justify-content: space-between; margin-bottom: 10px;}
.canyin_right_block_4 .ms dt .img{width: calc(50% - 5px);}
.canyin_right_block_4 .ms dt img{display:block;width: 100%; height: auto;}
.canyin_right_block_4 .ms dd{background-color: #efefef;padding:6% 9%;}
.canyin_right_block_4 .ms dd .title_1{font-size: 25px;font-weight: 600;}
.canyin_right_block_4 .ms dd .title_2{font-size: 23px;margin-top: 5px;}
.canyin_right_block_4 .ms dd .title_2.last{margin-top: 30px;}
.canyin_right_block_4 .ms dd .title_3{margin-top: 10px; text-align: justify; line-height: 30px;}

.canyin_right_block_5{margin:0;}
.canyin_right_block_5:before{display: none;}
.canyin_right_block_5 .des{border-top:none;}
.canyin_right_block_5 .text{display: flex; flex-direction: column; justify-content: space-between;}
.canyin_right_block_5 .text img{width: 100%;margin-top: 50px;}
.canyin_right_block_5 .ms{background-color: #efefef; display: flex; align-items: center;}
.canyin_right_block_5 .ms dd .title_3{margin-top: 20px;}

.canyin_right_block_6{position: relative; display: flex; justify-content: flex-end;margin:0; } 
.canyin_right_block_6 .des{width: 75%;padding: 4% 0 3%;border-bottom:#919191 solid 1px;position: relative; z-index: 2;}
.canyin_right_block_6 .des .text{ text-align: center; margin-top: 5%; line-height: 30px; font-weight: 600;}

.canyin_right_title{width:100%;background-color: #fff000; display: flex; justify-content: space-between; align-items: center;height:170px;position: relative;}
.canyin_right_title.last{width:75%;margin-top: 5%;}
.canyin_right_title:after{display: block; content: ''; width: 1px;height: 110px; background-color: #4d4d4d; position: absolute; left: 50%; top: 50%; margin-top: -55px;}
.canyin_right_title dt ,.canyin_right_title dd{width: 50%; text-align: center; display: flex; flex-direction: column; justify-content: center;}
.canyin_right_title dt strong{font-size: 30px; font-style: italic; line-height: 100%; letter-spacing: 20px;}
.canyin_right_title dt span{font-size: 21px;letter-spacing: 13px; font-weight: 300;margin-top: 5px;}
.canyin_right_title dd strong{font-size: 38px;line-height: 100%;letter-spacing: 4px;padding-right: 6px;}
.canyin_right_title dd span{font-size: 16px;letter-spacing: 13px; margin-top: 5px;}
.canyin_right_title.last dt span{ letter-spacing: 15px;}
.canyin_right_title.last dd span{ letter-spacing: 5px;}


.canyin_right_block_8{position: relative; display: flex; justify-content: flex-end; flex-wrap: wrap;} 
.canyin_right_block_8 .des{width: 75%;display: flex; justify-content: space-between; position: relative; z-index: 2; flex-wrap: wrap; padding: 3% 0;border-bottom:#919191 solid 1px;}
.canyin_right_block_8 .des.last{ padding-bottom: 0; border: none;}
.canyin_right_block_8 .text{width: 190px; font-size: 38px; line-height: 100%; display: flex; flex-direction: column; justify-content:flex-start;}
.canyin_right_block_8 .text .title_0{font-weight: 300;font-size: 31px;}
.canyin_right_block_8 .text .title_1{font-weight: 600;margin: 10px 0; letter-spacing: 8px; position: relative;}
.canyin_right_block_8 .text .title_1:after{display: block; content: '';width: 15px;height:30px; background: url(../img/canyin/jt.svg) left center no-repeat; background-size:contain; position: absolute; right: 0; top: 50%; margin-top: -15px;}
.canyin_right_block_8 .text .title_2{font-weight: 300; white-space: nowrap;}
.canyin_right_block_8 .text .title_2.last{font-size: 25px;}
.canyin_right_block_8 .text img{width:25%;margin:30px auto 0;}
.canyin_right_block_8 .ms{width:calc(100% - 260px);margin-top: 14px;}
.canyin_right_block_8 .ms dt{padding: 0 10%; font-size: 16px; font-weight: 600; position: relative; top: -15px;}

.canyin_right_block_8 .ms dd .iteam_sort{display: flex; justify-content: space-between; flex-wrap: wrap;}
.canyin_right_block_8 .ms dd .iteam_sort li{width:calc(50% - 10px);height:150px; background-color: #efefef;display: flex;position: relative;padding:30px 20px;margin-top: 20px; }
.canyin_right_block_8 .ms dd .iteam_sort li .word{position: relative; z-index: 2;}
.canyin_right_block_8 .ms dd .iteam_sort li .word strong{display: block; font-size: 25px;color: #dd5f0a;}
.canyin_right_block_8 .ms dd .iteam_sort li .word span{display: block; font-size: 15px; margin-top: 5px;}
.canyin_right_block_8 .ms dd .iteam_sort li .num{position: absolute;width: 100%;height: 100%; right: 0; top: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: center right 5px; background-size: auto 90%; z-index: 1;}
.canyin_right_block_8 .ms dd .iteam_sort li:nth-of-type(1) .num{background-image: url(../img/canyin/1.svg);}
.canyin_right_block_8 .ms dd .iteam_sort li:nth-of-type(2) .num{background-image: url(../img/canyin/2.svg);}
.canyin_right_block_8 .ms dd .iteam_sort li:nth-of-type(3) .num{background-image: url(../img/canyin/3.svg);}
.canyin_right_block_8 .ms dd .iteam_sort li:nth-of-type(4) .num{background-image: url(../img/canyin/4.svg);}
.canyin_right_block_8 .ms dd .iteam_sort li:nth-of-type(5) .num{background-image: url(../img/canyin/5.svg);}
.canyin_right_block_8 .ms dd .iteam_sort li:nth-of-type(6) .num{background-image: url(../img/canyin/6.svg);}
.canyin_right_block_8 .ms dd .iteam_sort li:nth-of-type(7) .num{background-image: url(../img/canyin/7.svg);}


.canyin_right_block_8 .ms dd .img{display: block; width: 50%; margin: 50px auto 0;}
.canyin_right_block_8 .text .img{width: 150%;position: relative; left: -25%;margin:0 auto;}

.canyin_case{width: 100%;}
.canyin_case li{width: calc(33.33% - 3px); margin-top: 6px;}
.canyin_case li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.canyin_case li a img{display: block; width: 100%;}
.canyin_case li a span{ display:flex; flex-direction: column; justify-content: center;align-items: center; width:100%; height:0; position:absolute; left:0; bottom:0; background: url(../img/bg_1.png) center center repeat; color:#FFFFFF;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;overflow:hidden;text-align: center;}
.canyin_case li a span b{padding:0 20px;opacity: 0;transform: translateY(30px);-webkit-transform: translateY(30px);-moz-transform: translateY(30px);}
.canyin_case li a span em{display:block; font-size:18px;font-weight:normal;font-weight:100;font-style:normal;}
.canyin_case li a span strong{ display:block;font-weight:normal;margin-top:10px;font-size: 15px;}
.canyin_case li a span i{ display:block; width:26px; height:26px; right:20px; bottom:20px; position:absolute; background:url(../img/ico_6.png) center center no-repeat;background-size:cover;transform: translateX(30px);-webkit-transform: translateX(30px);-moz-transform: translateX(30px);opacity: 0;}
.canyin_case li a:hover span{height:100%;transition: all .3s ease .1s;-webkit-transition: all .3s ease .1s;-moz-transition: all .3s ease .1s;}
.canyin_case li a:hover span b{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transition: all .5s ease .2s;-webkit-transition: all .5s ease .2s;-moz-transition: all .5s ease .2s;opacity: 1;}
.canyin_case li a:hover span i{transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transition: all .6s ease .3s;-webkit-transition: all .6s ease .3s;-moz-transition: all .6s ease .3s;opacity: 1;}

.more_btn{width:75%;text-align:center;margin-top:30px;}
.more_btn a{display:inline-block;padding:5px 30px;border-radius:1000px;border:#333 solid 1px;}
.more_btn a:hover{background-color:#6fba2c;color:#fff;border-color:#6fba2c;}

.canyin_team li{width: calc(25% - 30px);}
.canyin_team li img{display: block; width: 100%; margin: 0 auto;}
.canyin_team li strong{display: block;margin: 10px 0 4px;}
.canyin_team li span{font-size: 14px;}

.canyin_footer{padding: 5% 0!important;border-top:#919191 solid 1px; margin-top: 5%;}
.canyin_footer dt strong{ display: block; font-size: 20px;}
.canyin_footer dt span{display: block;margin-top: 10px; margin-bottom: 20px;}
.canyin_footer dt a i{width: 24px; height: 24px; line-height: 24px; font-size:14px;text-align: center; background-color:#4d4d4d; color:#fff;border-radius: 50%;margin-left: 20px;}
.canyin_footer dt a:hover i{background-color: #dd5f0a; color: #fff;}
.canyin_footer dt a .am-icon-weixin{margin-left: 0;}
.canyin_footer dd .list{ display: flex; line-height: 30px;max-width: 250px;}
.canyin_footer dd .list b{white-space: nowrap;}
.canyin_footer dd .canyin_footer_nav{ line-height: 30px;}
.canyin_footer dd .canyin_footer_code{display: flex; flex-direction: column; font-size: 0.8vw; text-align: center;}
.canyin_footer dd .canyin_footer_code span:last-of-type{margin-top: 20px;}
.canyin_footer dd .canyin_footer_code img{display: block; width:100px; margin: 0 auto;}

#weixin_img img{ display:block; width:180px; margin:0 auto;}