﻿/*.ad {width: 1200px; padding:20px 24px; margin: 20px auto 0 auto;-webkit-box-shadow: 0 3px 8px hsla(0,0%,64.7%,.4);box-shadow: 0 3px 8px hsla(0,0%,64.7%,.4);background:#FFFFFF;height: 135px;}*/
.ad {width: 100%; padding:0px; margin: 20px auto 0 auto;-webkit-box-shadow: 0 3px 8px hsla(0,0%,64.7%,.4);box-shadow: 0 3px 8px hsla(0,0%,64.7%,.4);background:#FFFFFF;height: 94px;}
.ad img{display: flex;width: 100%;height: 100%;}

/*.lx_test{position: relative;top: -155%;right: -64.1%;width: 230px;height: 54px;line-height: 63px;font-size: 18px;color: #fff; padding-left: 90px;border-radius: 28px; }
*/
.lx_test{text-align: center;width: 13%;float: right;margin-top: 2.5%;height: 40px;border: 1px solid #cccc;padding: 0px;line-height: 40px;border-radius: 20px;background: #ff7b00; }

.lx_test a{color:#FFF;font-size: 20px;}
.lx_test a:hover{color:#FFF;}
.lx_test:hover{background: #e64451;}
/*.lx_test:hover{background: url(../images/ad_lx.jpg) no-repeat -4px;}
*/
.mt-tabpage {width: 1200px; margin: 20px auto 0 auto;-webkit-box-shadow: 0 3px 8px hsla(0,0%,64.7%,.4);box-shadow: 0 3px 8px hsla(0,0%,64.7%,.4);background:#FFFFFF url(../images/ttbj.jpg) no-repeat 20px 20px; padding:10px 0}

.mt-tabpage-tt { width:40%; float:left;height:80px; line-height:80px;}

.mt-tabpage-tt b { font-size:26px; margin-right:20px;margin-left:20px;}

.mt-tabpage-tt span { font-size:13px;}

.mt-tabpage-title {height:44px; width: 50%; margin-top:20px;float:right}



.mt-tabpage-title .mt-tabpage-item {display: inline-block; margin:0 20px; height: 44px;line-height: 44px;text-align: center;color: #666;font-size: 16px; float:right}

.mt-tabpage-title .mt-tabpage-item:hover {color: #eb4537;}

.mt-tabpage-title .mt-tabpage-item-cur {color: #eb4537;font-size: 16px;border-bottom: 1px solid #F85B5E;}



.mt-tabpage .more { float:right;height: 44px;line-height: 44px; font-size:13px; text-align:center;margin-top:20px; margin:20px 20px 0 20px; color:#666}

.mt-tabpage .more:hover { color:#eb4537}



.mt-tabpage-count {position: relative;width: 1200px;overflow: hidden;}

.mt-tabpage-cont__wrap {position: absolute;}

.mt-tabpage-count .mt-tabpage-item {width: 1200px;text-align: center;}



.boxs0 { width:372px; height:188px; margin:0px 0px 10px 20px; float:left; border:1px #c1bdbd solid; text-align:left; padding:30px;}

.boxs0-l { width:200px; float:left}

.boxs0-l b { display:block;font-size:18px; color:#ff4604; line-height:30px; font-weight:normal; margin-bottom:10px;}

.boxs0-l span { display:block; line-height:28px; color:#666; font-size:13px;}

.boxs0-r { width:100px; float:right}

.boxs0-r img { width:100px; height:100px; -moz-border-radius: 200px;-webkit-border-radius: 200px;border-radius:200px;}

.boxs0-r .zx { display:block;  width:100px; height:28px; line-height:28px; text-align:center; background:linear-gradient(45deg, #ee5a56, #f2b25b); margin-top:10px;color: #f1eeeb;}

.boxs0-r .zx:hover {background: #F30;}



.boxs1 { width:216px; height:274px; margin:10px -1px 10px 20px; float:left; border:1px #c1bdbd solid}

.boxs1 img { width: 182px;height: 108px;}

.boxs1 b { display:block;background: #ccc;line-height: 29px;height: 29px; }

.boxs1 p { display:block; line-height:24px;}
.boxs1 p a { font-size:13px}

.boxs1 span { display:block; }

.boxs1 span a {display:block;background:linear-gradient(45deg, #ee5a56, #f2b25b); width:172px; margin:15px auto; color:#FFF; height:30px; line-height:30px; font-size:12px }

.boxs1 span a:hover { background:#F30}



.boxs2 { width:372px;  margin:10px 0px 10px 20px; padding:10px; float:left; border:1px #c1bdbd solid; text-align: left} 

.boxs2 img { display:block; float:left; width:26%;}

.boxs2 p { display:block; padding:0 0 0 20px; border-left:1px #e7e7e7 solid; float:right; width:70%;}

.boxs2 p b { font-size:16px; display:block; margin-bottom:10px;}

.boxs2 p b a { color:#000}

.boxs2 p b a:hover { color:#F30}

.boxs2 p span { font-size:13px; display:block; line-height:22px;white-space: nowrap;border-bottom: 1px dashed #ccc;}

.boxs2 p em { font-size:12px; display:block; margin-top:10px;}

.boxs2 p em a { color:#F30}

.boxs2 p em a:hover { text-decoration:underline}



.boxs3 { width:216px; height:100px; background:#f1f1f1;margin:10px 0px 10px 20px; padding:22px; text-align:left; float:left}

.boxs3 p { width:110px; float:left }

.boxs3 p b { display:block; font-size:16px;}

.boxs3 p span { display:block; font-size:12px; padding-top:5px; color:#707070}

.boxs3 img { display:block; float:right; width:40px; margin-top:20px;}

.boxs3 a { display:block; color:#000;background:#f1f1f1;}

.boxs3 a:hover { color:#F30;background:#eaeaea;}



.boxs4 { width:260px; margin:0 14px 0 24px; float:left}

.boxs4 img { padding:0 0 30px 0;}

.boxs4 p { display:block; padding-bottom:10px; font-size:16px; border-bottom:1px #e5e5e5 solid; text-align:left; margin-bottom:10px; color:#191919}

.boxs4 p a { float:right; font-weight:normal; font-size:12px; color:#999}

.boxs4 p a:hover { color:#F30}

.boxs4 span { display:block; text-align:left; line-height:40px; font-size:13px; background:url(../images/service_list_right.png) no-repeat left center; padding-left:20px;border-bottom: 1px dotted;}



.boxs5 { width:215px; float:left; margin:0 0px 20px 20px;}

.boxs5 img{ border:1px #c1bdbd8f solid; height:136px; width:215px;}
.boxs5 p{background: #f1f1f1;height: 26px;line-height: 26px;}



.boxs6 { width:350px; margin:0 20px 0 24px; float:left}

.boxs6 p { display:block; padding-bottom:18px; font-size:16px; border-bottom:1px #e5e5e5 solid; text-align:left; margin:18px 0 18px 0; color:#191919; padding-left:15px;}

.boxs6 p a { float:right; font-weight:normal; font-size:12px; color:#999; }

.boxs6 p a:hover { color:#F30}

.boxs6 span { display:block; text-align:left; line-height:35px; font-size:13px; background:url(../images/o.jpg) no-repeat left center; padding-left:20px;}

.boxs6 span a{ display:block; background:url(../images/message_list_more.png) no-repeat right center}



.boxs7 { width:350px; margin:0 20px 0 24px; float:left; background:url(../images/ii.jpg) no-repeat left 68px}

.boxs7 p { display:block; padding-bottom:18px; font-size:16px; border-bottom:1px #e5e5e5 solid; text-align:left; margin:18px 0 18px 0; color:#191919; padding-left:15px;}

.boxs7 p a { float:right; font-weight:normal; font-size:12px; color:#999; }

.boxs7 p a:hover { color:#F30}

.boxs7 span { display:block; text-align:left; line-height:35px; font-size:13px; padding-left:30px;}

.boxs7 span a{ display:block; }



.advantage { background: url(../images/bg2.png) no-repeat; background-size: 100% 100%;height: auto; padding: 20px 0 0px 0;}

.advantage-inner { width : 1200px; margin: 0 auto;}

.advantage-inner__title { text-align: center;}

.advantage-inner__title h2 { font-size: 38px; color: #ffffff;text-shadow: 0 3px black;}

.advantage-inner__title p { font-size: 16px; color: #ffffff;margin-bottom: 14px;}

.advantage-inner__content {width: 100%;overflow: hidden; position: relative;}

.advantage-inner__content:after { content: ""; display: block;clear  : both;}

.advantage-inner__img { position: absolute; left: 50%; margin-left: -78px; top: 110px;}

.advantage-inner__item { float: left; width: 50%;  height: 187px;  border-radius: 5px; overflow: hidden; padding: 50px;}

.advantage-inner__item:nth-child(1) {  background: url(../images/bg3.png) no-repeat;  background-size: contain;}

.advantage-inner__item:nth-child(2) { background: url(../images/bg4.png) no-repeat; background-size: contain;padding-left: 65px;}

.advantage-inner__item:nth-child(3) { background: url(../images/bg5.png) no-repeat;  background-size: contain;}

.advantage-inner__item:nth-child(4) { background: url(../images/bg6.png) no-repeat; background-size: contain; padding-left: 65px;}

.advantage-inner__item h2 { font-size: 20px; color: #3d3d3d;  border-bottom: 1px dashed #ebebeb;}

.advantage-inner__item h2 i:before { content: "";display: inline-block; width: 10px; height: 10px; background: url(../images/fourpoint.png) no-repeat 50%; margin-right: 8px; position: relative;top: -2px;}

.advantage-inner__item p {font-size: 15px;color: #808080;line-height: 30px;text-indent: 2em;}





/*title*/

.title{width:1200px;padding:20px 0 20px 0; margin:0 auto;text-align:center;font-size:32px;}


.title .big{overflow:hidden;font-weight:normal;}

.title .big span{font-size:38px;text-align:center;color:#343434;position:relative;height:30px;display:inline-block;padding:0 20px;}

.title .big span i{display:block;width:11px;height:11px;position:absolute;content:"";top:50%;margin-top:-5.5px;background:url(../images/sys_icon.png) no-repeat -159px 0;}

.title .big span .i_l{left:0;}

.title .big span .i_r{right:0;}

.title .intro{text-align:center;font-size:14px;color:#9B9B9B;line-height:28px;}

.title_box{height:28px;line-height:28px;overflow:hidden;width:320px;margin:0 auto;position:relative;}

.title_box li{font-size:14px;color:#9B9B9B;text-align:left;line-height:28px;height:28px;text-align:left;padding-left:70px;}

.title_box span{font-size:14px;color:#9B9B9B;position:absolute;left:0;top:0;width:70px;height:28px;}

.jiaoyikuaibao{height:28px;line-height:28px;}





.publicblock{width:1200px;margin:0 auto;clear: both; zoom: 1; margin-bottom:30px;}

.block8{padding-top:10px;}

.block8 .content_left{width:360px;height:450px;float:left;}

.block8 .content_left li{width:175px;height:145px;float:left;margin:0 5px 8px 0;-webkit-box-shadow: 0 3px 8px hsla(0,0%,64.7%,.4);box-shadow: 0 3px 8px hsla(0,0%,64.7%,.4);}

.block8 .content_left .single{width:175px;height:145px;background:#Fff;display:block;text-align:center;float:left;position:relative;}

.block8 .content_left .single .img{width:34px;height:34px;margin:0 auto;margin-bottom:5px;margin-top:35px;background: url(../images/sys_icon.png) no-repeat -187px -22px;}

.block8 .content_left .li1 .img{background-position:-4px -85px;}

.block8 .content_left .li1.on .img{background-position:-4px -43px;}

.block8 .content_left .li2 .img{background-position:-60px -85px;}

.block8 .content_left .li2.on .img{background-position:-60px -45px;}

.block8 .content_left .li3 .img{background-position:-119px -87px;}

.block8 .content_left .li3.on .img{background-position:-119px -45px;}

.block8 .content_left .li4 .img{background-position:-181px -84px;}

.block8 .content_left .li4.on .img{background-position:-181px -45px;}

.block8 .content_left .li5 .img{background-position:-237px -84px;}

.block8 .content_left .li5.on .img{background-position:-237px -45px;}

.block8 .content_left .li6 .img{background-position:-292px -82px;}

.block8 .content_left .li6.on .img{background-position:-292px -45px;}

.block8 .content_left .single p{padding:3px 0;font-size:12px;color:#9F9F9F;font-size:14px;color:#717171;position:relative;padding-top:10px;}

.block8 .content_left .single p:after{display:block;height:1px;width:31px;position:absolute;content:"";position:absolute;background:url(../images/hr3.png) no-repeat center;left:50%;top:0px;margin-left:-15.5px;}

.block8 .content_left i{display:block;position:absolute;}

.block8 .content_left i.j1{width:9px;height:7px;border-left:1px solid #fff;left:5px;top:5px;border-top:1px solid #fff;}

.block8 .content_left i.j2{width:9px;height:7px;border-right:1px solid #fff;right:5px;top:5px;border-top:1px solid #fff;}

.block8 .content_left i.j3{width:7px;height:9px;border-right:1px solid #fff;right:5px;bottom:5px;border-bottom:1px solid #fff;}

.block8 .content_left i.j4{width:7px;height:9px;border-left:1px solid #fff;left:5px;bottom:5px;border-bottom:1px solid #fff;}

.block8 .content_left li.on a{background:#FF734F;}

.block8 .content_left li.on p{color:#fff;font-size:14px;font-weight:700;padding-top:15px;}

.block8 .content_left li.on p:after{background:#fff;}

.block8 .content_right{height:445px;width:835px;background:url(../images/bg.jpg);margin-left:365px;position:relative;}

.block8 .content_right i{display:block;position:absolute;}

.block8 .content_right i.j1{width:9px;height:7px;border-left:1px solid #A9A9A9;left:5px;top:5px;border-top:1px solid #A9A9A9;}

.block8 .content_right i.j2{width:9px;height:7px;border-right:1px solid #A9A9A9;right:5px;top:5px;border-top:1px solid #A9A9A9;}

.block8 .content_right i.j3{width:7px;height:9px;border-right:1px solid #A9A9A9;right:5px;bottom:5px;border-bottom:1px solid #A9A9A9;}

.block8 .content_right i.j4{width:7px;height:9px;border-left:1px solid #A9A9A9;left:5px;bottom:5px;border-bottom:1px solid #A9A9A9;}

.block8 .content_right li{width:100%;height:100%;}

.block8 .content_right li .p1{font-weight:700;color:#FF734D;font-size:20px;padding:28px 28px 10px 30px;}

.block8 .content_right li .p2{font-weight:700;font-size:14px;padding:40px 23px 40px 30px;position:relative;font-size:18px;}

.block8 .content_right li .p3{color:#2b2929;line-height:24px;font-size:14px;padding:15px 30px;padding-right:20px;}

.block8 .content_right li .p3 strong{ font-size:15px; color:#FF7753;}

/* .block8 .content_right p.p2:before{display:block;height:1px;width:20px;content:"";position:absolute;top:7px;background:#E1E1E1;} */

.block8 .content_right p.p2:after{display:block;height:1px;width:40px;content:"";position:absolute;bottom:10px;background:#E1E1E1;}

.block8 .kefu_btn{height:24px;width:107px;background:#FF7753;display:block;color:#fff;text-align:center;line-height:24px;border-radius:5px;position:absolute;right:35px;top:38px;}

.block8 .kefu_btn i.i1{display:block;width:5px;height:8px;position:absolute;left:13px;top:50%;margin-top:-4px;background: url(../images/sys_icon.png) no-repeat -187px -22px;}

.block8 .kefu_btn i.i2{display:block;width:5px;height:8px;position:absolute;right:13px;top:50%;margin-top:-4px;background: url(../images/sys_icon.png) no-repeat -194px -22px;}

.block8 .content_right .single{width:250px;float:left;display:block;margin-right:16px;overflow:hidden;}

.block8 .content_right .single img{cursor: pointer;transition: all 0.6s;width:100%;}

.block8 .content_right .single img:hover{transform: scale(1.3);}

.block8 .content_right .single3{margin-right:0;}

.block8 .content_right ul{height:450px;overflow:hidden; background:#FFF;-webkit-box-shadow: 0 3px 8px hsla(0,0%,64.7%,.4);box-shadow: 0 3px 8px hsla(0,0%,64.7%,.4);}

.block8 .content_right .smallsingle{margin:15px 25px;overflow:hidden;height:215px;}



.footerTop{width: 100%;background-color: #272727;clear: both;border-bottom:1px #333333 solid;}

.footerTopBox{width: 1200px;margin:0 auto; padding:25px 0;overflow: hidden;}

.footerTopBoxMobile{ width: auto !important;}

.fTopin{float: left; width:25%;}

.fTopinMobile{ margin:0 0 !important;}

.fTopBoxLeft{float: left;padding-top: 15px;}

.fTopBoxRight{float: left;margin-left: 20px; padding-top: 25px;}

.fTopBoxRight h2{color: white;font-size: 20px;}

.fTopBoxRight p{color: white}



.f_bj{color:#fff;clear:both; overflow: hidden;background:#272727; padding-top:40px;}

.f_bj a{color:#fff;}

.footer{position: relative; width:1200px; margin:0 auto;}

.f_bj h3{ font-size: 16px; color: #fff; font-weight: bold; line-height: 100%;}

.f_text{ float: left; width: 380px;}

.f_text ul { padding-top:20px;}

.f_text ul li{ float: left; width: 150px; line-height: 29px;}

.f_text ul li a{ font-size: 14px; color: #999;}

.f_text ul li a:hover{ color: #fff;}

.f_nav{ width: 527px;}

.f_nav p{ margin-top: 20px; height: 52px; padding-left: 46px;background:url(../images/f_tel.jpg) no-repeat; line-height: 33px; font-family: Arial; font-size:26px; font-weight: bold;}

.f_nav ul li{ line-height: 28px; font-size: 14px; color: #999;}

.f_con{ height: 245px; border-bottom: 1px solid #5f5f5f; margin-bottom:40px;}

.f_code{float: right;}

.f_code p{ overflow: hidden;font-size:14px;}

.f_code p em{ display: inline-block; float: left;text-align: center; color: #999; padding-top:20px; }

.f_code p em img{ display: block; margin: 0 auto 6px; width:112px; height:112px; padding:6px; background:#fff;image-rendering: pixelated;}

.f_code p em span{ display: block; font-size: 13px;}

.f_code p .nom{ margin-left:36px;}

.f_bom{  font-size: 14px; color: #333; padding-bottom:40px; padding-top:10px;}

.f_bom h3{ float: right; width:200px; font-weight: normal; color: #666666; font-size: 14px;}

.f_bom h3 a{ display: block; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; background: #e94925; letter-spacing: 5px; margin-top:20px; margin-bottom:55px;}

.f_bom h3 img{ display: inline-block; float: right;}

.f_bom p{ float: left; width: 1000px;}

.f_bom p em{ display: block; height: 94px; margin-bottom:20px;}

.f_bom p em img{ display: inline-block; float: left;}

.f_bom p em i{display: inline-block;float: left;width: 678px;font-size: 13px;color: #999;
line-height: 27px;padding-left: 23px;word-break: break-all;text-indent: 2em;} 

.f_bom p strong{ display: block; font-weight: normal; font-size: 12px; color: #666;}

				

.links {height:auto;/* line-height:100px;*/ overflow: hidden; background: #212121;}

.links .content { width: 1200px; margin: 22px auto;}

.links h3{ font-weight: normal;  font-size: 20px; color: #666;  text-transform: uppercase;  float: left; width: 110px;background:url(../images/link.jpg) no-repeat right 6px; margin-right: 39px;}

.links p{ float: left;width:960px; margin:0 auto;}

.links p a{ color: #666666; font-size: 14px; display: inline-block; padding-right: 35px;line-height: 32px;}

.links p a:hover{color:#FFF;}

.location {border-top: 1px solid #e1dee0;width: 100%;height: 52px;background: #ffffff;}

.location_in {height: 100%; width:1200px;  margin:0 auto;line-height: 52px;}

.location_in_label {font-size: 12px; color: #8f8f8f; line-height: 52px;}

.location_in_wrap {height: 52px;line-height: 52px;}

.location_in_wrap a {font-size: 12px;color: #8f8f8f; position: relative;}

.location_in_wrap a:not(:first-child) {margin-left: 22px;vertical-align: top;}

.location_in_wrap a:not(:first-child) i {position: absolute;left: -17px;font-size: 12px;color: #8f8f8f;}

.location_in_wrap a.location_in_cur { color: #4b74a2; cursor: default;}

.adv_test{width: 60%; float: left;}
.adv_test h2{font-size: 38px;color: #ffffff;text-shadow: 0 3px black;letter-spacing: 1.1rem;}
.adv_test p{color: white;font-size: 17px;}
.adv_test strong{color:#ff8e24;}
.adv_content{width:1200px; overflow:hidden; height:auto;position: relative;margin: auto;top: -94%;}


.side {position: fixed;width: 60px;height: 300px;right: 10px;top: 270px;z-index: 100;font-size:14px;}
.side ul {margin: 0;padding: 0;list-style: none;}
.side ul li {width: 60px;height: 64px;float: left;}
.side ul li .side1 {display: block;}
.side ul li .side1:hover {background: url(http://www.js-yanchangzhijia.com/template/default/style/css/img/ck_ico_1s.png) no-repeat;}
.side ul li .ck_ico_1 {background: url(http://www.js-yanchangzhijia.com/template/default/style/css/img/ck_ico_1.png) no-repeat;}
.side ul li .sidebox {vertical-align: middle;position: absolute;width: 60px;height: 60px;top: 0;right: 0;color: #fff;overflow: hidden;}
.side ul li .side2 {background: url(http://www.js-yanchangzhijia.com/template/default/style/css/img/ck_ico_2.png) center center no-repeat;}
.side ul li .side2:hover{background: url(http://www.js-yanchangzhijia.com/template/default/style/css/img/ck_ico_2s.png) no-repeat;}
.side ul li .ck_ico_3 {background: url(http://www.js-yanchangzhijia.com/template/default/style/css/img/ck_ico_3s.png) no-repeat;}
.side ul li .side3 {background: url(http://www.js-yanchangzhijia.com/template/default/style/css/img/ck_ico_3.png) center center no-repeat;}
.side ul li .side3:hover{background: url(http://www.js-yanchangzhijia.com/template/default/style/css/img/ck_ico_3s.png) no-repeat;}
.side ul li .side5 {background: url(http://www.js-yanchangzhijia.com/template/default/style/css/img/ck_ico_top.png) center center no-repeat;position: relative;}
.kf_tel {width: 240px;height: 126px;padding-top: 4px;background:url(http://www.js-yanchangzhijia.com/static/upload/image/20221114/1668409076111729.jpg) no-repeat;position: absolute;left: -245px;top: -4px;display: none;}
.kf_ewm {width: 240px;height: 226px;padding-top: 4px;background: url(http://www.js-yanchangzhijia.com/static/upload/image/20221114/1668410092411371.jpg) no-repeat;position: absolute;left: -245px;top: -4px;display:none;}