@charset "utf-8";

html{overflow-x:hidden;}

body{margin:0;padding:0;font-family:"微软雅黑", Arial, Helvetica, sans-serif;font-size:14px;color:#000;}

p,h1,h2,h3,h4,h5,h6{padding:0;margin:0;}

h6{font-size:14px;}

ul,ol,li{list-style:none;margin:0;padding:0px;}

a{color:#000;text-decoration:none;}

img{border:none;}

.f_l{float:left;}

.f_r{float:right;}

.clear{clear:both;}

input,button,textarea,select{ border:none;font-family: "微软雅黑"}

input,button,textarea,select {outline:none;}

*{ margin:0; padding:0; box-sizing:border-box  }

.container{max-width:1280px; padding:0 2%; margin:0 auto;height:auto;display:block;}

.container1{width:95%;margin:0 auto;height:auto;display:block;}



.header{ display:block;width:100%; padding:0 2%; height:96px; position:fixed; top:0; background:#FFF; z-index:99999}

.header .logo{float:left;  display: flex; align-items: center; height:96px; }

.header .logo img{ height:63px; }

.header .logo img.yuan{ display:none}

.header .nav{ height:96px; z-index:1; float:right ;  }

.header .nav ul{ height:100%;}

.header .nav a{ color:#333;  }

.header .nav .nLi{ float:left;  position:relative; display:inline; height:100%;display: flex; align-items: center;  }

.header .nav .nLi h3{ float:left;  }

.header .nav .nLi h3 a{ display:block; padding:0 35px; font-size:18px; font-weight:normal;  }

.header .nav .sub{ display:none; width:100%; left:0; top:96px; height:auto; z-index:999;  position:absolute; background:#df0001; border-radius:0 0 12px 12px;  line-height:44px; padding:5px 0 15px 0;  }

.header .nav .sub li{ zoom:1; font-size:16px; text-align:center }

.header .nav .sub a{ display:block; padding:0 10px; color:#FFF }

.header .nav .sub a:hover{ font-weight:bold }

.header .nav .on h3 a{ color:#e62129;   }

.header .header_r{ float:right; display: flex; align-items: center; height:96px}

.header .header_r1{ border-left:1px #e7e7e7 solid; padding-left:30px; padding-right:30px; position:relative}

.header .header_r1 p{ position:absolute; top:30px; right:0; display:none; padding:5px 0; font-size:16px; background:#e62129; color:#FFF; border-radius:10px; line-height:40px; width:330px; font-weight:bold; text-align:center;}

.header .header_r1:hover p{ display:block;}

.header .header_r1 a{ border-radius:25px; background:#7d7d7d; width:56px; height:28px; line-height:28px; text-align:center; display:block; color:#FFF; font-size:18px; font-weight:lighter}

.header .header_r2{ background:#e62129; color:#FFF; padding:5px 16px; line-height:22px; border-radius:12px; text-align:center}

.header .header_r2 b{ font-size:20px;}

.sp_header{ display:none}

.sjj_nav{ display:none}

.header .nav .has-sub {position: absolute;top: 50%; margin-top:-3px;right:15px; width: 6px;height: 6px; border-bottom: 1px solid #000000;

 border-right: 1px solid #000000; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);  transform: rotate(45deg); -webkit-transition: border-color 0.2s ease;  -moz-transition: border-color 0.2s ease;

  -ms-transition: border-color 0.2s ease;  -o-transition: border-color 0.2s ease;  transition: border-color 0.2s ease;}

.header .nav .nLi:hover .has-sub { border-color: #e62129;}

.header .nav .on .has-sub { border-color: #e62129;}





.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; padding-top:96px; }

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; transform:translateX(-50%); bottom:25px; z-index:1; }

.tempWrap{ width:100% !important}

.slideBox .hd ul{ overflow:hidden; zoom:1;  }

.slideBox .hd ul li{ float:left; margin:0 10px; font-size:0;  width:12px; height:12px; line-height:14px; text-align:center; background:rgba(255,255,255,0.6); cursor:pointer; border-radius:50% }

.slideBox .hd ul li.on{ background:#FFF; color:#fff; border-radius:20px; width:60px; background:#e61a1c}

.slideBox .bd{ position:relative; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; }

.slideBox .bd img{ width:100%; height:auto; display:block;  }



.zlj1_t{ display:block; text-align:center; padding:70px 0 0 0}

.zlj1_t p{ display:block; font-size:24px;color:#000; padding-bottom:5px; text-transform:uppercase}

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

.zlj1_t h2::after{ position:absolute; left:-50px; top:50%; margin-top:-1px; width:30px; height:3px; background:#e62129; content:""; }

.zlj1_t h2::before{ position:absolute; right:-50px; top:50%; margin-top:-1px; width:30px; height:3px; background:#e62129; content:""; }

.zlj1{ background:url(../images/1.jpg) no-repeat right bottom; background-size:50% auto}

.zlj1_cc{ padding-right:50%; font-size:20px; line-height:39px; padding-top:100px; padding-bottom:50px; color:#666666 }

.zlj1_cc p{ display:block; padding-bottom:40px;}



.zlj2{ width:90%; margin:0 auto; padding-bottom:78px;}

.zlj2_t{ font-size:30px; font-weight:bold; text-align:center; color:#e62129; padding-top:15px; padding-bottom:40px;}

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

.zlj2 ul li{ width:23%; background:#f5f5f5; position:relative; text-align:center; padding:40px 0}

.zlj2 ul li h2{ display:flex;justify-content:center;align-items:center; font-size:24px;}

.zlj2 ul li h2 img{ padding-right:5px;}

.zlj2 ul li p{ font-size:18px; padding-top:15px;}

.zlj2 ul li:after{ content:""; width:90%; position:absolute; left:5%; height:10px; background:#fef5f6; bottom:-10px;}

.zlj2 ul li:hover:after{ background:#e62129;box-shadow:0 5px 18px rgba(230,33,41,0.5)}

.zlj2 ul li:hover{ }

.zlj3{ background:url(../images/bg1.jpg) no-repeat center; padding:70px 0 110px 0}



.zlj3 .container{ position:relative;}

.zlj3 .zlj3_t{ position:absolute; top:0; left:2%}

.zlj3_t p{ display:block; font-size:24px;color:#000; text-transform:uppercase}

.zlj3_t h2{ display:inline-block; font-size:36px; position:relative; color:#000; padding-top:12px;}

.zlj3_t h2::after{ position:absolute; left:0; top:90px;  width:40px; height:3px; background:#e62129; content:""; }



.slideBox1{ width:100%;  position:relative;  }

.slideBox1 .hd{ display:block; float:left; width:38%; padding-top:200px;}

.slideBox1 .hd ul li{ cursor:pointer; display:flex; padding-bottom:50px; }

.slideBox1 .hd ul li .img{ width:80px; height:80px; position:relative}

.slideBox1 .hd ul li .img span{ width:100%; height:100%; border-radius:50%;

 background:#FFF url(../images/i1.png) no-repeat center; display:block; box-shadow:0 6px 15px rgba(0,0,0,0.1)}

.slideBox1 .hd ul li .img small{ position:absolute; top:-13px; left:-5px; font-size:14px; width:35px; height:35px; text-align:center; line-height:35px; background:#e5322c; color:#FFF; border-radius:50%}

.slideBox1 .hd ul li:hover .img small{ background:#FFF; color:#e5322c}

.slideBox1 .hd ul li:nth-child(2) .img span{background:#FFF url(../images/i2.png) no-repeat center;}

.slideBox1 .hd ul li:nth-child(3) .img span{background:#FFF url(../images/i3.png) no-repeat center;}

.slideBox1 .hd ul li:hover .img span{background:#e5322c url(../images/i1a.png) no-repeat center;box-shadow:0 12px 25px rgba(229,50,44,0.3);}

.slideBox1 .hd ul li:nth-child(2):hover .img span{background:#e5322c url(../images/i2a.png) no-repeat center;}

.slideBox1 .hd ul li:nth-child(3):hover .img span{background:#e5322c url(../images/i3a.png) no-repeat center;}



.slideBox1 .hd ul li.on .img small{ background:#FFF; color:#e5322c}

.slideBox1 .hd ul li.on .img span{background:#e5322c url(../images/i1a.png) no-repeat center;box-shadow:0 12px 25px rgba(229,50,44,0.3);}

.slideBox1 .hd ul li:nth-child(2).on .img span{background:#e5322c url(../images/i2a.png) no-repeat center;}

.slideBox1 .hd ul li:nth-child(3).on .img span{background:#e5322c url(../images/i3a.png) no-repeat center;}

.slideBox1 .hd ul li .text{ padding-left:22px; color:#333}

.slideBox1 .hd ul li .text big{ font-size:24px;  display:block; padding-top:5px;}

.slideBox1 .hd ul li .text p{ font-size:18px; display:block; padding-top:10px;}

.slideBox1 .hd ul li:after{ position:absolute; left:62%; content:""; width:15px; height:15px; border-radius:50%; background:#f2cecd; bottom:-40px;}

.slideBox1 .hd ul li.on:after{ background:#e5322c}

.slideBox1 .hd ul li:nth-child(2):after{ left:67%}

.slideBox1 .hd ul li:nth-child(3):after{ left:72%}

.slideBox1 .bd{ position:relative; height:100%; z-index:0; display:block; float:right; width:61%  }

.slideBox1 .bd li{ zoom:1; vertical-align:middle; }

.slideBox1 .bd img{ width:100%;display:block;  }





.zlj4{ padding-bottom:60px;}

.zlj4 ul{ display:flex; padding:50px 1%}

.zlj4 ul li{ display:block; width:25%;}

.zlj4 ul li a{ display:block; width:92%; margin:0 auto}

.zlj4 ul li a .img{overflow:hidden; display:block}

.zlj4 ul li a img{ display:block; width:100%;transition: transform ease .5s 0s;   -moz-transition: transform ease .5s 0s; -webkit-transition: transform ease .5s 0s; }

.zlj4 ul li a:hover img{  transform: scale(1.1);  -moz-transform: scale(1.1);  -webkit-transform: scale(1.1); -ms-transform: scale(1.1)}

.zlj4 ul li a .wen{ background:#f5f5f5; padding:20px 7%; display:flex;align-items:center; justify-content:space-between}

.zlj4 ul li a .wen b{ display:block; font-size:20px;line-height:36px;}

.zlj4 ul li a .wen span{ display:block; font-size:16px; line-height:30px;}

.zlj4 ul li a .wen i{ font-size:32px; color:#666}

.zlj4 ul li a:hover .wen{ color:#FFF; background:#df0001}

.zlj4 ul li a:hover .wen i{ color:#FFF; }

.zlj4_b a{ display:block; margin:0px auto; border:1px #dfdfdf solid; font-size:18px; width:270px; line-height:70px; text-align:center; position:relative; z-index:5}

.zlj4_b a:hover{ background:#df0001; color:#FFF; border:1px #df0001 solid}







.zlj5{ background:#f5f5f5; padding-bottom:60px}

.slideTxtBox{ width:100%; text-align:left; padding:50px 0 }

.slideTxtBox .hd{  position:relative; }

.slideTxtBox .hd ul{ display:flex; width:50%; margin:0 auto  }

.slideTxtBox .hd ul li{ flex:1; line-height:70px; cursor:pointer; margin:0 13px; background:#d9d9d9; text-align:center; font-size:22px; }

.slideTxtBox .hd ul li.on{ background:#e5322c; color:#FFF }

.slideTxtBox .bd ul{ display:flex; padding:0 1%; margin-top:50px; }

.slideTxtBox .bd li{ display:block; width:33.33%   }

.slideTxtBox .bd li a{ display:block; width:95%; margin:0 auto}

.slideTxtBox .bd li .img{ display:block; overflow:hidden; height:380px; }

.slideTxtBox .bd li a img{ display:block; width:100%;transition: transform ease .5s 0s;   -moz-transition: transform ease .5s 0s; -webkit-transition: transform ease .5s 0s; min-height:100%}

.slideTxtBox .bd li a:hover img{  transform: scale(1.1);  -moz-transform: scale(1.1);  -webkit-transform: scale(1.1); -ms-transform: scale(1.1)}

.slideTxtBox .bd li a .txt{ background:#FFF; padding:30px 5%}

.slideTxtBox .bd li a .txt h2{ font-size:20px; padding-bottom:15px; overflow:hidden;white-space: nowrap;

text-overflow: ellipsis; } 

.slideTxtBox .bd li a .txt p{ font-size:18px; color:#999; line-height:30px;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box;

    overflow: hidden;text-overflow: ellipsis; height:60px;}

.slideTxtBox .bd li a .txt .more{ font-size:18px; padding:20px 0; display:flex;align-items:center; }

.slideTxtBox .bd li a .txt .more span{ padding-left:10px; font-size:20px;}

.slideTxtBox .bd li a .txt .time{ font-size:18px; color:#cccccc}

.slideTxtBox .bd li a .txt .time span{ padding-right:10px; font-size:20px;}



.zlj6{ padding-bottom:60px;}



.zlj7{ background:url(../images/bg2.jpg) no-repeat top center; padding:60px 0;}

.zlj7_t{ display:block; text-align:center; padding:52px 0 0 0; background:url(../images/i4.png) no-repeat center; height:163px;}

.zlj7_t p{ display:block; font-size:24px;color:#FFF; padding-bottom:7px; text-transform:uppercase}

.zlj7_t h2{ display:inline-block; font-size:36px; position:relative; color:#FFF}

.zlj7_t h2::after{ position:absolute; left:-50px; top:50%; margin-top:-1px; width:30px; height:3px; background:#FFF; content:""; }

.zlj7_t h2::before{ position:absolute; right:-50px; top:50%; margin-top:-1px; width:30px; height:3px; background:#FFF; content:""; }

.zlj7 ul{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:50px;}

.zlj7 ul li{ width:31%; margin-bottom:25px;position:relative;}

.zlj7 ul li div{ padding:30px 11%; text-align:center; position:relative;background:#f5f5f5;border-radius:15px; height:100%  }

.zlj7 ul li:before{ position:absolute; content:""; bottom:-8px; right:-8px; background:url(../images/q1.jpg) no-repeat center; width:82px; height:70px;

 z-index:0}

.zlj7 ul li div .img img{ display:block; margin:0 auto}

.zlj7 ul li div h2{ font-size:30px; color:#e5322c; padding-bottom:15px;}

.zlj7 ul li div p{ font-size:18px; line-height:36px}

.zlj7 ul li div span{ font-size:16px; color:#888; line-height:30px;}

.zlj7 ul li:nth-child(2) div span img{ display:block; padding-top:56px; max-width:100%}

.zlj7 ul li:nth-child(3) div span{ display:block; padding-top:56px;}

.zlj7_b{ display:flex; text-align:center;justify-content:center;align-items:center; padding:30px 0 30px 0; color:#e5322c; font-size:22px;}

.zlj7_b span{ font-size:33px; padding-right:10px;}



.footer{ background:#f5f5f5; padding-top:60px;}

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

.bottom{ border-top:1px #e6e6e6 solid; padding:25px 0; margin-top:36px; text-align:center; color:#666666; font-size:15px;}

.bottom a{ color:#666}

.footer .er{ width:400px; display:flex; text-align:center; justify-content:space-between}

.footer .er li{ width:31%; line-height:32px; position:relative}

.footer .er li .img{ display:block; max-width:100%}

.footer .er .fangda{ display:none}

.footer .er li:hover .fangda{ display:block; position:absolute; top:-210px; right:0; width:200px;}

.footer .dianhua li{ display:flex; margin-bottom:25px;align-items:center;}

.footer .dianhua li p{ font-size:14px; padding-left:15px;}

.footer .dianhua li p b{ font-size:26px; display:block; padding-top:6px;}

.footer .dianhua li span{ width:50px; height:50px; border-radius:50%; background:#f3dfe0; text-align:center; line-height:50px; color:#e31422; font-size:26px; font-weight:bold }

.footer .footer_l{ font-size:16px; line-height:43px;}

.footer .footer_l a{ padding-right:22px;}

.link{ padding:25px 0; font-size:16px;}

.link a{ color:#000; padding-right:30px;}

.link a:hover{    color: #e62129;}

.about1{ padding:70px 0}

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

.about_t p{ display:block; font-size:24px;color:#000; text-transform:uppercase; padding-top:10px;}

.about_t h2{ display:inline-block; font-size:36px; position:relative; color:#000; padding-top:10px;}

.about_t e{ width:46px; height:2px; background:#e62129; display:block; margin-top:30px;}

.about1_c{ margin-top:36px; padding-right:60px; line-height:38px; color:#666; font-size:19px;}



.about2{ background:#f5f5f5; padding:70px 0}

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

.about2 .about1_c{ padding-right:0}

.about2 .about1_l{padding-left:70px; }

.about2_c{ display:none}



.about3{ background:url(../images/bg3.jpg) no-repeat center; padding:70px 0; }

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

.about3  .about1_c{color:#FFF}

.about3 .about_t p{color:#FFF}

.about3 .about_t h2{color:#FFF}



.about4{ background:url(../images/bg4.jpg) no-repeat center top; padding-bottom:78px;}

.about4_ct img{ margin:50px auto; box-shadow:0 13px 36px rgba(0,0,0,0.3); border-radius:50%; display:block}

.about4_c{ background:url(../images/yinhao.png) no-repeat center; text-align:center; height:165px;font-size:24px; line-height:38px;}

.about4_c h2{ display:block; padding-bottom:38px; padding-top:5px; font-size:24px; }

.about4_c p span{ display:block}

.about5{ background:url(../images/bg5.jpg) no-repeat center; padding:65px 0 75px 0}

.about5 .container{ display:flex; justify-content:space-between;align-items:center;}

.about5 .about1_c{ padding-right:0}

.about5 .about1_l{padding-right:70px; }

.about5 .about1_l h3{ color:#333}

.about5 .about1_l p{ display:block; padding-top:10px;}

.about5 .about1_l h2{ color:#333; padding-top:10px;}

.about5 .about1_l h2 span{ color:#e6232b}



.about6{ padding-bottom:78px;}

.about6 ul{ display:flex; justify-content:space-between; flex-wrap:wrap}

.about6 ul li{ width:31%; background:#f5f5f5; position:relative; text-align:center; padding:30px 0; margin-top:50px;}

.about6 ul li h2{ display:flex;justify-content:center;align-items:center; font-size:24px;}

.about6 ul li h2 img{ padding-right:5px;}

.about6 ul li p{ font-size:19px; padding-top:15px;}

.about6 ul li:after{ content:""; width:90%; position:absolute; left:5%; height:10px; background:#fef5f6; bottom:-10px;}

.about6 ul li:hover:after{ background:#e62129;box-shadow:0 5px 18px rgba(230,33,41,0.5)}



.about6_c{ display:none}



.about7{ background:url(../images/bg6.jpg) no-repeat center; padding:70px 0}

.about7 .container{ display:flex; justify-content:space-between;align-items:center; }

.about7 .about7_l{  width:570px;display:flex; justify-content:space-between;}

.about7 .about7_l ul{width:270px;}

.about7 .about7_r{ width:530px;}

.about7 .about7_l li{ width:100%; margin-bottom:35px; display:inline-block;}

.about7 .about7_l li a{ display:block; position:relative}

.about7 .about7_l li a img{ display:block; border-radius:20px; width:100%; overflow:hidden}

.about7 .about7_l li a p{display:flex; justify-content:space-between;position:absolute; bottom:-20px; width:90%; left:5%; background:#e62129; border-radius:6px; color:#FFF; padding:0 20px; line-height:60px; font-size:18px;}

.about7 .about7_l li a p i{ font-size:22px;}

.about7 .about7_l ul:nth-child(2){ margin-top:25px;}

.about7 .about7_rc p{ display:block; font-size:19px; color:#666;line-height:38px; padding:50px 0}

.about7 .about7_rc h2{display:flex; align-items:center; color:#ef001f; font-size:26px}

.about7 .about7_rc h2 img{ padding-right:16px;}

.about7 .about7_rc span{ color:#ef001f; display:block; font-size:22px; padding-top:20px;}



.about8{ background:url(../images/bg7.jpg) no-repeat center; padding:70px 0 90px 0}

.about8_t p{ display:block; font-size:24px;color:#FFF; text-transform:uppercase; padding-top:10px; text-align:center}

.about8_t h2{ display:block; font-size:36px; position:relative; color:#FFF; padding-top:10px;text-align:center}

.about8_t e{ width:46px; height:2px; background:#e62129; display:block; margin:30px auto;}



.picScroll-left{ width:100%;position:relative; padding-top:20px;  }

.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; cursor:pointer; position:absolute; left:-20px; bottom:105px; z-index:999;}

.picScroll-left .hd .next{ left:auto; right:-20px  }

.picScroll-left .bd{ color:#FFF }

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

.picScroll-left .bd ul li{ width:33.33%;  float:left; _display:inline; overflow:hidden; text-align:center;  }

.picScroll-left .bd ul li .pic{ text-align:center; font-size:22px;}

.picScroll-left .bd ul li .pic span{ display:block; margin:30px auto; width:10px; height:10px; border-radius:50%; background:#e0e0e0; position:relative; z-index:9;}

.picScroll-left .bd ul:before{ content:""; height:1px; width:100%; background:#505252; position:absolute; left:0; top:60px; }

.picScroll-left .bd ul li .title{ width:90%; margin:0 auto; background:rgba(255,255,255,0.1); border-radius:18px; padding:30px; font-size:18px; line-height:32px; height:252px;  }

.picScroll-left .bd ul li:hover .title{ background:#ef001f}

.picScroll-left .bd ul li:hover .pic{ color:#ef001f}

.picScroll-left .bd ul li:hover .pic span{background:#ef001f}



.picScroll-left6{ display:none}



.ban img{ display:block; width:100%;}

.ban{ position:relative;padding-top:96px;}

.ban_c{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); text-align:center; color:#FFF; font-size:38px;}

.ban_c img{ display:block; margin:0 auto; width:auto; margin-bottom:15px;}



.weizhi{ line-height:78px; border-bottom:1px #e9e9e9 solid; font-size:16px;}

.weizhi a{ color:#000}

.weizhi p{ background:url(../images/wz.png) no-repeat left center; padding-left:30px;}

.con_t{ text-align:center; display:flex;justify-content:center; border-bottom:1px #e7e8e9 solid; padding:40px 0 0 0; line-height:50px;}

.con_t a{ padding:0 30px; font-size:22px; padding-bottom:20px; display:inline-block; position:relative}

.con_t a.on{ color:#e62129; font-weight:bold}

.con_t a.on:after{ position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#e62129; content:""}

.con_t a:hover{ color:#e62129;}



/*分页样式*/

.pagination {padding: 30px 0 65px 0;	width: 100%;text-align: center;clear: both; font-size:16px;}

.pagination a {color: #333;padding: 0 18px;margin: 0 4px;background: #f5f5f5; border-radius:3px; min-width:50px; text-align:center;}

.pagination * {display: inline-block;	vertical-align: middle;	line-height: 50px;	padding-bottom: 1px;}

.pagination a:hover, .pagination .hover {display: inline-block;	color: #fff;background: #e60012;}



.fs_gallery {background: rgba(0,0,0, 0.9); position: fixed;left: 0;top: 0; right: 0; bottom: 0; z-index: 100;}

.fs_gallery_close {position: absolute; top: 120px; right: 20px; width: 25px; height: 25px; color: #ccc; font-size: 34px;

 line-height: 23px; text-align: center; cursor: pointer; z-index: 102;}

.fs_gallery_close:before {content: "×";}

.fs_gallery_close:hover { color: #fff;}

.fs_gallery_prev, .fs_gallery_next { position: absolute; width: 80px; color: #ccc; font-size: 30px; cursor: pointer;

z-index: 101;}

.fs_gallery_prev:hover, .fs_gallery_next:hover {background: rgba(0,0,0, 0.1);color: #fff;}

.fs_gallery_prev {left: 0; top: 0;  bottom: 0;}

.fs_gallery_next { right: 0; top: 0; bottom: 0;}

.fs_gallery_prev:before { content: "‹"; position: absolute; height: 30px; margin-top: -30px; top: 50%; left: 35px;}

.fs_gallery_next:before { content: "›"; position: absolute; height: 30px; margin-top: -30px; top: 50%; left: 35px;}

.fs_gallery_shuft { position: relative; width: 9999999px;}

.fs_gallery_shuft:after { clear: both; content: "";display: block;}

.fs_gallery_shuft_item { float: left; position: relative; background-repeat: no-repeat;}

.fs_gallery_shuft_item img {  box-shadow: 0 0 8px rgba(0,0,0, 0.8); position: absolute; top: 50%; left: 50%;}

.thumbnails li{ width:33.3%; float:left; margin-bottom:10px;}

.thumbnails li a{ width:92%; margin:0 auto; position:relative;display:flex;background:#f2f2f2; height:280px; justify-content:center;align-items:center;}

.thumbnails li a img{ max-height:100%;max-width:100%; display:block}

.thumbnails li p{ display:flex; flex-wrap:wrap;align-items:center; justify-content:center; width:90%; margin:0 auto; font-size:18px; line-height:30px; border-radius:8px; height:80px; margin:10px auto; text-align:center}

.thumbnails li a span{ display:block; position:absolute; top:10px; background:rgba(0,0,0,0.3); color:#FFF; width:50px; height:50px; border-radius:50%; text-align:center; line-height:50px;  right:10px; font-size:26px;}

.thumbnails{ padding-top:50px; margin:0-12px;}

.thumbnails li:hover p{ background:#e62129; color:#FFF; padding:0 12px; margin-top:-30px; margin-bottom:50px; position:relative; z-index:2; width:80%}







.txtScroll-top{ width:100%;  overflow:hidden; position:relative;   }

.txtScroll-top .hd{ overflow:hidden;}

.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;}

.txtScroll-top .hd .next{ }

.txtScroll-top .hd ul{ }

.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }

.txtScroll-top .hd ul li.on{ background-position:0 0; }

.txtScroll-top .bd{ padding:15px;  }

.txtScroll-top .infoList li{ height:24px; line-height:24px;   }

.txtScroll-top .infoList li .date{ float:right; color:#999;  }



.con_t1{ text-align:center; padding:50px 0}

.con_t1 a{ width:20%; text-align:center; line-height:66px; background:#e4e4e4;display:inline-block; margin:0 15px; font-size:18px;}

.con_t1 a.on{ background:#e5322c; color:#FFF}

.con_t1 a:hover{ background:#e5322c; color:#FFF}



.news ul li{ display:block; margin-bottom:30px;   }

.news ul li a{ display:block; position:relative }

.news ul li .img{ display:block; overflow:hidden; width:33%; height:270px; position:absolute; left:0; top:25px; z-index:99; box-shadow:0 5px 19px rgba(0,0,0,0.2) }

.news ul li a img{ display:block; width:100%;transition: transform ease .5s 0s;   -moz-transition: transform ease .5s 0s; -webkit-transition: transform ease .5s 0s; min-height:100%}

.news ul li a:hover img{  transform: scale(1.1);  -moz-transform: scale(1.1);  -webkit-transform: scale(1.1); -ms-transform: scale(1.1)}

.news ul li a .txt{ background:#f5f5f5; width:69%; height:320px; padding:40px 5% 0 6%; margin-left:31%;}

.news ul li a .txt h2{ font-size:20px; padding-bottom:19px;overflow:hidden;white-space: nowrap;

text-overflow: ellipsis;}

.news ul li a .txt p{ font-size:18px; color:#999; line-height:30px;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;}

.news ul li a .txt .more{ font-size:18px; width:210px; line-height:50px; justify-content:center; border:1px #aaaaaa solid; display:flex;align-items:center; margin:25px 0 32px 0 }

.news ul li a .txt .more span{ padding-left:10px; font-size:20px;}

.news ul li a .txt .time{ font-size:18px; color:#999}

.news ul li a .txt .time span{ padding-right:10px; font-size:20px;}

.news ul li a:hover .txt{ background:#df0001; color:#FFF}

.news ul li a:hover .txt p{ color:#FFF}

.news ul li a:hover .txt .more{ color:#FFF; border:1px #FFF solid}

.news ul li a:hover .txt .time{ color:#FFF}



.chanpin{ padding:40px 0 30px 0;}

.chanpin_t{ background:url(../images/bg8.jpg) no-repeat center; height:131px; display:flex;align-items:center; justify-content:space-between; color:#FFF; padding:0 30px;}

.chanpin_t h2{  padding-left:30px; font-size:32px; position:relative; line-height:50px;}

.chanpin_t h2:after{ position:absolute; left:0; top:9px; width:6px; background:#FFF; content:""; height:35px;}

.chanpin_t a{ font-size:40px; color:#FFF; font-weight:bold}

.chanpin_cl{ width:30.8%; position:relative}

.chanpin_c{justify-content:space-between; display:flex; padding-top:30px;}

.chanpin_cl img{ display:block; width:100%}

.chanpin_clc{ position:absolute; top:40px; left:40px;}

.chanpin_clc h2{ font-size:20px; color:#df0001; padding-bottom:8px;}

.chanpin_clc p{ font-size:16px; line-height:30px;}



.chanp-list{ display:flex; justify-content:space-between; flex-wrap:wrap}

/*产品列表*/

.chanpinlist .chanp-list{justify-content:flex-start !important;}

.chanpin .chanp-list{ width:65%; display:flex;justify-content:space-between; }

.chanp-list>li{width:48%; border:1px #f1f1f1 solid}

.chanp-list .thild{ width:31% !important; padding-bottom:22px; margin-right:3%; margin-bottom:30px;}

.chanp-list .thild:nth-child(3n){ margin-right:0}

.chanp-bigimg{height: auto;width: 100%;margin-bottom:10px;}

.chanp-smimg{width: 100%;padding: 0 15px;display:flex;}

.chanp-smimg>li{width:30%;;margin: 0 5px;background: #fff;}

.chanp-smimg>li>a>img{display: block;width: 100%;}

.on .icon-image {border:1px #b2b2b2 solid;}

.image-price { padding:12px 30px 0 30px}

.image-price p{ font-size:20px; line-height:40px;}

.image-price a{ display: flex;align-items:center; justify-content:center; width:140px; height:44px; border:1px #000 solid; border-radius:30px; margin-top:10px; font-size:16px;}

.image-price a span{ font-size:18px; padding-right:5px;}

.image-price a:hover{ border:1px #df0001 solid; color:#FFF; background:#df0001}

.last{ padding-bottom:70px;}

.chanp-smimg li.active{border: 1px solid #dbdbdb}



.con_t2{ text-align:center; padding:50px 0; display:flex;justify-content:space-between;}

.con_t2 a{ width:23.5%;text-align:center; line-height:66px; background:#e4e4e4;display:inline-block; font-size:20px; font-weight:bold}

.con_t2 a.on{ background:#e5322c; color:#FFF}

.con_t2 a:hover{ background:#e5322c; color:#FFF}



.chanpinlist .image-box{ display:flex;justify-content:space-between; flex-wrap:wrap }

.chanpinlist .image-content{ width:370px; border:1px #f1f1f1 solid; margin-bottom:40px;}



.chanpinshow{ display:flex; padding:40px 0;justify-content:space-between;}

.chanpinshow_l{ width:566px; position:relative; overflow:hidden;}

.chanpinshow_lc{ width:566px; height:566px; position:relative; overflow:hidden;}

.chanpinshow_lc ul{ position:absolute; left:0; top:0;}

.chanpinshow_lc ul li{ width:566px; height:566px;}

.chanpinshow_l .prev{ float:left; cursor:pointer;}

.chanpinshow_l .num{ height:94px;overflow:hidden; width:450px; position:relative;float:left;}

.chanpinshow_l .min_pic{ width:566px; padding:20px 15px 0 15px; position:relative}

.chanpinshow_l .num ul{ position:absolute; left:0; top:0;}

.chanpinshow_l .num ul li{ width:90px; height:90px; margin:0 10px;border:2px solid #FFF;}

.chanpinshow_l .num ul li img{ display:block; width:100%}

.chanpinshow_l .num ul li.on{ border:2px solid #ccc; padding:0;}

.chanpinshow_l .prev_btn1{ width:30px; text-align:center; height:30px; margin-top:25px; margin-right:20px; cursor:pointer; float:left; border:1px #e6e6e6 solid; border-radius:50%; text-align:center; line-height:30px;}

.chanpinshow_l .next_btn1{  width:30px; text-align:center; height:30px; margin-top:25px;cursor:pointer;float:right;border:1px #e6e6e6 solid; border-radius:50%; text-align:center; line-height:30px;}

.chanpinshow_l .mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}

.chanpinshow_l .pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}

.chanpinshow_l .pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}

.chanpinshow_l .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}

.chanpinshow_l .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}

.chanpinshow_l .pop_up2 ul{ position:absolute; left:0; top:0;}

.chanpinshow_l .pop_up2 ul li{ width:500px; height:500px; float:left;}





#showbox { background:#eee;}

#showbox span { background:url(../images/whitebg.png) repeat;}

#showsum { left:46px; margin-top:18px;}

#showsum span { border:1px solid #ddd;}

#showsum span.sel { border:1px solid #e62129;}

.showpage { width:566px; position:relative;}

.showpage a { display:block; width:30px; border:1px solid #e6e6e6; height:30px; line-height:30px; text-align:center; font-size:18px; position:absolute; left:15px; top:-58px; border-radius:50%}

.showpage a#shownext { left:auto; right:15px;}

.showpage a:hover { background:#e62129; color:#FFF;}





.slideBoxsj{ display:none}



.top_cp{ width:100%}

.top_cp .container{display:flex;align-items: center;  justify-content: space-between; height:60px; }

.top_cp ul li{ position:relative;font-size:16px; line-height:60px; display:inline-block; padding:0 100px; text-align:center; }

.top_cp ul li a{ color:rgba(255,255,255,0.9); cursor:pointer; position:relative; display:block;}

.top_cp ul li a.am-active:after{ content:""; position:absolute; bottom:0; left:0; width: 100%; height:3px;background-color: #e7010d;

transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index:99}

.top_cp ul li a.am-active{ color:#FFF; font-weight:bold; background:#e7010d; }

.top_cp ul li.active  a:after{ content:""; position:absolute; bottom:0; left:0; width: 100%; height:2px;background-color: #e7010d;

transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index:9999}

.top_cp ul li.active  a{ color:#e7010d; font-weight:bold}

.Top002262_fixed .nav .on h3 a::after{ width:0}

.am-sticky{ top:0px !important}

#loutinav{ top:90px !important}



.mydiv{ width:100%; z-index:999; background:#FFF; margin:40px 0}



.picScroll-left2{ overflow:hidden; position:relative; padding:10px 0 }

.picScroll-left2 .hd{ overflow:hidden;}

.picScroll-left2 .hd .prev,.picScroll-left2 .hd .next{ display:block; width:42px; height:42px; border-radius:50%; text-align:center; line-height:42px; font-size:20px; background:#eeeeee; position:absolute; left:0; top:50%; margin-top:-16px; z-index:999; cursor:pointer}

.picScroll-left2 .hd .next{ left:auto; right:0}

.picScroll-left2 .bd{ padding:0 90px; position:relative}

.picScroll-left2 .bd:before{ content:""; position:absolute; top:50%; background:#eee; height:1px; width:100%; left:0}

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

.picScroll-left2 .bd ul li{ width:12.5%;float:left; _display:inline; overflow:hidden; text-align:center;  }

.picScroll-left2 .bd ul li a{ width:66px; height:66px; display:block; margin:0 auto; line-height:66px; border-radius:50%; background:#eee; font-size:18px; color:#5b5b5b}

.picScroll-left2 .bd ul li a:hover{ color:#FFF; background:#e60012}



.product-all-content1{ background:#f9f9f9; padding:30px 100px; margin-bottom:40px; position:relative}

.pr_allt img{ display:block; margin:0 auto}

.product-all{ background:url(../images/xian.png) repeat-y center; padding-top:46px;}

.product-content .nian{ width:78px; height:78px; background:#e60012; text-align:center; color:#FFF; border-radius:50%; margin:0 auto}

.product-content .nian big{ display:block; font-size:20px; line-height:30px; padding-top:15px;}

.product-content .nian span{ font-size:14px; font-weight:lighter}

.product-content ul { padding-top:60px;}

.product-content ul li{ display:block; padding-bottom:30px; width:50%;margin-left:50%; padding-left:62px;}

.product-content ul li h2{ font-size:32px; position:relative; margin-bottom:12px;}

.product-content ul li h2:before{ background:url(../images/licheng1.png) no-repeat center; position:absolute; left:-72px; top:50%; transform:translateY(-50%); content:""; width:55px; height:21px;}

.product-content ul li p{ font-size:18px; line-height:30px; margin-bottom:20px; position:relative}

.product-content ul li p:before{ background:url(../images/licheng3.png) no-repeat center; position:absolute; left:-63px; top:16px;  content:""; width:43px; height:1px;}

.product-content ul li:nth-child(2n){ margin-left:0; padding-right:62px; padding-left:0}

.product-content ul li:nth-child(2n) h2:before{ right:-72px; left:auto; background:url(../images/licheng2.png) no-repeat center;}

.product-content ul li:nth-child(2n) h2{ text-align:right}
.product-content ul li:nth-child(2n) p{ text-align:right}

.product-content ul li:nth-child(2n) p:before{ right:-63px; left:auto; }





.chanpinshow_r{ width:580px;}

.chanpinshow_rt h2{ line-height:40px; padding:15px 0 12px 0; font-size:26px;}

.chanpinshow_rt h4{ line-height:40px; font-size:28px; padding-bottom:15px;

 color:#e62129}

.chanpinshow_rt p{ font-size:16px; line-height:32px; color:#999999; border-top:1px #e5e5e5 solid; padding:20px 0 50px 0}

.chanpinshow_rt h3{ font-size:20px; color:#e62129; padding-bottom:11px;}

.chanpinshow_r .sheji{ line-height:32px; color:#999; font-size:16px;}

.chanpinshow_r .fenxiang_c{ width:169px; height:52px; display:flex; background:#e62129; color:#FFF;align-items:center; justify-content:center; margin-top:40px; font-size:18px;}

.chanpinshow_r .fenxiang_c span{ padding-right:10px; font-size:20px;}

.chanpinshow_r .bshare-custom{ display:none}

.chanpinshow_r .fenxiang:hover .bshare-custom{ display:block; padding-top:15px;}

.product-intro{margin: 10px 0px; }

.product-left{ width: 352px; float: left; padding-bottom: 15px;position: relative;}



.chanpins{ background:#f8f8f8; padding:30px 0 60px 0}

.chanpins_t{ display:flex;justify-content:space-between;align-items:center; border-bottom:1px #e8e9eb solid; line-height:80px; margin-bottom:40px;}

.chanpins_t h2{ font-size:26px; position:relative}

.chanpins_t h2:after{ position:absolute; bottom:0; left:0; height:2px; width:70px; background:#e62129; content:""}

.chanpins_c img{ display:block; max-width:100%; margin:0 auto; height:auto !important}

.box{ float: left;}



.smallbox{ width: 352px; position: relative;}

.smallbox img{ width: 350px; height: 350px;vertical-align:middle;}

.i_box{width: 235px; height: 235px; border: 1px solid #CCC; position: absolute;left: 0;

top: 0;background: rgba(243,210,76,0.5);cursor: move;display: none;}

.bigbox{ width: 545px;height: 545px; overflow: hidden;position: absolute;left: 352px; top:0; border: 1px solid #CCCCCC;

display: none;}

.search{ width: 30px; height: 30px; position: absolute; right: 0; bottom: 0; background: url("../img/search.png")no-repeat;}

.listimg{width:350px;float: left; margin: 20px 0px; position: relative;}

.list_center{ width: 290px; height: 54px; margin: 0px auto; position: relative; overflow: hidden;}

.list_center ul{ height: 54px;}

.list_center ul li{ height: 54px; width: 54px; margin: 0 2px; float: left;}

.list_center ul li img{ width: 50px;height: 50px;border: 2px solid #FFFFFF;}

.list_center ul li img:hover{border: 2px solid #e53e41;}

.listimg i{width: 22px;height: 32px; }

.sprite-arrow-prev{ background:url("../img/disabled-prev.png"); position: absolute;left: 0;top:11px; }

.sprite-arrow-next{ background:url("../img/disabled-next.png"); position: absolute;right: 0;top:11px;}



.lianxi1{ padding:40px 0; display:flex;justify-content:space-between;align-items:center; }

.lianxi1_rt p{ color:#e8323a; font-size:20px; padding-left:60px; position:relative}

.lianxi1_rt p:after{ position:absolute; left:0; top:50%; margin-top:-1px; width:30px; height:2px; background:#e8323a; content:"";}

.lianxi1_rt h2{ font-size:46px; margin-top:20px;}

.lianxi1_r ul{ display:flex; flex-wrap:wrap; padding-top:70px; }

.lianxi1_r ul li{ display:flex;align-items:center; width:50%; margin-bottom:40px; }

.lianxi1_r ul li p b{ display:block; font-size:28px; }

.lianxi1_r ul li p{ padding-left:12px; font-size:15px; line-height:30px}



.liuyan{ background:#f5f5f5; padding:50px; margin-bottom:70px;}

.liuyan_t{ font-size:35px; text-align:center; font-weight:bold}

.liuyan ul{ display:flex;justify-content:space-between; margin-top:40px;}

.liuyan ul li{ display:flex;justify-content:space-between;align-items:center; padding:0 20px; background:#FFF; 

width:32%; line-height:65px; height:65px; font-size:16px;}

.liuyan p{ display:flex;justify-content:space-between;align-items:center; padding:0 20px; background:#FFF; 

 line-height:65px; height:65px; margin:22px auto}

.liuyan .nr{ background:#FFF; padding:20px 20px 10px 20px; position:relative}

.liuyan .nr img{ position:absolute; top:20px; right:20px;}

.liuyan input{ font-size:15px;}

.liuyan .nr textarea{ width:100%; font-size:15px; line-height:30px;}

.liuyan .tijiao{display:flex;justify-content:center; padding-top:20px;}

.liuyan .tijiao input{ width:250px; height:65px; text-align:center; border-radius:36px; background:#e62129; color:#FFF; font-size:18px; margin:10px 15px; cursor:pointer}



.newshow_t{ text-align:center;padding:40px 0; }

.newshow_t h2{ font-size:38px; color:#ff3333; }

.newshow_t p{ font-size:18px; color:#999; padding-top:25px;}

.newshow_t p span{ padding-right:5px; font-size:20px;}

.newshow_c{ font-size:18px; line-height:38px;}

.newshow_c img{ display:block; max-width:100%; height:auto !important; margin:10px auto}



.newshow_b{display:flex;justify-content:space-between;align-items:center; padding:40px 0 0 0}

.newshow_b a{ width:250px; height:48px; background:#f7f7f7;display:flex;justify-content:center;align-items:center; border-radius:28px; font-size:18px; color:#777777}

.newshow_b a span{ font-size:22px; padding-right:10px; }

.newshow_b a:hover{ background:#ff3333; color:#FFF}

.newshow_b a:nth-child(3) span{ padding-left:10px; padding-right:0}



.xiangguan{ padding-bottom:30px;}

.zhaopin{ background:url(../images/lianxi1.jpg) no-repeat center top; margin-top:30px;}

.zhaopin_t{ text-align:center; padding:50px 0 40px 0}

.zhaopin_t h2{ font-size:36px; padding-bottom:20px;}

.zhaopin_t p{ font-size:24px;}

.zhaopin ul{ display:flex;justify-content:space-between; flex-wrap:wrap; padding-bottom:40px;}

.zhaopin ul li{ background:#f5f5f5; width:48.5%; padding:36px; margin-bottom:30px;}

.zhaopin ul li h2{ font-size:24px; padding-bottom:15px; color:#14212b}

.zhaopin ul li .zhaop{ line-height:28px; font-size:15px; color:#616161}

.zhaopin ul li a{ border:1px #d0d0d0 solid; border-radius:6px; width:165px; height:50px; display:flex;justify-content:center;align-items:center; font-weight:bold; font-size:18px;color:#14212b; margin-top:25px;}

.zhaopin ul li a span{ font-size:20px; font-weight:normal; padding-left:12px; padding-top:5px;}

.zhaopin ul li:hover{ background:#d60004; }

.zhaopin ul li:hover h2{color:#FFF}

.zhaopin ul li:hover .zhaop{color:#FFF}

.zhaopin ul li:hover a{color:#FFF; border:1px #FFF solid}



.zhaoshang1_t{background:url(../images/bg9.png) no-repeat center; height:162px; position:relative; margin-bottom:50px;}

.zhaoshang1_t h2{ font-size:41px; letter-spacing:2px; padding-top:72px; text-align:center}

.zhaoshang1_t span{ display:block; width:56px; height:2px; background:#e62129; position:absolute; left:50%; transform:translateX(-50%); bottom:1px;}

.zhaoshang1{ padding:30px 0 50px 0}

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

.zhaoshang1 ul li{ width:31%; border:1px #e2e2e2 solid; background:url(../images/zs1.jpg) no-repeat center bottom; background-size:100% auto; padding:40px 2%; text-align:center; line-height:30px;}

.zhaoshang1 ul li h1{ background:url(../images/zs1.png) no-repeat center; height:172px; text-align:center; display:flex;justify-content:center;align-items:center; color:#e62129; font-size:46px; padding-bottom:20px; margin-bottom:15px;}

.zhaoshang1 ul li h2{ font-size:22px; line-height:40px;}

.zhaoshang1 ul li span{ color:#e62129}

.zhaoshang1 ul li p{ font-size:18px; color:#898680; line-height:34px;}

.zhaoshang1 ul li big{ font-size:16px; color:#898680}

.zhaoshang1 ul li small{ font-size:14px; color:#cccccc}

.zhaoshang1 ul li:hover{ box-shadow:0 0 26px rgba(0,0,0,0.05); cursor:pointer}



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

.zhaoshang2 ul li{ width:32%;box-shadow:0 0 26px rgba(0,0,0,0.15);}

.zhaoshang2 ul li img{ display:block; width:100%}

.zhaoshang2{ background:#f4f4f4; padding:30px 0 44px 0;}

.zhaoshang2_b{display:flex;justify-content:center;align-items:center; color:#e5322c; padding-top:30px;}

.zhaoshang2_b h2{font-size:40px; }

.zhaoshang2_b span{ font-size:40px; padding-right:10px;}

.zhaoshang3_t{ position:relative;background:url(../images/zs6.jpg) no-repeat center; background-size:cover; padding:30px 0 40px 0;text-align:center; color:#FFF;}

.zhaoshang3_t h2{ font-size:41px; letter-spacing:2px;  padding-bottom:20px;}

.zhaoshang3_t span{ display:block; width:56px; height:2px; background:#FFF; margin:0 auto}

.zhaoshang3_t img{ display:block; margin:10px auto}

.zhaoshang3_t p{ font-size:24px; line-height:50px; letter-spacing:2px;}



.zhaoshang3 ul li img{ display:block; width:100%}

.zhaoshang4{ background:url(../images/zs7.jpg) no-repeat center; padding:40px 0 70px 0}

.zhaoshang4_t{ position:relative;text-align:center; color:#FFF;}

.zhaoshang4_t span{ display:block; width:56px; height:2px; background:#FFF; margin:0 auto; margin-top:35px;}

.zhaoshang4_t img{ display:block; margin:0px auto}

.zhaoshang4_t p{ font-size:24px; line-height:50px; letter-spacing:2px;}

.zhaoshang4 ul{ display:flex; width:800px; margin:0 auto; padding-top:50px;}

.zhaoshang4 ul li{ flex:1; text-align:center; color:#FFF; cursor:pointer}

.zhaoshang4 ul li span{ display:block; width:108px; height:109px; margin:20px auto}

.zhaoshang4 ul li p{ font-size:18px; font-weight:bold}

.zhaoshang4 ul li span.xs1{ background:url(../images/zsxs1.png) no-repeat center}

.zhaoshang4 ul li span.xs2{ background:url(../images/zsxs2.png) no-repeat center}

.zhaoshang4 ul li span.xs3{ background:url(../images/zsxs3.png) no-repeat center}

.zhaoshang4 ul li span.xs4{ background:url(../images/zsxs4.png) no-repeat center}

.zhaoshang4 ul li:hover span.xs1{ background:url(../images/zsxs1a.png) no-repeat center;}

.zhaoshang4 ul li:hover span.xs2{ background:url(../images/zsxs2a.png) no-repeat center;}

.zhaoshang4 ul li:hover span.xs3{ background:url(../images/zsxs3a.png) no-repeat center;}

.zhaoshang4 ul li:hover span.xs4{ background:url(../images/zsxs4a.png) no-repeat center;}



.zhaoshang5{ background:url(../images/zs8.jpg) no-repeat center; padding:50px 0; text-align:center}

.zhaoshang5 p{ font-size:22px; color:#999; padding-top:30px;}

.zhaoshang5 h2{ font-size:38px; padding-bottom:12px;}

.zhaoshang5 h1{ font-size:48px;}

.zhaoshang5 h2 span{ color:#e61f27}



.zhaoshang6{ padding:50px 0}

.zhaoshang6_t h2{ text-align:center; font-size:42px; color:#e61f27}

.zhaoshang6_c{ background:#f5f5f5; padding:50px; display:flex; margin-top:55px;justify-content:space-between;}

.zhaoshang6_c li{ display:flex;justify-content:space-between;align-items:center; padding:0 20px; background:#FFF; 

width:37%; line-height:65px; height:65px; font-size:16px;}

.zhaoshang6_c button{ width:20%; text-align:center; height:65px; background:#e61f27; font-size:18px; color:#FFF; border-radius:50px; cursor:pointer}

.zhaoshang6 .zhaoshang2_b{ display:flex;justify-content:center;align-items:center; line-height:50px;}

.zhaoshang6 .zhaoshang2_b b{ font-size:30px;}

.zhaoshang6 .zhaoshang2_b h2{ font-size:30px;}

.zhaoshang6 .zhaoshang2_b span{ font-size:30px; }



.videolist {position:relative; float:left; width:33.33%;margin-bottom:30px; }

.videolist:hover{ cursor: pointer; }

.videolist_c{ width:92%; margin:0 auto }

.videolist_c .video_img{ display:flex; background:#000; height:340px; position:relative;justify-content:center;align-items:center; overflow:hidden}

.videolist_c .video_img:after{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); content:""}

.videolist_c .video_img .slt{ display:block; max-width:100%; height:100%;transition: transform ease .5s 0s;   -moz-transition: transform ease .5s 0s; -webkit-transition: transform ease .5s 0s;}

.vtime{ padding:0 30px; display:flex;justify-content:center;align-items:center; height:78px; background:#f5f5f5; font-size:20px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}

.vtime span{ padding-right:6px; font-size:24px; color:#666}

.vtime p{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}

.videoed{ display:block; width:80px;height:80px;position: absolute;left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; }

.videos{ display:none; position:fixed; top:0; left:0; content:""; background:rgba(0,0,0,0.8); width:100%; height:100vh; z-index:9 }

.videos_c{ position:fixed; left:17%; top:50%; transform:translateY(-50%); z-index:100; width:66%;  }

.vclose{ position:absolute;right:-31px; top:-31px; border-radius:100%; cursor: pointer; }

.videolist:hover .vtime{ background:#df0001; color:#FFFF} 

.videolist:hover .vtime span{  color:#FFFF} 

.videolist:hover .videolist_c .video_img .slt{transform: scale(1.1);  -moz-transform: scale(1.1);  -webkit-transform: scale(1.1); -ms-transform: scale(1.1)}





.picScroll{ display:none}

@media screen and (max-width: 1760px) {

.zlj1_cc{ font-size:18px; line-height:36px;}

.slideTxtBox .bd li .img{  height:356px; }

.videolist_c .video_img{ height:320px;}

.vtime{ height:70px; font-size:18px;}

	}



@media screen and (max-width: 1700px) {

.header .nav .nLi h3 a{ padding:0 30px;}

.zlj1_cc { padding-top:80px;}

.slideTxtBox .bd li .img{  height:330px; }

.videolist_c .video_img{ height:310px;}



}

@media screen and (max-width: 1650px) {

.slideTxtBox .bd li .img{  height:330px; }	

.videolist_c .video_img{ height:300px;}

.button div{transform: scale(0.8) !important;  -moz-transform: scale(0.8)!important;  -webkit-transform: scale(0.8)!important; -ms-transform: scale(0.8)!important; top:40%}



	}

@media screen and (max-width: 1600px) {

.header .nav .nLi h3 a{ padding:0 25px;}

.header .nav .has-sub h3 a::after{ right:10px}

.zlj1_cc p{ padding-bottom:20px; line-height:32px; font-size:17px;}

.zlj1_cc { padding-top:60px;}

.zlj2 ul li{ width:24%;}

.zlj2 ul li p{ font-size:16px;}

.zlj2 ul li:after{ height:8px;  bottom:-8px;}

.slideTxtBox .bd li .img{  height:310px; }

.videolist_c .video_img{ height:290px;}

.header .nav .sub{ width:135px; left:50%; transform:translateX(-50%)}



	}

@media screen and (max-width: 1500px) {

.header .header_r1{ padding:0 23px;}

.header .nav .nLi h3 a{ padding:0 22px; font-size:17px;}

.header .nav .has-sub{ right:10px;}

.header .header_r1 a{ font-size:16px;}

.slideTxtBox .bd li .img{  height:290px; }

.videolist_c .video_img{ height:280px;}

.vtime{ height:60px; font-size:16px;}.vtime span{ font-size:19px;}

.header .logo img{ height:58px;}

.zlj1_cc p{ font-size:16px; line-height:30px;}

.zlj2{ width:95%}

.zlj2 ul li{ padding:30px 0}

.button div{transform: scale(0.7) !important;  -moz-transform: scale(0.7)!important;  -webkit-transform: scale(0.7)!important; -ms-transform: scale(0.7)!important}

 }



@media screen and (max-width: 1400px) {

.header .header_r1{ padding:0 18px;}

.slideTxtBox .bd li .img{  height:260px; }

.header .nav .nLi h3 a{ padding:0 20px; font-size:16px;}

.header .nav .has-sub{ right:8px;}

.header .logo img{ height:50px;}

.header .header_r2{ padding:4px 9px; font-size:13px;}

.header .header_r2 b{ font-size:18px;}

.zlj2 ul li{ padding:25px 0}

.zlj2 ul li h2 img{ height:50px;}



}

@media screen and (max-width: 1300px) {

.slideTxtBox .bd li .img{  height:260px; }

.header .header_r1{ padding:0 15px;}

.header .logo img{ height:46px;}

.zlj1_cc p{  padding-bottom:5px;}

.zlj2 ul li p{ padding:10px 3% 0 3%; font-size:14px;}

.zlj2 ul li{ padding:20px 0}

.zlj2 ul li h2 img{ height:46px;}

.zlj2 ul li h2{ font-size:20px;}

.slideBox1 .hd ul li{ padding-bottom:40px;}

.slideBox1 .hd ul li .text big{ font-size:20px;}

.slideBox1 .hd ul li .img{ width:66px; height:66px; }

.slideBox1 .hd ul li .img span{ background-size:35px 35px !important}

.slideBox1 .hd ul li.on .img span{ background-size:35px 35px !important}

.slideBox1 .hd ul li .text p{ font-size:16px;}

.slideBox1 .hd{ width:41%}

.slideBox1 .bd{ width:59%}

.f_logo{ display:none}

.zlj7 ul li div p{ font-size:16px; line-height:29px;}

.image-price a{ height:40px; width:136px;}

.slideTxtBox .bd li .img{  height:250px; }

}



@media screen and (max-width: 1250px) {

.about1_c{ margin-top:22px; padding-right:40px; font-size:18px; line-height:36px;}	

.about1_l{ width:40%}

.about1_r{ width:60%}

.about1_r img{ width:100%}	

.slideTxtBox .bd li .img{  height:240px; }

}







@media screen and (max-width: 1200px) {

.header .header_r1{ padding:0 15px;}

.header .logo img{ height:42px;}

.header .header_r2{ padding:3px 6px; font-size:12px;}

.header .header_r2 b{ font-size:17px;}

.header .header_r2 span{ font-size:14px;}

.header .nav .nLi h3 a{ padding:0 15px; font-size:16px;}

.header .nav .has-sub{ right:2px;}

.header .header_r1{ padding:0 12px;}

.header .header_r1 a{ font-size:15px; width:45px;}

.zlj1_cc p{ font-size:15px; line-height:28px;}

.slideBox1 .hd ul li:after{ bottom:-20px;}

.image-price a{ margin-top:5PX}

.slideTxtBox .bd li .img{  height:230px; }

.zhaoshang5 h2{ font-size:34px;}

.zhaoshang5 h1{ font-size:44px;}

.zhaoshang5 p{ font-size:20px;}

.zhaoshang6_t h2{ font-size:38px;}

.button div{transform: scale(0.6) !important;  -moz-transform: scale(0.6)!important;  -webkit-transform: scale(0.6)!important; -ms-transform: scale(0.6)!important}

}





@media screen and (max-width: 1170px) {

.about1_c{  font-size:17px; line-height:34px;}	

.about1_l{ width:50%}

.about1_r{ width:50%}

.about1_r img{ width:100%}	

.slideTxtBox .bd li .img{  height:220px; }

}



@media screen and (max-width: 1100px) {

.header .nav .nLi h3 a{ padding:0 13px; font-size:15px;}

.header .header_r2 b{ font-size:16px;}

.header .header_r2{ padding:3px 6px; line-height:20px;}

.header .header_r2 span{ font-size:12px;}

.header .header_r1{ padding:0 9px;}

.header .header_r1 a{ width:40px; font-size:15px; height:25px; line-height:25px;}

.zlj1_cc p{ font-size:14px; line-height:26px;}

.image-price a{ width:120PX; height:36px; font-size:15px;}

.image-price{ padding-top:8px;}

.about_t p{ padding-top:10px; font-size:22px;}

.about_t h2{ font-size:32px; padding-top:7px;}

.about_t e{ margin-top:22px;}

.con_t a{ padding:0 20px; font-size:20px;}

.slideTxtBox .bd li .img{  height:210px; }

.lianxi1_l img{ width:400px;} 

.lianxi1_r ul{ padding-top:50px;}

.lianxi1_rt h2{ font-size:42px; margin-top:10px;}

.button div{transform: scale(0.5) !important;  -moz-transform: scale(0.5)!important;  -webkit-transform: scale(0.5)!important; -ms-transform: scale(0.5)!important}

}





@media screen and (max-width: 700px) {

.con_t{ display:block}	

}























