* {

	margin: 0;

	padding: 0;

	font-family: "microsoft yahei";

}



img {

	border: none;

}



a {

	text-decoration: none;

}



ol,

ul {

	list-style: none;

}



div {

	display: block;

}



body {

	

}





.mr40 {

	margin-right: 40px;

}



.pa {

	position: absolute;

}

.pl20{padding-left: 20px;}

.h30{width: 100%;height: 30px;overflow: hidden;}

.h30:after{content: "";width: 0;height: 0;display: block;clear: both;}

/*导航*/



#men_fuwu .sub_menu>.w1200 h3{padding-bottom: 30px;padding-top: 30px;font-size: 16px;color: #666;font-weight: normal;}

#men_fuwu .sub_menu .sub_menu_list .category{float: left;width: 257px;

    height: 220px;

    border-right: 1px solid #f2f2f2;}



#men_fuwu .sub_menu .sub_menu_list .category li{float: left;width: 257px;

    height: 40px;

    line-height: 40px;

    text-indent: 20px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 14px;

    color: #303030;

    background: url(../images/sj.png) no-repeat 230px center;}

#men_fuwu .sub_menu .sub_menu_list .category li.active { background-color: #f2f2f2; }

#men_fuwu .sub_menu .sub_menu_list .content{float: left;width: 942px;}

#men_fuwu .sub_menu .sub_menu_list .content .cont_list{float: left;width: 942px;

    height: 220px;display: none;}

#men_fuwu .sub_menu .sub_menu_list .content .cont_list a{float: left;width: 274px;

    height: 72px;

    padding: 18px 0 0 20px;

    margin: 0 0 20px 20px;}

    #men_fuwu .sub_menu .sub_menu_list .content .cont_list a:hover{background: #f2f2f2;}

#men_fuwu .sub_menu .sub_menu_list .content .cont_list a .icon{

	float: left;

	width: 30px;

    height: 70px;

    padding-top: 5px;

}

#men_fuwu .sub_menu .sub_menu_list .content .cont_list a .info{

	float: left;

	width: 220px;

	height: 70px;

}

#men_fuwu .sub_menu .sub_menu_list .content .cont_list a .info h3{

	font-weight: normal;

    color: #303030;

    font-size: 14px;

}

#men_fuwu .sub_menu .sub_menu_list .content .cont_list a .info p{color: #989898;padding-top: 5px;font-size: 12px;}



.nav .login {

	padding-top: 25px;

	float: right;

}



.nav .login a {

	height: 30px;

	line-height: 30px;

	padding: 0 10px;

	color: #fff;

	display: inline-block;

	vertical-align: middle;

	font-size: 14px;

}



.nav .login a:nth-child(1) {

	background: url(../images/login_icon.png) no-repeat left center;

	padding-left: 30px;

}



.nav .login a:nth-child(2) {

	background: #FD8A08;

	border-radius: 4px;

	color: #fff;

	margin-right: 10px;

	width: 80px;

	height: 30px;

	line-height: 30px;

	padding: 0;

	text-align: center;

}









.search_modal {



	position: absolute;



	top: 19px;



	left: 0;



	width: 100%;



	height: 60px;



	display: none;



}



.search_in {

float: left;

	





    margin-top: 25px;

	height: 30px;



}



.search_in .text {

	border-radius: 10px;



	height: 27px;



	line-height: 27px;



	background: #fff;



	padding-left: 0px;



	width: 163px;





	right: 0;



	top: 0;



	z-index: 1;



	border: 1px solid #ccc;



}



.submit_btn {

	margin-left: -40px;



	top: 30px;



	width: 20px;



	height: 20px;



	background: url(../images/i2.png) no-repeat 0 center;



	border: 0 none;



	cursor: pointer;



	z-index: 1;



}



.search_box {



	position: relative;



	margin: 19px 17px 0 0;



}



.search_box span {



	display: block;



	width: 20px;



	height: 19px;



	cursor: pointer;



	background: url(../images/i6.png) no-repeat 0 center;



}



