@charset "utf-8";
/* CSS Document */
body{ margin:0px 0px; padding:0px 0px;font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px; color:#555; text-align:center; background:#fff; line-height:26px; margin-left:auto;margin-right:auto;}
a{ color:#555; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium; -webkit-tap-highlight-color:transparent;}
a:link{ text-decoration:none;}
a:hover{ color:#da2337;}
a img{ border:0;}
a {blr:expression(this.onFocus=this.blur());}
a { outline: none;}
a:focus { outline: none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0px; padding:0px;}
ul,li,dl,dd,dt{ padding:0px; margin:0px; list-style:none;}
input,textarea{font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; outline:none; resize:none;}
em,i{ font-style:normal;}
a img{ border:none;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.blue{ color:#1175c2; }
.float_left{ float:left;}
.float_right{ float:right;}
.font{font-family:'SimSun';}
.length{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con{ padding:20px 0px;}
.container{ min-width:1200px; width:1200px; margin:0px auto; padding:0px; text-align:left;}
/* CSS Common*/

/*header */
#header{position:relative; width:100%; height:165px; margin:0 auto; text-align:center; border-bottom:2px solid #da2337;}
#header .header_bg{ background:#282828; height:48px; line-height:48px; color:#a7a7a7;}
#header .header_bg a{ color:#a7a7a7;}
#header .header_bg a:hover{ color:#fff;}
#header .header_bg .l{ float:left;}
#header .header_bg .l>em{ margin-right:30px;}
#header .header_bg .l>em>img{ position:relative; top:4px; margin-right:8px;}
#header .header_bg .r{ float:right;}
#header .header_bg .r>em:nth-child(2){ padding-left:15px; display:inline-block;}
#header .header_bg .r>em>img{ position:relative; top:8px; margin-right:6px;}
#header .header_bg .r>i{ width:1px; height:22px; background:#4c4c4c; display:inline-block; margin:0 10px; position:relative; top:6px;}
#header .header_img{ position:relative; top:12px; float:left; cursor:pointer;}
#header .header_search{ width:238px; margin-top:10px; height:26px; line-height:26px; border-bottom:1px solid #4c4c4c; float:left; display:none; position:relative;}
#header .header_search input[type="text"]{ width:185px; background:transparent; border:0; color:#a7a7a7; margin-top:5px;}
#header .header_search input[type="image"]{ position:relative; top:2px; float:right;}
#header .logo{ float:left; padding-top:30px;}

/*menu*/
#menu{ float:right; margin-top:55px;}
#menu ul li{ float:left; text-align:center; border-left:1px solid #c8c8c8;}
#menu ul li:first-child{ border:0;}
#menu ul li a{ display:block; font-size:16px; color:#222; font-family:"Microsoft YaHei"; font-weight:lighter; padding:0 25px; line-height:1;}
#menu ul li a:hover{ color:#da2337;}
#menu ul li a.on{ color:#da2337;}
#menu ul li:last-child a{ padding-right:0;}

/* Menu下拉菜单 */
.menu{ width:100%;}
.menu ul{ margin:auto;}
.menu li{ height:35px; line-height:35px; padding:0 20px; float:left; text-align:center; position:relative; z-index:9;}
.menu li a{ display:block; font-size:16px; color:#000;}
.menu li a:hover{ color:#000;}
.menu li a.on{ color:#000;}
.menu li dl{ width:100%; position:absolute; left:0; top:35px; display:none;}
.menu li dl dd{ width:100%; height:30px; text-align:center; line-height:30px;}
.menu li dl dd a{ font-size:14px; color:#555;}

/*banner*/
.banner{height:622px;}
.banner .swiper-slide{ background-position:center; background-size:cover;}
.banner .swiper-pagination{ bottom:12px;}
.banner .swiper-pagination-bullet{ margin:0 3px !important;}
.banner .swiper-pagination-bullet{ background:#878787; opacity:0.5; width:10px; height:10px;}
.banner .swiper-pagination-bullet-active{ opacity:1;}
.banner .swiper-button-next, .swiper-button-prev{ width:15px; height:24px; background-size:15px 24px; margin-top:-12px;}
.banner .swiper-button-prev{ right:20px;}
.banner .swiper-button-next{ right:20px;}

/*banner_inside*/
.banner_inside{height:418px;}
.banner_inside .swiper-slide{ background-position:center; background-size:cover;}
.banner_inside .swiper-pagination{ bottom:12px;}
.banner_inside .swiper-pagination-bullet{ margin:0 3px !important;}
.banner_inside .swiper-pagination-bullet{ background:#878787; opacity:0.5; width:10px; height:10px;}
.banner_inside .swiper-pagination-bullet-active{ opacity:1;}

/*home_pro*/
#home_pro{ width:100%; margin-top:70px;}
#home_pro .home_pro_dh{ font-size:34px; margin:0 auto; text-align:center; color:#1b1b1b; font-weight:bold;}
#home_pro .home_pro_dh em{ font-size:14px; color:#8d8d8d; display:block; font-weight:normal; margin-top:10px;}
#home_pro .home_pro_con{ margin:0 auto; text-align:center; margin-top:50px;}
#home_pro .home_pro_con ul li{ width:384px; height:428px; float:left; margin-left:24px; margin-bottom:20px;}
#home_pro .home_pro_con ul li:nth-child(3n+1){ margin-left:0;}
#home_pro .home_pro_con ul li .img{ width:384px; height:296px; overflow:hidden; border-radius:15px 15px 0 0;}
#home_pro .home_pro_con ul li .img>img{ width:100%; height:100%; object-fit:cover;}
#home_pro .home_pro_con ul li .desc{ background:#fafafa; border-radius:0 0 15px 15px; padding:30px 25px; text-align:left;}
#home_pro .home_pro_con ul li .desc span{ color:#353535; font-weight:bold; display:block; font-size:20px;}
#home_pro .home_pro_con ul li .desc span:hover{ color:#da2337;}
#home_pro .home_pro_con ul li .desc i{ font-size:14px; display:block; margin:2px 0;}
#home_pro .home_pro_con ul li .desc em{ background:#da2337; width:28px; height:4px; display:block;}
#home_pro .home_pro_con ul li:hover .desc{ background:#da2337;}
#home_pro .home_pro_con ul li:hover .desc span{ color:#fff;}
#home_pro .home_pro_con ul li:hover .desc i{ color:#fff;}
#home_pro .home_pro_con ul li:hover .desc em{ background:#fff;}
#home_pro .home_pro_con a.more{ background:url(../images/more.png) no-repeat center; width:243px; height:51px; line-height:51px; text-align:left; display:block; font-size:17px; color:#fff; text-indent:50px; margin:0 auto; margin-top:20px;}

/*home_about*/
#home_about{ width:100%; margin-top:55px; background:url(../images/about_bg.jpg) no-repeat center top; padding:120px 0 100px 0; overflow:hidden;}
#home_about .home_about_con {margin:0 auto; text-align:left;}
#home_about .home_about_con .l{ width:580px; float:left; position:relative;}
#home_about .home_about_con .l .about_list>em{ font-size:20px; color:#da2337; display:block;}
#home_about .home_about_con .l .about_list>b{ font-size:34px; color:#333; display:block; margin:30px 0;}
#home_about .home_about_con .l .about_list>.desc{ color:#727272;}
#home_about .home_about_con .l a.more{ color:#da2337; border-bottom:1px solid #da2337; margin-top:20px; display:inline-block;}
#home_about .home_about_con .l ul{ margin-top:60px;}
#home_about .home_about_con .l ul>li{ float:left; text-align:left; width:33%;}
#home_about .home_about_con .l ul>li>span{ font-size:26px; font-weight:bold; color:#da2337; letter-spacing:-1px;}
#home_about .home_about_con .l ul>li>span>img{ position:relative; top:6px; margin-right:5px;}
#home_about .home_about_con .l ul>li>p{ width:100%; color:#727272; line-height:1.4; margin-top:10px;}
#home_about .home_about_con .l span.left{ position:absolute; top:-50px; left:-50px;}
#home_about .home_about_con .l span.right{ position:absolute; bottom:-20px; right:-40px;}
#home_about .home_about_con .r{ width:589px; float:right;}

/*home_news*/
#home_news{ width:100%; margin-top:70px;}
#home_news .home_news_dh{ font-size:34px; margin:0 auto; text-align:center; color:#1b1b1b; font-weight:bold;}
#home_news .home_news_dh em{ font-size:14px; color:#8d8d8d; display:block; font-weight:normal; margin-top:10px;}
#home_news .home_news_con{ margin:0 auto; text-align:center; margin-top:50px; position:relative;}
#home_news .home_news_con>span{ position: absolute; width:26px; height:46px; cursor:pointer; top:32%; z-index:9;font-size:50px; font-family:'SimSun'; color:#5b5b5b;}
#home_news .home_news_con>span.left{ left:-40px;}
#home_news .home_news_con>span.right{ right:-40px;}
#home_news .home_news_con>span:hover{ color:#da2337;}
#home_news .home_news_list{ position:relative; width:100%; margin:0 auto; overflow:hidden;}
#home_news .home_news_list ul li { width:576px; display:inline-block; vertical-align:top; margin:0 12px; position:relative; height:460px;}
#home_news .home_news_list ul li .img{ width:576px; height:279px; overflow:hidden;}
#home_news .home_news_list ul li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_news .home_news_list ul li img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_news .home_news_list ul li .desc{ width:475px; background:#fff; padding:25px 30px; position:absolute; bottom:40px; right:0; z-index:2; text-align:left; box-shadow:0px 1px 10px -1px rgba(0,0,0,.1); padding-bottom:10px;}
#home_news .home_news_list ul li .desc>span{ color:#373737; font-size:16px; margin-bottom:8px; display:block;}
#home_news .home_news_list ul li .desc>p{ color:#969696; line-height:1.6; width:90%;}
#home_news .home_news_list ul li .desc>a.more{ width:32px; height:30px; line-height:30px; color:#222; border:1px solid #282828; display:block; text-align:center; font-size:18px; font-family:'SimSun'; font-weight:bold; float:right; position:relative; right:-10px; top:-20px;}
#home_news .home_news_list ul li .desc>a.more:hover{ color:#fff; border:1px solid #282828; background:#da2337; border-color:#da2337;}
	
/*home_ad*/
#home_ad{ width:100%; margin-top:50px; background:#f8f5f1; padding:40px 0;}
#home_ad .home_ad_con{ margin:0 auto; text-align:left;}
#home_ad .home_ad_con ul{ font-size:0;}
#home_ad .home_ad_con ul>li{ width:24.9%; display:inline-block; font-size:20px; color:#2c2c2c; text-align:center; border-left:1px solid #fff;}
#home_ad .home_ad_con ul>li:nth-child(4n+1){ border:0;}
#home_ad .home_ad_con ul>li>span{ display:block; margin:25px 0;}
#home_ad .home_ad_con ul>li>a{ width:110px; height:32px; line-height:32px; background:#da2337; color:#fff; text-align:center; display:block; font-size:12px; border-radius:3px; margin:0 auto;}
#home_ad .home_ad_con ul>li>a:hover{ background:#3b3b3b;}

/*home_search*/
#home_search{ width:100%; background:url(../images/contact_bg.jpg) no-repeat center top; padding:100px 0 96px 0;}
#home_search .home_search_con{ margin:0 auto; text-align:left; color:#fff;}
#home_search .home_search_con .l{ float:left; font-size:34px; font-weight:bold; line-height:1.5;}
#home_search .home_search_con .l em{ font-weight:100;}
#home_search .home_search_con .r{ float:right;}
#home_search .home_search_con .r>em{ font-size:20px; font-weight:bold; margin-bottom:20px; display:block;}
#home_search .home_search_con .r>form{ width:400px; height:40px; line-height:40px; border:1px solid rgba(255,255,255,0.3);}
#home_search .home_search_con .r>form>input[type="text"]{ width:355px; background:none; border:0; height:36px; line-height:36px; color:#b9b6b4; font-size:12px; text-indent:12px; position:relative; top:-5px;}
#home_search .home_search_con .r>form>input[type="image"]{ position:relative; top:5px;}
	
/*location*/
.location{ height:75px; line-height:75px; border-bottom:1px solid #f0f0f0; font-family:"Microsoft YaHei"; font-weight:lighter; color:#363636;}
.location img{ position:relative; top:3px; margin-right:8px;}
	
/*left*/
#left{ width:100%;}
#left .left_top{ font-size:26px; color:#1b1b1b; font-weight:bold; margin:0 auto; text-align:center; position:relative; text-transform:uppercase; margin-top:30px;}
#left .left_top>em{ font-size:16px; color:#7e7e7e; position:relative; top:-3px; margin-right:10px; width:30px; letter-spacing:-2px;}
#left .left_top>em:nth-child(2){ margin-left:10px;}
#left .left_dh{ margin:0 auto; text-align:center; margin-top:20px; border-bottom:1px solid #f0f0f0;}
#left .left_dh ul li{ line-height:46px; display:inline-block; padding:0 10px;}
#left .left_dh ul li a{ height:46px; display:block; border-bottom:3px solid transparent; font-size:16px; padding:0 16px; }
#left .left_dh ul li a:hover{ color:#da2337;}
#left .left_dh ul li a.on{ color:#da2337; border-color:#da2337;}

/*content*/
#right{ width:100%;}
#right .right_dh{ display:none;}
#right .right_con{ min-height:200px; padding:40px 0;}

/*list_pro*/
ul.list_pro{ text-align:center;}
ul.list_pro li{ float:left; width:378px; margin-left:30px; margin-bottom:35px; border:1px solid #ebebeb;}
ul.list_pro li:nth-child(3n+1){ margin-left:0;}
ul.list_pro li:hover{ border-color:#da2337;}
ul.list_pro li:hover span{ background:#da2337; border-color:#da2337; color:#fff;}
ul.list_pro li .img{ width:376px; height:376px; overflow:hidden;}
ul.list_pro li img{ max-width:100%; max-height:100%; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pro li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_pro li span{ display:block; background:#f9f9f9; height:46px; line-height:46px; border-top:1px solid #ebebeb;}

/*display*/
.dis_big{ text-align:center; margin-top:20px;}
.dis_big .l{ width:610px; float:left;}
.dis_big .r{ width:550px; float:right; text-align:left; margin-top:30px;}
.dis_big .r a.buy{ padding:0 30px; display:inline-block; height:40px; line-height:42px; border-radius:3px; text-align:center; font-size:16px; background:#da2337; margin-top:20px; color:#fff; transition:all 0.3s;}
.dis_big .r a.buy:hover{ background:#c30d23;}
.dis_name{ line-height:30px; height:30px; color:#222; font-size:30px; font-weight:bold; border-bottom:1px solid #d0d0d0; padding-bottom:10px;}
.dis_desc{ line-height:2; margin-top:15px; font-size:16px; height:375px; overflow:hidden;}
.l_img{ position:relative; overflow:hidden; width:610px;}
.l_img .bigImg{ height:520px; position:relative; border:1px solid #e6e6e6; margin-bottom:18px;}
.l_img .bigImg li{ text-align:center;}
.l_img .bigImg li .img{ width:610px; height:520px; overflow:hidden; display:table-cell; vertical-align:middle;}
.l_img .bigImg li img{ max-width:100%; max-height:100%;}
.l_img .bigImg h4{ font-size:14px; font-weight:bold; line-height:20px; height:20px; padding-right:30px; overflow:hidden; text-align:left;}
.l_img .smallScroll{ height:120px; margin-bottom:6px;}
.l_img .sPrev,.l_img .sNext{ float:left; display:block; width:18px; height:120px; line-height:120px; color:#9a9a9a; font-family:'SimSun'; text-align:center; font-size:40px;}
.l_img .sPrev{ left:0;}
.l_img .sNext{ right:0;}
.l_img .smallImg{ float:left; margin:0 15px; display:inline; width:544px; overflow:hidden;}
.l_img .smallImg ul{ height:122px; width:9999px; overflow:hidden;}
.l_img .smallImg li{ float:left; margin: 0 18px 0 0; width:120px; cursor:pointer; display:inline; border:1px solid #e6e6e6;}
.l_img .smallImg li:hover{ border-color:#da2337;}
.l_img .smallImg img{ max-width:120px; max-height:120px; object-fit:cover;}
.l_img em.ico_img{ background:url(../images/pro_ico1.png) no-repeat center; width:31px !important; left:auto !important; top:auto !important; height:31px; position:absolute; z-index:2; display:block !important; bottom:10px; right:10px; cursor:pointer;}
.dis_note .dis_dh{ text-align:left;line-height:23px; margin-top:45px; border-bottom:1px solid #e4e4e4;}
.dis_note .dis_dh em{ display:inline-block; line-height:40px; height:40px; font-size:17px; font-weight:bold; color:#fff; background:#da2337; padding:0 60px;}
.dis_note .dis_note_con{ margin:20px 0 50px 0;}
.m_l_img{ display:none;}

/*list_share*/
ul.list_share{ text-align:center;}
ul.list_share li{ float:left; width:292px; margin:0 8px; line-height:25px; height:290px;}
ul.list_share li .img{ width:292px; height:243px; overflow:hidden;}
ul.list_share li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_share li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_share li span{ display:block; padding-top:10px;}

/*share_list*/
ul.share_list{ text-align:center;}
ul.share_list li{ width:220px; height:210px; float:left; margin:0 15px;}
ul.share_list .img{ width:220px; height:160px; background:#fff; display:table-cell; vertical-align:middle; text-align:center; *display: block; border:1px solid #ddd; overflow:hidden;}
ul.share_list .img img{ max-width:100%; max-height:100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
ul.share_list li:hover img{ transform:scale(1.08); -webkit-transform: scale(1.08);}
ul.share_list li span{ display:block; padding-top:10px; text-align:center;}

/*table*/
table.list{ font-family:"Microsoft YaHei"; font-size:14px; color:#333; border-width:1px; border-color:#666; border-collapse:collapse; width:100%;}
table.list th { border-width:1px; padding:8px; border-style:solid; border-color:#ccc; background-color:#e8e8e8; font-weight:normal;}
table.list td { border-width:1px; padding:8px; border-style:solid; border-color:#666; background-color:#e8e8e8; font-weight:normal;}

/*list_news*/
ul.list_news li{ position:relative; height:56px; line-height:56px; border-bottom:1px dotted #f0f0f0;}
ul.list_news li span{ position:absolute; right:5px; top:0px;}

/*list_img_news*/
ul.list_img_news{ margin-bottom:20px;}
ul.list_img_news li{ position:relative; padding-top:6px;}
ul.list_img_news li:after{ display:block; content:''; height:20px; clear: both; border-bottom:1px solid #eee;}
ul.list_img_news li .img{ width:200px; height:140px; margin-right:22px; margin-top:12px; float:left; overflow:hidden;}
ul.list_img_news li .img img{ width:100%; height:100%; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_img_news li .img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_img_news li span{ font-size:16px; margin:10px 0; display:block; margin-top:20px;}
ul.list_img_news li p{ color:#888;}
ul.list_img_news li em{ display:block; color:#888;}

/*list_pic_news*/
ul.list_pic_news{ text-align:center;}
ul.list_pic_news li{ float:left; width:300px; margin:0 8px; line-height:25px; height:260px;}
ul.list_pic_news li .img{ width:300px; height:200px; overflow:hidden;}
ul.list_pic_news li img{ width:100%; height:100%; object-fit:cover; transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}
ul.list_pic_news li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_pic_news li span{ display:block; padding-top:10px;}

/*dis_news*/
#dis_news .news_title{ font-weight:bold; font-size:18px; line-height:30px; text-align:center;}
#dis_news .news_date{ text-align:center; line-height:26px; padding-bottom:10px; color:#888;}
#dis_news .news_content{ padding:5px; text-align:left;}
#dis_news .news_close{ margin:0 auto; text-align:center; padding:20px 0;}
#dis_news .news_close a{ padding:5px;}

/*list_links*/
ul.list_links{ text-align:center;}
ul.list_links li{ float:left; padding:5px 10px; text-align:center; width:140px; height:50px;}
ul.list_links li img{ width:130px; height:50px;}

/*scroll*/
/*page*/
.page{ text-align:center; line-height:30px; min-height:25px; clear:both; margin-top:40px;}
/*pages_style*/
.pages{ width:100%; margin:0 auto; margin-top:30px; text-align:center;}
.pages .pages_m_box{ display:none;}
.pages a{ border:1px solid #c1c1c1; padding:5px 10px; margin:0 3px;}
.pages a:hover,a.active{ background:#1b77c6; color:#fff; border-color:#1b77c6;}
.pages span{ border:1px solid #c1c1c1; padding:5px 10px; margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{ background:#1b77c6; color:#fff; border-color:#1b77c6;}

/*other*/
.feedback { width:680px;}
.feedback img{ cursor:pointer;}
.feedback input{ line-height:24px; color:#565656; width:246px; border:1px solid #ccc; height:24px; margin-bottom:12px;}
.feedback textarea{ line-height:24px; color:#565656; width:450px; border:1px solid #ccc; height:96px; margin-bottom:12px; resize:none;}
.feedback ul li span{ line-height:24px; color:#565656; width:96px; height:24px; margin-right:12px; float:left; text-align:left;}
.feedback .submit{ line-height:26px; color:#565656; width:110px; border:1px solid #ccc; height:32px; margin-top:12px; cursor:pointer;}
.feedback .code{ width:246px;}
.feedback img{ color:#565656; float:right;}

/*animate*/
@keyframes rotate{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}

/*map*/
.map{ width:100%; height:400px; border:1px solid #ccc;}
.map img{ max-width:inherit !important;}
.shadow,.pop,.anchorBL{ display:none;}

/*form*/
.form { margin:0 auto; width:100%;}
.form .form-group{ margin-bottom:10px;}
.form .form-group>em{ width:96px; display:inline-block;}
.form .form-group:nth-child(5)>em{ vertical-align:top;}
.form .form-group>input[type="text"],textarea{ height:30px; border:1px solid #ddd; width:300px; outline:none; text-indent:10px;}
.form .form-group>input.code{ width:80px;}
.form .form-group>textarea{ height:100px; width:296px; margin:5px 0;}
.form .form-group>.box{ margin:0 auto; text-align:center; margin-top:20px;}
.form .form-group>.box>input[type="submit"]{ line-height:36px; color:#565656; width:100px; border:0; height:36px; cursor:pointer; background:#e5e5e5; margin-right:10px;}
.form .form-group>.box>input[type="submit"]:hover{ background:#da2337;color:#fff;}
.form .form-group>.box>input[type="reset"]{ line-height:36px; color:#565656; width:100px; border:0; height:36px; cursor:pointer; background:#e5e5e5;}
.form .form-group>.box>input[type="reset"]:hover{ background:#da2337;color:#fff;}

/*float*/
.float{ width:50px; position:fixed; right:0; bottom:150px; background:#e2e4e3; z-index:99; padding:10px 0; border-radius:5px 0 0 5px;}
.float li{ margin:20px 0; position:relative;}
.float li .icon_on{ display:none;}
.float li:hover .icon_on{ display:block;}
.float li:hover .icon_off{ display:none;}
.float li:nth-child(2):hover>.note{ display:block;}
.float li:nth-child(3):hover>.note{ display:block;}
.float em{ display:block; width:80%; margin:0 auto; text-align:center; line-height:1.2; padding-top:10%;}
.float .note{ background:#fff; width:135px; position:absolute; right:50px; color:#222; padding:15px 0 10px 0; text-align:left; padding-left:10px; line-height:1.5; font-size:18px; box-shadow:0px 6px 30px 1px rgba(0,0,0,.2);-webkit-box-shadow:0px 6px 30px 1px rgba(0,0,0,.2); display:none;}
.float .note img{ width:120px; height:120px;}

/*livechat*/
#livechat{ z-index:999; right:45px; visibility:visible; width:140px; position:absolute; top:220px; height:203px; text-align:center;}
#livechat ul,li{ padding:0px; margin:0px; list-style:none;}
#livechat ul{ border-top:1px solid #e0e0e0; padding:10px 0;}
#livechat ._title{ line-height:20px; font-size:12px; margin:10px 0; color:#898989; text-align:center; display:inline-block;}
#livechat ._close{ position:absolute; width:22px; height:36px; right:4px; cursor:pointer; top:-1px;color:#fff; font-weight:normal;}
#livechat ._img{ line-height:26px; border:0 none; position:relative; top:3px; right:5px;}
.chat_top{ width:135px; height:36px; background:#da2337; font-size:14px; font-weight:bold; color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left:1px solid #da2337; border-bottom:1px solid #da2337; border-right:1px solid #da2337; background:#fff; line-height:28px;}

/*nav*/
#footer_nav{ background:#333; min-height:260px;}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:80px 0; color:#8e8e8e;}
#footer_nav .footer_nav_con a{ color:#8e8e8e; font-size:14px;}
#footer_nav .footer_nav_con a:hover{ color:#fff;}
#footer_nav .footer_nav_con .list_con{ float:right;}
#footer_nav .footer_nav_con .list{ float:left; padding-right:50px;}
#footer_nav .footer_nav_con .list span{ font-size:16px; height:40px; text-align:left; color:#da2337; display:inline-block; font-family:"Microsoft YaHei"; font-weight:lighter; border-bottom:1px solid #da2337; margin-bottom:15px; width:90px;}
#footer_nav .footer_nav_con .list li{ line-height:26px; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#footer_nav .footer_nav_con .contact{ float:left; width:360px;}
#footer_nav .footer_nav_con .contact span{ font-size:16px; height:40px; text-align:left; color:#da2337; display:inline-block; font-family:"Microsoft YaHei"; font-weight:lighter; border-bottom:1px solid #da2337; margin-bottom:15px; width:92px;}
#footer_nav .footer_nav_con .contact .desc{ width:100%; word-break:break-all;}
#footer_nav .footer_nav_con .qcode{text-align:center; float:right; font-size:15px; height:30px; margin-top:10px;}
#footer_nav .footer_nav_con .qcode span{ color:#fff; display:block; height:36px; line-height:36px;}
#footer_nav .footer_nav_con .qcode img{ max-width:118px;}

/*footer*/
#footer{ padding:12px 0; background:#da2337; color:rgba(255,255,255,0.65);}
#footer a{ color:rgba(255,255,255,0.65);}
#footer a:hover{ color:#fff;}
#footer .footer_con{ margin:0 auto; text-align:center;}
#footer .footer_con .l{ float:left;}
#footer .footer_con .r{ float:right; text-align:right;}
#footer .footer_con .r>img{ position:relative; top:5px; margin-right:5px;}
#footer .footer_copy{ text-align:center; padding:15px 0;}
.go_top{ width:50px; height:50px; background:#222; color:#fff; font-size:16px; position:fixed; bottom:60px; right:20px; text-align:center; cursor:pointer;}
.go_top em{ text-align:center; display:block; line-height:1; padding-top:3px;}

/*自适应控制移动端菜单*/
@media (min-width: 769px){
.header{ display:none;}
}

/*移动端样式*/
@media screen and (max-width:768px) {
/*public*/
body{ overflow:auto;}
#header{ display:none;}
.container{ min-width:100%; width:100%;}
.con{ padding:0 15px 20px 15px;}
.header{ width:100%; height:60px; line-height:60px; background:#fff; position: fixed; box-shadow:0px 1px 10px rgba(0,0,0,.2); z-index:999;}
.header .m_logo img{ height:40px; padding:10px 10px;}
.header .nav{ height:100%; background:#fff; position: absolute; top:60px; width:100%; border-top:1px solid #f0f0f0; overflow-y:scroll; display:none;}
.header .nav ul li a{ display:block; font-size:14px; color:#454545; line-height:16px; text-align:left; padding:12px 20px; border-bottom:1px solid #f0f0f0;}
.header .nav ul li a span{ line-height:16px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; display:block; font-size:10px;}
.header .nav ul li a:hover{ background:#da2337; color:#fff;}
.header .nav ul li:last-child{ line-height:46px; border-bottom:1px solid #f0f0f0; padding-left:20px;}
.header .nav ul li:last-child a{ padding:0; border:0; display:inline-block;}
.header .nav ul li:last-child a:hover{ background:none; color:#da2337;}
.header .header_icon{position:fixed; top:0; right:0; height:60px; width:60px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
.header .header_icon span,.header .header_icon span::after,.header .header_icon span::before {position:absolute; background-color:#da2337; height:2px; width:25px;}
.header .header_icon span{left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition:background-color .3s; transition:background-color .3s;}
.header .header_icon span::after,.header .header_icon span::before{content:''; left:0; -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s;}
.header .header_icon span::before{-webkit-transform:translateY(-9px); -ms-transform:translateY(-9px); transform:translateY(-9px);}
.header .header_icon span::after{-webkit-transform:translateY(9px); -ms-transform:translateY(9px); transform:translateY(9px);}
.header_top{ height:60px;}
.banner{ height:180px; background-size:cover; top:0;}
.banner .swiper-button-prev{ left:10px;}
.banner .swiper-button-next{ right:10px;}
.banner_inside{ height:140px; background-size:cover; top:0;}
.banner_inside .swiper-button-prev{ left:10px;}
.banner_inside .swiper-button-next{ right:10px;}

/*home*/
#home_pro{ margin-top:30px;}
#home_pro .home_pro_dh{ font-size:24px;}
#home_pro .home_pro_dh em{ margin:0;}
#home_pro .home_pro_con{ width:94%; margin:0 auto; margin-top:20px;}
#home_pro .home_pro_con ul li{ width:48%; margin-left:4%; margin-bottom:4%; height:auto;}
#home_pro .home_pro_con ul li:nth-child(3n+1){ margin-left:4%;}
#home_pro .home_pro_con ul li:nth-child(2n+1){ margin-left:0;}
#home_pro .home_pro_con ul li .img{ width:100%; height:120px;}
#home_pro .home_pro_con ul li .desc{ padding:15px;}
#home_pro .home_pro_con ul li .desc span{ font-size:17px; line-height:1.4; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_pro .home_pro_con ul li .desc i{ margin:0;}
#home_pro .home_pro_con a.more{ margin-top:10px; width:160px; background-size:contain; text-indent:20px; font-size:15px;}

#home_about{ margin-top:30px; padding:30px 0; background-size:cover;}
#home_about .home_about_con{ width:94%;}
#home_about .home_about_con .l{ width:100%; float:none;}
#home_about .home_about_con .l .about_list{ width:80%; margin:0 auto;}
#home_about .home_about_con .l .about_list>em{ font-size:16px; padding-top:10px;}
#home_about .home_about_con .l .about_list>b{ font-size:20px; margin:5px 0;}
#home_about .home_about_con .l span.left{ left:0; top:-10px;}
#home_about .home_about_con .l span.right{ right:0; bottom:0;}
#home_about .home_about_con .l span img{ width:30px;}
#home_about .home_about_con .l ul{ margin-top:20px;}
#home_about .home_about_con .l ul>li{ width:33%; text-align:center;}
#home_about .home_about_con .l ul>li>span>img{ display:block; margin:0 auto; margin-bottom:10px;}
#home_about .home_about_con .l ul>li>span{ font-size:18px;}
#home_about .home_about_con .l ul>li>p{ width:90%; text-align:center; margin:0 auto;}
#home_about .home_about_con .r{ width:100%; float:none;}
#home_about .home_about_con .r>img{ width:100%; height:auto; margin-top:20px;}

#home_news{ margin-top:30px;}
#home_news .home_news_dh{ font-size:24px;}
#home_news .home_news_dh em{ margin:0;}
#home_news .home_news_con{ width:94%; margin:0 auto; margin-top:20px;}
#home_news .home_news_con>span{ font-size:30px; height:auto; width:auto;}
#home_news .home_news_con>span.left{ left:0;}
#home_news .home_news_con>span.right{ right:0;}
#home_news .home_news_list{ width:80%;}
#home_news .home_news_list ul li{ width:100%; height:300px; margin:0; margin-right:20px;}
#home_news .home_news_list ul li .img{ width:100%; height:150px;}
#home_news .home_news_list ul li .desc{ width:80%; padding:15px; bottom:30px; margin:0 auto; left:0; right:0;}
#home_news .home_news_list ul li .desc>span{ font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_news .home_news_list ul li .desc>p{ overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
#home_news .home_news_list ul li .desc>a.more{ right:0; top:0;}

#home_ad{ margin-top:10px; padding:30px 0;}
#home_ad .home_ad_con ul>li{ width:49.75%; vertical-align:top; margin-bottom:20px;}
#home_ad .home_ad_con ul>li:nth-child(2n+1){ border:0;}
#home_ad .home_ad_con ul>li img{ width:50px;}
#home_ad .home_ad_con ul>li>span{ margin:10px 0; font-size:15px;}

#home_search{ padding:30px 0;}
#home_search .home_search_con{ width:92%; margin:0 auto;}
#home_search .home_search_con .l{ width:100%; float:none; font-size:20px; line-height:1.4;}
#home_search .home_search_con .r{ width:100%; float:none; margin-top:10px;}
#home_search .home_search_con .r>em{ font-size:18px; margin-bottom:10px;}
#home_search .home_search_con .r>form{ width:100%;}
#home_search .home_search_con .r>form>input[type="text"]{ width:calc(100% - 45px);}

/*content*/
.location{ height:35px; line-height:35px; padding-left:15px;}
.location img{ top:4px;}

/*right*/
#right{ width:100%;}
#right .right_dh{ margin:0; font-size:15px; position:relative; height:46px; line-height:46px; border-bottom:1px solid #f0f0f0; display:block;}
#right .right_con{ min-height:320px; padding:0; padding-top:15px;}
#right .right_con img{ max-width:100%; height:auto; padding:0 !important;}
#right .right_con iframe{ max-width:100%; height:auto;}
#right .right_dh_r{ display:none;}
#right .right_icon { position:absolute; top:5px; right:0; height:30px; width:30px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
#right .right_icon span{ width:5px; height:5px; border-radius:50%; background:#222; display:block; float:right; position:relative; top:18px; margin-left:4px;}

/*left*/
#left{ position:fixed; left:inherit; width:60%; height:100%; right:-100%; top:0; margin-left:0; background:#333; z-index:10; padding-top:60px; overflow-y:scroll; height:100%;}
#left .left_top{ color:#fff; font-size:16px; border-bottom:1px solid #555; line-height:50px; padding-left:20px; background:#333; text-align:left; margin:0; font-weight:normal;} 
#left .left_top em{ display:none;}
#left .left_dh{ border:none; margin-top:0;}
#left .left_dh ul li{ text-align:left; display:block; margin:0; padding:0;}
#left .left_dh ul li a{ color:#f5f5f5; line-height:40px; height:40px; border-bottom:1px solid #555; display:block; padding-left:20px; background:#333; border-radius:0; font-size:14px;}
#left .left_dh ul li a:hover{ font-weight:600; background:#333; color:#fff;}
#left .left_dh ul li a.on{font-weight:600; background:#333; color:#fff;}
.mask{display:none; position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.5);}

/*list_news*/
ul.list_news li {width:100%; height:36px; line-height:36px;}
ul.list_news li dd{width: calc(100% - 86px); word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_pic_news*/
ul.list_pic_news li{ width:100%; line-height:25px; margin-left:0; height:auto; text-align:center; margin-bottom:20px;}
ul.list_pic_news li:first-child { margin-left:0;}
ul.list_pic_news li .img{ width:100%; height:auto;}
ul.list_pic_news li img{ width:100%; height:100%; object-fit:cover;}
ul.list_pic_news li span{ font-size:15px; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pic_news li p{ padding-top:5px;}

/*list_img_news*/
ul.list_img_news li{ height:auto; padding-bottom:0;}
ul.list_img_news li .img{ width:40%; height:auto; margin-right:4%; overflow:hidden;}
ul.list_img_news li .img img{ width:100%; height:100%;}
ul.list_img_news li span{ margin-top:3%; float:right; width:56%; font-size:14px; line-height:1.5;}
ul.list_img_news li p{ width:56%; overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical; display:none;}
ul.list_img_news li:after{ display:block; content:''; height:12px; clear: both; border-bottom:1px solid #eee;}

/*dis_news*/
#dis_news{ width:100%;}
#dis_news .news_title{ line-height:1.4;}

/*list_pro*/
ul.list_pro li{ float:left; width:47.3%; margin-left:4%; margin-bottom:4%;}
ul.list_pro li:nth-child(3n+1){ margin-left:4%;}
ul.list_pro li:nth-child(2n+1){ margin-left:0;}
ul.list_pro li .img{ width:100%; height:150px;}
ul.list_pro li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*dis_big*/
.dis_big{ margin-top:10px;}
.dis_big .l{ width:100%; float:none;}
.dis_big .r{ width:100%; float:none; margin-top:10px;}
.dis_big .r a.buy{ padding:0 10px;}
.dis_name{ font-size:16px;}
.dis_desc{ height:auto; font-size:15px;}
.dis_note .dis_dh{ margin-top:30px;}
.dis_note .dis_dh>em{ padding:0 15px;}
.l_img{ display:none;}
.m_l_img{ display:block; position:relative; border:1px solid #f2f2f2;}
.m_l_img img{ width:100%; height:auto; object-fit:cover;}
.m_l_img .custom_nums{ width:40px;height:20px; line-height:20px; background:rgba(51,51,51,0.6); border-radius:10px; font-size:12px; color:#fff; position:absolute; right:10px; left:auto;z-index:100;}
.dis_pic img{ width:80%;}

/*share_list*/
ul.share_list li{ float:left; width:46%; line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px;}
ul.share_list li .img{ width:100%; height:auto;}
ul.share_list li img{ width:100%; height:100%;}
ul.share_list li span{ padding-top:5px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_share*/
ul.list_share li{ float:left; width:46%;line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px;}
ul.list_share li .img{ width:100%; height:auto;}
ul.list_share li img{ width:100%; height:100%;}
ul.list_share li span{ padding-top:5px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*form*/
.form { width:100%;}
.form .form-group>em{ width:100%;}
.form .form-group>input[type="text"]{ width:100%;}
.form .form-group>textarea{ width:98.5%;}
.form .form-group>input.code{ width:70px;}
.form input[type="submit"],input[type="reset"]{ width:40%;}

/*pages*/
.page{ margin-top:20px;}
.pages{ width:94%; margin:0 auto; margin-top:20px; margin-bottom:20px; text-align:center;}
.pages .pages_box{ display:none;}
.pages .pages_m_box{ display:block;}
.pages a{ border:1px solid #c1c1c1; padding:0px 8px; margin:0 3px;}
.pages a:hover,a.active{ background:#1c87e9; color:#fff; border-color:#1c87e9;}
.pages span{ border:1px solid #c1c1c1; padding:0px 8px; margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{ background:#1c87e9; color:#fff; border-color:#1c87e9;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0px;}

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

/*livechat*/
#livechat{ display:none;}

/*nav*/
#footer_nav{ display:none;}

/*footer*/
#footer{ padding:15px 0;}
#footer .footer_con{ width:96%; margin:0 auto; text-align:center;}
#footer .footer_con .l{ float:none;}
#footer .footer_con .r{ float:none; text-align:center;}
#footer .footer_copy{ margin:0 auto; width:94%; padding:15px 0;}
}