@font-face {

	font-family: "MF";

	src: url(../other/MFXINGHEI.otf), 

		 url(../other/MFXINGHEI.eot) format('embedded-opentype'),

		 url(../other/MFXINGHEI.woff) format('woff'),

		 url(../other/MFXINGHEI.ttf) format('truetype'),

		 url(../other/MFXINGHEI.svg) format('svg');

	font-weight: normal;

	font-style: normal;

	line-height: 1em;

}





/*品牌官网*/

.banner_box{ padding: 120px 0 60px;  background-size: auto 100%; background-repeat: no-repeat; background-position: center top; background-color: #fcfcfc }

.ban_text{ margin-top: 70px; padding: 0}

.ban_text2{ height: 250px }

.ban_text h2{ color: #000; font-weight: 900; font-size: 36px; line-height: 1.5em; }

.ban_text h2 span{color: #e60012;}

.ban_text p{ color: #898989; font-size: 16px; line-height: 2em }

.ban_text h3{ color: #e60012; font-size: 40px }

.ban_form{ box-shadow: 0px 0px 10px #ddd; padding: 15px 20px 20px; background: #fff }

.ban_form h2{ color: #6b6b6b; font-size: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px; }

.ban_form span{ font-size: 16px; margin-left: 10px; }

.ban_form input, .ban_form textarea{ width: 100%; padding: 0 10px; box-sizing: border-box; color: #999; border:1px solid #ddd; font-size: 14px; line-height: 40px; margin-bottom: 20px;}

.ban_form textarea{ height: 80px; }

.ban_form button{ width: 100%; line-height: 40px; border-radius: 5px; background: #fc5050; color: #fff }



.index_tit, .index_tit2{ text-align: center; margin: 60px auto;}

.index_tit h2{ font-size: 30px; font-weight: 900; line-height: 2.5em; color: #363636 }

.index_tit2 h2{ font-size: 24px; color: #000; display:inline-block; position:relative; }

.index_tit2 h2:before, .index_tit2 h2:after{ content:""; display:inline-block; background-color:#353434; width:105px; height:1px; position:absolute; top:0; bottom:0; margin:auto; }
.index_tit2 h2:before{ left:-115px; }
.index_tit2 h2:after{ right:-115px; }

.index_tit p{ color: #999; font-size: 16px; }

.index_box2 { margin-bottom: 50px; }

.index_box2 ul li { text-align: center; }

.index_box2 ul li a{ transition: all 0.5s; margin: 0px 10px; padding: 30px 20px 40px; border:1px solid #eee; border-radius: 10px; }

.index_box2 ul li span{ width: 90px; height: 90px; display: inline-block; margin-bottom: 10px;}

.index_box2 ul li h2{ transition: all 0.5s; color: #000; font-size: 20px; line-height: 2em }

.index_box2 ul li h4{ transition: all 0.5s; font-size: 14px; color: #999 }

.index_box2 ul li i{ display: inline-block; width: 80px; height: 30px; margin-bottom: 20px;}

.index_box2 ul li p{ transition: all 0.5s; color: #999; line-height: 2.5em; font-size: 14px }

.index_box3 ul li{ padding: 0 30px; text-align: center; }

.index_box3 ul li span{ display: inline-block; width: 65px; height: 65px;}

.index_box3{ background: url(../images/box3_bg.jpg) no-repeat center top; background-size: 100% 100% ; }

.index_box3 ul{ margin: 100px 0 140px; }

.index_box3 ul li h2{ color: #000; font-size: 18px; line-height: 2em; margin-bottom: 10px	 }

.index_box3 ul li p{ font-size: 13px; color: #4e4e4e; line-height: 1.8em }

.index_box4{ margin-bottom: 20px }

.index_box4 ul li { text-align: center; margin-bottom: 30px}

.index_box4 ul li span{ border-radius: 50%; width: 150px; height: 150px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: 100% auto}

.index_box4 ul li h2{ color: #363636; font-size: 19px; line-height: 2em;}

.index_box4 ul li p{ color: #6d6d6d; font-size: 14px; line-height: 1.6em; margin:15px 0; padding: 0 30px}

.index_box5 { background-color: #fdfdfd; padding-bottom: 50px; }

.swiper-button-next{ top: 50%; right: 0px }

.swiper-button-prev{ top: 50%; left: 0px }



.sx_cases li{ margin: 10px; overflow: hidden; padding: 15px; position: relative; margin-bottom: 6px; border: 1px solid #f4f4f4; box-sizing: border-box;transition: all 0.5s; text-align: center;	}

.sx_cases li a.a_img{ width: 100%; display: inline-block; border:1px solid #dbdbdb; transition: all 0.5s;background-size: 100% auto; }

.sx_cases li a.a_img span{ padding: 20px;width: 100%; display: inline-block; border-radius: 5px;}

.sx_cases li a.a_img span img{border-radius: 5px; max-width: 100%;}

.sx_cases li span.line{ margin: 20px 0; display: block; width: 100%; height: 1px; background-color: #e3e3e3; position: relative; z-index: 14;}

.sx_cases li span.line i{ display:block;position: absolute; width: 0%; height: 1.5px; top: 0; left: 0; background-color: #4fa2ad; z-index: 15;transition: all 1.5s;}

.sx_cases li a.a_img{position: relative; perspective: 1000px;}

.sx_cases li a.a_img span{transform: rotateY(0);transition: all 0.50s ease-in-out 0s;}

.sx_cases li a.a_img span img{width: 100%;height:}

.sx_cases li a.a_img .box-content{ opacity: 0; width: 100%; padding: 20px; box-sizing: border-box; border-radius:5px;position: absolute;top: 0;left: 0;z-index: 30;text-align: center;

    transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;}

.sx_cases li a.a_img .title{font-size: 20px; line-height: 150%;color: #fff;text-transform: uppercase; margin-top: 15px;}

.sx_cases li a.a_img .des{ font-size: 14px; line-height: 24px;color: #fff;}

.sx_cases li a.a_img .title:after,.lanren li a.a_img .des:after{ content: ""; width: 80%;display: block; border-bottom: 1px solid #fff; margin: 5px auto;}

.sx_cases li a.a_txt{ display: block; overflow:hidden;}

.sx_cases li a.a_txt span{ display: block; float: left; vertical-align: middle;width: 60px; height: 26px; text-align: center; position: relative;}

.sx_cases li a.a_txt span img{ vertical-align: middle;margin:0 auto;display:block; transition: all 0.5s;}

.sx_cases li a.a_txt .txt{ float: left; margin-left: 10px}

.sx_cases li a.a_txt .txt h2{ text-align: left; font-size: 17px; color: #353b46; line-height: 1.5em; transition: all 0.5s; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.sx_cases li a.a_txt span b{ display:inline-block; padding:5px 2px; background-color:#d9d8d8; font-weight:normal; color:#fff; border-radius:3px; }

.sx_cases li a.a_txt span i{ display: block; width: 0px; border-left: 1px solid #dadada; box-sizing: border-box; height: 27px;  position: absolute; right: 0; top: 0;}

.sx_wap li a.a_img{ display: inline-block; background: url("../images/sx_wapbg.jpg") no-repeat center transparent; background-size: cover;transition: all 0.5s;}

.sx_wap li a.a_img span{  border-radius: 5px;}

.sx_wap li a.a_img span img{border-radius: 5px; max-width: 100%;}

.sx_wap li a.a_img .box-content{height: 375px; width: 240px; border-radius:5px;position: absolute;top: 10px;left: 8px;z-index: 30;text-align: center;

    transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s; display: table-cell; text-align: center; vertical-align: middle;}

.sx_wap li a.a_img .box-content img{ max-width: 100%; margin: 0 auto; margin-top:35%;}

.sx_wap li a.a_txt span{ width:40px; }

.sx_wap li a.a_txt .txt{ margin-left: 0px; padding-left: 15px;}










/*品牌互联网*/

.hlw_list li{ padding: 10px; }

.hlw_list li > div{ box-shadow: 0px 0px 10px #ddd; border-radius: 10px; padding: 25px 35px; text-align: left; background-repeat: no-repeat; background-position: center top; background-size: 100% auto}

.hlw_list li > div i { width: 30%; height: 1px; margin: 10px 0 }

.hlw_list li > div h2 span{ margin: 0; width: 40px; height: 50px; display: inline-block; margin-right: 10px}

.hlw_list li > div p{ line-height: 1.6em }

.hlw_list li.box2_1 > div{ border-top: 3px solid #2dc5a4;background-image: url(../images/hlw_li_bg1.png);}

.hlw_list li.box2_2 > div{ border-top: 3px solid #0eb2e8;background-image: url(../images/hlw_li_bg2.png);}

.hlw_list li.box2_3 > div{ border-top: 3px solid #e89200;background-image: url(../images/hlw_li_bg3.png);}

.hlw_list li.box2_1 h2{ color: #2dc5a4 }

.hlw_list li.box2_1 i{ background: #2dc5a4 }

.hlw_list li.box2_2 h2{ color: #0eb2e8 }

.hlw_list li.box2_2 i{ background: #0eb2e8 }

.hlw_list li.box2_3 h2{ color: #e89200 }

.hlw_list li.box2_3 i{ background: #e89200 }

.hlw_box3{ background: url(../images/hlw_bg.jpg) no-repeat center top; background-size: auto 100%; padding: 50px 0; }

.hlw_old { background: #fff; border-top: 10px solid #fc5050; padding: 60px 40px 20px; box-shadow: 0px 0px 10px #ddd; border-radius: 10px; position: relative; }

.hlw_old > h2{ color: #010101; font-size: 34px; line-height: 1em; font-weight: 900 }

.hlw_old > h3{ color: #ff0101; font-size: 20px; margin: 15px 0 10px; font-weight: 900; padding-bottom: 15px; border-bottom: 1px dashed #ddd }

.hlw_old > p{ color: #5f5f5f; font-size: 15px; line-height: 1.8em }

.hlw_old > span{ width: 190px; height: 80px; display: inline-block; }

.hlw_old > i{ width: 60px; height: 60px; display: block; position: absolute; bottom: 20px; right: 20px;}

.index_box4 .hlw_list2 li a{ display: block; text-align: center; }

.index_box4 .hlw_list2 li a > span{ display: inline-block; width: 80px; height: 80px; border:1px solid #ddd; border-radius: 50%; transition: all 0.5s;}

.index_box4 .hlw_list2 li a > h2{ color: #010101; font-size: 18px; line-height: 2em; margin-top: 10px; }

.index_box4 .hlw_list2 li a > p{ color: #898989; font-size: 14px; font-family: Arial; margin: 0; padding-bottom: 20px; background: url(../images/hlw_icon4.png) no-repeat center bottom; margin-bottom: 10px; }

.index_box4 .hlw_list2 li a > i{ display: inline-block; padding: 0 15px; line-height: 25px; border-radius: 15px; color: #fff; background: #fc5050; font-size: 12px; transition: all 0.5s; font-style: normal; }



/*新闻*/

.new_tit_list{ text-align: center; padding: 30px 0; }

.new_tit_list li{  margin: 0 30px; display: inline-block; }

.new_tit_list li a{line-height: 40px; transition: all 0.5s; display: block;}

.new_tit_list li.am-active a, .new_tit_list li:hover a{ border-bottom: 1px solid #fc5050; color: #fc5050; background: none}

.am-nav>li.am-active>a, .am-nav>li.am-active>a:focus, .am-nav>li.am-active>a:hover{ background: none;color: #fc5050;}

.am-nav>li+li{ margin:0 30px; }

/*.new_con_tit{ display: none; }*/

.new_con_tit li{ border-bottom: 1px solid #eee; }

.new_con_tit li a{ padding: 20px 0; display: block; text-align:left; width: 100%; overflow: hidden; transition: all 0.5s;}

.new_con_tit li .new_time{ text-align: center; font-family: Arial; padding: 25px 0 }

.new_con_tit li .new_time h2{ font-size: 34px; font-weight: 900; color: #868e9c; line-height: 1em; }

.new_con_tit li .new_time p{ font-size: 14px; line-height: 2em; margin: 0; padding: 0 }

.new_con_tit li .new_con {padding-left: 30px; border-left: 1px solid #eee;} 

.new_con_tit li .new_con h2{ color: #060606; font-size: 18px; margin: 5px 0 20px; }

.new_con_tit li .new_con p{ font-size: 15px; color: #656565; line-height: 1.8em }

.new_con_tit li a:hover{ background-color: #fc5050 }

.new_con_tit li a:hover h2, .new_con_tit li a:hover p{ color: #fff }

.fy, .fy2{ overflow: hidden; text-align: center; width: 100%; margin:40px 0; }

.fy span, .fy a{ display: inline-block; padding: 10px 15px; margin: 0 5px; line-height: 1em; border:1px solid #ddd; font-family: Arial; cursor: pointer; border-radius: 5px;}

.fy a:hover, .fy span{ background: #e60012; border:1px solid #e60012; color:#fff; }

.fy .a1{ display: none; }









/*新闻详情*/

.new_det { padding: 40px 0 20px; overflow: hidden; border-bottom: 1px dashed #ddd; width: 100%}

.new_det img{ max-width: 100% !important }

.new_det h2, .new_det h4{ text-align: center; }

.new_det h2{ font-size: 24px; color: #010101; line-height: 50px; }

.new_det h4{ color: #6a6a6a; font-size: 14px; margin: 10px 0px 20px; }

.new_det .det_con, .new_det .det_con > p, .new_det .det_con > div, .new_det .det_con > span{ width: 100%; font-size: 14px; line-height: 1.8em; color: #656565; margin-bottom: 20px;  }

.new_det > div{ text-indent: 0 }

.fy2 a{ display: block; color: #484848; font-size: 14px; overflow: hidden; }

.fy2 a span{ float: left; }

.fy2 a:hover{ color: #e60012 }



/*产品*/



.sx_cases2 > li > div{ border:1px solid #f4f4f4; padding: 15px;}

.sx_cases2 > li{ padding: 10px; border:none;  margin: 0;}





/*联系我们*/

.contact_box1 { padding-bottom: 50px; }

.contact_box1 li{display: block; position: relative; text-align: center; padding: 0 30px; margin-bottom: 50px}

.contact_box1 li > span{ width: 80px; height: 80px; display: inline-block; border:1px solid #ddd; border-radius: 50%; background: #fff; }

.contact_box1 li > div{ margin-top: -40px; padding: 50px 0 20px; border:1px solid #ddd; }

.contact_box1 li > div > h2{ color: #5a5a5a; font-size: 14px }

.contact_box1 li > div > h2 i{ margin-right: 5px; }

.contact_box1 li > div > p{ font-family: Arial; font-size: 20px; color: #d80e0e; line-height: 40px; }

.contact_box1 li > a{ display: inline-block; width: 50%; color: #fff; border-radius: 5px; line-height: 35px; background-color: #e60012; font-weight: 500; position: absolute; bottom: -16px; left: 50%; margin-left: -25%;}

.contact_box2{ background: #fcfcfc; overflow: hidden; }

.contact_box3{ background: url(../images/map.jpg) no-repeat center top;  background-size: auto 100%; margin-bottom: 30px; width: 100%; height: 450px; position: relative; overflow: hidden;}

.contact_box3 .map_icon{ width: 55px; height: 55px; position: absolute; top: 50%; margin-top: -60px; left: 50%; margin-left: -27.5px;animation: Ytopdown1 2s linear 0s infinite normal;-moz-animation: Ytopdown1 2s linear 0s infinite normal;-o-animation: Ytopdown1 2s linear 0s infinite normal;-webkit-animation: Ytopdown1 2s linear 0s infinite normal;	}

.contact_box3 .map_text{ width: 360px; height: 70px; background: url(../images/map_bg.png) no-repeat center; position: absolute; top: 50%; left: 50%; margin-left: -180px; line-height: 85px; color: #fff; font-size: 17px; text-align: center; cursor: pointer;}

.contact_box2{ padding-bottom: 40px; }

.contact_form { overflow: hidden; }

.contact_form > div{ margin: 10px 0; padding: 0; line-height: 45px; color: #979797; font-size: 14px }

.contact_form > div > input, .contact_form > div > button{ width: 90% }

.contact_form input, .contact_form textarea, .contact_form button{ border:1px solid #d9d9d9; background: none; line-height: 45px; padding: 0 10px; font-size: 14px; margin-bottom: 15px; }

.contact_form button{ background: #e30012; border:none; border-radius: 5px; color: #fff; transition: all 0.5s;}

.contact_form button:hover{ opacity: 0.8 }

.contact_form label{ font-weight: 500; padding-left: 30px; background: url(../images/radio_icon_hide.png) no-repeat center left; margin-right: 20px; cursor: pointer; transition: all 0.5s;}

.contact_form label:hover{ color: #e30012 }

.contact_form label.active{ background-image: url(../images/radio_icon.png); }

.mapbox{ position: fixed; top: 50%; left: 0px; width: 100%; height: 0; overflow: hidden; transition: all 0.5s;}

.mapbox > span{ display: block; position: absolute; top: 90px; right: 10px; background: #e60012; width: 60px; height: 60px; display: block; line-height: 60px; text-align: center; color: #fff; font-family: "宋体"; font-size: 40px; z-index: 999; cursor: pointer; }

#map{ position: absolute; top: 0; left: 0px; width: 100%; height: 100%;}

@keyframes Ytopdown1{

    0%{ transform:translateY(0); }

	50%{ transform:translateY(-8px); }

	100%{ transform:translateY(0); }

}







/*微企业*/

.shopping_box1 { margin-bottom: 50px }

.shopping_box1 li{ padding: 10px; text-align: center; margin-bottom: 10px; cursor:pointer; }

.shopping_box1 li > div{ border:1px solid #eee; border-radius: 8px; padding: 15px 20px; transition: all 0.5s;}

.shopping_box1 li span{ width: 70px; height: 70px; display: inline-block; }

.shopping_box1 li h2{ font-weight: 900; padding: 10px 0; color: #4d4d4d; font-size: 17px; }

.shopping_box1 li p{ color: #919191; font-size: 14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.shopping_box1 li:hover > div{ background: #eee; }

.shopping_box2{ background: url(../images/shhopping_bg.jpg) no-repeat center top; padding-bottom: 50px}

.shopping_box2 li { text-align: center; padding: 10px;}

.shopping_box2 li h2{ color: #fff; font-size: 16px; line-height: 50px; border-top-right-radius: 10px; border-top-left-radius: 10px;}

.shopping_box2 li span{ display: inline-block; width: 50px; height: 50px; margin: 40px 0px 25px }

.shopping_box2 li p{ color: #343434; font-size: 14px; line-height: 2em; height: 100px }

.shopping_box2 li .shooping_box2_list > div{ padding: 10px; background: #fff; }

.shopping_box3{ margin-bottom: 20px; }

.shopping_box3 ul{ background: url(../images/wap_box1_bg.png) no-repeat center; overflow: hidden; }

.shopping_box3 li{ padding: 20px; overflow: hidden; text-align: center;  margin-bottom: 30px;}

.shopping_box3 li span{ display: inline-block; width: 50px; height: 50px; }

.shopping_box3 li h2{ color: #363636; font-size: 17px; padding: 10px 0 }

.shopping_box3 li p{ font-size: 14px; line-height: 1.5em; color: #939393 }



/*微商城*/

.company_box1{ margin-bottom: 30px; }

.company_box1 li{ background: #fcfcfc; margin-bottom: 30px;}

.company_box1 li div.box1_text{  padding: 30px 20% 20px 20px;}

.company_box1 li div.box1_imgs{ text-align: right; }

.company_box1 li h2{ font-weight: 900; color: #666; font-size: 18px; line-height: 1.8em; width: 65% }

.company_box1 li i{ width: 20%; height: 1px; background-color: #3bb6eb; display: inline-block; margin: 10px 0; }

.company_box1 li p{ color: #666; font-size: 14px; line-height: 1.8em; min-height: 100px }

.company_box2{ width: 100%; background: url(../images/company_bg.jpg) no-repeat center top; }

.company_box2 li{ padding: 0 15px; }

.company_box2 li .company_box2_list{ text-align: center; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; padding-top: 20px; }

.company_box2 li .company_box2_list span{ display: inline-block; width: 85px; height: 85px; border-radius: 50%; margin-top: 10px; }

.company_box2 li .company_box2_list > p{ line-height: 2.5em; color: #6c6c6c; font-size: 16px; transition: all 0.5s; cursor: pointer;}

.company_box2 li .company_box2_list > p:hover{ color: #fc5050; }

.company_box2 li .company_box2_list > div{ padding: 50px 0 30px; margin-top: -43px; transition: all 0.5s; }

.company_box2 li .company_box2_list > div h2{ color: #fff; font-weight: 900; font-size: 18px; }

.company_box2 li .company_box2_list > div p{ font-family: Arial; font-size: 14px; color: #fff; }

.company_box2 li:hover .company_box2_list > div{ margin-top: -50px; padding-top: 57px; }

.company_box3 ul{ padding: 30px 0 40px; }

.company_box3 ul li span{ width: 105px; height: 105px; }





/*小程序*/

.extent_box1 ul li span{ width: 105px; height: 105px }

.extent_box1 ul li h2{ color: #000 }

.extent_box2{ padding-bottom: 40px; background: #fbfbfb; }

.extent_box2 li{ padding: 25px; }

.extent_box2 li a{ display: block; border-radius: 15px; background: #fff; overflow: hidden; padding: 25px; transition: all 0.5s;}

.extent_box2 li a span{display: block; }

.extent_box2 li a h2{ color: #fc5050; font-size: 25px; line-height: 2.5em }

.extent_box2 li a p{ color: #999; font-size: 14px; line-height: 1.8em; transition: all 0.5s; }

.extent_box2 li a:hover{ box-shadow: 0px 0px 10px #ddd; }

.extent_box2 li a:hover p{ color: #333 }

.extent_box3{ width: 100%; background: url(../images/extent_bg.jpg) no-repeat center top; text-align: center; padding: 40px 0; }

.extent_box3 h2{ color: #000; font-size: 34px; font-weight: 900; }

.extent_box3 p, .extent_box3 div, .extent_box3 span{ color: #000; font-size: 20px; margin: 10px 0}







/*营销型*/

.mark_box1 .hlw_list li{ padding: 10px; }

.mark_box1 .hlw_list li > div{ padding: 15px 20px 20px }

.mark_box1 .hlw_list li > div h2{ border-bottom: 1px dotted #ddd; margin-bottom: 10px; color: #000;white-space: nowrap;}

.mark_box1 .hlw_list li > div p{ color: #666; font-size: 14px;white-space: nowrap; }

.mark_box1 .hlw_list li.box2_1 > div{ border-top:10px solid #76e8cf; background-image: url(../images/marking_bg1.png);}

.mark_box1 .hlw_list li.box2_2 > div{ border-top:10px solid #ffaeb4; background-image: url(../images/marking_bg2.png);}

.mark_box1 .hlw_list li.box2_3 > div{ border-top:10px solid #bded93; background-image: url(../images/marking_bg3.png);}

.mark_box1 .hlw_list li.box2_4 > div{ border-top:10px solid #e9e295; background-image: url(../images/marking_bg4.png);}

.mark_box2{ padding-bottom: 30px; }

.mark_box2 ul{ background: url(../images/marking_bg5.png) no-repeat center 135px; }

.mark_box2 ul li{ position: relative; }

.mark_box2 ul li .mark_box2_list{ padding: 30px 30px 20px; min-height: 270px; background: #fff; box-shadow: 0 0 10px #ddd; border-radius: 10px; transition: all 0.5s;}

.mark_box2 ul li .mark_box2_list:before{ content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; z-index: 0; position: absolute; right: 40px; top: 130px; background: #fff;box-shadow: 6px 0 8px #ddd; }

.mark_box2 ul li:nth-child(2n) .mark_box2_list:before{ right: auto; left: 40px;box-shadow: -6px 0 8px #ddd; }

.mark_box2 ul li.mark_box2_left:nth-child(n){ padding: 0 50px 50px 0;  }

.mark_box2 ul li.mark_box2_left:nth-child(2n){ padding: 0 0px 50px 50px;  }

.mark_box2 ul li .mark_box2_top span{ width: 60px; height: 60px; display: block; margin-right: 10px;}

.mark_box2 ul li .mark_box2_top h2{ color: #000; font-size: 18px; font-weight: 900; line-height: 2em; }

.mark_box2 ul li .mark_box2_top p{ color: #908f8f; font-size: 14px; }

.mark_box2 ul li .mark_box2_top { margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px dashed #ddd; }

.mark_box2 ul li .mark_box2_list > p{ color: #858585; font-size: 14px; margin-bottom: 10px; }

.mark_box2 ul li .mark_box2_list > p i{ width: 6px; height: 6px; background: #858585; border-radius: 50%; display: inline-block; margin-right: 5px; }

.mark_box2 ul li:hover .mark_box2_list{ background: #eee; } 

.mark_box3{ background: url(../images/marking_bg6.jpg) no-repeat center top; padding-bottom: 50px; }

.mark_box3 .am-container{max-width: 1360px; }

.mark_box3 ul li{ padding: 0 80px; }

.mark_box3 ul li a{ background: #fff; display: block; overflow: hidden; border-radius: 8px;}

.mark_box3 ul li .mark_box3_img { width: 100%; position: relative; }

.mark_box3 ul li .mark_box3_img > img{ transition: all 0.5s;}

.mark_box3 ul li .mark_box3_img > div{ position: absolute; top: 

	50%; margin-top: -30px; left: 0px; width: 100%; z-index: 2; color: #fff; text-align: center; }

.mark_box3 ul li .mark_box3_img > div h2{ font-size: 20px; margin-bottom: 10px; }

.mark_box3 ul li .mark_box3_img > div p{ font-size: 16px; }

.mark_box3 ul li .mark_box3_tex{ transition: all 0.5s; padding: 15px; }

.mark_box3 ul li .mark_box3_tex > span{ width: 40px; height: 60px; display: block; margin-right: 15px; overflow: hidden; transition: all 0.5s}

.mark_box3 ul li .mark_box3_tex > h2{ color: #363636; font-size: 18px; line-height: 2em}

.mark_box3 ul li .mark_box3_tex > p{ color: #fb6868; font-size: 14px; }

.mark_box3 ul li a:hover .mark_box3_tex h2, .mark_box3 ul li a:hover .mark_box3_tex p{ color: #fff; }

.mark_box3 ul li a:hover .mark_box3_tex{ background: #ff3838 }

.mark_box3 ul li a:hover .mark_box3_tex span{ width: 10px; }

.mark_box3 ul li a:hover img{ transform: scale(1.05,1.05); }



.mark_box4 { padding-bottom: 50px; }

.mark_box4 .mark_box4_box ul li{ overflow: hidden; width: 100%; box-sizing: border-box; height: 50px; line-height: 50px; color: #333; border:1px solid #ddd; border-radius: 35px; margin: 20px 0}

.mark_box4 .mark_box4_box ul li b{ font-weight: 500 }

.mark_box4 .mark_box4_box ul li span{ width: 80px; line-height: 45px; display: inline-block; font-family: Arial; font-weight: 900; font-size: 30px; padding-left: 25px; box-sizing: border-box; position: relative; color: #fff;}

.mark_box4 .mark_box4_box ul li span i{ position: absolute; top: -80%; left: -90%; z-index: -1; border-radius: 50%; display: block; background: #47baa9; width: 180%; height: 200%; }





/*移动*/

.wap_box1{ margin-bottom: 50px; }

.wap_box1 ul li{ padding: 15px}

.wap_box1 ul li a{ border:1px solid #ddd; border-radius: 10px; padding: 20px 0px 20px 20px; display: block; overflow: hidden; transition: all 0.5s;}

.wap_box1 ul li a span{ display: block; height: 65px; overflow: hidden; border-radius: 8px; padding:0; text-align: left; }

.wap_box1 ul li a h2{ font-size: 20px; color: #000; line-height: 1em; margin: 10px 0 5px; }

.wap_box1 ul li a p{ color: #444; font-size: 13px; line-height: 2em;white-space: nowrap; }

.wap_box1 ul li a:hover{ background: #fc5050; }

.wap_box1 ul li a:hover h2, .wap_box1 ul li a:hover p{ color: #fff; }

.wap_box2 ul li{padding: 0 5px 10px 10px; margin-bottom: 5px;}

.wap_box2 .wap_box3_list{ border:1px solid #ddd; border-radius: 8px; padding: 20px; text-align: center;}

.wap_box2 .wap_box3_list span{ display: inline-block; width: 60px; height: 60px; }

.wap_box2 .wap_box3_list span img{ width: 80% }

.wap_box2 .wap_box3_list h2{ color: #000; font-size: 16px; margin-bottom: 10px;}

.wap_box2 .wap_box3_list p{ color: #666; font-size: 14px; line-height: 1.5em;-webkit-box-orient: vertical;-webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}

.wap_box2 > div{ padding: 0; margin-top: 20px; }

.wap_box3{ margin-bottom: 50px; }

.wap_box4{ margin-bottom: 50px; }





/*关于*/

.ab_banner{ padding: 0; position: relative; overflow: hidden;}

.ab_banner .ab_bg{ padding: 200px 0 150px; width: 100%; height: 100%;background: url(../images/y.png) no-repeat 0 0;background-size: 100% auto; text-align: center;}



.ab_box1{ padding-top: 70px; background: url(../images/ab_bg1.png) no-repeat center bottom; background-size: 100% auto; border-bottom: 10px solid #f2f2f2; text-align: center; }

.ab_box1 img{ width: 50%; }

.ab_box3{ background: url(../images/ab_bg3.jpg) no-repeat center top; overflow: hidden; padding-bottom: 50px;}

.ab_box3 > h2{ margin: 60px 0; font-size: 34px; color: #333; font-weight: 900;text-align: center;  }

.ab_box3 > h2 span{ color: #eb2929 }

.ab_box3 ul li{ padding: 15px; }

.ab_box3 ul li a{ display: block; padding: 15px; background: rgba(255,255,255,0.8); border-radius: 10px; }

.ab_box3 ul li a span{ width: 65px; height: 65px; display: inline-block; float: left;  margin-right: 15px;}

.ab_box3 ul li a h2{ line-height: 65px; color: #000; font-size: 18px; }

.ab_box3 ul li a p{ width: 75%; color: #797979; font-size: 14px; margin-top: 10px;}



.ab_box3 .swiper-container{ padding-bottom: 30px; }

.ab_box3 .swiper-pagination-bullets{ bottom: 0px !important }

.swiper-pagination-bullet{ width: 15px; height: 15px; border:2px solid #eee; background: none; opacity: 1 }

.swiper-pagination-bullet-active{ background-color: #eee; }

.ab_box4{ background: url(../images/ab_bg4.jpg) no-repeat center top; padding: 40px 0 60px; text-align: center; }

.ab_box4 > h2{ font-size: 34px; font-weight: 900 }

.ab_box4 > h3{ color: #999; line-height: 50px; font-size: 16px; }

.ab_box4 > h4{ color: #e60012; font-size: 60px; margin-bottom: 40px; line-height: 1em }

.ab_box4 > p, .ab_box4 > span, .ab_box4 > div{  color: #e60012; font-size: 15px; line-height: 2em }

.ab_box2 { padding: 60px 0 50px; }

.ab_box2 ul li { text-align: center;	 }

.ab_box2 ul li p{ font-size: 14px; color: #eb2929; line-height: 40px; }

.ab_box2 ul li span{ display: inline-block; font-family: MF; color: #eb2929; font-size: 120px; }





/*首页*/



/* imgfocus */

.bannerbox{width:100%;position:relative;overflow:hidden;}

.Homebanner{width:100%;position:relative;height:520px;overflow:hidden;}

.Homebanner ul{width:100%;position:absolute;height:520px;}

.Homebanner ul li{width:100%;height:520px;position:absolute;overflow:hidden;}

.Homebanner ul li img{width:1920px;position:absolute;left:50%;top:0px;display:block;margin-left:-950px;}

.Homedot{position:absolute;width:100%;text-align:center;z-index:999;left:0px; bottom: 0px;}

.Homedot a{display:inline-block; margin: 15px; height:30px; line-height:30px;overflow:hidden; padding: 0px 10px; border-radius: 15px; background: #fff;}

.Homedot a.cur{ background: #e6e6e6; color: #f56f74 }

.Homedot a.cur i.ban_btn{ background-position: center bottom }

.Homedot a i.ban_btn{width: 30px; height: 30px; display: block;float: left;}

.Homedot a i.ban_btn1{ background: url("../images/ban_btn1.png") no-repeat center top; }

.Homedot a i.ban_btn2{ background: url("../images/ban_btn2.png") no-repeat center top; }

.Homedot a i.ban_btn3{ background: url("../images/ban_btn3.png") no-repeat center top; }

.Homedot a i.ban_btn4{ background: url("../images/ban_btn4.png") no-repeat center top; }

.Homedot a span.ban_btn{ font-size: 17px; color: #797979; display: block; width: 93px; float: left; }

.Homedot a.cur span{ color:#f56f74;}



.Homebannertext dl img{display:block;position:relative;width:auto;height:auto;left:0px;margin:0px;top:0px;}

.Homebannertext{position:absolute;left:0px;top:0px;width:100%;height:100%;}

.Homebannertext dl.bannerone{position:absolute;width:1200px;left:50%;margin-left:-600px;top:0px;}

.Homebannertext dl.bannerone dt{float:left; padding-top:225px; width:500px;position:relative;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}

.Homebannertext dl.bannerone img{display:block;position:relative;width:auto;height:auto;left:0px;margin:0px;top:0px;}

.Homebannertext dl.bannerone dd{width:380px;float:right;color:#fff; padding-right: 70px; padding-top:110px;position:relative; transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}

.bannereffect{opacity:0;filter:alpha(opacity=0);}

.bannertime{transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out; }

.bannertime1{transition:all .8s ease-in-out .2s;-moz-transition:all .8s ease-in-out .2s;-ms-transition:all .8s ease-in-out .2s;-o-transition:all .8s ease-in-out .2s;-webkit-transition:all .8s ease-in-out .2s;}

.Homebanner li.cur .Homebannertext dl.bannerone dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}

.Homebanner li.cur .Homebannertext dl.bannerone dd{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}

.Homebanner li.cur .bannereffect{opacity:1;filter:alpha(opacity=100);}

.Homebanner li.cur1 .bannertime{transition:all .4s linear .2s;-moz-transition:all .4s linear .2s;-ms-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;-webkit-transition:all .4s linear .2s;}

.Homebanner li.cur1 .bannertime1{transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;-o-transition:all .4s linear .1s;-webkit-transition:all .4s linear .1s;}

.Homebanner li.cur1 .Homebannertext dl.bannerone dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}

.Homebanner li.cur1 .Homebannertext dl.bannerone dd{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}

.Homebanner li.cur1 .bannereffect{opacity:0;filter:alpha(opacity=0);}



.hnum{ padding: 10px; overflow: hidden; }

.hnum > div{ width: 100%; padding: 45px 0px 35px 30px; box-sizing: border-box; display: inline-block; float: left; position: relative; z-index: 9; border-radius: 10px; overflow: hidden;}

.hnum > div.hnum1{ background-image: -webkit-linear-gradient(left, #bde5f8, #99d3ef 97%); }

.hnum > div.hnum2{ background-image: -webkit-linear-gradient(left, #bcedf1, #a8e1e6 97%); }

.hnum > div.hnum3{ background-image: -webkit-linear-gradient(left, #d2f1ce, #badab5 97%); }

.hnum > div > h2,.hnum.hnum > div > h3,.hnum.hnum > div > h4,.hmun.hnum > div > p{font-family: "Microsoft Yahei"; z-index: 12; }

.hnum > div > h2,.hnum>h3{ font-weight: bold;}

.hnum > div > h3{position: relative; font-size: 40px; color: #fff; line-height: 1em; margin-bottom: 45px; transition: all 0.5s; font-weight: 900; padding-bottom:10px; display:inline-block; border-bottom:1px solid #fff;}

.hnum > div > h4{position: relative; font-size: 20px;color: #fff;line-height: 1em; transition: all 0.5s;}

.hnum > div > p{position: relative; font-size: 12px; line-height: 1en; margin-top: 5px;z-index: 12;color: #fff;padding-right: 60px;}

.numbg{ position: absolute; top: 10px; right: 10px;transition: all 0.5s; z-index: 11; width:90px; height:90px; }

.numbg1{ background: url("../images/numbg1.png") no-repeat;}

.numbg2{ background: url("../images/numbg2.png") no-repeat;}

.numbg3{ background: url("../images/numbg3.png") no-repeat;}

.hnum>.cover{ position: absolute; bottom: 0px; left: 0; z-index: 10;}

.hnum>.cover-hg2{ height: 0px; transition: all 0.5s;}

.hnum:hover .cover-hg2{ height: 100%;}

.hnum:hover .numbg{ width: 60%; height: 60%; background-position: center center;}

.hnum:hover h3{ padding-left: 10px;}





.boxBody { overflow: hidden;}

.boxBody li{ padding: 10px; overflow: hidden; }

.boxBody li > div {position: relative; overflow: hidden;  cursor: pointer; float: left; outline: 0px #ff009c dotted; top:0; position: relative;transition:all .5s; background: url('../images/bgbg.jpg') no-repeat left top; background-size: 100% auto; width: 100%; border:1px solid #ddd; border-radius: 5px;}

.boxBody li img { display: block; margin:0 auto;}

.boxBody li .frontBg{position: absolute;z-index: 3;transition:all .3s;opacity: 1; width: 100%; height: 100% }

.boxBody li .frontBg a{ display: block; text-align: center; height: 100%;}

.boxBody li .frontBg img {transition:all .3s; position: absolute; left: 50%; -webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0)transform:translate(-50%,0)}

.boxBody li .frontBg .frontBg_1 {opacity: 1;}

.boxBody li .frontBg .frontBg_2 {opacity: 0;}

.boxBody li .zhehao{position: absolute;width: 160px; height: 160px; background: none; border-radius: 100%; left: 50%; top: -395px; margin-left: -480px; border:400px solid #fff; box-sizing: content-box;transition:all .6s cubic-bezier(0.58, -0.6, 0.25, 0.22); z-index: 2; }

.boxBody li .backBg{width: 100%; height: 100%; background: #fff; z-index: 1; overflow: hidden; text-align: center;}

.boxBody li .backBg img {transition:all 1s;}

.boxBody li .fasticon {position: absolute; display: table-cell; text-align: center; vertical-align: middle; left: 50%; top: 4px;  margin-left: -81px; width:162px; height:162px; border-radius: 50%; }

.boxBody li .fasticon img {border-radius: 50%;display:block;width: 162px;height: 162px;  transition:all .1s ;opacity: 1;}

.boxBody li .fasticon.in{opacity: 0;}

.boxBody li .fasticon img.in{opacity: 0;}

.boxBody li:hover .zhehao{width: 700px; height: 700px; margin-left: -800px;top:-500px; }

.boxBody li:hover .frontBg .frontBg_1{ opacity: 0;}

.boxBody li:hover .frontBg .frontBg_2{ opacity: 1;}

.boxBody li:hover .fasticon{opacity: 0;}

.boxBody li:hover .fasticon img { opacity: 0;}

.boxBody li.moveTop {top:0;}





.tab-title { text-align: center;display: inline-block; width: 100%;  overflow: hidden;}

.tab-title .item {display: inline-block; text-align: center;color: #808080;font-size: 15px; margin:0 20px; line-height: 55px;}

.tab-title .item-cur {color: #e60012;}





.tab-cont{position: relative; overflow: hidden;}

.tab-cont_wrap {position: absolute;}

.tab-cont .sx_cases li{ margin: 0px; border:none; padding: 5px;}

.tab-cont .sx_cases li > div{border: 0px solid #f4f4f4; padding: 25px;}



.more_case{ margin: 30px auto; text-align: center;}

.more_case a{ display: inline-block; font-size: 15px; padding: 0 20px; border:1px solid #eee; border-radius: 10px; line-height: 40px; position: relative; transition: all 0.5s;}

.more_case a:hover{ color: #fff; background:#e60012  }



.linklogo{ display: flex;}

.sx_linklogo{ display: block; padding: 0; margin: 0; flex: 1;}

.sx_linklogo>span{ display: table-cell; vertical-align: middle; padding: 0; margin: 0; width: 200px; height: 65px; text-align: center; }

.sx_linklogo>span>img{ display: block; margin: 0 auto;}





.rollBox .Cont{width:100%; margin-bottom: 15px; overflow:hidden;float:left;}

.rollBox .ScrCont{width:10000000px;}



.rollBox .Cont .pic{width:200px; height:65px;float:left;text-align:center;}

.rollBox .Cont .pic a{ display: table-cell; text-align: center; vertical-align: middle; width: 200px; height: 65px; }

.rollBox .Cont .pic img{padding:4px;background:#fff; display:block;margin:0 auto;}



.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}

.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}

.rollBox #List1,.rollBox #List2{float:left;}



.news{ overflow: hidden; padding: 60px 0px; background-color: #fcfcfc; margin-top:50px; }

.news_box > h2{ font-size:24px; color:#353434; margin-bottom: 35px; }

.news_box > h2:before{ content:""; display:inline-block; height:21px; width:3px; background-color:#4fa2ad; margin-right:10px; margin-bottom:-3px; }

.news_box > h2 span{ font-size: 14px; color:#7c7979; margin-left:10px;}

.news_box > h2 > a{ color: #353434; font-size: 16px; float:right; }

.news_box .news_img span{ overflow: hidden; margin-bottom: 40px; height:162px; display:block; border-radius: 5px; }

.news_box .news_img span img{ width: 100%; transition: all 0.5s; }

.news_box h4{ color: #000; font-size: 16px; }

.news_box p{ color: #9b9b9b; font-size: 12px; line-height: 1.5em }

.news_box i{ float: right; color: #868686; font-size: 12px; font-family: Arial; font-style: normal; }

.news_box a{ display: block; transition: all 0.5s;}

.news_box .news_tex a{ line-height: 40px; overflow: hidden; }

.news_box .news_tex i{ line-height: 40px; }

.news_box .news_tex h4{ float: left; font-size: 14px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; }

.news_box a:hover h4{ color: #4fa2ad }

.news_box a:hover img{ transform: scale(1.05,1.05); }

.news_box .news_tex p{ color: #646262; font-size:15px; line-height:2em; text-indent:2em; }

.home_box2{  }

.wap_banner a{ display: block; width: 100%; }

.Cont .owl-controls{ display: none !important; }



.home_box1 ul li{ padding: 10px; }

.home_box1 ul li > div{ transition: all 0.5s; position: relative; height: 500px; text-align: center; box-sizing: border-box; padding: 15px; border-radius: 8px; border:1px solid #eee; }

.home_box1 ul li > div a.icon{ display: block; width: 100%; text-align: center; margin-bottom: 20px;}

.home_box1 ul li > div a.icon img{ width: 160px; }

.home_box1 ul li > div a.title{ display: block; color: #000; font-size: 18px; line-height: 1em; }

.home_box1 ul li > div a.xq{ margin: 15px auto; background: #f7f8fa; width: 40%; display: inline-block; line-height: 30px; color: #888888; font-style: normal; border-radius: 15px; transition: all 0.5s; }

.home_box1 ul li > div a.link { display: block; line-height: 30px; text-align: center; font-size: 14px; margin: 0 auto; background-repeat: no-repeat; background-position: 90% center; transition: all 0.5s;}



.home_box1 ul li > div .more{ position: absolute; left: 0px; bottom: 20px; width: 100%; text-align: center;}

.home_box1 ul li > div .more a{ display: inline-block; width: 180px;}

.home_box1 ul li > div:hover{ background: #fafafa; border:1px solid #ddd; }

.home_box1 ul li > div:hover .icon{animation: Ytopdown1 2s linear 0s infinite normal;-moz-animation: Ytopdown1 2s linear 0s infinite normal;-moz-animation: Ytopdown1 2s linear 0s infinite normal;-moz-animation: Ytopdown1 2s linear 0s infinite normal;}

.home_box1 ul li > div:hover > .xq{ background: #ff6666; color: #fff; }

.home_box1 ul li > div .link.active{ color: #e60012; margin-left: 30px; background-image: url(../images/home1_line.png); }

.rollBox{ padding: 30px 0 20px }



.home_box1, .home_box2 .am-container, .news_list, .home_box3, .company_box2 .am-container, .index_box2, .index_box5 .am-container, .mark_box1, .wap_box3 .am-container, .shopping_box1, .shopping_box2 .am-container, .list_pro_max{ max-width: 1220px; }

.extent_box2 .am-container, .index_box3 .am-container{ max-width: 1240px; }

.page_contact_max{ max-width: 1260px; }

.wap_box1, .ab_box3 .am-container{ max-width: 1230px }









.top_header{ box-shadow: 0px 2px 10px #ddd; position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; background: #fff;}

.top_header .am-container{ padding: 0 }

.top_header .logo{ width: 174px; display: block; }

.top_phone{ margin-top: 20px; }

.top_phone span{ width: 40px; height: 40px;  margin: 0 5px 0 10px; display: inline-block; }

.top_phone h5{ color: #9a9a9a; font-size: 12px; line-height: 1em}

.top_phone h2{ color: #ff0e0e; font-size: 18px; font-weight: 800; line-height:1.6em; font-family: Arial }

.pc_nav{ margin-top: 10px; }

.pc_nav > li{ float: left;  }

.pc_nav > li > a{ border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; padding: 0 18px; color: #000; font-size: 15px; line-height: 70px; display: block; }

.pc_nav > li > a em{position: absolute; left: 0; bottom: 10px; width: 0; height: 3px; background: #e60012; display: block; transition: all 0.5s; }

.pc_nav > li:hover > a em{ width: 100%; }

.pc_nav > li:hover > a{ color: #e60012 }

.pc_nav > li.parents > a{ position: relative; }

.pc_nav > li.parents:hover > a, .pc_nav > li.parents_hov > a{ box-shadow: 0px -1px 10px #eee; }

.pc_nav > li.parents:hover > a i, .pc_nav > li.parents_hov > a i{ width: 10px; }

.pc_nav > li.parents:hover em{ width: 0 }

.pc_nav > li.parents > a i{ background: url(../images/jt.png) no-repeat; width: 0px; height: 10px; float: right; margin: 30px 0 0 5px; transition: all 0.5s;}

.child{ background: #fff; box-shadow: 0px 4px 10px #ddd; z-index: 999; display: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

.child a{ display: block; float: left; width: 200px; text-align: center; padding: 35px 0; line-height: 40px; position: relative; padding-left: 25px; box-sizing: border-box;}

.child a span{ width: 40px; height: 40px; overflow: hidden; display: inline-block; float: left; position: absolute; left: 25px; top: 50%; margin-top: -20px; }

.child a img{ transition: all 0.5s;}

.child a:hover{ color: #e60012; }

.child a:hover img{ margin-top: -41px; }

.child a.ms{ color: #e60012; font-size: 18px; border-left: 1px dotted #ccc; padding-left: 30px; }

.child a.ms:hover img{ margin-top: 0 }



.child a.bigchilda{ padding-left: 0; padding-right: 25px; text-align: right;}

.child a.bigchilda span{ left: 15px; }

















@keyframes Ytopdown1{

    0%{ transform:translateY(0); }

	50%{ transform:translateY(-5px); }

	100%{ transform:translateY(0); }

}





@media (min-width:1100px) {

.index_box2 ul li a:hover{ background: #ff0000; }

.index_box2 ul li a:hover h2, .index_box2 ul li a:hover h4, .index_box2 ul li a:hover p{ color: #fff; }

.index_box2 ul li.box2_1 a:hover{ background: #6beaff; }

.index_box2 ul li.box2_2 a:hover{ background: #ff945f; }

.index_box2 ul li.box2_3 a:hover{ background: #22b2ff; }

.index_box2 ul li.box2_4 a:hover{ background: #d555e1; }

.sx_cases li a.a_img:hover span{transform: rotateY(-90deg);}

.sx_cases li:hover span.line i{ width: 100%;}

.sx_cases li a.a_img:hover .box-content{transform: rotateY(0);background: rgba(0,0,0,0.7); opacity: 1}

.sx_cases li:hover .txt h2,.sx_cases li:hover .txt p{ padding-left: 10px;}

.sx_wap li:hover .txt h2,.sx_wap li:hover .txt p{ padding-left: 2px; }

.sx_cases li:hover a.a_img .box-content{transform: rotateY(0);background: rgba(0,0,0,0.7)}

.sx_cases li:hover a.a_txt span img{transform: scale(1.05,1.05);}

.index_box4 .hlw_list2 li a:hover span{ border:1px solid #aaa; }

.index_box4 .hlw_list2 li a:hover i{ background: #e43e3e }

.banner_box .am-u-lg-4{ width: 28% }

.news_box{ padding-left: 0 }

.news_box{ padding-right: 3rem }

.am-container{ padding: 0 }

}





@media (max-width:1200px) {

.sx_nav>li>a{ margin: 0 15px; }

.footer_nav{ margin-right: 35px }

.mark_box3 ul li{ padding: 0 40px }

.pc_nav > li > a{ padding: 0 12px; }

.top_phone h5{ line-height: 1.8em }

.top_phone h2{ font-size: 12px; }



}



@media (max-width:972px) {

.logo{ width: 160px}

.ban_text h2{ font-size: 24px }

.ban_text h3{ font-size: 22px; }

.ban_text p{ font-size: 14px }

.index_box5{ padding: 0 20px 50px}

.index_box5 .am-container{ padding:0; }

.wap_nav_list li > a i{ display: none; }

.contact_box3{height: 300px; }



.mark_box2 ul li.mark_box2_left:nth-child(n), .mark_box2 ul li.mark_box2_left:nth-child(2n){ padding: 10px }

.mark_box2 ul li .mark_box2_list:before{ display: none; }

.mark_box3 ul li{ padding: 0 20px; }

.wap_box1 ul li a p{ color: #444; font-size: 13px; line-height: 2em;white-space: pre-wrap; }

.company_box1 li h2{ width: 100%; }

.footer .am-container{ padding: 0 1rem ; }

.ban_text2{ height: auto; margin-top: 0 }

.pro_det {margin-top: 70px; width: 100%; overflow: hidden;}

.pro_det img{ width: 150%; margin-left: -25%; }

}



@media (max-width:768px) {

.hearder{ padding: 0 }

.wap_nav{ margin-right: 10px; }

.logo{ margin-left: 10px; }

.index_tit h2{ font-size: 20px; line-height: 1.5em; margin-bottom: 10px; }

.index_tit p{ font-size: 14px }

.index_box3{ background: #fcfcfc }

.sx_cases li a.a_img { width: 100%; padding-bottom: 0px; background-size: 100% auto; background-position: center top }

.sx_cases li a.a_img span{ width: 100%; }

.sx_cases li a.a_img .box-content{ display: none; }

.swiper-button-next, .swiper-button-prev{ display: none; }

.footer_nav{ margin: 0px 5px }

.sx_fform{ width: 100%; }

.sx_fform input[type="text"]{ width: 79%; box-sizing: border-box; }

.sx_fform input[type="submit"]{ width: 20%;  }

.fot_nav{ padding-bottom: 20px }

.sx_finfo{ width: 100%; float: none; }

.sx_finfo>p{ font-size: 14px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cdcdcd; width: 100%}

.canvas, .canvas iframe, #canvas, #canvas canvas{ height: 150px !important; }

.canvas > a{ width: 240px; line-height: 40px; margin-left: -120px; margin-top: -20px }

.index_box4 ul li p{ color: #6d6d6d; font-size: 14px; line-height: 1.6em; margin:15px 0; padding: 0 10px}

.new_tit_list{ display: flex; }

.new_tit_list li{ flex: 1; margin: 0; }

.new_con_tit li .new_time{ text-align: left; margin: 0 10px; padding: 0  }

.new_con_tit li .new_con{ border:none; padding: 10px; }

.contact_form > div > input, .contact_form > div > button{ width: 100% } 

.company_box1 li div.box1_text{  padding: 10px 0;}

.extent_box3 h2{ font-size: 24px }

.extent_box3 p{ font-size: 16px; }

.ab_box1 img{ width: 80%; }

.ab_box3 > h2{ font-size: 24px; }

.ab_box3 ul li a p{ width: 100% }

.ab_box4 > h2{ font-size: 26px; }

.wap_box1 ul li a{ padding: 20px; }

.new_det{ padding-top: 80px; }

.index_tit2 { margin: 20px auto; padding: 0 40px;}

.index_tit2 h2{ font-size: 18px; }

.home_box2{ margin-top: 10px; }

.news{ padding-bottom: 0px; }

.news_box{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }

.home_box1{ padding: 0 40px; }

}



@media (max-width:640px) {

.ban_text{ margin-top: 30px }

.ban_form{ margin-top: 40px }

.ban_text h2{ font-size: 20px }

.ban_text2{ height: auto; margin-top: 0 }

.company_box1 li div.box1_text{ width: 100%;  }

.ab_banner .ab_bg{padding: 150px 0 90px;}

.ab_banner .ab_bg img{ width: 100%; }

.banner_box{ background-size: 300% auto; background-position: center bottom}



}





@media (max-width:480px) {

.top_tel{ display: none; }

.company_box1 li div.box1_imgs{ display: none; }

}