@charset "utf-8";
/* CSS Document */
*{margin:0px 0px;  padding:0px 0px;}
body{text-align:center; font-family:"Microsoft Yahei","����",Arial, Helvetica, sans-serif; font-size:16px;  margin:0px 0px;  padding:0px 0px; color:#000; background:#fff}  

form{margin:0px auto;  list-style-type:none;  padding:0px 0px; }  
td{font-family:"Microsoft Yahei","����",Arial, Helvetica, sans-serif;  font-size:16px;  }  
table{font-family:"Microsoft Yahei","����",Arial, Helvetica, sans-serif; margin:0px auto;  list-style-type:none;  padding:0px 0px;  }  
td {font-size:16px }  
tr {font-size:16px}  
th {font-size:16px}  
ul{margin:0px 0px;  padding:0px 0px;  list-style-type:none;}  
li{margin:0px 0px;  padding:0px 0px;  list-style-type:none;}    
a:link {color:#000;text-decoration:none;  }  
a:visited {color:#000;text-decoration:none;  }  
a:hover {color:#f17000;text-decoration:none;  }  
a:active {color:#000;text-decoration:none;  } 
.grey{color:#6b6969}
.grey a{color:#6b6969; text-decoration:none}
.grey a:hover{color:#f17000; text-decoration:none}
.red{color:#d41b1f}
.red a{color:#d41b1f; text-decoration:none}
.red a:hover{color:#d41b1f; text-decoration:underline}
.white{color:#FFFFFF}
.white a{color:#FFFFFF; text-decoration:none}
.white a:hover{color:#f17000; text-decoration:underline}
.black{color:#000}
.black a{color:#000; text-decoration:none}
.black a:hover{color:#e35f14; text-decoration:none}
.yellow{color:#f17000;}
.yellow a{color:#f17000; text-decoration:none}
.yellow a:hover{color:#f17000; text-decoration:none}
.blue{color:#1161c0;}
.blue a{color:#1161c0; text-decoration:none}
.blue a:hover{color:#1161c0; text-decoration:underline}
.blue1{color:#014592}
.blue1 a{color:#014592; text-decoration:none}
.blue1 a:hover{color:#014592; text-decoration:none}
.blue2{color:#9ba3b1}
.blue2 a{color:#9ba3b1; text-decoration:none}
.blue2 a:hover{color:#fff; text-decoration:none}
.grey1{color:#515151}
.grey1 a:link {color:#515151;text-decoration:none;  }  
.grey1 a:visited {color:#515151;text-decoration:none;  }  
.grey1 a:hover {color:#d41b1f;text-decoration:none;  }  
.grey1 a:active {color:#b5b5b5;text-decoration:none;  } 
img{border:0px;}
.left{float:left;}
.right{float:right;}
.banner1{clear:both; height:50px; overflow:hidden}
.banner2{clear:both; height:20px; overflow:hidden}
.t01{font-family:"Microsoft Yahei","����",Arial, Helvetica, sans-serif;}
.t02{font-family:"Microsoft Yahei","����",Arial, Helvetica, sans-serif;}
table{border-collapse:collapse;table-layout:fixed}
input,textarea{outline:none;border:none}
textarea{resize:none;overflow:auto}
.clearfix{zoom:1}
.clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
.extent{width:1400px; margin:0px auto; clear:both}

.main-index{clear:both; overflow:hidden; width:100%}
.main-index .more img:hover{position: relative;top: -10px;}
header{ position: relative; z-index:44; height: 100px; box-sizing: border-box;}
.top{position: fixed; top: 0px; left: 0px;  width:100%; background:#fff}
.wrap{margin: 0 auto; clear:both }
#nav {display: flex;display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.logo{width:182px;overflow: hidden;}
.logo a{display:block;}
.logo a img {max-width: 100%;}
ul.nav {display: inline-flex;flex: 1;padding-left:450px;}
li.nav-item {flex: 1;}
li.nav-item>a{display: block;text-align: center;line-height: 100px;font-size: 16px;position: relative;}
li.nav-item>a::before{ display: none; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-width: 0 10px 10px; border-style: solid; border-color: transparent transparent #f17000; position: absolute;}
li.nav-item:hover>a ,li.nav-item.active>a{color: #f17000;}
li.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}
/* 二级菜单 */
.subMenu{display: none;position: absolute;top: 100px;left: 0;width: 100%; height:50px;background-color: #f17000;}
.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.subMenu>ul>li>a{display:block;padding:0 18px;text-align: center;line-height: 50px;color: #fff;}
.subMenu>ul>li>a:hover{color:#fff}

.av{clear:both;}
/* flexslider */
.av .flexslider{position:relative;height:725px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:1; width:100%}
.av .slides{position:relative;width:100%}
.av .slides li{height:725px;width:100%}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px; }
.av .flex-control-nav{position:absolute;bottom:10px;z-index:2; left:46%;text-align:center;}
.av .flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 2px;*display:inline;zoom:1;}
.av .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.av .flex-control-nav .flex-active{background-position:0 0;}

.av .flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.av .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
/*.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}*/

.mabout{clear:both; padding:50px 0px; overflow:hidden}
.mabout .left{float:left; width: calc(100% - 705px); padding:40px 0px 0px 0px}
.mabout .left .title{clear:both; text-align:left;}
.mabout .left .content{clear:both; text-align:left; line-height:32px;padding:50px 0px 0px 15px;}
.mabout .left .icon{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width:100%;
    display-radio: flex;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    background_radio: 1; text-align:left; padding:60px 0px 60px 15px 
}

.mabout .left .icon > .c_item {
    flex: none;
    max-width: 100%;
    max-height: 100%;
    width: calc((100% - 40px) / 3);
    transition: all 0.5s
}

.c_item img{float:left; margin:15px 10px 0px 0px}
.c_item h1{ font-size:12px; color:#000000;font-weight:normal;padding:0px; margin:0px; }
.c_item h1 span{font-size:28px; color:#f17000; font-weight:900}
.c_item h2{font-size:16px; color:#000000; padding:0px; margin:0px; font-weight:normal}
.mabout .left .more{clear:both; text-align:left}
.mabout .right{float:right; width:605px;}

.mproducts{clear:both; padding:30px 0px 30px 0px}
.mproducts .title{clear:both; padding:0px 0px 50px 0px}
.mproducts .content{clear:both}
.mpro01{width: 100%;margin: 0 auto;position: relative;}
.mpro01 .content{margin: 0;color: #fff;position: absolute;width: 100%;text-align: center;top:2%}
.mpro01 .content .picimg{float:left; width:47%; margin-right:3%; text-align:right}
.mpro01 .content .picimg img{width:550px}
.mpro01 .content .info{float:right; width:50%; text-align:left; color:#000;}
.mpro01 .content .dtitle{font-size:36px; padding-top:90px}
.mpro01 .content .xtitle{font-size:18px; padding:10px 0px 45px 0px; overflow:hidden}
.mpro{
   display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width:100%;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    background_radio: 1; text-align:left; margin:5px 0px; }
.mpro> .c_mpro{
    flex: none;
    max-width: 100%;
    max-height: 100%;
    width: calc((100% - 40px) / 4);
    transition: all 0.5s; background:#f6f6f6; margin:5px 0px; padding:15px 0px;
}
.c_mpro{text-align:center}
.c_mpro .dtitle{font-size:30px;}
.c_mpro .xtitle{font-size:16px; padding:5px 0px 8px 0px; overflow:hidden}
.c_mpro .more{clear:both;font-size:16px;}
.c_pic{clear:both; text-align:center}
.c_pic img{width:80%}
.mpro .c_mpro:hover {background:#f17000; color:#fff}
.mpro .c_mpro:hover a{color:#fff}
.mjoin{clear:both; padding:50px 0px; background:url(../images/bg01.jpg) no-repeat center}
.mjoin .title{clear:both; padding:0px 0px 30px 0px}
.mjoin .icon{clear:both}
.mjoin .icon span{height:35px; line-height:35px; font-size:16px; width:145px; text-align:center; display:inline-table; border-radius:15px; background:#fdecde; margin:10px 12px}
.mjoin .icon span:hover{background:#f17000; color:#fff}
.mjoin .jpic{
   display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width:100%;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    background_radio: 1; text-align:left; margin:15px 0px; }
.mjoin .jpic> .c_jpic{
    flex: none;
    max-width: 100%;
    max-height: 100%;
    width: calc((100% - 60px) / 4);
    transition: all 0.5s;   margin:10px 0px; overflow:hidden
}
.c_jpic img{width:100%; border-radius:15px;}
.c_jpic:hover img{transform: scale(1.5);	}
.mjoin .more{clear:both; padding:20px 0px 0px 0px }
#mnews{background:#f6f6f6; clear:both; padding:50px 0px}
.mnews{clear:both;}
.mnews .title{clear:both; padding:0px 0px 50px 0px}
.mnews .content{
   display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width:100%;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    background_radio: 1; text-align:left; margin:15px 0px; }
.mnews .content> .c_mnews{
    flex: none;
    max-width: 100%;
    max-height: 100%;
    width: calc((100% - 80px) / 3);
    transition: all 0.5s;   margin:10px 0px; 
}
.c_mnews img{width:100%; }
.mn_title{clear:both; text-align:left; font-size:18px; height:40px; line-height:40px; padding:5px 0px 10px 0px}
.mn_time{clear:both; text-align:left; font-size:16px; color:#5b5b5b;}
#footer{clear:both; background:url(../images/bg02.jpg) no-repeat center; overflow:hidden; padding:25px 0px 10px 0px}
.footer{clear:both;}
.f_links{clear:both; padding:0px 0px 20px 0px; overflow:hidden}
.f_links .left{width:auto; text-align:left}
.f_links .left h1{font-size:12px; padding:0px; margin:0px; font-weight:normal}
.f_links .left h2{font-size:18px; padding:0px; margin:0px; font-weight:normal}
.f_links .right{width:auto; text-align:left; padding:15px 0px 0px 0px}
.f_links .right span{display:inline-table; margin:0px 15px}
.f_middle{clear:both; border-bottom:1px solid #2d2d2d; border-top:1px solid #2d2d2d; overflow:hidden; padding:30px 0px}
.f_middle .left{color:#6b6969; text-align:left; font-size:16px;}
.f_middle .left ul{list-style-type:none; padding:0px; margin:0px;}
.f_middle .left li{clear:both; margin:40px 0px}
.f_middle .left img{float:left; margin:0px 10px 0px 0px}
.f_middle .right{width:222px;}
.f_bottom{clear:both; height:55px; line-height:55px}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:350px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#f17000;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#f17000;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#fdf0e9;display:none;}
.suspension .a-top:hover{background:#f17000;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:50px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:68px;}
.suspension .d-service-phone{top:0px;}
.suspension .d-qrcode{top:34px;}
.suspension .d .inner-box{padding:0px 5px;}
.suspension .d-service-item{padding:0px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#fdf0e9;display:block;float:left; margin:15px 0px 0px 10px}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px; padding:0px; margin:0px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:140px;line-height:22px; margin-left:12px; padding:15px 0px 0px 0px}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; font-size:18px; color:#bc371e}
.suspension .d-service-item .text h2{padding:0px; margin:0px; font-size:12px; text-align:left}
.suspension .d-service-item .text p{padding:0px; margin:0px; text-align:left}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888; margin:0px; padding:0px}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}*/
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:5px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c; padding:0px; margin:0px}
.suspension .d-service{text-align:center;}
.suspension .d-service .inner-box{padding:5px 0;}
.suspension .d-service p{font-size:16px;color:#93959c; padding:0px; margin:0px}


.subav{clear:both}
.subwarp{clear:both;}
#submenu{background:#f6f6f6; clear:both; height:50px; line-height:50px;}
.submenu{clear:both}
.submenu a{height:50px; line-height:50px; font-size:16px; width:145px; text-align:center; display:inline-table; background:url(../images/line01.jpg) no-repeat 0px}
.submenu a:nth-child(1){background:none}
.submenu a:hover{ background:#bc371e;  color:#fff}
.submenu a.hover{background:#bc371e; color:#fff}
.about{clear:both}
.about .title{color:#f17000; font-size:38px; padding:40px 0px 35px 0px; overflow:hidden; text-align:center}
.about .title h1{font-size:28px; text-align:center; padding:30px 0px 0px 0px; margin:0px; font-weight:normal; letter-spacing:12px; color:#000}
.about .title h2{font-size:18px; text-align:center; padding:10px 0px 0px 0px; margin:0px; font-weight:normal; letter-spacing:3px; color:#000}
.about .title p{clear:both; padding:0px; margin:0px; text-align:center; line-height:32px; color:#000; font-size:16px; padding-top:30px}
.about .content{clear:both}
.about .content p{clear:both; line-height:32px; text-align:center; padding:0px; margin:0px}
.a_bg{background:url(../images/line01.jpg) repeat-x bottom; clear:both; padding-bottom:50px; overflow:hidden}

.ano{clear:both; padding:0px 0px 40px 0px; overflow:hidden}
.ano ul{list-style-type:none; padding:0px; margin:0px;}
.ano li{width:33.33%; float:left; background:url(../images/line02.jpg) no-repeat 0px}
.ano li:nth-child(1){background:none}
.a_introduce .ano li h1{padding:0px 0px 2px 0px; margin:0px; font-size:46px; color:#f17000;}
.a_introduce .ano li h2{padding:0px; margin:0px; font-size:16px; color:#787878; font-weight:normal}
.a_introduce .pic{
   display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width:100%;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    background_radio: 1; text-align:left; margin:20px 0px 10px 0px; }
.a_introduce .pic> .c_apic{
    flex: none;
    max-width: 100%;
    max-height: 100%;
    width: calc((100% - 60px) / 4);
    transition: all 0.5s;   margin:5px 0px; 
}
.c_apic img{width:100%; border-radius:15px;}
@keyframes xuanzhuan {
  from {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: linear;
  }
  20% {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -300deg);
    animation-timing-function: linear;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -240deg);
    animation-timing-function: linear;
  }
  60% {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -180deg);
    animation-timing-function: linear;
  }
  80% {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -60deg);
    animation-timing-function: linear;
  }
  to {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);;
    animation-timing-function: linear;
  }
}

.c_apic:hover  img{
    animation: xuanzhuan 0.5s 2;
    -webkit-animation: xuanzhuan 0.5s 1;
    -moz-animation: xuanzhuan 0.5s 1;}
.a_introduce .bg{background:#fdf3ea; padding:20px 30px; text-align:left; line-height:36px;border-radius:15px;}
.a_idea{clear:both}
.a_idea .content{clear:both; text-align:left; line-height:30px;}
.ai_title{background:#f17000 url(../images/bg03.jpg) no-repeat right center; height:46px; line-height:46px; text-align:left; width:auto; float:left; clear:both; padding:0px 40px 0px 30px; font-size:18px; color:#fff; display:table; font-weight:bold; margin-bottom:20px}
.ai_content{clear:both; overflow:hidden; line-height:38px; margin-bottom:30px}
.ai_content b{font-size:18px;}

.honor{clear:both; overflow:hidden; padding-bottom:30px}
.honor ul{list-style-type:none; padding:0px 0px; margin:0px 0px;}
.honor li{ width:313px; margin-left:20px; margin-bottom:15px; float:left; text-decoration:none; border:1px solid #f2f2f2; padding:10px 10px}
.honor li:nth-child(4n+1){margin-left:0px;}
.honor li:hover{border:1px solid #f17000; color:#f17000}
.honor li:hover a{color:#f17000}
.honor li .ah_pic{display: table-cell;vertical-align: middle;width:314px;height:236px;overflow:hidden;}
.honor li .ah_pic img{max-width:313px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 313 ? "313px" : "auto");
 max-height:235px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 235 ? "235px" : "auto");
}
.honor li:hover .ah_pic img{transform: scale(1.5);	}
.ah_name{line-height:45px;}
.products{clear:both; overflow:hidden; padding:20px 0px 20px 0px}
.products ul{list-style-type:none; padding:0px 0px; margin:0px 0px;}
.products li{list-style-type:none; width:313px; margin:10px 0px 10px 20px; padding:10px 10px;float:left; text-decoration:none; border:1px solid #f2f2f2; }
.products li:nth-child(4n+1){margin-left:0px;}
.products li:hover{border:1px solid #f17000; color:#f17000}
.products li:hover a{color:#f17000}
.p_img{display: table-cell;vertical-align: middle;width:313px; height:313px; overflow:hidden}
.products li .p_img img{max-width:313px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 313 ? "313px" : "auto");
 max-height:313px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 313 ? "313px" : "auto");
}
.products li:hover .p_img img{transform: scale(1.5);	}
.p_name{clear:both; height:35px; line-height:35px;}
.productsinfo{clear:both; padding:30px 0px;  overflow:hidden}
.p_top{clear:both; background:#fdf8f3; padding:15px; overflow:hidden;border-radius:10px;}
.pt_left{width:600px; float:left;}
.pt_right{width: calc(100% - 655px); float:right; text-align:left; line-height:38px}
.pt_right h1{font-size:28px; padding:0px; margin:0px; color:#f17000; padding-bottom:15px}
.p_bottom{clear:both; padding-top:30px; overflow:hidden}
.pb_title{border-bottom:2px solid #f17000; overflow:hidden}
.pb_title .left{width:45px; line-height:45px; color:#fff; background:#f17000; border-radius:10px 10px 0px 0px; width:auto; float:left; display:block; padding:0px 35px;}
.pb_content{clear:both; padding:20px 0px; overflow:hidden}
/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:600px; height:710px;position:relative; font-size:16px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative; height:600px; border:1px solid #f2f2f2}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px; height:600px; width:600px;}
#tsShopContainer #tsPicContainer{width:100%;height:95px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:22px;height:100%;background:url(../images/line03.png) no-repeat left center;position:absolute;top:6px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:22px;height:100%;background:url(../images/line03.png) no-repeat right center;position:absolute;top:6px;right:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;left:38px;width:1px;height:95px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:89px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;margin:1px;border:1px solid #f2f2f2;display:block;width:73px;height:73px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #f17000;margin:0px;}
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:1px solid #ddd;
	background:#FFF; z-index:99
}

.MagicZoomMain {
	text-align: center !important;
	width: 92px;
}

.MagicZoomMain div {
	padding: 0px !important;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#fff;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		0px solid #fff;
	background: 	#ffffff;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */ 
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}

.news{clear:both; padding:0px 0px 30px 0px}
.news ul{list-style-type:none; padding:0px;  margin:0px;}
.news li{clear:both; border-bottom:1px solid #f2f2f2; padding:30px 0px 20px 0px; color:#7f7f7f}
.news li .time{float:left; width:130px; text-align:left; color:#949494;}
.news li .time h1{font-size:32px; color:#949494; padding:15px 0px 0px 0px; margin:0px; font-weight:normal}
.news li .info{width: calc(100% - 130px); float:left; text-align:left; line-height:26px}
.news li .info h1{font-size:18px; color:#000; padding:0px 0px 10px 0px; margin:0px; }
.news li .more{clear:both; color:#f17000; text-align:right; padding:10px 0px 10px 0px; overflow:hidden}
.news li .more a{ color:#f45f01;}
.news li:hover{border-bottom:1px solid #f17000; color:#f17000 }
.news li:hover .time{color:#f17000 }
.news li:hover h1{color:#f17000 }
.news_title{clear:both;border-bottom:1px solid #f2f2f2; padding:30px 0px 20px 0px;color:#949494;}
.news_title h1{font-size:24px; color:#000; padding:0px 0px 10px 0px; margin:0px; }
.news_content{clear:both; padding:20px 0px 0px 0px; overflow:hidden}
.con{clear:both; padding:0px 0px 30px 0px}
.con .title{color:#f17000; font-size:38px; padding:30px 0px 15px 0px; overflow:hidden; text-align:center}
.con .title h1{font-size:28px; text-align:center; padding:30px 0px 0px 0px; margin:0px; font-weight:normal; letter-spacing:12px; color:#000}
.con .title h2{font-size:18px; text-align:center; padding:10px 0px 0px 0px; margin:0px; font-weight:normal; letter-spacing:3px; color:#000}
.con .title p{clear:both; padding:0px; margin:0px; text-align:center; line-height:32px; color:#000; font-size:16px; padding-top:30px}
.con .content{clear:both; padding:30px 0px; overflow:hidden; text-align:center; font-size:20px; line-height:36px;}
.con .content h1{padding:30px 0px 15px 0px; margin:0px 0px 10px 0px; font-weight:normal; color:#f17000; background:url(../images/line04.jpg) no-repeat center bottom;}
.con .c_add{
   display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width:100%;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    background_radio: 1; text-align:left; margin:20px 0px 10px 0px; }
.con .c_add> .c_cadd{
    flex: none;
    max-width: 100%;
    max-height: 100%;
    width: calc((100% - 60px) / 2);
    transition: all 0.5s;   margin:5px 0px; background:#fdf8f3; text-align:left;
}
.c_cadd h1{padding:0px 0px 15px 0px; margin:0px; font-size:20px; }
.c_cadd2{padding:30px 30px}
.xzkf{clear:both; text-align:center}
.xzkf img{width:150px}
.join{clear:both; padding:0px 0px 30px 0px}
.join .title{color:#f17000; font-size:38px; padding:30px 0px 15px 0px; overflow:hidden; text-align:center}
.join .title h1{font-size:28px; text-align:center; padding:30px 0px 0px 0px; margin:0px; font-weight:normal; letter-spacing:12px; color:#000}
.join .title h2{font-size:18px; text-align:center; padding:10px 0px 0px 0px; margin:0px; font-weight:normal; letter-spacing:3px; color:#000}
.join .title p{clear:both; padding:0px; margin:0px; text-align:center; line-height:32px; color:#000; font-size:16px; padding-top:30px}
.join .j_content{
   display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width:100%;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    background_radio: 1; text-align:left; margin:20px 0px 10px 0px; }
.join .j_content> .j_jcon{
    flex: none;
    max-width: 100%;
    max-height: 100%;
    width: calc((100% - 60px) / 3);
    transition: all 0.5s;   margin:5px 0px; background:#fdf8f3; 
}
.j_jtitle{clear:both; padding:30px 30px 10px 30px; text-align:left; font-size:26px; color:#f17000; font-weight:600}
.j_jtitle img{width:35px; margin:0px 10px -8px 0px}
.j_jtitle h1{padding:0px 0px 15px 0px; margin:0px; }
.j_jcon2{padding:0px 30px 30px 30px; line-height:32px; text-align:left;}
.j_jcon:hover{color:#f17000; box-shadow: 0 10px 10px -5px rgb(29 56 72 / 20%);}
.join .j_pic{
   display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width:100%;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    background_radio: 1; text-align:left; margin:15px 0px; }
.join .j_pic> .c_jpic{
    flex: none;
    max-width: 100%;
    max-height: 100%;
    width: calc((100% - 60px) / 4);
    transition: all 0.5s;   margin:10px 0px; overflow:hidden
}
.j_pic .c_jpic img{width:100%; border-radius:15px;}
.j_pic .c_jpic:hover img{transform: scale(1.5);	}
.j_jtitle2{font-size:24px; color:#f17000; background:url(../images/i07.png) no-repeat 0px center; background-size:20px; font-weight:600; text-align:left; padding:0px 0px 0px 30px; margin:20px 0px 10px 0px}
.j_jcon3{text-align:left; line-height:36px; clear:both; overflow:hidden; font-size:18px;}
@media only screen and (max-width: 1366px) {
.extent{width:1200px; margin:0px auto; clear:both}
.honor{clear:both; overflow:hidden; padding-bottom:30px}
.honor ul{list-style-type:none; padding:0px 0px; margin:0px 0px;}
.honor li{ width:263px; margin-left:20px; margin-bottom:15px; float:left; text-decoration:none; border:1px solid #f2f2f2; padding:10px;}
.honor li:nth-child(4n+1){margin-left:0px;}
.honor li .ah_pic{display: table-cell;vertical-align: middle;width:263px;height:197px;overflow:hidden;}
.honor li .ah_pic img{max-width:263px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 263 ? "263px" : "auto");
 max-height:197px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 197 ? "197px" : "auto");
}
.honor li:hover .ah_pic img{transform: scale(1.5);	}
.ah_name{line-height:35px;}
.products{clear:both; overflow:hidden; padding:20px 0px 20px 0px}
.products ul{list-style-type:none; padding:0px 0px; margin:0px 0px;}
.products li{list-style-type:none; width:263px; margin:10px 0px 10px 20px; padding:10px 10px;float:left; text-decoration:none; border:1px solid #f2f2f2; }
.products li:nth-child(4n+1){margin-left:0px;}
.p_img{display: table-cell;vertical-align: middle;width:263px; height:263px; overflow:hidden}
.products li .p_img img{max-width:263px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 263 ? "263px" : "auto");
 max-height:263px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 263 ? "263px" : "auto");
}
.products li:hover .p_img img{transform: scale(1.5);	}
.p_name{clear:both; height:35px; line-height:35px;}
}
@media only screen and (min-width: 1367px) and (max-width: 1600px) and (min-width: 1367px){
.extent{width:1200px; margin:0px auto; clear:both}
.honor{clear:both; overflow:hidden; padding-bottom:30px}
.honor ul{list-style-type:none; padding:0px 0px; margin:0px 0px;}
.honor li{ width:263px; margin-left:20px; margin-bottom:15px; float:left; text-decoration:none; border:1px solid #f2f2f2; padding:10px;}
.honor li:nth-child(4n+1){margin-left:0px;}
.honor li .ah_pic{display: table-cell;vertical-align: middle;width:263px;height:197px;overflow:hidden;}
.honor li .ah_pic img{max-width:263px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 263 ? "263px" : "auto");
 max-height:197px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 197 ? "197px" : "auto");
}
.honor li:hover .ah_pic img{transform: scale(1.5);	}
.ah_name{line-height:35px;}
.products{clear:both; overflow:hidden; padding:20px 0px 20px 0px}
.products ul{list-style-type:none; padding:0px 0px; margin:0px 0px;}
.products li{list-style-type:none; width:263px; margin:10px 0px 10px 20px; padding:10px 10px;float:left; text-decoration:none; border:1px solid #f2f2f2; }
.products li:nth-child(4n+1){margin-left:0px;}
.p_img{display: table-cell;vertical-align: middle;width:263px; height:263px; overflow:hidden}
.products li .p_img img{max-width:263px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 263 ? "263px" : "auto");
 max-height:263px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 263 ? "263px" : "auto");
}
.products li:hover .p_img img{transform: scale(1.5);	}
.p_name{clear:both; height:35px; line-height:35px;}
}

.pagination{clear:both; text-align:center; padding-top:35px}
.pagination li{display: inline}
.pagination a{color:#767676; border:1px solid #767676; padding:5px 8px; margin:0px 3px;}
.pagination span{border:1px solid #e35f14; background:#e35f14; color:#fff; padding:5px 8px; margin:0px 3px}