@charset "utf-8";

@import url("/static/css/lytebox.css");

/* === All CSS  === */



/*

兼容问题处理

padding 针对火狐 *padding 针对IE8  _padding 针对IE6 *+html 针对IE7使用

.test{padding:10px;*padding:9px;_padding:8px}

针对float 使用margin 会变成双倍距离 建议不要在浮动的时候使用margin, 如果使用加入 display:inline;

!important 优先执行样式 ie浏览器不识别 其他浏览器可识别

使用float后 一定要闭合浮动 否则出现兼容问题

*/

html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,dd,dt,dl{margin:0;padding:0;border:0;}

body{color:#000;font-family: siyuanRe,"黑体","宋体",Arial, Helvetica, sans-serif;overflow-x:hidden;background:#fff;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

input{vertical-align:middle;}

li{list-style: none;list-style-type: none;}

ul{list-style:none;line-height:24px;}

*{box-sizing: border-box;}



@font-face {

    font-family: "CAI";

    src: url("829CAI.eot");

}

 

@font-face {

    font-family: "CAI";

    src: url(//:) format("no404"), url("CAI.woff") format("woff"), url("CAI.ttf") format("truetype"), url("CAI.svg#webfontMFqI76bT") format("svg");

    font-weight: normal;

    font-style: normal;

}



@font-face {

	font-family:'agb';

	src:url("AvantGardGothEF-Bold.ttf");



	font-weight:bold;

	font-style:normal

}







@font-face {

	font-family:'ali';

	src:url("AlibabaSans-Bold.ttf");



	font-weight:bold;

	font-style:normal

}

@font-face {

	font-family:'aliRe';

	src:url("AlibabaSans-Regular.ttf");



	font-weight:normal;

	font-style:normal

}







.container{max-width: 75rem;

    margin: 0 auto;

    padding: 0;}



#zifull2 td{border: none;padding: 0;height: auto;font-size: 0;}



.clear{clear:both;height:0px;width:0px;overflow:hidden;}

.fl{float:left;}

.fr{float:right;}

.mm{ margin-left:auto; margin-right:auto; width:1003px;}

.m10{margin-top:10px;}

.m5{margin-top:5px;}

.x5{}

.w1003{max-width:75em;margin-left:auto;margin-right:auto;}

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

a:hover{color:#f00;text-decoration:none;transition: all 0.6s ease 0s;}



.top{height: 45px;line-height: 45px;background: #ecbd48;width: 100%;}





.flash{ text-align:center;margin:0px auto;overflow: hidden;max-width: 1920px !important;}

.flash1{ text-align:center;overflow:hidden;}

.left{display: none;}





.sousuo{width: 210px;float: right;position: relative;margin-top: 6px;}

.sousuo .test{width: 100%;border: 1px solid #eaebeb; color: #eaebeb;font-size: 12px;padding:5px;border-radius: 50px;background: #435058;}

.sousuo .test2{position: absolute;right: 12px;top: 12px;z-index: 11;padding-left: 5px;}



.cdlm{ height:38px;line-height:38px;border-bottom: 1px solid #dcdcdc;}

.cdlm dt{text-align: center;float: left;padding: 0 50px;font-family: siyuanRe,"黑体","宋体";font-size: 18px;color: #fff;background: #447eb9;}

.cdlm dd{position: relative;top: -30px;font-size: 12px;color: #000;right: 0;text-align: right;}

.cdlm dd a{color: #000;}



.fool{ text-align:center;}

.flash{ text-align: center;position: relative;}

.flash img{max-width: 100%;}



/*内页顶部banner*/

.flash-n{height:550px;position: relative;}

.flash-n1{background: url(/static/images/zhutu1.jpg) no-repeat center top;background-size: 100%;background-attachment: fixed;}

.flash-n2{background: url(/static/images/zhutu2.jpg) no-repeat center top;background-size: 100%;background-attachment: fixed;}

.flash-n3{background: url(/static/images/zhutu.jpg) no-repeat center top;background-size: 100%;background-attachment: fixed;}



.flash-n .owl-carousel:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);transition: all 0.6s ease-in-out 0s;}

.flash-n:hover .owl-carousel:after{content: '';background: rgba(0,0,0,0.35);}

.content_xinwen{ margin-top:20px}

/*内页顶部栏目*/

  .top_menu_show{position: relative;max-width: 100%;padding: 0 7%;margin: 0 auto;background: #e7edf1; padding-bottom:20px}

  .top_menu_show h2{font: normal 60px/60px  'agb';padding: 20px 0 15px;text-transform: uppercase;color: #435058;text-align: center;}

  .top_menu_show h4{font: normal 34px/40px  siyuanRe,"黑体","宋体";text-align: center;color: #435058;}

  .top_menu_show ul{width: 100%;overflow: hidden;text-align: center;margin-top: 1%;}

  .top_menu_show ul li{display: inline-block;height: 42px;text-align: center;margin-right: 1px;margin-bottom: 2px;}

  .top_menu_show ul li a{display: block;;color: #000;font: normal 16px/40px  siyuanRe,"黑体","宋体";border: 1px solid #c8c8c8;width: 180px;}

  .top_menu_show ul li a:hover,.top_menu_show ul li a.active{background: #435058;color: #fff;}

  .top_menu_show ul li .swiper-slide-active a{background: #435058;color: #fff;}

  

  /* 产品小类别效果  */

  .top_menu_show ol{position: absolute;left: 0;width: 100%;margin-top: 0;z-index: 111;}

  .top_menu_show ol i{display:none;}

  .top_menu_show ol i.xiao_block{display:inline-block;margin-top: 4px;}

  .top_menu_show ol i a{width:126px;font:normal 12px/24px siyuanRe,"黑体","宋体";color:#bd0009;height:24px;display: block;border: 1px solid #444343;;border-radius: 5px;}

  .top_menu_show ul li .swiper-slide-active i a{background:none;color:#435058;}

  .top_menu_show ul li .swiper-slide-active i a:hover{background:#435058;color:#fff;}

  .top_menu_show ul li .swiper-slide-active i.cp-active a{background:#435058;color:#fff;}



/*笔记本小屏幕  代码*/

@media only screen and (min-width:62rem) and (max-width: 88.69rem) {

	

    .flash-n .owl-carousel {height: 340px;}

    .flash-n1 .owl-carousel {background-size: contain;}

    .flash-n2 .owl-carousel {background-size: contain;}

    .flash-n3 .owl-carousel {background-size: contain;}

    .top_menu_show {top: 4%;}

    .top_menu_show ul {margin-top: 1%;}

    

}







.showbt{ text-align:center; font-size:18px;font-weight: bold;color:#060624;;line-height:40px;}

.showzs{ font-size:11px; text-align:right; color:#060624; margin-bottom:10px;}

.shownr{padding: 10px 0 20px;color: #666;line-height: 28px;font-size: 13px;font-family: siyuanRe,"黑体","宋体";}







/* === 顶部导航栏全局样式  开始 === */

.navbar{

	background: #4f5b60;

	width: 100%;height:95px;position: relative;

}

.navbar .container{max-width: 80rem;;padding: 0;}



.logo{height: 95px;width: 30%;float: left;}

.logo img{max-width: 100%;}

.nav{text-align: left; font-size: 0;width: 50%;float: right;padding-top: 15px;}

.nav .menuli{ display: block;float: left; font-size: 17px;width: 14.5%;text-align: center;height: 54px;padding-top: 0;margin: 0 1%;position: relative;}

.nav .menuli a{ display: block; line-height:54px; height: 54px;color: #fff;font-family: siyuanRe,"黑体","宋体";background: url(/images/xian01.jpg) no-repeat center bottom;}

.nav .menuli a:hover,.nav .menuli .swiper-slide-active a{color: #fff;background: url(/images/xian00.jpg) no-repeat center bottom;}



.navbar .dianhua{display: none !important;float: right;width: 17%;padding-top: 20px;text-align: left;font: normal 16px/26px "黑体";color: #fff;}

.navbar .dianhua b{font-size: 22px;}



.cnavbar{position: absolute;z-index: 9999;top: 0;letter-spacing: 0;width: 100%;}





.nav .menuli .xialanav{position: absolute;width: 92.8px;opacity: 0;left: 0;top: 55px;z-index: 111;height: 0;transition: all 0.6s ease 0s;}

.nav .menuli:hover .xialanav{height: 54px;opacity: 1;}



.nav .menuli .xialanav .xiala{opacity: 0;transition: all 0.6s ease 0.2s;}

.nav .menuli:hover .xialanav .xiala{opacity: 1;}



.nav .menuli .xialanav ol{max-width: 1200px;margin: 0 auto;padding: 8px 0;}

.nav .menuli ol .xiala{display:block;width: 100%;text-align: center;}

.nav .menuli ol .xiala a{;color: #435058;font:normal 14px/40px "microsoft yahei";background: #e7edf1;margin-bottom: 2px;border-radius: 3px;height: 40px;position: relative;z-index: 1111;}

.nav .menuli ol .xiala a:hover,.nav .li2 .swiper-slide-active .xiala a{background:#435058;}

.nav .menuli ol .xiala a:hover{color: #66b2c0;}





/* === 顶部导航栏全局样式  结束 === */













.content .w1003{max-width:75em;padding: 20px 0;}



.fenxiang{ height:40px; overflow:hidden;}

.fenye{border:1px solid #CCCCCC; margin-top:10px; padding:8px;}



.link2,.link1{width: 0;margin: 0 auto;display: none;}

.link2 a,.footzi a{color: #000;}

.linkadd{color: #666;}









/* === 首页样式开始 === */



/* 轮播    */

.section1 { background:#f1f1f1; }

.logo1 { position: absolute; left: 50%; top: 30px; z-index: 20; width: 169px; height: 65px; margin-left: -85px; text-indent: -9999px; background-image: url(logo.png); overflow: hidden;}

.bg1-1 { background: url(bg1-1.png) 50% 50% no-repeat;}

.bg1-2 { background: url(bg1-2.png) 50% 50% no-repeat;}

.bg1-3 { opacity: 0; background: url(bg1-3.png) 50% 50% no-repeat;}

.left1 { position: absolute; left: -200%; top: 50%; width: 444px; height: 514px; margin: -260px 0 0 -50px; background-image: url(l1.png);}

.right1 { position: absolute; left: 200%; top: 50%; width: 655px; height: 658px; margin: -300px 0 0 -70px; background-image: url(r1.png);}





/* fullSlide */

.fullSlide{width:100%;position:relative;height:922px;background:#000;top: 0;}

.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{width:100% !important;}

.fullSlide .bd li{width:100% !important;height:922px;overflow:hidden;text-align:center;background-size:cover !important;}

.fullSlide .bd li a{display:block;height:922px;}

.fullSlide .hd{width:100%;position:absolute;z-index:11;bottom:30px;left:0;height:30px;line-height:30px;}

.fullSlide .hd ul{text-align:center;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}

.fullSlide .hd ul .on{background:#f00;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:11%;z-index:222;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.fullSlide .next{left:auto;right:6%;background-position:-6px -137px;}







.middle {

    position: relative;

    width: 1100px;

    height: 100%;

    margin-left: auto;

    margin-right: auto;}





.box{width: 100%;}

.box .w1003{max-width: 75rem;}

.box .h2 h2{color: #b7bdc1;text-align: center;font: bold 40px/1.5  ali;position: relative;text-transform: uppercase;}

.box .h2 h4{color: #b7bdc1;text-align: center;font: normal 30px/1.5  黑体;}

.swiper-slide-active .h2{margin-top: 2rem;}

.swiper-slide-active .h2 h2{opacity: 1;transition: all 2.5s ease-in-out !important;}

.swiper-slide-active .h2 h5{opacity: 1;transition: all 2.8s ease-in-out !important;}



/* 产品大类    */

.box2{background: url(/static/images/cbj1.jpg) no-repeat center;padding:0;background-size: cover;}

.box2 .h2{margin-top: 13%;}

.box2 .container{max-width: 85rem;padding:0;}

.box2 .text{margin-top: 3rem;}

.box2   .left{float: left;width: 28%;display: block !important;padding-top: 2%;}

.box2 .main-page .nav-back{width:268px;height:0;}

.box2 .main-page .nav{position:relative;width:268px;text-align:left;color:#b7bdc1;font: normal 20px/50px "黑体";margin-left: 0;}

.box2 .main-page .nav div{height:50px;line-height:50px;vertical-align: middle;margin: 13px 0;cursor: pointer;padding-left: 20px;}

.box2 .main-page .nav div img{vertical-align: middle;margin-right: 15px;}

.box2 .main-page .nav div.on{color: #fff;background: #ac8e72;}

.box2  .text .right{width:67.2%;float: right;}

.box2 .main-page .content-back{width:100%;height:650px;}

.box2 .main-page .content{position:relative;width:100%;height:650px;margin-top:-650px;overflow:hidden;box-sizing: border-box;}

.box2 .main-page .content div{width:100%;height:650px;background:#fff;}

.box2 .main-page .content img{max-width: 100%;}











/* 优势  */

.box4  { background: url(/static/images/cbj2.jpg) no-repeat top;background-size: cover;}

.box4 .w1920{    background: rgba(0,0,0,0.85);position: absolute;height: 430px;bottom: 0;width: 100%;left: 0;}



.box4 .left4 { position: absolute; top: 15%; width: 100%; height: 350px; margin:0;}

.box4 .right4 { position: absolute; left: 200%;  top: 25%;; width: 100%;; height: 350px; margin-top:0;}

.box4 li{float: left;width: 240px;text-align: center;left: -200%; position: absolute;color: #fff;}

.box4 li ol img{max-width: 100%;}

.box4 li dt{height: 35px;text-align: center;padding:20px 0 5px;color: #fff;position: relative;z-index: 88;font: normal 15px/35px "微软雅黑";}

.box4 li dd{text-align: center;font: normal 13px/34px "微软雅黑";color: #fff;}





.box4 .li1{ top:25%;transition: all 0.6s ease-in-out !important;}

.box4 .li2{ top:25%;transition: all 1.2s ease-in-out !important;}

.box4 .li3{ top:25%;transition: all 1.8s ease-in-out !important;}

.box4 .li4{ top:25%;transition: all 2.4s ease-in-out !important;}

.box4 .li5{ top:25%;transition: all 3.0s ease-in-out !important;}

.swiper-slide-active.box4 .fll .li1 { left: 0;}

.swiper-slide-active.box4 .fll .li2 { left: 20%;}

.swiper-slide-active.box4 .fll .li3 { left: 40%;}

.swiper-slide-active.box4 .fll .li4 { left: 60%;}

.swiper-slide-active.box4 .fll .li5 { left: 80%;}



.box4 .swiper-slide-active .h2{top: 10%;z-index: 111;transition: all 2.4s ease-in-out !important;}

.box4 .swiper-slide-active .h2 h4{transition: all 5.4s ease-in-out !important;opacity:0.8;}









/* 加盟优势  */

.box5 { background: url(/static/images/cbj3.jpg) no-repeat top;background-size: cover;}

.box5 .h2 h2{color: #fff;}

.box5 .h2 h4{color: #fff;}

.box5 .middle{width: 1231px;margin: 0 auto 0;margin-top: 14%;}

.box5 .text { position: absolute; left: 200%;  top: 25%;; width: 100%;;  margin-top:0;}

.box5 li{float: left;width: 240px;text-align: center;left: 200%; position: absolute;color: #fff;height: 320px;background: rgba(255,255,255,0.8);padding: 50px;}

.box5 li ol img{max-width: 100%;}

.box5 li dt{text-align: center;padding:20px 0 ;color: #3c3c3c;font: bold 20px/35px "黑体";}

.box5 li dd{text-align: center;font: normal 16px/20px "黑体";color: #3c3c3c;padding-bottom: 30px;border-bottom: 2px solid #3c3c3c;height: 70px;}



.box5 .li1{ top:25%;transition: all 2.6s ease-in-out !important;}

.box5 .li2{ top:25%;transition: all 2.2s ease-in-out !important;}

.box5 .li3{ top:25%;transition: all 1.8s ease-in-out !important;}

.box5 .li4{ top:25%;transition: all 1.4s ease-in-out !important;}

.box5 .li5{ top:25%;transition: all 1.0s ease-in-out !important;}

.swiper-slide-active.box5 .text{left: 0;}

.swiper-slide-active.box5 .text .li1 { left: 0;}

.swiper-slide-active.box5 .text .li2 { left: 20%;}

.swiper-slide-active.box5 .text .li3 { left: 40%;}

.swiper-slide-active.box5 .text .li4 { left: 60%;}

.swiper-slide-active.box5 .text .li5 { left: 80%;}



.box5.swiper-slide-active .h2{top: 0;z-index: 111;transition: all 2.4s ease-in-out !important;}

.box5.swiper-slide-active .h2 h4{transition: all 5.4s ease-in-out !important;opacity:0.8;}









/* 公司简介 */

.box6  { background: url(/static/images/cbj4.jpg) no-repeat top;background-size: cover;}

.box6 .w1920{    background: rgba(0,0,0,0.5);position: absolute;height: 480px;bottom: 0;width: 100%;left: 0;}

.box6 .container{max-width: 1000px;}

.box6 .text { position: absolute; top: 55%; width: 1000px; height: 280px; margin:0;text-align: center;color: #fff;font: normal 16px/2 "黑体";}



.box6.swiper-slide-active .text{top: 35%;z-index: 111;transition: all 2s ease-in-out !important;}

.box6.swiper-slide-active .h2{top: 10%;z-index: 111;transition: all 2.4s ease-in-out !important;}

.box6.swiper-slide-active .h2 h4{transition: all 5.4s ease-in-out !important;opacity:0.8;}













/* 新闻  */

.box3 {background: url(/static/images/cbj5.jpg) no-repeat top;background-size: cover;position: relative;}

.box3 .h2{width: 100%;position: absolute;top: 10%;left: 0;}

.box3 .h2 h2{color: #000;}

.box3 .h2 h4{color: #000;}





.box3 .right6 { position: absolute;  top: 25%;; width: 100%;; height: 350px; margin-top:0;}

.box3 .right6 li{float: left;width: 32%;text-align: center;font-size: 15px;font-family: "微软雅黑";right: -200%; position: absolute;color: #fff;margin: 0.2%;position: relative;}

.box3 .right6 li ol img{max-width: 100%;}

.box3 .right6 li .li{position: absolute;z-index: 55;bottom: 0;height: 61px;padding: 8px 0;text-align: left;background: rgba(0,0,0,0.5);display: block;width: 100%;}

.box3 .right6 li .li:hover{background: #000;transition: all 0.8s ease 0s;}

.box3 .right6 li dt{font:  bold 16px/30px "微软雅黑";color: #000;text-align: left;padding-left: 20px;height: 30px;overflow: hidden;}

.box3 .right6 li dd{font:  normal 13px/24px "微软雅黑";color: #000;text-align: left;padding-left: 20px;}

.box3 .right6 li a dt{color: #000;}

.box3 .right6 li a:hover dt{color: #f00;text-decoration: underline;}

.box3 .right6 li a dd{color: #000;}

.box3 .right6 li a:hover dd{color: #f00;text-decoration: underline;}





.box3 .item1{ top:10%;transition: all 0.8s ease-in-out !important;}

.box3 .item2{ top:10%;transition: all 1.6s ease-in-out !important;}

.box3 .item3{ top:10%;transition: all 2.4s ease-in-out !important;}



.swiper-slide-active .right6{left: inherit !important;right: 0 !important;}

.swiper-slide-active .right6 .item1 { right: 6px;}

.swiper-slide-active .right6 .item2 { right: 6px;}

.swiper-slide-active .right6 .item3 { right: 6px;}





.box3 .dd{position: relative;top: 70%;}

.box3 .dd a{display: block;width: 150px;text-align: center;height: 36px;font: normal 14px/36px "微软雅黑";color: #fff;background: #000;margin: 30px auto 0;}

.box3 .dd a:hover{text-decoration: underline;}















.fool_lan{width: 100%;margin: 0 auto;background:#435058;padding: 2rem 0 0;}

.fool_lan .w1003{width: 1300px;}

.fool_lan h5{font-size: 16px;font-family: "黑体";color: #f7f7f7;text-align: left;padding-bottom: 6px;margin-bottom: 5px;}

.fool_lan li{float: left;width: 12%;;color: #f7f7f7;text-align: left;min-height: 75px;padding-right: 20px;}

.fool_lan li span{display: block;line-height: 32px;}

.fool_lan li a{color: #f7f7f7;font-size: 14px;}

.fool_lan li a:hover{color: #000;}



.fool_lan .first{width: 27%;float: left;}

.fool_lan .first dt{text-align: left;}

.fool_lan .first dt img{max-width: 100%;}

.fool_lan .first dd{font:normal 16px/24px siyuanRe,"黑体","宋体";color: #f7f7f7;}

.fool_lan .first dd b{font-size: 30px;}



.fool_lan .txt{float: left;width:27%;margin-left: 2%;}

.fool_lan .txt h5{font:normal 18px/32px siyuanRe,"黑体","宋体";color: #f7f7f7;}

.fool_lan .txt dd{font:normal 14px/24px siyuanRe,"黑体","宋体";color: #f7f7f7;}



.fool_lan .last{float: right;width:18%;padding-top: 3rem;}

.fool_lan .last h4{font: normal 22px/1.8 ali;background: url(/static/images/dianhua.jpg) no-repeat center left;padding-left: 33px;color: #fff;}

.fool_lan .last h3{margin: 5px 0;font: normal 16px/1.8 aliRe;color: #fff;border: 1px solid #fff;border-radius: 40px;text-align: center;}



.box3 .fool_lan{position: absolute; left: 0;}

.swiper-slide-active.box3 .fool_lan{transition: all 2s ease-in-out 0.1s !important;bottom: -167px;}

.swiper-slide-active.box3 .fool_lan:hover{bottom: 0;transition: all 0.6s ease 0s !important;}











.fool{color: #fefefe;;;width: 100%;background: #435058;}

.fool .w1003{max-width: 75rem;padding: 10px 0;font:normal 14px/24px siyuanRe,"黑体","宋体";border-top: 1px solid #8f8f8f;}

.fool p,.fool a{color: #fefefe;}

.fool .span_fool{text-align: center;padding:0 6px;display: inline-block;}

.fool .span_fool p{display: inline-block;}

/* === 首页样式结束 === */



.content_guanyu{background: #e7edf1;padding: 20px 0;font-family: "microsoft yahei" !important;}

.content_guanyu img{max-width: 100%;}





.pro_show{padding: 15px 0 12px;}

.pro_show .title{background: url(/static/images/z11.jpg) repeat-x center left;height: 44px;line-height: 44px;color: #fff;font-size: 16px;font-family: siyuanRe,"黑体","宋体";border: 1px solid #c2dfff;}

.pro_show .title dt{float: left;background: url(/static/images/z6.jpg) no-repeat center left;text-align: center;width: 135px;}

.pro_show .text{padding: 5px 0;}

.pro_show .text li{float: left;padding: 6px 10px;width: 212px;}

.pro_show .cppic{border:solid #e4e4e4 1px;height:230px;width:210px;text-align:center;vertical-align:middle;display: block;margin:auto;border: 1px solid #e6e6e6;}

.pro_show .cppwz{border-bottom: none;text-align: center;font-size: 14px;font-family: siyuanRe,"黑体","宋体";}







.content_cp{position: relative;}

.content_cp .xin{opacity: 0;}

.content_cp .xin h4{position:absolute;top: 15%;left: 10px;z-index: 99;}

.content_cp .xin h5{position:absolute;top: 15%;right: 10px;z-index: 99;}

.content_cp .xin img{max-height: 180px;}

.content_cp:hover  .xin{opacity: 1;transition: all 0.6s ease 0s;}





.content_cp .sub-list li.cp-active a {background: #D80808;color: #fff;border-color: #D80808;}

.content_cp .xiaoUl{position: absolute;margin-top: 2.5rem; margin-left: -100px;}

.content_cp .xiaoUl .xiaolei{float: left;margin: 2px 5px 0 0;font-size: 0.812rem;font-style: inherit;}

.content_cp .xiaolei a{color: #000!important;background: none!important;padding:0 12px 0 0!important;}

.content_cp .xiaolei a:hover,

.content_cp .xiaolei .swiper-slide-active a{color: #f00!important;background:none!important;}

.content_cp .sub-list{padding-bottom: 2rem;}



.content_cp .txt0101{position: relative;}

.content_cp .fanhui{position:absolute;right: 10%;top: 5px;color: #000;font-size: 16px;}

.content_cp .fanhui:hover{color: #f00;}



.showXh{text-align: left;font: bold 14px/30px siyuanRe,"黑体","宋体";padding-left: 100px;}

.showMc{text-align: left;font: bold 20px/40px siyuanRe,"黑体","宋体";padding-left: 100px;}

.showPic{text-align: center;}





/* === 内页新闻列表页 === */

.content_xw .container{max-width:100rem;} 





.nxinwen{margin: 0 10px;}

.nxinwen li{float: left;width:30%;;;margin:30px 1.6%;display: block;;padding: 0;position: relative;}

.nxinwen li a{background: #f5f5f5;display: block;}

.nxinwen li a:after{content: "";width: 1px;position: absolute;bottom: 0;left: 50%;background: #f5f5f5;height: 2px;margin-top: -2px;}

.nxinwen li ol{display: block;position: relative;overflow: hidden;height: 300px;}

.nxinwen li ol img{max-width: 100%;

    -webkit-transition: all .8s;

    -moz-transition: all .8s;

    -o-transition: all .8s;

    transition: all .8s;

    padding: 0 !important;

}

.nxinwen li ol i{display: block;position: absolute;right: 0;bottom: 0;width: 100px;text-align: center;height: 40px;font: normal 13px/40px  siyuanRe,"黑体","宋体";background: #435058;color: #fff;z-index: 2;}

.nxinwen li .txt{padding:20px;}

.nxinwen li dt{height: 40px;font: bold 18px/40px  siyuanRe,"黑体","宋体";color: #111;text-align: left;overflow: hidden;}

.nxinwen li dd{height: 56px;font: normal 14px/28px  siyuanRe,"黑体","宋体";color: #111;text-align: left;margin: 20px 0 30px;}

.nxinwen li em{    display: block; width: 45px; height: 11px;background: url(/static/images/c.png) -400px 0 no-repeat;;

    -webkit-transition: all .5s;-moz-transition: all .5s; -o-transition: all .5s;transition: all .5s;}



.nxinwen li a:hover{background: #e2e2e2;transition: all 0.5s ease 0s;}

.nxinwen li a:hover img{    

	-webkit-transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);

}

.nxinwen li a:hover dt{color: #435058;}

.nxinwen li a:hover em{margin-left: 10px;}

.nxinwen li a:hover:after{content: "";width: 100%;position: absolute;bottom: 0;left: 0%;background: #435058;height: 2px;transition: all 1s ease-in-out 0s;margin-top: -2px;}





.content_xw .newxinwen{width:100rem;margin: 0 auto;}





/* 返回顶部  */

#top{position: fixed;right: 2%;bottom: 4%;z-index: 887;cursor: pointer;opacity: 0;}

.gotop{opacity:1!important;transition: all 0.4s ease 0s;}



/* === 2 Class Menu === */

#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9,#menu10,#menu11,#menu12,#menu13,#menu14,#menu15,#menu16,#menu17,#menu18,#menu19,#menu20{width:108px;margin:23px 0px 0px 0px;}

#menuz1,#menuz2,#menuz3,#menuz4,#menuz5,#menuz6,#menuz7,#menuz8,#menuz9,#menuz10,#menuz11,#menuz12,#menuz13,#menuz14,#menuz15,#menuz16,#menuz17,#menuz18,#menuz19,#menuz20{display:none;}





/* === Page CSS === */

.page.no_page{padding:10px;line-height:normal;text-decoration:none;text-indent:0px;width: 100%;text-align: center;}

.page.no_page .w1003{display: inline-block;width: auto;margin: 0;padding: 0;}

.page.no_page a{display:block;padding:5px 15px;;background: #b9b8b9;float:left;margin:3px;color:#fff;border-radius: 5px;}

.page.no_page a:hover{background:#435058;color:#fff;}

.pagedefault{padding:5px 15px;float:left;margin:3px;background:#435058;color:#fff;border-radius: 5px;}

.pageno{padding:5px 15px;background: #b9b8b9;;float:left;margin:3px 3px 3px 12px;color: #fff;border-radius: 5px;}

.pageall{padding:5px 15px;background: #b9b8b9;;float:left;margin:3px;color: #fff;border-radius: 5px;}

.left-cp li{cursor:pointer;}

.left-cp li li{cursor:auto;}

.error{width:800px; height:200px; margin:20px auto; text-align:center; font-weight:bold;}



/* === Product List Page CSS === */

.chanpin h3{color:#000000;font-size:12px;margin:0px;text-indent:0px;}



.cp-show{float:left; text-align:center;width:230px;;padding-top: 1px;margin-bottom: 16px;*margin-bottom: 16px;}

.cp-photo{text-align:center;width:230px;height: 230px;padding: 5px 0;vertical-align:middle;display: block;margin:auto;background: #000;border: 1px solid #d5d4d4;} 

.cp-photo:hover{border: 1px solid #e80c0c;transition: all 0.8s ease 0s;cursor: pointer;box-shadow:3px 3px 3px #d2d2d2 ;}

.cp-photo img {border:0;display:block; margin:auto;vertical-align: middle;}

.cp-show h3{height: 33px;line-height: 33px;text-align: center;font-size: 14px;}



.marg{margin-right: 21px;*margin-right: 20px;}



.cp-show1{float:left;width:225px;height:220px; text-align:center;padding-top: 1px;margin:0 10px;*margin:0 10px;}

.cp-photo1{height:175px;width:219px;text-align:center;vertical-align:middle;display: block;margin:auto;background: #fff;border: 1px solid #d5d4d4;} 

.cp-photo1:hover{border: 1px solid #e80c0c;transition: all 0.8s ease 0s;cursor: pointer;}

.cp-photo1 img {border:0;display:block; margin:auto;vertical-align: middle;}

.cp-show1 h3{height: 40px;line-height: 40px;text-align: center;font-size: 14px;}







.show{padding:20px 0 ; }

.show_neirong{ padding:20px 0; }

.show h2{ font-size:13px; color:#999999; line-height:20px;}

.show h3{ }

.show dt{float:left; }

.show dd{float:right;   }

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

#demox{width:200px;height:300px;overflow:hidden;text-align:center; border:#999999 dashed 1px;}

#demo{overflow:hidden;height:140px;width:980px;margin:10px;text-align:center; }

#demoa{overflow:hidden;height:140px;width:980px;margin:10px;text-align:center; }

#demob{overflow:hidden;height:140px;width:980px;margin:10px;text-align:center; }

.demo-left{width:154px;height:150px;}





.xin{ border-top:#CCCCCC solid 1px; padding-top:10px; margin-top:10px;margin-left:auto; margin-right:auto;}



.ee{ width:95px; float:left; background-image:url(/static/images/li_bg.png); background-repeat:no-repeat; text-align:center;}

.eee{ float:left; width:400px; }



/**焦点图**/

#jiaodian {margin:0 auto;width: 100%;overflow: hidden;}

#slideshow {float: left;width: 100%;margin: 0px auto;position: relative;}

#slideshow a {float: left;width: 100%;display: inline;}

#slideshow .img {left:0;top:0;position: absolute;width: 100%;overflow: hidden;}

#slideshow .img a{float:left;width:100%;overflow:hidden;}

#slideshow .img img {float: left;width: 1px;height: 1px;}

#slideshow .img span {position: absolute;width: 99999px;display: block}

#slideshow .btns {margin:0 auto;position:relative;width:90%;}

#slideshow .btns b {position: absolute;width: 100px;display: block;height: 10px;overflow: hidden;bottom:15px;left: 50%;top:580px;}

#slideshow .btns b i {width: 10px;background: #414140;float: left;height: 10px;font-size: 0px;overflow: hidden;cursor: pointer;margin-right: 6px;border: #414140 0px solid;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px}

#slideshow .btns b i: hover {background: #a7a7a6}

#slideshow .btns b i.on {background: #fff;cursor: default}

#slideshow .btns b i.on: hover{background: #3cd2f1;cursor: default}

#slideshow .btns s {position: absolute;width: 60px;height: 80px;overflow: hidden;top: 300px;cursor: pointer;display: none;}

#slideshow .btns s i {position: absolute;width: 60px;background: url(/static/images/btn_slideshow.png);height: 160px;}

#slideshow .btns s.prev {left: 0px;}

#slideshow .btns s.prev i {top: -80px;left: -8px;}

#slideshow .btns s.next {right:0px;}

#slideshow .btns s.next i{right:-8px;}

.slideshow-hover#slideshow .btns s {display: block}





.BMap_stdMpPan,.BMap_stdMpZoom{z-index: 6666;}



#allmap{width:99%;height:450px;margin: 0 auto;}

.BMap_bubble_content{ min-width:400px;font-size: 13px;}

.BMap_bubble_content h4,.BMap_bubble_title{ font-family:微软雅黑; font-size:15px; color:#CC5522}











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

   .box1 .xian{width: 1200px;top: 0;left: 0;}

   .box1 .xian img{max-width: 100%;}

   .box1 .frr{padding-right: 0;}

   



   

}