.toptel{color: #444343; float: left;padding-right: 30px;height: 29px; line-height: 29px;}







/*导航开始*/

@charset "utf-8";



/*

 

 * 17绱犳潗vip寤虹珯涓撳尯妯″潡浠ｇ爜

 * 璇﹀敖淇℃伅璇风湅瀹樼綉锛歨ttp://www.17sucai.com/pins/vip

 *

 * Copyright , 娓╁窞鏄撶珯缃戠粶绉戞妧鏈夐檺鍏徃鐗堟潈鎵€鏈�

 *

 * 璇峰皧閲嶅師鍒涳紝鏈粡鍏佽璇峰嬁杞浇銆�

 * 鍦ㄤ繚鐣欑増鏉冪殑鍓嶆彁涓嬪彲搴旂敤浜庝釜浜烘垨鍟嗕笟鐢ㄩ€�

 

*/



.w1200{width:1200px;margin:0 auto;height:auto}

/*.bar{position:relative;width:100%;height:30px;background-color:#3a3a3a}

.bar .w1200{overflow:hidden}

.bar .left{float:left;font-size:12px;line-height:16px;padding:5px 0 0}

.bar .left a{margin-right:10px;display:inline-block;color:#9f9f9f}

.bar .left a:hover{color:#fff}

.bar .right{float:right;font-size:12px;line-height:16px;padding:0 3px 0 11px;color:#fff}

.bar .right a{display:inline-block;color:#b0b0b0;padding:6px 7px 5px}

.bar .right a:hover{color:#fff}*/

.nav{position:fixed;top:0;z-index:999;width:100%;height:80px;box-sizing:border-box;background:#fff;/*position:relative*/}

.nav .w1200{position:relative;padding-left:180px;box-sizing:border-box}

.nav .logo{position:absolute;left:0;top:0}

.nav .logo img{/*width:173px;*/height:80px;/*margin-top:24px*/}

.nav ul{float:left}

.nav ul li{float:left;display:inline-block;font-size:15px;line-height:1}

.nav ul li a{padding:32px 18px;width:auto;display:block;text-align:center;color:#444;position:relative}

.nav ul li.active a{color:#dd3730}

.nav ul li.active a:after{content:'';display:block;position:absolute;left:0;right:0;height:2px;bottom:0;z-index:11;background-color:#dd3730}

.nav .son{display:none}

.nav .son{width:100%;height:360px;background:rgba(0,0,0,.9);position:fixed;padding:22px 0 18px 0;/*z-index:*/;overflow:hidden;box-sizing:border-box;left:0;/*top:110px*/}

.nav .son .w1200{padding-left:0}

.nav .son .category dl{width:150px;float:left;box-sizing:border-box;padding-left:0;vertical-align:top;height:320px;border-right:2px solid #444343}

.nav .son .list{position:relative;z-index:200;color:#fff;float:left}

.nav .son .category dl::after{width:2px;position:absolute;background-color:#444343;top:0;bottom:0;left:148px;z-index:10}

.nav .son .category dl dd{height:80px;line-height:80px;padding-right:16px;text-align:right;position:relative;z-index:100;margin-right:-2px}

.nav .son .category dl dd.selected{border-right:2px solid #dd3730;color:#dd3730}

.nav .son .category dl dd.selected a{color:#dd3730}

.nav .son .category dl dd a{font-size:16px;color:#fff;letter-spacing:0;cursor:pointer;padding:10px 10px;line-height:60px;display:inline-block}

.nav ul li.active dl dd a:after{display:none}

.nav .son .list{display:none}

.nav .son .list dl{width:1050px;box-sizing:border-box;vertical-align:top;padding-left:0}

.nav .son .list dl dd{background:#292929;width:320px;height:68px;float:left;text-align:left;box-sizing:border-box;cursor:pointer;margin-left:28px;margin-bottom:16px}

.nav .son .list dl dd:hover{opacity:.9;background:#dd3730}

.nav .son .list dl dd:hover a{color:#fff}

.nav .son .list dl dd:hover span{color:#fff!important}

.nav .son .list dl dd a{color:#fff;text-decoration:none;display:block;padding:12px 20px}

.nav .son .list dl dd a span.title{font-size:14px;color:#fff;letter-spacing:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-right:24px;display:block}

.nav .son .list dl dd a span.desc{display:block;padding-top:9px;font-size:12px;color:#909090;letter-spacing:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.nav .son .list dl dd a span.new:after{content:'new';position:absolute;top:0;display:inline-block;transform:scale(.8,.8);transform-origin:top left;color:#fff;font-size:10px;background-color:#e04646;border-radius:2px;line-height:1;padding:1px 3px 3px;margin-left:3px}

.nav .son .list.active{display:block}

.nav .son.active{display:block}



/*导航结束*/





/*优势标题*/











.index_main .com_hd{



	text-align: center;



	padding-bottom: 54px;



}







.index_main  .com_hd .p1{



	font-size: 36px;



	color: #545454;



	margin-bottom: 20px;



}



.index_main .com_hd .p2{



	font-size: 18px;



	color: #a4a4a4;



}





.pro_main .com_hd{



	text-align: center;



	padding-bottom: 54px;



}







.pro_main  .com_hd .p1{



	font-size: 36px;



	color: #545454;



	margin-bottom: 20px;



}



.pro_main .com_hd .p2{



	font-size: 18px;



	color: #a4a4a4;



}







/*优势标题*/





/*优势*/

.zhuanye_wrap{

  width: 100%;background: #f9f9f9;}

.zhuanye{  

  width: 1200px;

    margin: 0 auto;

    height: 487px;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-align: start;

    align-items: flex-start;



}



.zhuanye .zhuanye_1{

    width: 296px;

    height: 413px;

    background: url(../picture/8-1.0f12ea9.png) 50% no-repeat;

}

.zhuanye .zhuanye_2{

    width: 296px;

    height: 413px;

    background: url(../picture/8-2.82df399.png) 50% no-repeat;}

    .zhuanye .zhuanye_3{

    width: 296px;

    height: 413px;

    background: url(../picture/8-3.7016d4b.png) 50% no-repeat;

}

.zhuanye .zhuanye_4{

    width: 296px;

    height: 413px;

    background: url(../picture/8-4.bf7f406.png) 50% no-repeat;

}



.zhuanye .zhuanye_1 div[data-v-0cb01644]:first-child {

    width: 100%;

    text-align: center;

    font-size: 21px;

    color: #333;

    margin-top: 139px;

    margin-bottom: 10px;

}



.zhuanye .zhuanye_1 div[data-v-0cb01644]:nth-child(2) {

    width: 180px;

    margin: 0 auto;

    text-align: center;

    font-size: 14px;

    color: #8c8c8c;

}



.zhuanye .zhuanye_2 div[data-v-0cb01644]:first-child {

    width: 100%;

    text-align: center;

    font-size: 21px;

    color: #333;

    margin-top: 139px;

    margin-bottom: 10px;

}



.zhuanye .zhuanye_2 div[data-v-0cb01644]:nth-child(2) {

    width: 180px;

    margin: 0 auto;

    text-align: center;

    font-size: 14px;

    color: #8c8c8c;

}



.zhuanye .zhuanye_3 div[data-v-0cb01644]:first-child {

    width: 100%;

    text-align: center;

    font-size: 21px;

    color: #333;

    margin-top: 139px;

    margin-bottom: 10px;

}



.zhuanye .zhuanye_3 div[data-v-0cb01644]:nth-child(2) {

    width: 180px;

    margin: 0 auto;

    text-align: center;

    font-size: 14px;

    color: #8c8c8c;

}



.zhuanye .zhuanye_4 div[data-v-0cb01644]:first-child {

    width: 100%;

    text-align: center;

    font-size: 21px;

    color: #333;

    margin-top: 139px;

    margin-bottom: 10px;

}



.zhuanye .zhuanye_4 div[data-v-0cb01644]:nth-child(2) {

    width: 180px;

    margin: 0 auto;

    text-align: center;

    font-size: 14px;

    color: #8c8c8c;

}





/*优势*/







/*主页的样式*/



.index_main .modal_0 {

    clear: both;

	width: 100%;

    background: #f9f9f9;



	padding-top: 55px;



}



.index_main .modal_1 {

	display: none;



	width: 100%;



	/*background:#f9f9f9;*/



	min-height: 648px;



	padding-top: 55px;



}



.index_main .modal_1 .in {



	width: 1200px;



	margin: 0 auto;



	overflow: hidden;



	display: none;



}



.index_main .modal_1 li{



	float: left;



	width: 25%;



	text-align: center;



	border-left: 1px solid #dfdfdf;



	margin-left: -3px;



	height: 112px;



	padding-bottom: 36px;



}



.index_main .modal_1 li .p0{



	height: 50px;



	padding-top: 20px;



}



.index_main .modal_1 li .p1{



	font-size: 20px;



	color: #545454;



	margin-bottom: 8px;



	padding-top:10px; 



}



.index_main .modal_1 li .p2{



	font-size: 16px;



	color: #a1a1a1;



	height: 22px;



}



.index_main .modal_1 li p{



     -webkit-transition: -webkit-transform .3s linear;



}







.index_main .modal_1 .li_11 {



	border-right:  1px solid #dfdfdf;



}



.index_main .modal_1 .li_11 .p1{



	background-position:



}



.index_main .modal_1 .li_7,.index_main .modal_1 .li_4,.index_main .modal_1 .li_11{



	padding-bottom: 0;







}



.index_main .modal_1 li:hover p{



    -webkit-transform:translateY(-5px);



    -ms-transform:translateY(-5px);



    transform:translateY(-5px);



    -webkit-transition: -webkit-transform .3s linear;



    transition: transform .3s linear;



    color: #dd3730;



}















.index_main .modal_2 {



	width: 100%;



	background:#fff;



	min-height: 540px;



	padding-top: 77px;



}



.index_main .modal_2 .in {



	width: 1200px;



	margin: 0 auto;



	display: none;



}







.picScroll-left{ position:relative;  }



.picScroll-left .hd{text-align: center; position: absolute; bottom:-30px; left: 0; width: 100%;}



.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:50px; height:50px; float:right;  overflow:hidden;



 cursor:pointer; background:url("../images/i8.png") 0 0 no-repeat;position: absolute; top: -180px;



left: -25px; z-index: 5; }



.picScroll-left .hd .next{ background:url("../images/i9.png") 0 0 no-repeat; position: absolute; top: -180px; left: auto;



right:-18px; z-index: 5;   }



.picScroll-left .hd .prevStop{ background-position:0 0; }



.picScroll-left .hd .nextStop{ background:url("../images/i9.png") 0 0 no-repeat;  }



.picScroll-left .hd ul{overflow:hidden; zoom:1; margin-top:10px; zoom:1; }



.picScroll-left .hd ul li{display: inline-block;  width:24px; height:4px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#ccc;}



.picScroll-left .hd ul li.on{  background:#eb0013; }



.picScroll-left .bd{ overflow: hidden;width: 1200px;   }



.picScroll-left .bd ul{ overflow:hidden; zoom:1; }



.picScroll-left .bd ul li{  width:223px; height:297px; margin-right:19px;float:left; _display:inline; overflow:hidden; text-align:center; position: relative;  background: linear-gradient(to right, #e82222, #ff7b7b);

    box-shadow: 4px 4px 8px 0 rgba(66,0,0,.15);

}







 .index_main .picScroll-left .bd ul li .img img{ width:223px; height:297px; display:none; }



 .index_main .picScroll-left .bd ul li .mc{



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	background: rgba(235,0,19,0.9);



	opacity: 0;



}



 .index_main .picScroll-left .bd ul li .text{



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



}



 .index_main .picScroll-left .bd ul li .text .p1{



	font-size: 20px;



	color: #fff;



	text-align: center;



	margin-top: 88px;



	height: 130px;



}



 .index_main .picScroll-left .bd ul li .text .p2{



	font-size: 14px;



	color: #c7c7c7;



	text-align: center;



}



 .index_main .picScroll-left .bd ul li .text .p1 img{



	



}



 .index_main .picScroll-left .bd ul li .text .p1 span{



	display: block;



}



 .index_main .picScroll-left .bd ul li .text .p1 em{



	display: block;



	height: 76px;



	font-style: normal;



}



 .index_main .picScroll-left .bd ul li .text .p2{



	padding: 0 14px;



	line-height: 26px;



	



}



.picScroll-left .bd ul li:hover .mc{



	opacity: 0.7;



    -webkit-transition: -webkit-transform .3s linear;



    transition: transform .3s linear;



}



 .index_main .picScroll-left .bd ul li:hover .p2{



	display: block;



}



 .index_main .picScroll-left .bd ul li:hover .text{



    -webkit-transform:translateY(-10px);



    -ms-transform:translateY(-10px);



    transform:translateY(-10px);



    -webkit-transition: -webkit-transform .3s linear;



    transition: transform .3s linear;



}







.fl{float: left;}

.fr{float: right;}













.index_main .modal_3 {



	width: 100%;



	height: 869px;



	overflow: hidden;	



	position: relative;





	background: url('../picture/img6.jpg');



}



.index_main .modal_3 .com_hd {



	padding-top: 70px;



}



.index_main .modal_3 .com_hd .p1{



	color: #545454;



}



.index_main .modal_3 .com_hd .p2{



	color: #a4a4a4;



}



.index_main .modal_3  .bd{



	width: 100%;



}



.index_main .modal_3  .inner{



	width: 1200px;



	position: absolute;



	top: 0;



	left: 50%;



	margin-left: -600px;



	display: none;



}



.index_main .modal_3  .l_box{

	background-color: rgba(255, 255, 255, 0.7);



	width: 220px;



	padding-top: 20px;



	height: 490px;

	border-right: 1px solid #545454;



}



.index_main .modal_3  .l_box li{



	



	height: 50px;



	line-height: 50px;



	text-align: center;



	font-size: 22px;



	cursor: pointer;



}



.index_main .modal_3  .l_box li p{



	width: 100%;



	text-align: center;



	color: #545454;



	font-size: 16px;



}



.index_main .modal_3  .l_box li.on{



	color: #545454;



	position: relative;



}



.index_main .modal_3  .l_box li.on:after {



	content: "";



	display: block;



	height: 31px;



	width: 4px;



	position: absolute;



	right: -2px;



	top: 10px;



	background: #dd3730;



}



.index_main .modal_3  .l_box li.on p{



	font-size: 24px;



	color: #dd3730;



}



.index_main .modal_3  .r_box{



	width:890px;



	padding-top: 34px;



	padding-left: 60px;





} 



.index_main .modal_3  .r_box .item{



	display: none;



}



.index_main .modal_3  .r_box .d1 .p1{



	font-size: 18px;



	color: #545454;



	margin-bottom: 22px;



}



.index_main .modal_3  .r_box .d1 .p2{



	font-size: 16px;



	color: #545454;



	margin-bottom: 40px;



	line-height: 30px;



}



.index_main .modal_3  .r_box .d2{



	margin-bottom:63px;



}



.index_main .modal_3  .r_box .d2 a{



	display: inline-block;



	font-size: 14px;



	



	width: 170px;



	height: 41px;



	line-height: 41px;



	text-align: center;



	border-radius: 3px;



	background: #dd3730;



	color: #fff;



	border: 0; 

}



.index_main .modal_3  .r_box .d2 a:hover{



	color: #dd3730;

border: 1px solid #dd3730;



	background: #FFF;

}



.index_main .modal_3  .r_box .d3{



	



}



.index_main .modal_3  .r_box .d3 li{



	float: left;



	width: 24%;



	margin-right: 1%;



	margin-bottom: 20px;



}



.index_main .modal_3  .r_box .d3 li a{



	font-size: 16px;



	color: #d1d0d0;



}







.index_main .modal_3  .r_box .d3 .h{



	font-size: 16px;



	color: #545454;



	position: relative;



}

.index_main .modal_3  .r_box .d3 .h a{



	font-size: 16px;



	color: #545454;



	



}



.index_main .modal_3  .r_box .d3 .h:after {



	content: "";



	display: block;



	height: 1px;



	width: 727px;



	position: absolute;



	overflow: hidden;



	right: 0;



	top: 12px;



	background: #dd3730;



}







.index_main .modal_3  .r_box  .f a{



	display: block;



	font-size: 18px;



	color: #fff;



	width: 170px;



	height: 56px;



	line-height: 56px;



	text-align: center;



	border-radius: 3px;



	background: #dd3730;



	margin-left: 200px;



}



.index_main .modal_3  .r_box  .f a:hover{



	background: #f14a43;	



}



.banner .d1 .p3 a:hover{



	background-color: #f14a43;	



}



.index_main .modal_3  .r_box  .f {



	padding-top: 66px;



}







.index_main .modal_4 {



	width: 100%;



	background: url(../images/bg1.jpg) #fff no-repeat center center;



	min-height: 897px;



}



.index_main .modal_4 .in {



	width: 1200px;



	margin: 0 auto;



	padding-top: 76px;



	display: none;



}



.index_main .modal_4 .ft{



	text-align: center;



	padding-top: 34px;



}



.index_main .modal_4 .ft a{



	display: inline-block;



	font-size: 18px;



	color: #fff;



	width: 170px;



	height: 56px;



	line-height: 56px;



	text-align: center;



	border-radius: 3px;



	background: #dd3730;



}







.index_main .modal_4 .bd ul{



	margin-right: -35px;



}



.index_main .modal_4 .bd li{



	float: left;



	width: 585px;



	height: 166px;



	border:1px solid #e6e6e6;



	background: url(../images/i19.png) #fff no-repeat 20px 35px;



	margin: 0 28px 25px 0;



	display: inline;



	cursor: pointer;



}



.index_main .modal_4 .bd li p{



	padding-left: 128px;



}



.index_main .modal_4 .bd li .p1{



	padding-top: 30px;



	padding-bottom: 12px;



	font-size: 20px;



	color: #545454;



}



.index_main .modal_4 .bd li .p2{



	font-size: 18px;



	width: 424px;



	color: #545454;



}



.index_main .modal_4 .bd li:hover .p1{



	color: #dd3730;



}



.index_main .modal_4 .bd li:hover{



	box-shadow: 0 6px 10px #efefef;	



}



.index_main .modal_4 .bd .li_2{



	background-position: -590px 35px;



}



.index_main .modal_4 .bd .li_3{



	background-position: 20px -155px;



}



.index_main .modal_4 .bd .li_4{



	background-position: -590px -155px;



}



.index_main .modal_4 .bd .li_5{



	background-position: 20px -345px;



	width: 1198px;



	height: 130px;



}



.index_main .modal_4 .ft a:hover{



	background: #f14a43;



}



.index_main .modal_4 .bd .li_5 .p2{



	width: 900px;



}





















.index_main .modal_6 {



	width: 100%;



	background:#fff;



	min-height: 860px;



}

.index_main .modal_6 .ft{



	text-align: center;



	padding: 46px 0;



}



.index_main .modal_6 .ft a{



	display: inline-block;



	font-size: 18px;



	color: #fff;



	width: 170px;



	height: 56px;



	line-height: 56px;



	text-align: center;



	border-radius: 3px;



	background: #dd3730;



}

.index_main .modal_6 .ft a:hover{



	background: #f14a43;



}



.index_main .modal_6 .in {



	width: 1200px;



	margin: 0 auto;



	padding-top: 75px;



	display: none;



}



.index_main .modal_6 .bd{



	width: 801px;



	margin: 0 auto;



	position: relative;



}



.index_main .modal_6 .bd .map_1{



	position: absolute;



	top: 50%;



	left: 50%;



	margin:-82px 0 0 175px;



}



.index_main .modal_6 .bd .map_2{



	position: absolute;



	top: 50%;



	left: 50%;



	margin: -17px 0 0 202px;



}



.index_main .modal_6 .bd .map_3{



	position: absolute;



	top: 50%;



	left: 50%;



	margin:47px 0 0 215px;



}



.index_main .modal_6 .bd .map_4{



	position: absolute;



	top: 50%;



	left: 50%;



	margin: 55px 0 0 258px;



}



.index_main .modal_6 .bd .map_5{



	position: absolute;



	top: 50%;



	left: 50%;



	margin: 95px 0 0 239px;



}



.index_main .modal_6 .bd .map_6{



	position: absolute;



	top: 50%;



	left: 50%;



	margin:97px 0 0 187px;



}



.index_main .modal_6 .bd .map_7{



	position: absolute;



	top: 50%;



	left: 50%;



	margin:215px 0 0 165px;



}



.index_main .modal_6 .bd .map_8{



	position: absolute;



	top: 50%;



	left: 50%;



	margin:230px 0 0 160px;



}



.index_main .modal_6 .bd .map_9{



	position: absolute;



	top: 50%;



	left: 50%;



	margin: -177px 0 0 218px;



}



.index_main .modal_6 .bd .map_10{



	position: absolute;



	top: 50%;



	left: 50%;



	margin:85px 0 0 -202px;



}



.index_main .modal_6 .bd .map_11{



	position: absolute;



	top: 50%;



	left: 50%;



	margin:  210px 0 0 41px;



}

.index_main .modal_6 .bd .map_12{



	position: absolute;



	top: 50%;



	left: 50%;



	margin:  -49px 0 0 161px;



}

.index_main .modal_6 .bd .map_13{



	position: absolute;



	top: 50%;



	left: 50%;



	margin:  238px 0 0 140px;



}

.index_main .modal_6 .bd .map_14{



	position: absolute;



	top: 50%;



	left: 50%;



	margin: 153px 0 0 237px;



}

.index_main .modal_6 .bd .map_15{



	position: absolute;



	top: 50%;



	left: 50%;



	margin:  183px 0 0 273px;



}

.index_main .modal_6 .bd .map_16{



	position: absolute;



	top: 50%;



	left: 50%;



	margin:   -97px 0 0 -189px;



}













.c-map-dot {



    position: absolute;



    width: 20px;



    height: 20px;



    -webkit-box-shadow: inset #dd3730 0 0 5px;



    box-shadow: inset #dd3730 0 0 5px;



    border-radius: 50%;



    cursor: pointer;



    background-color: #f7f8fa;



}



.c-map-dot.style-3, .c-map-dot.style-3:after {



    -webkit-box-shadow: inset #dd3730 0 0 5px;



    box-shadow: inset #dd3730 0 0 5px;



}



.c-map-dot, .c-map-dot-explain-txt {



    display: inline-block;



    vertical-align: middle;



}



.c-map-dot-layer {



    width: 8px;



    height: 8px;



    position: absolute;



    top: 50%;



    left: 50%;



    margin: -4px 0 0 -4px;



    background-color: #dd3730;



    border-radius: 50%;



    cursor: pointer;



    opacity: 1;



}



.c-map-dot-layer:after {



    content: '';



    position: absolute;



    width: 8px;



    height: 8px;



    -webkit-box-shadow: inset #dd3730 0 0 5px;



    box-shadow: inset #dd3730 0 0 5px;



    border-radius: 50%;



    top: 0;



    left: 0;



    opacity: 0;



}



.c-map-bubble {



    left: 50%;



    bottom: 100%;



    margin-left: -100px;



    margin-bottom: 10px;



    width: 200px;



    text-align: center;



    -webkit-transition: .3s all ease-out;



    transition: .3s all ease-out;



    opacity: 0;



    visibility: hidden;



    -webkit-transform: translateY(5px);



    -ms-transform: translateY(5px);



    transform: translateY(5px);



    cursor: default;



    pointer-events: none;



}



.c-bubble {



    position: absolute;



    color: #dd3730;



    z-index: 6;



}



.c-map-dot:after {



    content: '';



    position: absolute;



    width: 20px;



    height: 20px;



    -webkit-box-shadow: inset #dd3730 0 0 5px;



    box-shadow: inset #dd3730 0 0 5px;



    border-radius: 50%;



    top: 0;



    left: 0;



    opacity: 0;



}



.c-map-dot.animate:hover:after {



    -webkit-animation: warn 2s ease-out .1s infinite;



    animation: warn 2s ease-out .1s infinite;



}



@-webkit-keyframes warn{



	0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}



	5%{opacity:1}to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}



}



@keyframes warn{



	0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}



	5%{opacity:1}to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}}



@-webkit-keyframes warn-2{



	0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}



	5%{opacity:8}to{opacity:0;-webkit-transform:scale(10);transform:scale(10)}}



@keyframes warn-2{



	0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}



	5%{opacity:8}to{opacity:0;-webkit-transform:scale(10);transform:scale(10)}}























.index_main .modal_7 {



	width: 100%;



	min-height:804px;



	background: #f5f5f5;



}



.index_main .modal_7 .in {



	width: 1200px;



	margin: 0 auto;



	padding-top: 100px;



	display: none;



}



.index_main .modal_7 .bd{



	margin-right: -30px;



}



.index_main .modal_7 .item{



	width: 384px;



	background: #fff;



	margin-right: 24px;



}



.index_main .modal_7 .item .text{



	padding: 34px 23px 42px;



}



.index_main .modal_7 .item .text .p1{



	font-size: 20px;



	color: #545454;



}



.index_main .modal_7 .item .text .p2{



	font-size: 16px;



	color: #9a9a9a;



	padding: 16px 0;



}



.index_main .modal_7 .item .text .p3 span{



	font-size: 16px;



	color: #bfbfbf;



	padding-right: 43px;



	background: url(../images/i23.png)  no-repeat right center;



}



.index_main .modal_7 .item_3 {



	padding: 0 23px;



	width: 338px;



	overflow: hidden;



}



.index_main .modal_7 .item_3 .text{



	padding: 19px 0 ;



	border-top: 1px solid #dbdbdb;



	margin-top: -1px;



}



.index_main .modal_7 .item_3 .text .p2{



	padding: 12px 0;



}



.index_main .modal_7 .item a:hover .p1{



	color: #dd3730;



}



.index_main .modal_7 .item  .img{



	overflow: hidden;



	position: relative;



}



.index_main .modal_7 .item  .img i{



	position: absolute;



	top: 50%;



	left: 50%;



	width: 56px;



	height: 56px;



	background: url(../images/i22.png)  no-repeat 95% center;



	margin: -28px 0 0 -28px;

	display: none;



}



.index_main .modal_7 .item  .img img{



	width: 384px;



	height: 253px;



    -webkit-transition: -webkit-transform .5s linear;



    transition: transform .5s linear;



}



.index_main .modal_7 .item a:hover .img img{



    -webkit-transform: scale(1.1);



    -ms-transform: scale(1.1);



    transform: scale(1.1);



    -webkit-transition: -webkit-transform .5s linear;



    transition: transform .5s linear;



}



.index_main .modal_7 .item a:hover .p3 span{



        -webkit-animation-name: flymovee;



        -webkit-animation-duration: 0.3s;



        -webkit-animation-timing-function: linear;



}



 @-webkit-keyframes flymovee{



            0%{background-position-x:95%}



            100%{background-position-x:100%;}



        }











.index_main .modal_7 .ft{



	text-align: center;



	padding-top: 46px;



}



.index_main .modal_7 .ft a{



	display: inline-block;



	font-size: 18px;



	color: #fff;



	width: 170px;



	height: 56px;



	line-height: 56px;



	text-align: center;



	border-radius: 3px;



	background: #dd3730;



}











.index_main .modal_8 {



	width: 100%;



	min-height:412px;



	background: #fff;

	

	display: none;



}



.index_main .modal_8 .in {



	text-align: center;



	padding-top: 75px;



	display: none;



}



.index_main .modal_8 .in .bd{



	height: 80px;



	overflow: hidden;



}



















.com_modal_9 {



	width: 100%;



	height:262px;



	line-height:262px;



	background: url(../images/bg3.jpg)  no-repeat center 0;



}



.com_modal_9 .in {



	text-align: center;



}



.com_modal_9 .in p{



	color: #fff;



}



.com_modal_9 .in p span{



	font-size: 32px;



	margin-right: 135px;



}



.com_modal_9 .in p  a{



	display: inline-block;



	font-size: 18px;



	color: #fff;



	width: 170px;



	height: 56px;



	line-height: 56px;



	text-align: center;



	border: 1px solid #fff;



	border-radius: 3px;



}



.com_modal_9 .in p  a:hover{



	background: #fff;



	color: #dd3730;



}















.index_main .modal_1 .img:hover  img {



    -webkit-transform: scale(1.1);



    -ms-transform: scale(1.1);



    transform: scale(1.1);



    -webkit-transition: -webkit-transform .5s linear;



    transition: transform .5s linear;



}



.index_main .modal_1 .bd {



	-webkit-animation-delay:0.5s;



	-moz-animation-delay:0.5s;



	-ms-animation-delay:0.5s;



	-o-animation-delay:0.5s;



	animation-delay:0.5s;



}







.index_main .modal_2 li:hover{



  



        



}



.index_main {



	position: relative;



	z-index: 1;



}



/*主页的样式*/





/*底部*/



.footer {



	width: 100%;



	background: #424242;



}



.footer .in{



	width: 1200px;



	margin: 0 auto;



	padding: 50px 0 55px;



}



.footer .t {



	overflow: hidden;



	padding-bottom: 50px;



	border-bottom: 1px solid #555;



}



.footer .t li{



	float: left;



	width: 25%;



	height: 58px;



	border-left: 1px solid #545658;



	margin-left: -3px;



	background: url(../images/i14.png) no-repeat 90px 0;



}



.footer .t li p{



	padding-left: 160px;



}



.footer .t li .p1{



	font-size: 22px;



	color: #fff;



	margin-bottom:3px;



}



.footer .t li .p2{



	font-size: 18px;



	color: #8b8b8b;



}



.footer .t .li_2{



	background-position: -245px 0;



}



.footer .t .li_3{



	background-position: -574px 0;



}



.footer .t .li_4{



	background-position: -910px 0;



}



.footer .t li:hover{



	background: url(../images/i15.png) no-repeat 90px 0;



}



.footer .t li:hover p{



	color: #dd3730;



}



.footer .t .li_2:hover{



	background-position: -245px 0;



}



.footer .t .li_3:hover{



	background-position: -574px 0;



}



.footer .t .li_4:hover{



	background-position: -910px 0;



}



.footer .m {



	padding: 55px 0 20px;



}



.footer .m dl{



	float: left;



	width: 140px;



}



.footer .m dt a{



	font-size: 18px;



	color: #fff;



}



.footer .m dt{



	margin-bottom: 30px;



}



.footer .m dd a{



	color: #9f9f9f;



	font-size: 16px;



	display: block;



	margin-bottom: 18px;



}



.footer .m dd a:hover{



	color: #fff;



}



.footer .r .d1{



	color: #fff;



	padding-left: 40px;



	margin-bottom: 28px;



	background: url(../images/i16.png) no-repeat 0 3px;



}



.footer .r .p1{



	font-size: 18px;



	color: #fff;



}



.footer .r .p2{



	font-size: 14px;



	color: #9f9f9f;



}



.footer .r .d2{



	color: #fff;



	padding-left: 40px;



	margin-bottom: 28px;



	background: url(../images/i16.png) no-repeat 0 -63px;



}



.footer .r .d3 a{



	display: block;



	color: #9e9e9e;



	font-size: 16px;



	margin-bottom: 10px;



}



.footer .r .d1:hover{



	background: url(../images/i17.png) no-repeat 0 3px;



}



.footer .r .d2:hover{



	background: url(../images/i17.png) no-repeat 0 -63px;



}



.footer .r .d1:hover p{



	color: #dd3730;



}



.footer .r .d2:hover p{



	color: #dd3730;



}



.footer .r .d3 .on{



	color: #fff;



}



.footer .r .ewm_box img{



	display: none;

	width: 94px;



}







.footer  .b{



	border-top: 1px solid #555;



	padding-top: 20px;



}



.footer  .b p{



	color: #9f9f9f;



	font-size: 14px;



}







.footer  .b .r {



	color: #9f9f9f;



	font-size: 14px;



}



.footer  .b .r a{



	color: #9f9f9f;



	font-size: 14px;



}



.footer  .b .r a:hover{



	color: #fff;



}





/*底部*/





/*底部2*/



.home-footer {

	background-color: #373d41

}



.home-footer .home-footer-con {

	width: 1200px;

	margin: 0 auto;

	height: 237px

}



.home-footer a {

	color: #fff

}



.home-footer .nav-1 {

	border-bottom: 1px solid #5c5c5c

}



.home-footer .nav-1>div {

	height: 120px;

	line-height: 120px;

	width: 33.0%;

	text-align: center;

	display: inline-block;

	vertical-align: top

}



.home-footer .nav-1 a {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: center;

	justify-content: center;

	-ms-flex-align: center;

	align-items: center;

	cursor: pointer

}



.home-footer .nav-1 a img {

	vertical-align: middle;

	margin-right: 27px

}



.home-footer .home-fooer-middle {

	padding-top: 46px

}



.home-footer .home-fooer-middle>section {

	display: inline-block;

	vertical-align: top;

	width: 33.0%;

	height: 166px;

	box-sizing: border-box

}



.home-footer .home-fooer-middle>section h1 {

	font-size: 14px;

	color: #fff

}



.home-footer .home-fooer-middle>section:first-of-type {

	position: relative;

	padding-left: 59px

}



.home-footer .home-fooer-middle>section:first-of-type .home-footer-phone {

	font-size: 30px;

	font-weight: 600;

	color: #fff;

	margin: 10px 0 15px

}



.home-footer .home-fooer-middle>section:first-of-type > a {

	font-size: 17px;

	font-weight: 500;

	color: #65f1fd;

	line-height: 24px

}



.home-footer .home-fooer-middle>section:first-of-type > img {

	position: absolute;

	top: 27px;

	left: 35px

}



.home-footer .home-fooer-middle>section:nth-of-type(2) {

	position: relative

}



.home-footer .home-fooer-middle>section:nth-of-type(2)>div {

	display: -ms-flexbox;

	display: flex;

	width: 100%;

	-ms-flex-pack: distribute;

	justify-content: space-around

}



.home-footer .home-fooer-middle>section:nth-of-type(2) ul {

	display: inline-block;

	vertical-align: top

}



.home-footer .home-fooer-middle>section:nth-of-type(2):before {

	content: "";

	display: block;

	width: 1px;

	height: 100px;

	background: #5c5c5c;

	left: 0;

	top: 6px;

	position: absolute

}



.home-footer .home-fooer-middle>section:nth-of-type(2) h1 {

	margin-bottom: 20px

}



.home-footer .home-fooer-middle>section:nth-of-type(2) a {

	color: #adadad;

	font-size: 12px;

	margin-bottom: 15px;

	display: inline-block;

	vertical-align: top

}



.home-footer .home-fooer-middle>section:nth-of-type(2) a:hover {

	color: #ff2453;

	cursor: pointer

}



.home-footer .home-fooer-middle>section:nth-of-type(3) {

	position: relative

}



.home-footer .home-fooer-middle>section:nth-of-type(3)>div {

	display: -ms-flexbox;

	display: flex;

	width: 100%;

	-ms-flex-pack: distribute;

	justify-content: space-around

}



.home-footer .home-fooer-middle>section:nth-of-type(3) ul {

	display: inline-block;

	vertical-align: top

}



.home-footer .home-fooer-middle>section:nth-of-type(3):before {

	content: "";

	display: block;

	width: 1px;

	height: 100px;

	background: #5c5c5c;

	left: 0;

	top: 6px;

	position: absolute

}



.home-footer .home-fooer-middle>section:nth-of-type(3) h1 {

	margin-bottom: 5px

}



.home-footer .home-fooer-middle>section:nth-of-type(3) img {

	width: 100px;

	height: 100px

}



.home-footer .copy-right {

	height: 60px;

	background: #2f3438;

	line-height: 60px;

	text-align: center

}



.home-footer .copy-right h1 {

	color: #fff;

	font-size: 12px;

    font-weight: normal;

}



.home-footer .copy-right h1>span:first-of-type {

	margin-right: 45px

}



.home-footer .copy-right h1>span:nth-of-type(2),.home-footer .copy-right h1>span:nth-of-type(3) {

	margin-right: 15px

}



.home-footer .copy-right h1 img {

	vertical-align: middle;

	margin-right: 5px

}



/*底部2*/





/*关于我们*/



.pro_main .modal_1 {



	width: 100%;



	background:#fff;



	min-height: 650px;



}



.pro_main .modal_1 .in {



	width: 1200px;



	margin: 0 auto;



	padding-top:98px;



}



.pro_main .modal_1 .com_hd{



	margin-bottom: 0;



}



.pro_main .modal_1 .img{



	margin-right: 80px;



}



.pro_main .com_text p{



	font-size: 16px;



	color: #8b8b8b;



	/*padding-left: 22px;*/



	line-height: 30px;



	margin-bottom: 3px;



	background: url(../images/i25.png)  no-repeat 0 8px;



}



.pro_main .modal_1 .com_text p{



	margin-bottom: 20px;



}



.pro_main .com_text p span{



	color: #dd3730;



}



.pro_main .modal_1 .com_text{



	width: 614px;



	/*padding-top: 50px;*/



}





/*半圆*/











.general_main .modal_2{





	width: 100%;





}



.general_main .modal_2 .in{



	width: 1200px;



	margin: 0 auto;



	text-align: center;



	padding: 48px 0 0;



	display: none;



}

/*半圆*/





/*关于我们*/



.mmm{display: block; height: 41px; width: 135px; line-height: 41px;border: 1px #dd3730 solid; text-align: center;color: #dd3730;border-radius: 5px;}

.mmm:hover{display: block; height: 41px; width: 135px; background: #dd3730;  line-height: 41px;border: 1px #dd3730 solid; text-align: center;color: #FFF;border-radius: 5px;}



/*漂浮*/





.fixed_r_nav{

    position: fixed;

    top:60%;

    right: 0;

    width: 49px;

    z-index: 10;

}

.fixed_r_nav li{

    margin-bottom: 7px;

}

.fixed_r_nav li a{

    display: block;

    width:50px;

    height: 49px;

    background: url(../images/i40.png) no-repeat center center;

}

.fixed_r_nav li a:hover{

    background: url(../images/i40_on.png) no-repeat center center;

}

.fixed_r_nav .li_1 {

    width: 50px;

    height: 49px;

    position: relative;

}

.fixed_r_nav .li_1 a{

    position: absolute;

    top: 0;

    left: 0;

    width:210px;

    background-position:  0 1px;

}

.fixed_r_nav .li_2 a{

    background-position:  0 -58px;

}

.fixed_r_nav .li_4 {

	display: none;

}

.fixed_r_nav .li_4 a{

    background-position:  0 -116px;

}

.fixed_r_nav .li_1 .on{

    left: -160px;

    background: url(../images/i40_on1.png) no-repeat 0 center;

}

.fixed_r_nav .li_2 a:hover{

    background-position:  0 -58px;

}

.fixed_r_nav .li_4 a:hover{

    background-position:  0 -116px;

}

/*漂浮*/





/*首页地图*/

/*http://xa.dyrs.com.cn/service/customization*/

.map {

    height: 482px;

    background: url(//s.dyrs.cc/static/pc/images/special/01/20191008_01.jpg) center no-repeat;

    margin-top: 108px;

}

/*首页地图*/