@charset "utf-8";
/* CSS Document */
body{
	font-size:12px;
	font-weight:normal;
	color:#666666;
	line-height:1.5;
	font-family:'Microsoft YaHei';
	}
*{
	margin:0;
	padding:0;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#666666;
	text-decoration:none;
	transition: all 0.6s;
	}
a:hover{
	color:#711a5f;
	text-decoration: none;
	}
table{ margin: auto}
i{ font-style:normal}
em{ font-style:normal}

@media (min-width:1200px){
.main{ width:85%; min-width:1200px; max-width:1366px; margin: auto}
.header{ width:100%; float:left; height:120px; background:#f5f5f5}
.logo{ width:353px; float:left; height:120px;}
.logo span{ height:100%; display:inline-block; vertical-align:middle}
.logo img{ max-width:100%; max-height:100%; vertical-align: middle}
.tel{ width:auto; float:right; line-height:120px; height:120px; color:#858585; font-size:16px;}
.tel img{ vertical-align:middle; margin-right:10px;}
.tel i{ font-size:26px; color:#000; font-style:italic}
.nav{ width:100%; float:left; height:60px; line-height:60px; background:#888888}
.nav-l{ width:calc(100% - 300px); float:left}
.nav-l ul li{ width:auto; float:left; padding-left:22px; padding-right:23px; font-size:18px; position:relative; transition: all 0.6s;}
.nav-l ul li a{ color:#FFF; width:100%; float:left}
.nav-l ul li:hover{ background:#711a5f; color:#FFF}
#dhdw{ background:#711a5f; color:#FFF}
#dhdw a{ background:#711a5f; color:#FFF}
#submenu {
	left:-20px;
	opacity: 0;
	position: absolute;
	top:60px;
	visibility: hidden;
	z-index:9999999;
	width:160px;
	-moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease;
	background:#711a5f;
}
.nav-l ul li:hover #submenu {
	opacity: 1;
	top: 60px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
}
#submenu dl dd{ font-size:16px; text-align:center; height:50px; line-height:50px; border-bottom:2px solid #711a5f}
#submenu dl dd:hover a{ color:#ffd24d;border-bottom:2px solid #ffd24d}

.nav-r{ width:300px; float:right; height:60px; background:#747474}
.nav-r input[type="text"]{ border:0px; padding-left:5px; color:#999; font-size:12px; height:20px; line-height:20px;width:calc(100% - 50px); padding-left:10px;vertical-align:middle;BACKGROUND-COLOR: transparent; margin-right:10px; outline:none; font-size:18px; color:#CCC}
.nav-r input[type="image"]{ vertical-align:middle}

.main01{ width:100%; float:left; }
.main01 ul li{ width:calc(25% - 30px); float:left; height:415px; background:url(../images/bj1.png) no-repeat center / contain;transition: all 0.6s; display:table;margin-top:47px; margin-right:40px;}
.main01 ul li:hover{ background:url(../images/b2.png) no-repeat center / contain}
.main01 ul li .wenzi{ display:table-cell; vertical-align:middle; text-align:center}
.main01 ul li .wenzi h1{ font-size:70px; line-height:80px; color:#711a5f}
.main01 ul li .wenzi dl dt{ font-size:40px; line-height:70px; background:url(../images/hx.png) no-repeat center bottom;color:#000; padding-bottom:10px;}
.main01 ul li .wenzi dl dd{ font-size:24px; color:#000; margin-top:15px; line-height:42px;}
.main01 ul li:hover .wenzi h1{ color:#ffc926}
.main01 ul li:hover .wenzi dl dt{background:url(../images/hx02.png) no-repeat center bottom; color:#FFF}
.main01 ul li:hover .wenzi dl dd{color:#FFF}
.main01 ul li:first-child .wenzi h1{ color:#333}
.main01 ul li:nth-child(2){margin-top:75px;}
.main01 ul li:nth-child(3){margin-top:75px;background:url(../images/b3.png) no-repeat center / contain;}
.main01 ul li:nth-child(3) .wenzi h1{ color:#333}
.main01 ul li:nth-child(4){background:url(../images/b3.png) no-repeat center / contain; float:right; margin-right:0px;}
.main01 ul li:nth-child(3):hover{ background:url(../images/b4.png) no-repeat center / contain}
.main01 ul li:nth-child(3):hover .wenzi h1{ color:#ffc926}
.main01 ul li:first-child:hover .wenzi h1{ color:#ffc926}
.main01 ul li:nth-child(4):hover{ background:url(../images/b4.png) no-repeat center / contain}

.ywly{ width:100%; float:left; height:1000px; background:url(../images/lybj.jpg) no-repeat center; margin-top:50px;}
.bt{ width:100%; float:left; margin-top:75px; text-align:center;}
.bt h1{ line-height:85px; font-size:48px; color:#FFF; background:url(../images/hx03.png) no-repeat center bottom;}
.bt dl dt{ font-size:20px; color:#cccccc; margin-top:10px;line-height:40px;}
.bt dl dd{ font-size:24px; color:#cccccc; line-height:40px;}
.yw{ width:100%; float:left; margin-top:30px;}
.yw ul li{ width:calc(16.667% - 40px); float:left; height: auto;position:relative; margin-top:60px; margin-right:48px; height:160px }
.yw ul li .wenzi01{ width:100%; float:left; position:absolute; top:0; left:0; -moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease; }
.yw ul li .wenzi01 img{ width:100%; height:auto}
.yw ul li .wenzi01 span{ width:100%; position:absolute; z-index:11; bottom:20px; left:0; line-height:35px; color:#FFF; text-align:center; font-size:20px;}
.yw ul li .wenzi02{width:120%; float:left; position:absolute; top:-10%; left:-10%; opacity: 0; -moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease;}
.yw ul li .wenzi02 img{ width:100%; height:auto}
.yw ul li .wenzi02 div{ width:100%; height:100%; position:absolute; z-index:11; top:calc(50% - 35px); left:0; color:#FFF; text-align:center; font-size:24px; line-height:50px;}
.yw ul li .wenzi02 div i{ padding-bottom:10px; border-bottom:2px solid #ffd24d}
.yw ul li:hover .wenzi01{ opacity: 0;}
.yw ul li:hover .wenzi02{ opacity: 1;}
.yw ul li:nth-child(6n){ float:right; margin-right:0px;}
.more{ width:100%; float:left; margin-top:100px; text-align:center}
.more a{ padding:15px 55px 15px 55px; border:2px solid #FFF; font-size:20px; color:#FFF; border-radius:5px;}
.more a:hover{ background:#711a5f; color:#FFF; border:2px solid #711a5f}

.team{ width:100%; float:left; height:1579px; background:url(../images/b03.jpg) no-repeat center}
.bt2{ width:100%; float:left; margin-top:75px; text-align:center;}
.bt2 h1{ line-height:85px; font-size:48px; color:#000; background:url(../images/hx03.png) no-repeat center bottom;}
.bt2 dl dt{ font-size:20px; color:#888888; margin-top:10px;line-height:40px;}
.bt2 dl dd{ font-size:24px; color:#444444; line-height:40px;}
.team01{ width:100%; float:left}
.team01 ul li{ width:calc(25.82% - 45px); float:left; height:500px; background:#d6d6d6; margin-right:45px; position:relative; overflow:hidden; margin-top:55px;}
.team01 ul li .tp{ width:100%; height: auto; bottom:0; left:0; text-align:center; position:absolute; text-align:center}
.team01 ul li .tp img{ max-width:100%; height:auto; transition: all 0.6s; display: inline-block}
.team01 ul li .wenzi{ width:100%; position:absolute; z-index:11; bottom:35px; text-align:center;}
.team01 ul li .wenzi dl dt{ font-size:24px; font-weight:bold; line-height:36px; color:#000; transition: all 0.6s;}
.team01 ul li .wenzi dl dd{ font-size:16px; line-height:30px; color:#000; transition: all 0.6s;}
.team01 ul li:hover .tp img{ transform: scale(1.05);}
.team01 ul li:hover .wenzi dl dt{ color:#FFF}
.team01 ul li:hover .wenzi dl dd{color:#FFF}
.team01 ul li:nth-child(4n){ float:right; margin-right:0px;}
.more2{ width:100%; float:left; margin-top:100px; text-align:center}
.more2 a{ padding:15px 55px 15px 55px; background:#FFF; font-size:20px; color:#444444; border-radius:5px;}
.more2 a:hover{ background:#711a5f; color:#FFF; }

.liuc{ width:100%; float:left; height:987px; background:url(../images/lcbj.jpg) no-repeat center}
.liuc01{ width:100%; float:right; margin-top:50px;}
.liuc01 ul li{width:calc(16.667% - 50px); float:left; margin-left:50px;}
.liuc01 ul li .shuzi{ height:56px;width:100%; float:left}
.liuc01 ul li .shuzi img{ max-height:56px;}
.liuc01 ul li dl dt{ font-size:30px; font-weight:bold; line-height:70px; background:url(../images/hx03.png) no-repeat left bottom; color:#FFF}
.liuc01 ul li dl dd{ font-size:16px; line-height:30px; margin-top:10px; height:150px;color:#FFF}
.liuc01 ul li .zn{ height:250px; text-align:center; display:table; width:100%; float:left}
.liuc01 ul li .zn div{ display:table-cell; vertical-align:middle}
.liuc01 ul li .zn div img{ max-width:100%; height:auto}

.news{ width:100%; float:left; height:967px; background:url(../images/b04.jpg) no-repeat center;}
.news01{ width:100%; float:left; height:600px;display:block; border:0px; }
.news02{ width:100%; float:left; height:690px;display:block; border:0px; }

.youshi{ width:100%; float:left; height:990px; background:url(../images/ysbj.jpg) no-repeat center}
.youshi01{ width:100%; float:left; }
.youshi01 ul li{ width:25%; float:left;margin-top:100px; transition: all 0.6s;}
.youshi01 ul li .tp{ height:263px; margin:auto; width:263px; background:url(../images/ybj.png) no-repeat center; text-align:center; transition: all 0.6s;}
.youshi01 ul li .tp span{ height:100%; display:inline-block; vertical-align:middle}
.youshi01 ul li .tp img{ max-width:100%; max-height:100%; vertical-align:middle}

.youshi01 ul li dl dt{ margin-left:30px; margin-right:30px; font-size:34px; color:#FFF; font-weight:bold; line-height:80px;text-align:center}
.youshi01 ul li dl dd{ margin-left:30px; margin-right:30px; font-size:16px; line-height:25px; color:#FFF; text-align:center}
.youshi01 ul li:hover .tp{background:url(../images/ybj2.png) no-repeat center;}
.youshi01 ul li:hover{margin-top:50px; cursor:pointer}
.youshi01 ul li .tp .pic01{ display: inline-block}
.youshi01 ul li .tp .pic02{ display: none}
.youshi01 ul li:hover .tp .pic01{ display:none}
.youshi01 ul li:hover .tp .pic02{ display: inline-block}

.case{ width:100%; float:left; height:1080px; background:url(../images/albj.jpg) no-repeat center}

.what{ width:100%; height:1193px; float: left; background:url(../images/wbj.jpg) no-repeat center}
.what h1{ margin-top:85px; line-height:95px; font-size:48px; color:#FFF;}
.what h1 i{ background:url(../images/hx05.png) repeat-x left bottom; padding-bottom:15px;}
.what01{ width:100%; float:left; margin-top:60px; margin-bottom:60px;}
.what01 dl{ width:25%; float:left; text-align:center}
.what01 dl dt{ height:64px; text-align:center}
.what01 dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.what01 dl dt img{ max-width:100%; max-height:100%; vertical-align: middle}
.what01 dl dd{ font-size:24px; line-height:30px; color:#FFF}

.what02{ width:100%; float:left; margin-top:60px;}
.what02-l{ width:460px; float:left; height:340px; background:rgba(113,26,95,0.6); padding:60px;}
.what02-l dl dd{ font-size:24px; line-height:75px; }
.what02-l dl dd a:hover{ color:#ffc926}
.what02-l dl dd:hover{ background:url(../images/hx05.png) repeat-x bottom;}
.what02-l dl dd:hover a{ color:#ffc926}
.hcOn{background:url(../images/hx05.png) repeat-x bottom;color:#ffc926}
.hcOn a{color:#ffc926}
.hcOff a{color:#fff}

.what02-r{ width:calc(100% - 600px); float:right; font-size:18px; line-height:36px; color:#FFF; padding-top:80px;}

.lxwm{ width:100%; float:left; height:1069px; background:url(../images/lxbj.jpg) no-repeat center;}
.lx01{ width:100%; float:left; margin-top:35px; height:150px;}
.lx01 ul li{ width:475px;  float:left; margin-left:100px; margin-top:20px;transition: all 0.6s; }
.lx01 ul li dl dt{height:60px; background:#fff;border-radius:35px; color:#000; font-size:24px; line-height:60px; box-shadow: 0px 1px 40px 1px rgba(0,0,0,0.3); border:1px solid #cdd0c9}
.lx01 ul li dl dt span{ float:right;}
.lx01 ul li dl dt span img{opacity:1}
.lx01 ul li dl dt i{}
.lx01 ul li dl dt img{ vertical-align:middle; margin-left:30px; margin-right:30px;}
.lx01 ul li dl dd{ font-size:18px; color:#878787; text-align:center; line-height:36px; margin-top:25px;}
.lx01 ul li:nth-child(2){ margin-left:45px;}
.lx01 ul li:hover dl dt{background:#711a5f;border:0px solid #cdd0c9}
.lx01 ul li:hover{margin-top:0px; }
.lx01 ul li:hover dl dt i{color:#FFF;}
.lx01 ul li:hover dl dt img{ opacity:1}
.lx02{ width:100%; float:left; margin-top:45px; text-align:center}
.lx02 dl dt{ font-size:18px; line-height:42px;}
.lx02 dl dd{ font-size:60px; color:#71195f; font-style:italic; line-height:80px;}
.lx01 ul li dl dt .pic01{ display:inline-block}
.lx01 ul li dl dt .pic02{ display: none}
.lx01 ul li:hover dl dt .pic01{ display:none}
.lx01 ul li:hover dl dt .pic02{ display:inline-block}

.lx03{ width:100%; float:left; margin-top:45px;}
.lx03 ul li{ width:31.33%; float:left; margin-right:2%;}
.lx03 ul li img{ max-width:100%; height:auto}
.lx03 ul li h1{ font-size:22px; font-weight:normal; color:#000; line-height:36px; margin-top:20px;}
.lx03 ul li h2{ font-size:16px; color:#666666; line-height:30px;font-weight:normal;}
.lx03 ul li dl{ width:100%; float:left; margin-top:30px;}
.lx03 ul li dl dt{ width:48px; float:left}
.lx03 ul li dl dt img{ max-width:100%; height:auto}
.lx03 ul li dl dd{ width:calc(100% - 68px); float:right; font-size:18px; line-height:30px; color:#878787}
.lx03 ul li dl dd i{ color:#000; font-size:30px; font-style:italic}
.lx03 ul li:nth-child(3){ width:33.33%; float:right; margin-right:0px;}

.foot{ width:100%; float:left; height:425px; background:url(../images/footbj.jpg) no-repeat center;}
.foot-l{ width:40%; float:left; font-size:24px; line-height:36px; margin-top:60px; color:#FFF}
.foot-l img{ vertical-align:middle; margin-right:10px;}
.foot-l i{ font-size:18px; color:#878787; margin-left:34px;}
.foot-r{ width:60%; float:right;margin-top:80px;}
.foot-r001{ width:100%; float:left;}
.foot-r001 ul li{ width:50%; float:left; font-size:16px; line-height:30px; color:#fff}
.foot-r001 ul li img{ float:left; margin-right:15px; margin-top:10px;}
.foot-r001 ul li i{ font-size:22px; font-style:italic}
.foot-r002{ width:100%; float:left; margin-top:35px;}
.foot-r002 dl{ width:24%; float:left; text-align:center; margin-left:1%}
.foot-r002 dl dt{ height:131px; text-align:center}
.foot-r002 dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.foot-r002 dl dt img{ max-width:100%; max-height:100%; vertical-align:middle}
.foot-r002 dl dd{ font-size:16px; line-height:20px; color:#FFF; text-align:center; margin-top:10px;}

.foot2{ width:100%; float:left; color:#cccccc; font-size:14px; line-height:35px; text-align:center; margin-top:10px;}

.nybanner{ width:100%; float:left; position:relative}
.nybanner img{ width:100%; height:auto; display:block}
.nybanner .wenzi{ width:100%; text-align:center; top:calc(50% - 50px); position:absolute; left:0;}
.nybanner .wenzi h1{ line-height:85px; font-size:48px; color:#FFF; background:url(../images/hx03.png) no-repeat center bottom;}
.nybanner .wenzi dl dt{ font-size:20px; color:#fff; margin-top:10px;line-height:40px; font-style:italic}
.nybanner .wenzi dl dd{ font-size:24px; color:#fff; line-height:40px;}
.ditudiv{ width:100%; height: auto;  margin:auto; max-width:1300px; }
.ditu{ width:100%; height:500px; text-align:center;}

.about{ width:100%; float:left; margin-top:50px;}
.about-l{ width:50%; float:left}
.about-l img{ max-width:100%; height:auto}
.about-r{ width:45%; float:right; font-size:18px; line-height:32px; margin-top:40px;}
.about-r h1{ font-size:30px; line-height:30px; color:#000; margin-bottom:35px;}
.about-r h1 img{ vertical-align:middle}

.about2{ width:100%; float:left; margin-top:50px;}
.about2-l{ width:50%; float:left}
.about2-r{ width:50%; float:right}
.about2-r img{ width:100%; height:auto; display:block}

.fzlc{ width:100%; float:left; margin-top:80px;}
.fzlc h1{font-size:30px; line-height:30px; color:#000; margin-bottom:35px;}
.fzlc h1 img{ vertical-align:middle; margin-right:20px;}
.fzlc01{ width:100%; float:left;overflow-x:scroll; padding-bottom:50px;}
.fzlc01 ul li{ width:280px; height: auto; position:relative; background:#FFF;}
.fzlc01 ul li .hx{ width:186px; height:1px; background:#eee; position:absolute; top:261px; left:187px; z-index:11}
.fzlc01 ul li dl dt{ height:150px; text-align:center}
.fzlc01 ul li dl dt span{ height:100%; vertical-align:middle; display:inline-block}
.fzlc01 ul li dl dt img{max-height:100%; max-width:100%; vertical-align:middle}
.fzlc01 ul li dl dd{font-size:18px; color:#000; line-height:22px; height:66px;}
.fzlc01 ul li .nyue{ width:90px; height:90px; margin:auto; border:2px solid #711a5f; font-size:18px; line-height:90px; text-align:center; color:#71195f;-webkit-transition:all .25s ease 0s;-moz-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;transition:all .25s ease 0s;}
.fzlc01::-webkit-scrollbar {/*滚动条整体样式*/

        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 5px;

    }
.fzlc01::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 10px;


        background: #ddd;

    }

.fzlc01::-webkit-scrollbar-track {/*滚动条里面轨道*/


        border-radius: 10px;

        background: #fff;

}
.fzlc01 ul{
            display: -webkit-box;

            /*适应苹果*/

            -webkit-overflow-scrolling:touch;

        }
.fzlc01 ul li:nth-child(2n){ margin-top:216px}
.fzlc01 ul li:hover .nyue{ background:url(../images/ybj2.png) no-repeat center; color:#FFF; -webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-o-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg);}
.fzlc01 ul li:nth-child(2n) .hx{ top:45px;}

.horn{ width:100%; float:left; background:#f8f8f8; padding-bottom:90px; padding-top:90px; position:relative}
.horn-l{ width:calc(50% + 45px); position:absolute; height:220px; background:#711a5f url(../images/sx02.png) no-repeat right; z-index:11; top:calc(50% - 110px); left:0; }
.horn-l .wenzi{ display:table;font-size:24px; line-height:42px; color:#fff; width:calc(70% - 20px); float:right; margin-right:15%;height:220px; background:url(../images/sx.jpg) no-repeat left; padding-left:20px;}
.horn-l .wenzi span{ position:absolute; width:27px; height:50px; background:url(../images/jt.png) no-repeat center; right:10%; top:85px}
.horn-l .wenzi div{ display:table-cell; vertical-align:middle}
.horn-r{ width:50%; float:right}
.horn-r img{ max-width:70%; height:auto}
.horn-r01{ width:calc(14.5% + 45px);position:absolute; height:220px; background:#711a5f url(../images/sx02.png) no-repeat left; z-index:11; top:calc(50% - 110px); right:0; line-height:220px; text-align:center}
.horn-r01 img{ vertical-align:middle}

.jzg{ width:100%; float:left; margin-top:80px;}
.jzg h1{font-size:30px; line-height:30px; color:#000; margin-bottom:35px;}
.jzg h1 img{ vertical-align:middle; margin-right:20px;}
.jzgbt{ width:100%; float:left; text-align:center; margin-top:20px;}
.jzgbt dl dt{ font-size:48px; color:#711a5f; line-height:48px; margin-bottom:30px;}
.jzgbt dl dd{ font-size:24px; color:#000; line-height:42px;}

.Box {position: relative;}
			.Box .content {width:100%; float: left; height: auto; padding-bottom:50px; }
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 35px;height: 66px;position: absolute;top:350px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(images/zj.png) no-repeat center;left:0px; z-index:11}
			.Box .Box_con .btnr {background: url(images/yj.png) no-repeat center;right:0px; z-index:11}
			.Box .Box_con .btnl:hover {background: url(images/zj.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(images/yj.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li{ width:260px; height: auto; float:left; margin-right:40px; margin-left:40px; overflow:hidden;transition: all 0.6s; margin-top:100px}
.Box .Box_con .conbox ul li .pro01{ width:100%; float:left;}
.Box .Box_con .conbox ul li .pro01 div{ height:212px; text-align:center;}
.Box .Box_con .conbox ul li .pro01 div img{ max-height:100%; max-width:100%; vertical-align:middle}
.Box .Box_con .conbox ul li .pro01 dl dt{ font-size:18px; color:#000; line-height:30px; text-align:center; margin-top:20px; }
.Box .Box_con .conbox ul li .pro01 dl dd{ font-size:14px;margin-top:10px; line-height:24px;text-align:center}
.Box .Box_con .conbox ul li:hover{ margin-top:50px}

			
			.Box .BoxSwitch {margin-top: 30px;text-align: center; }
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: red;}

.main2{ width:100%; float:left; margin-top:50px;}
.left{ width:160px; float:left; background:#f6f6f6}
.left dl dd{ height:50px; line-height:50px; text-align:center; font-size:18px; transition: all 0.6s;}
.left dl dd:hover{ background:url(../images/lmbj.jpg) no-repeat center;}
.left dl dd:hover a{ color:#FFF}
#lefton{background:url(../images/lmbj.jpg) no-repeat center;color:#FFF}
#lefton a{color:#FFF}
.right{ width:calc(100% - 220px); float:right; font-size:18px; line-height:36px; padding-bottom:100px;}
.right img{ max-width:100%; height:auto;}

.huanj{ width:100%; float:left;font-size:18px; line-height:36px;}
.huanj01{ width:100%; float:left; padding-top:70px; padding-bottom:70px; border-bottom:2px solid #711a5f; border-top:2px solid #711a5f; margin-top:70px;}

.ban{ width:885px; height: auto; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:885px; height:672px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:885px; height: 672px; background:#e9e9e9; text-align:center}
.ban2 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.ban2 ul li img{ max-width:100%; max-height:100%; vertical-align:middle}
.prev{ float:left; cursor:pointer;}
.num{ height:145px;overflow:hidden; width:885px; position:relative;float:left;}
.min_pic{ padding-top:16px; width:885px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:190px; height:143px; margin-right:16px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.num ul li img{ width:190px; height:143px;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:55px; margin-right:20px; cursor:pointer; float:left; position:absolute; z-index:11; left:0;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:55px;cursor:pointer;float:right;position:absolute; z-index:11; right:0;}
.prev1{ position:absolute; top:320px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:320px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:885px; height:885px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:885px; height:885px; position:relative; overflow:hidden;}
.pop_up2{ width:885px; height:885px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:885px; height:885px; float:left;}

.hent{ width:100%; height:2px; background:url(../images/ht.jpg) repeat-x; margin-top:50px; float:left}
.hent2{ width:100%; height:1px; background:#ddd; margin-top:50px; margin-bottom:50px; float:left}

.nyjzg{ width:100%; float:left;}
.nyjzg ul li{width:25%; height: auto; float:left; overflow:hidden;transition: all 0.6s; margin-top:100px}
.nyjzg ul li .pro01 div{ height:212px; text-align:center;}
.nyjzg ul li .pro01 div img{ max-height:100%; max-width:80%; vertical-align:middle}
.nyjzg ul li .pro01 dl dt{ font-size:18px; color:#000; line-height:30px; text-align:center; margin-top:20px; margin-left:30px; margin-right:30px; }
.nyjzg ul li .pro01 dl dd{ font-size:14px;margin-top:10px; line-height:24px;text-align:center;margin-left:30px; margin-right:30px;}
.nyjzg ul li:hover{ margin-top:50px}

/* 发展历程 */
.dashijian{ width:100%; float:left; margin-bottom:50px; margin-top:50px;}
.dashijian ul li{ width:100%; float:left; background:url(../images/sx04.jpg) repeat-y center; position:relative; padding-bottom:45px;}
.dashijian ul li .yuan{ width:86px; height:86px; position:absolute; top:-8px; text-align:center; border:2px solid #711a5f; background:#FFF; color:#711a5f; left:calc(50% - 43px); line-height:86px;}
.dashijian ul li .wenzi{ width:42%; float:right}
.dashijian ul li .wenzi dl dt{ font-size:20px; color:#e60412; font-weight:bold; line-height:36px;}
.dashijian ul li .wenzi dl dd{ font-size:18px; line-height:22px;}
.dashijian ul li .wenzi dl dd img{ vertical-align:middle; margin-left:20px; margin-right:20px;}
.dashijian ul li:nth-child(2n) .wenzi{float:left}
.dashijian ul li:nth-child(2n) .pic{text-align: left}
.dashijian ul li .pic{ width:42%; text-align: right}
.dashijian ul li .pic img{ max-width:100%; height:auto}
.dashijian ul li:last-child .yuan{bottom:-8px; top:auto}
.dashijian ul li:last-child{ padding-bottom:0px;}

.yewu{ width:100%; float:left; padding-bottom:80px;}
.yewu ul li{ width:calc(25% - 30px); float:left; margin-right:40px; height:320px; position:relative; border-radius:10px; overflow:hidden;margin-top:40px;}
.yewu ul li .pic{ width:100%; position:absolute; height:100%; top:0; left:0;-moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease; overflow:hidden}
.yewu ul li .pic img{ min-height:100%; min-width:100%}
.yewu ul li .wenzi{ height:95px; width:100%;position:absolute; bottom:0; left:0; z-index:1; line-height:95px; text-align:center; font-size:24px; background:url(../images/bb02.png) no-repeat center; background-size:cover; color:#FFF; z-index:2;}	
.yewu ul li .pic2{width:100%; float:left; position:absolute; top:0; left:0; opacity: 0; -moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease; height:100%; background:rgba(113,26,95,0.5)}
.yewu ul li .pic2 div{ width:100%; position:absolute; z-index:11; top:calc(50% - 35px); left:0; color:#FFF; text-align:center; font-size:24px; line-height:50px;}
.yewu ul li .pic2 div i{ padding-bottom:10px; border-bottom:3px solid #8c6900; font-size:36px}

.yewu ul li:hover .pic{ opacity: 1;}
.yewu ul li:hover .pic2{ opacity: 1;}
.yewu ul li:hover .wenzi{ opacity: 0;}
.yewu ul li:nth-child(4n){float: right; margin-right:0px;}

.ywlm{ width:100%; float:left; background:#f5f5f5; padding-bottom:40px; padding-top:40px; margin-top:80px;}
.ywlm ul li{ width:16.66%; float:left; text-align:center; line-height:55px; font-size:20px;}
.ywlm ul li a{ padding-bottom:10px;}
.ywlm ul li a:hover{ border-bottom:2px solid #8c6900}
#ywlmon a{border-bottom:2px solid #8c6900; color:#711a5f}
.ywbt{ width:100%; float:left; margin-top:80px; text-align:center}
.ywbt dl dt{ font-size:36px; line-height:60px;}
.ywbt dl dt i{padding-bottom:10px;border-bottom:2px solid #8c6900; color:#000}
.ywbt dl dd{ font-size:24px; color:#444444; margin-top:25px;}
.ywtex{ width:100%; float:left; margin-top:80px; font-size:16px; line-height:36px;}
.ywtex ul li{ width:50%; float:left;}
.ywtex img{ max-width:100%; height:auto}

.lstj{ width:55%; float:left; margin-bottom:80px;}
.lstj dl{ width:100%; float:left; position:relative}
.lstj dl span{ width: auto; position:absolute; z-index:1; right:0; font-size:18px; color:#868686; bottom:10px;}
.lstj dl dt{ font-size:28px; color:#6d1b5c; font-weight:bold; line-height:36px;}
.lstj dl dd{ font-size:20px; color:#888888; font-style:italic;}
.lstj ul { width:80%; padding-left:10%; padding-right:10%;}
.lstj ul li{ width:45%; float:left; position:relative; margin-top:40px; margin-right:5%; }
.lstj ul li img{ width:100%; height:auto; display:block}
.lstj ul li .wenzi{ width:100%; position: absolute; bottom:40px; text-align:center; left:0px; z-index:11; font-size:24px; color:#000}
.lstj ul li .wenzi i{ padding:10px 35px 10px 35px; background:#868686; border-radius:5px; font-size:18px;}
.lstj ul li:nth-child(2n){ }

.xgal{ width:42%; float:right; margin-bottom:80px;}
.xgal dl{ width:100%; float:left; position:relative; margin-bottom:40px}
.xgal dl span{ width: auto; position:absolute; z-index:1; right:0; font-size:18px; color:#868686; bottom:10px;}
.xgal dl dt{ font-size:28px; color:#6d1b5c; font-weight:bold; line-height:36px;}
.xgal dl dd{ font-size:20px; color:#888888; font-style:italic;}
.xgal ul li{ width:100%; float:left; margin-bottom:40px;}
.xgal ul li h1{ font-size:22px; color:#000; font-weight:normal; line-height:36px; margin-bottom:20px;}
.xgal ul li p{ font-size:18px; line-height:32px; padding-left:20px;}

.team02{ width:100%; float:left; margin-bottom:0px;}
.team02 ul li{ width:calc(25.82% - 45px); float:left; height:500px; background:url(../images/lsbj2.jpg) no-repeat center / cover; margin-right:45px; position:relative; margin-top:55px; transition: all 0.6s;}
.team02 ul li .tp{ width:100%; height: auto; bottom:0; left:0; text-align:center; position:absolute; text-align:center}
.team02 ul li .tp img{ max-width:100%; height:auto; transition: all 0.6s; display: inline-block}
.team02 ul li .wenzi{ width:100%; position:absolute; z-index:11; bottom:0px; text-align:center; background:url(../images/tdbj.png) no-repeat center top; padding-top:80px;}
.team02 ul li .wenzi dl dt{ font-size:24px; font-weight:bold; line-height:36px; color:#000; transition: all 0.6s;}
.team02 ul li .wenzi dl dd{ font-size:16px; line-height:30px; color:#000; transition: all 0.6s; margin-bottom:35px;}
.team02 ul li:hover .tp img{ transform: scale(1.15); margin-bottom:33px;}
.team02 ul li:hover .wenzi dl dt{ color:#FFF}
.team02 ul li:hover .wenzi dl dd{color:#FFF}
.team02 ul li:nth-child(4n){ float:right; margin-right:0px;}
.team02 ul li:hover{ background:url(../images/lsbj.jpg) no-repeat center / 100% 100%;}
.team02 ul li:hover .wenzi{ background:none}

.lsshow{ width:100%; float:left; margin-top:80px; border-top:1px solid #ddd; margin-bottom:80px;}
.lsshow-l{ width:460px; float:left;}
.lsshow-l dl dt{ text-align:center}
.lsshow-l dl dt img{ width:60%; height:auto; margin-top:30px;}
.lsshow-l dl dd{ margin-top:35px; height:50px; line-height:50px; background:#711a5f; border-radius:5px; font-size:20px; color:#FFF; text-align:center}
.lsshow-l dl dd a{color:#FFF}
.lsshow-r{ width:calc(100% - 500px); float:right; font-size:16px; line-height:36px;}
.lsshow-r h1{ font-size:36px; line-height:50px; color:#000; margin-top:50px; margin-bottom:50px;}
.lsshow-r h1 i{ font-size:24px; color:#666666; font-weight:normal}
.lsshow-r img{ vertical-align:middle; margin-right:20px;}
.fanye{ width:100%; float:left; margin-top:80px; text-align:center}
.fanye a{ width:200px; border:2px solid #711a5f; color:#711a5f; font-size:18px; font-style:italic; display:inline-block; height:45px; line-height:45px;}
.fanye a:hover{ background:#711a5f; color:#FFF}

.line80{ width:100%; float:left; height:80px;}
.wsmb{ width:100%; float:left; margin-top:40px;}
.wsmb ul li{ width:100%; float:left; margin-top:40px;}
.wsmb ul li .xiaz{ width:120px; height:120px; text-align:center; float:left; background:#f7f7f7}
.wsmb ul li .xiaz span{ height:100%; display:inline-block; vertical-align:middle}
.wsmb ul li .xiaz img{ max-width:100%; max-height:100%; vertical-align:middle}
.wsmb ul li .wenzi{ width:calc(100% - 150px); float:right}
.wsmb ul li .wenzi dl dt{ font-size:24px; color:#000; line-height:48px;}
.wsmb ul li .wenzi dl dd{ font-size:18px; color:#878787; line-height:36px;}

.caselb{ width:100%; float:left}
.caselb ul li{ width:100%; float:left; margin-bottom:50px;}
.caselb ul li .tp{ width:300px; float:left; border-radius:10px; overflow:hidden; height:200px}
.caselb ul li .tp img{ width:100%; height:auto}
.caselb ul li .wenzi{ width:calc(100% - 350px); float:right}
.caselb ul li .wenzi dl dt{ font-size:24px; color:#000; line-height:48px; font-weight:bold; margin-bottom:15px;}
.caselb ul li .wenzi dl dd{ font-size:16px; color:#878787; line-height:24px;}
.caselb ul li .wenzi dl dd a{ padding:10px 35px 10px 35px; border:1px solid #711a5f; color:#711a5f; border-radius:5px; font-size:20px;}
.caselb ul li:last-child{ margin-bottom:0px;}
.caselb ul li .wenzi dl dd a:hover{ background:#711a5f; color:#FFF}

.newtitle{ font-size:30px; float:left; width:100%; margin-top:50px; text-align:center; color:#000}
.newdate{ width:100%; float:left; font-size:16px; color:#878787; padding-bottom:30px; border-bottom:1px solid #ddd; text-align:center; margin-top:30px;}
.newdate img{ vertical-align:middle; margin-left:30px; margin-right:10px;}
.newdate i{ margin-left:30px; padding:5px 10px 5px 10px; background:#c6a3bf; border-radius:35px; color:#FFF}

.newlb{ width:100%; float:left; }
.newlb ul li{ width:100%; float:left;margin-top:50px;}
.newlb ul li .tp{ width:400px; float:left; border-radius:10px; overflow:hidden; height:300px}
.newlb ul li .tp img{ width:100%; height:auto}
.newlb ul li .wenzi{ width:calc(100% - 450px); float:right}
.newlb ul li .wenzi dl dt{ font-size:24px; color:#000; line-height:48px; margin-bottom:15px;}
.newlb ul li .wenzi dl dd{ font-size:16px; color:#878787; line-height:24px;}
.newlb ul li .wenzi dl dd a{ padding:10px 35px 10px 35px; border:1px solid #711a5f; color:#711a5f; border-radius:5px; font-size:20px;}
.newlb ul li .wenzi dl dd a:hover{ background:#711a5f; color:#FFF}
.newlb ul li .wenzi p{font-size:16px; color:#878787; margin-top:50px; }
.newlb ul li .wenzi p img{vertical-align:middle; margin-right:10px;}
.newlb ul li .wenzi p i{margin-left:30px; padding:5px 10px 5px 10px; background:#c6a3bf; border-radius:35px; color:#FFF}
.newlb ul li .wenzi p span{margin-left:30px;}

.zp{ width:100%; float:left; margin-top:50px; text-align:center; font-size:24px; line-height:48px;}
.zp i{ margin-left:20px; margin-right:20px;}
.zp img{ vertical-align:middle; margin-right:10px;}
.zp2{width:100%; float:left; }
.zp2 ul li{ width:calc(48% - 60px); float:left; height:300px; padding-bottom:30px; overflow:hidden; background:#fff;box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.2); padding:30px; font-size:16px; line-height:28px;margin-top:50px;transition: all 0.6s;}
.zp2 ul li h1{ font-size:24px; line-height:30px; margin-bottom:20px; color:#711a5f}
.zp2 ul li:hover{ background:url(../images/ad3.png) no-repeat center / cover; color:#FFF; cursor:pointer} 
.zp2 ul li:hover h1{ color:#FFF}
.zp2 ul li:nth-child(2n){ float:right; margin-right:0px;}
.zp2 ul li a{ height:300px; overflow:hidden; float:left; width:100%}
.zp2 ul li:hover a{ color:#FFF}

.lx022{ width:40%; float:left; text-align:center}
.lx022 dl dt{ font-size:18px; line-height:42px;}
.lx022 dl dd{ font-size:50px; color:#71195f; font-style:italic; line-height:80px;}

.lx033{ width:60%; float:left; }
.lx033 ul li dl{ width:50%; float:left; }
.lx033 ul li dl dt{ width:48px; float:left}
.lx033 ul li dl dt img{ max-width:100%; height:auto}
.lx033 ul li dl dd{ width:calc(100% - 68px); float:right; font-size:18px; line-height:30px; color:#878787}
.lx033 ul li dl dd i{ color:#000; font-size:30px; font-style:italic}

.lx044{ width:100%; float:left; margin-top:45px; margin-bottom:50px}
.lx044 ul li{ width:28%; float:left; margin-right:2%;}
.lx044 ul li img{ max-width:100%; height:auto}
.lx044 ul li h1{ font-size:22px; font-weight:normal; color:#000; line-height:36px; margin-top:20px;}
.lx044 ul li h2{ font-size:16px; color:#666666; line-height:30px;font-weight:normal;}
.lx044 ul li:first-child{ width:38%}

.fl{ float:left}
.fr{ float:right}
.w80{ width:calc(100% - 120px)}
.zs{ color:#b22797}
.mart50{ margin-top:50px;}
.mart40{ margin-top:40px;}
.mart10{ margin-top:10px;}
.mart0{ margin-top:0px;}
.padb30{ padding-bottom:30px;}
.marl20{ margin-left:20px;}
.f20{ font-size:20px; color:#000}

.header2{ display:none}
.moblie{ display:none}
.bottom{ display:none}
.fy{ width:100%; float:left; margin-top:40px; text-align:center; font-size:16px;}
.fy a{ padding:10px;font-size:16px;}
.bais{ color:#ffffff}

}



@media (max-width:1199px){
.fy{ width:100%; float:left; margin-top:20px;}
.fy a{ padding:10px;}
.header{ display:none}
.nav{ display:none}
.main{ width:90%; float: left; margin-left:5%; margin-right:5%;}
.header{ width:100%; float:left; height:120px; background:#f5f5f5}
.logo{ width:353px; float:left; height:120px;}
.logo span{ height:100%; display:inline-block; vertical-align:middle}
.logo img{ max-width:100%; max-height:100%; vertical-align: middle}
.tel{ width:auto; float:right; line-height:120px; height:120px; color:#858585; font-size:16px;}
.tel img{ vertical-align:middle; margin-right:10px;}
.tel i{ font-size:26px; color:#000; font-style:italic}
.nav{ width:100%; float:left; height:60px; line-height:60px; background:#888888}
.nav-l{ width:calc(100% - 300px); float:left}
.nav-l ul li{ width:auto; float:left; padding-left:25px; padding-right:25px; font-size:18px; position:relative; transition: all 0.6s;}
.nav-l ul li a{ color:#FFF; width:100%; float:left}
.nav-l ul li:hover{ background:#711a5f; color:#FFF}
#submenu {
	left:-20px;
	opacity: 0;
	position: absolute;
	top:60px;
	visibility: hidden;
	z-index:9999999;
	width:160px;
	-moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease;
	background:#711a5f;
}
.nav-l ul li:hover #submenu {
	opacity: 1;
	top: 60px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
}
#submenu dl dd{ font-size:16px; text-align:center; height:50px; line-height:50px; border-bottom:2px solid #711a5f}
#submenu dl dd:hover a{ color:#ffd24d;border-bottom:2px solid #ffd24d}

.nav-r{ width:300px; float:right; height:60px; background:#747474}
.nav-r input[type="text"]{ border:0px; padding-left:5px; color:#999; font-size:12px; height:20px; line-height:20px;width:calc(100% - 50px); padding-left:10px;vertical-align:middle;BACKGROUND-COLOR: transparent; margin-right:10px; outline:none; font-size:18px; color:#CCC}
.nav-r input[type="image"]{ vertical-align:middle}


.header2{ width:100%; float:left; height:4rem; line-height:4rem; background:#FFF; border-bottom:0px solid #333333;}

.logo{ width:100%; float:left; height:4rem;}
.logo span{ height:100%; display:inline-block; vertical-align:middle}
.logo img{ max-width:60%; max-height:3rem; vertical-align:middle; margin-left:5%}

.logowz{ width:auto; float:left; margin-left:20px; display:none}
#fr{ float:right; margin-right:0px;}
.nav-bar2 { width:4rem; height:4rem; position:absolute; z-index:11; right:0%; top:0; text-align:center;}
.nav-bar2 img{ max-width:35%; max-height:3rem; vertical-align:middle}
.nav-bar2 span{ display:inline-block; height:100%; vertical-align:middle}

.nav-bg { width:0px; height: auto; overflow:hidden; position: absolute; right:0px; top:0; z-index:999999; background-color:rgba(0,0,0,0.3);  }
.v_close { display:block; position: absolute; top: 1%; right: 2%; z-index:102;  width: 15px; height: 15px; background:url(../images/close.png) no-repeat; background-size:100% 100%; display:none;}
.nav { margin:0 0 0 0; }

.subNavBox2{width:65%;float:right; background:#fff;  padding-bottom:4rem }
.subNavBox2 h1{ text-align:center; height:5rem; background:#f7f6f9}
.subNavBox2 h1 span{ height:100%; display:inline-block; vertical-align:middle}
.subNavBox2 h1 img{ max-width:80%; max-height:6rem; vertical-align:middle} 
.subNav2{width:95%; float:left; HEIGHT:3.0rem;DISPLAY: block;  CURSOR: pointer; padding-left:5%;text-align:left; border-bottom:1px solid #e0e0e0; line-height:3.0rem; font-size:1.0rem}

.subNav2 i{ padding:0.3rem; background:url(../images/xjt2.png) no-repeat center / contain; margin-right:1rem; float:right; margin-top:1.2rem}
.subNav2:hover{float:left; }
.currentDd2{background: #f8f8f8;}
.currentDd2 i{background:url(../images/xjt2.png) no-repeat center / contain;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .25s ease 0s;-moz-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;transition:all .25s ease 0s; }
.navContent2{display: none;float:left; width:90%; padding:0.5rem 5% 1rem 5%; line-height:2.0rem; font-size:0.9rem; padding-bottom:0px  }


.main01{ width:100%; float:left; }
.main01 ul li{ width:calc(48% - 30px); float:left; height:10rem; background:url(../images/bj1.png) no-repeat center / contain;transition: all 0.6s; display:table;margin-top:1rem; }
.main01 ul li:hover{ background:url(../images/b2.png) no-repeat center / contain}
.main01 ul li .wenzi{ display:table-cell; vertical-align:middle; text-align:center}
.main01 ul li .wenzi h1{ font-size:1.5rem; line-height:2.0rem; color:#711a5f}
.main01 ul li .wenzi dl dt{ font-size:1.0rem; line-height:1.5rem; background:url(../images/hx.png) no-repeat center bottom;color:#000; padding-bottom:10px;}
.main01 ul li .wenzi dl dd{ font-size:0.8rem; color:#000; margin-top:0.5rem; line-height:1.5rem; margin-left:1rem; margin-right:1rem}
.main01 ul li:hover .wenzi h1{ color:#ffc926}
.main01 ul li:hover .wenzi dl dt{background:url(../images/hx02.png) no-repeat center bottom; color:#FFF}
.main01 ul li:hover .wenzi dl dd{color:#FFF}
.main01 ul li:nth-child(2){margin-top:1rem; float:right}
.main01 ul li:nth-child(3){margin-top:1rem;background:url(../images/b3.png) no-repeat center / cover;}
.main01 ul li:nth-child(4){background:url(../images/b3.png) no-repeat center / cover; float:right; margin-right:0px;}
.main01 ul li:nth-child(3):hover{ background:url(../images/b4.png) no-repeat center / cover}
.main01 ul li:nth-child(4):hover{ background:url(../images/b4.png) no-repeat center / cover}

.ywly{ width:100%; float:left; height: auto; background:url(../images/lybj.jpg) no-repeat center / cover; margin-top:2rem; padding-bottom:3rem}
.bt{ width:100%; float:left; margin-top:2rem; text-align:center;}
.bt h1{ line-height:3rem; font-size:1.5rem; color:#FFF; background:url(../images/hx03.png) no-repeat center bottom;}
.bt dl dt{ font-size:0.8rem; color:#cccccc; margin-top:10px;line-height:2.0rem;}
.bt dl dd{ font-size:1.0rem; color:#cccccc; line-height:2.0rem;}
.yw{ width:100%; float:left; margin-top:30px;}
.yw ul li{ width:33.33%; float:left; height: auto;position:relative; margin-top:2.0rem; height: 5rem }
.yw ul li .wenzi01{ width:100%; float:left; position:absolute; top:0; left:0; -moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease; text-align:center }
.yw ul li .wenzi01 img{ width:80%; height:auto}
.yw ul li .wenzi01 span{ width:100%; position:absolute; z-index:11; bottom:0.8rem; left:0; line-height:0.5rem; color:#FFF; text-align:center; font-size:0.8rem;}
.yw ul li .wenzi02{width:100%; float:left; position:absolute; top:0; left:0; opacity: 0; -moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease;text-align:center}
.yw ul li .wenzi02 img{ width:100%; height:auto}
.yw ul li .wenzi02 div{ width:100%; height:100%; position:absolute; z-index:11; top:calc(50% - 1.5rem); left:0; color:#FFF; text-align:center; font-size:0.8rem; line-height:2.5rem;}
.yw ul li .wenzi02 div i{ padding-bottom:0.5rem; border-bottom:2px solid #ffd24d}
.yw ul li:hover .wenzi01{ opacity: 0;}
.yw ul li:hover .wenzi02{ opacity: 1;}
.yw ul li:nth-child(3n){ float:right; margin-right:0px;}
.more{ width:100%; float:left; margin-top:3rem; text-align:center}
.more a{ padding:0.5rem 2.5rem 0.5rem 2.5rem; border:2px solid #FFF; font-size:0.8rem; color:#FFF; border-radius:5px;}
.more a:hover{ background:#711a5f; color:#FFF; border:2px solid #711a5f}

.team{ width:100%; float:left; height: auto; background:url(../images/b03.jpg) no-repeat center / cover; padding-bottom:3rem}
.bt2{ width:100%; float:left; margin-top:2rem; text-align:center;}
.bt2 h1{ line-height:3rem; font-size:1.5rem; color:#000; background:url(../images/hx03.png) no-repeat center bottom;}
.bt2 dl dt{ font-size:0.8rem; color:#888888; margin-top:10px;line-height:2.0rem;}
.bt2 dl dd{ font-size:1.0rem; color:#444444; line-height:2.0rem;}
.team01{ width:100%; float:left}
.team01 ul li{ width:48%; float:left; height:10rem; background:#d6d6d6; position:relative; overflow:hidden; margin-top:1.5rem;}
.team01 ul li .tp{ width:100%; height:10rem; bottom:0; left:0; text-align:center; position:absolute; text-align:center}
.team01 ul li .tp img{ max-width:80%; height:auto; transition: all 0.6s; display: inline-block}
.team01 ul li .wenzi{ width:100%; position:absolute; z-index:11; bottom:1rem; text-align:center;}
.team01 ul li .wenzi dl dt{ font-size:1.0rem; font-weight:bold; line-height:1.5rem; color:#000; transition: all 0.6s;}
.team01 ul li .wenzi dl dd{ font-size:0.8rem; line-height:1.5rem; color:#000; transition: all 0.6s;}
.team01 ul li:hover .tp img{ transform: scale(1.05);}
.team01 ul li:hover .wenzi dl dt{ color:#FFF}
.team01 ul li:hover .wenzi dl dd{color:#FFF}
.team01 ul li:nth-child(2n){ float:right; margin-right:0px;}
.more2{ width:100%; float:left; margin-top:3rem; text-align:center}
.more2 a{ padding:0.5rem 2.5rem 0.5rem 2.5rem; background:#FFF; font-size:0.8rem; color:#444444; border-radius:5px;}
.more2 a:hover{ background:#711a5f; color:#FFF; }

.liuc{ width:100%; float:left; height: auto; background:url(../images/lcbj.jpg) no-repeat center / cover; padding-bottom:3rem}
.liuc01{ width:100%; float:right; margin-top:2rem;}
.liuc01 ul li{width:48%; float:left; }
.liuc01 ul li .shuzi{ height:2.5rem;width:100%; float:left}
.liuc01 ul li .shuzi img{ max-height:2.5rem;}
.liuc01 ul li dl dt{ font-size:1.2rem; font-weight:bold; line-height:2.5rem; background:url(../images/hx03.png) no-repeat left bottom; color:#FFF}
.liuc01 ul li dl dd{ font-size:0.8rem; line-height:1.5rem; margin-top:10px; height:7rem;color:#FFF}
.liuc01 ul li .zn{ height:5rem; text-align:center; display:table; width:100%; float:left}
.liuc01 ul li .zn div{ display:table-cell; vertical-align:middle}
.liuc01 ul li .zn div img{ max-width:100%; max-height:3rem}
.liuc01 ul li:nth-child(2n){ float:right; margin-right:0px;}

.news{ width:100%; float:left; height: auto; background:url(../images/b04.jpg) no-repeat center / cover; padding-bottom:3rem}
.news01{ width:100%; float:left; height:600px;display:block; border:0px; }
.news02{ width:100%; float:left; height:690px;display: block; border:0px; }

.youshi{ width:100%; float:left; height: auto ; background:url(../images/ysbj.jpg) no-repeat center / cover; padding-bottom:3rem}
.youshi01{ width:100%; float:left; }
.youshi01 ul li{ width:100%; float:left;margin-top:3rem; transition: all 0.6s;}
.youshi01 ul li .tp{ height:5rem; margin:auto; width:5rem; background:url(../images/ybj.png) no-repeat center / cover; text-align:center; transition: all 0.6s;}
.youshi01 ul li .tp span{ height:100%; display:inline-block; vertical-align:middle}
.youshi01 ul li .tp img{ max-width:80%; max-height:3rem; vertical-align:middle}
.youshi01 ul li dl dt{ margin-left:1rem; margin-right:1rem; font-size:1.2rem; color:#FFF; font-weight:bold; line-height:3.0rem;text-align:center}
.youshi01 ul li dl dd{ margin-left:1rem; margin-right:1rem; font-size:0.8rem; line-height:1.5rem; color:#FFF; text-align:center}
.youshi01 ul li:hover .tp{background:url(../images/ybj2.png) no-repeat center;}
.youshi01 ul li:hover{margin-top:2rem; cursor:pointer}
.youshi01 ul li .tp .pic01{ display: inline-block}
.youshi01 ul li .tp .pic02{ display: none}
.youshi01 ul li:hover .tp .pic01{ display:none}
.youshi01 ul li:hover .tp .pic02{ display: inline-block}

.case{ width:100%; float:left; height: auto; background:url(../images/albj.jpg) no-repeat center / cover; padding-bottom:3.0rem}

.moblie{ width:100%; float:left}
.case01{width:100%; float:left}
.case01 ul li{ width:100%; height: auto; float:left; overflow:hidden;box-shadow: 0px 1px 20px 2px rgba(0,0,0,0.2); background:#FFF; transition: all 0.6s; margin-top:2rem; padding-bottom:1.0rem}
.case01 ul li .pro01{ width:100%; float:left;}
.case01 ul li .pro01 div{ height: auto; text-align:center; position:relative}
.case01 ul li .pro01 div i{ position:absolute; bottom:0; right:0; padding:5px 15px 5px 15px; background:#711a5f; color:#FFF; font-size:0.8rem; font-style:normal}
.case01 ul li .pro01 div img{ height:100%; width:100%; vertical-align:middle}
.case01 ul li .pro01 dl dt{ font-size:1.0rem; color:#000; line-height:1.5rem; margin-left:1rem; margin-right:1rem; margin-top:0.8rem; background:url(images/hx05.png) no-repeat left bottom; padding-bottom:1.0rem; font-weight:bold;}
.case01 ul li .pro01 dl dd{ font-size:0.8rem;margin-left:1rem; margin-right:1rem; margin-top:1rem; line-height:1.5rem;}
.case01 ul li:hover{ background:#711a5f; margin-top:0px}
.case01 ul li:hover .pro01 dl dt{ color:#fff;background:url(images/hx05.png) repeat-x left bottom;}
.case01 ul li:hover .pro01 dl dd{color:#fff}

.what{ width:100%; height: auto; float: left; background:url(../images/wbj.jpg) no-repeat center / cover; padding-bottom:3rem}
.what h1{ margin-top:3rem; line-height:3.0rem; font-size:1.5rem; color:#FFF;}
.what h1 i{ background:url(../images/hx05.png) repeat-x left bottom; padding-bottom:15px;}
.what01{ width:100%; float:left; margin-top:2rem; margin-bottom:2rem;}
.what01 dl{ width:25%; float:left; text-align:center}
.what01 dl dt{ height:3.0rem; text-align:center}
.what01 dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.what01 dl dt img{ max-width:80%; max-height:2rem; vertical-align: middle}
.what01 dl dd{ font-size:0.8rem; line-height:1.5rem; color:#FFF}

.what02{ width:100%; float:left; margin-top:2rem;}
.what02-l{ width:calc(100% - 2rem); float:left; height: auto; background:rgba(113,26,95,0.6); padding:1rem;}
.what02-l dl dd{ font-size:0.8rem; line-height:2.5rem; }
.what02-l dl dd a:hover{ color:#ffc926}
.what02-l dl dd:hover{ background:url(../images/hx05.png) repeat-x bottom;}
.what02-l dl dd:hover a{ color:#ffc926}
.hcOn{background:url(../images/hx05.png) repeat-x bottom;color:#ffc926}
.hcOn a{color:#ffc926}
.hcOff a{color:#fff}

.what02-r{ width:100%; float:right; font-size:0.8rem; line-height:1.5rem; color:#FFF; padding-top:2rem;}

.lxwm{ width:100%; float:left; height: auto; background:url(../images/lxbj.jpg) no-repeat center / cover; padding-bottom:3.0rem}


.lx01{ width:100%; float:left;}
.lx01 ul li{ width:100%;  float:left; margin-top:1rem;transition: all 0.6s; }
.lx01 ul li dl dt{height:2.5rem; background:#fff;border-radius:35px; color:#000; font-size:1.0rem; line-height:2.5rem; box-shadow: 0px 1px 40px 1px rgba(0,0,0,0.3); border:1px solid #cdd0c9}
.lx01 ul li dl dt span{ float:right;}
.lx01 ul li dl dt span img{opacity:1}
.lx01 ul li dl dt i{}
.lx01 ul li dl dt img{ vertical-align:middle; margin-left:1.0rem; margin-right:1.0rem;max-height:2.0rem}
.lx01 ul li dl dd{ font-size:0.8rem; color:#878787; text-align:center; line-height:1.5rem; margin-top:1.0rem;}
.lx01 ul li:nth-child(2){}
.lx01 ul li:hover dl dt{background:#711a5f;border:0px solid #cdd0c9}
.lx01 ul li:hover{margin-top:0px; }
.lx01 ul li:hover dl dt i{color:#FFF;}
.lx01 ul li:hover dl dt img{ opacity:1}
.lx02{ width:100%; float:left; margin-top:1rem; text-align:center}
.lx02 dl dt{ font-size:0.8rem; line-height:42px;}
.lx02 dl dd{ font-size:1.5rem; color:#71195f; font-style:italic; line-height:3.0rem;}
.lx01 ul li dl dt .pic01{ display:inline-block}
.lx01 ul li dl dt .pic02{ display: none}
.lx01 ul li:hover dl dt .pic01{ display:none}
.lx01 ul li:hover dl dt .pic02{ display:inline-block}

.lx03{ width:100%; float:left; }
.lx03 ul li{ width:100%; float:left;margin-top:1.0rem;}
.lx03 ul li img{ width:100%; height:auto; display:block}
.lx03 ul li h1{ font-size:1.0rem; font-weight:normal; color:#000; line-height:1.5rem; margin-top:1.0rem;}
.lx03 ul li h2{ font-size:0.8rem; color:#666666; line-height:1.5rem;font-weight:normal;}
.lx03 ul li dl{ width:100%; float:left; margin-top:1.0rem;}
.lx03 ul li dl dt{ width:1.5rem; float:left}
.lx03 ul li dl dt img{ max-width:100%; height:auto}
.lx03 ul li dl dd{ width:calc(100% - 2.5rem); float:right; font-size:0.8rem; line-height:1.5rem; color:#878787}
.lx03 ul li dl dd i{ color:#000; font-size:1.2rem; font-style:italic}


.foot{ width:100%; float:left; height: auto; background:url(../images/footbj.jpg) no-repeat center / cover; padding-bottom:5.0rem}
.foot-l{ width:100%; float:left; font-size:1.2rem; line-height:1.5rem; margin-top:2.0rem; color:#FFF}
.foot-l img{ vertical-align:middle; margin-right:10px; max-width:100%}
.foot-l i{ font-size:0.8rem; color:#878787; margin-left:2.2rem;}
.foot-r{ width:100%; float:right;margin-top:2.0rem;}
.foot-r001{ width:100%; float:left;}
.foot-r001 ul li{ width:100%; float:left; font-size:0.8rem; line-height:1.5rem; color:#fff}
.foot-r001 ul li img{ float:left; margin-right:0.5rem; margin-top:0.2rem;}
.foot-r001 ul li i{ font-size:1.0rem; font-style:italic}
.foot-r002{ width:100%; float:left; margin-top:1.0rem;}
.foot-r002 dl{ width:33.33%; float:left; text-align:center; }
.foot-r002 dl dt{ height:5.0rem; text-align:center; margin-bottom:0.5rem}
.foot-r002 dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.foot-r002 dl dt img{ max-width:80%; max-height:100%; vertical-align:middle}
.foot-r002 dl dd{ font-size:0.8rem; line-height:1.0rem; color:#FFF; text-align:center; margin-left:0.5rem; margin-right:0.5rem}

.foot2{ width:100%; float:left; color:#cccccc; font-size:0.8rem; line-height:1.5rem; text-align:center; margin-top:1.5rem;}

.nybanner{ width:100%; float:left; position:relative;}
.nybanner img{ width:100%; height:auto; display:block}
.nybanner .wenzi{ width:100%; text-align:center; top:calc(50% - 1.5rem); position:absolute; left:0;}
.nybanner .wenzi h1{ line-height:2.0rem; font-size:1.2rem; color:#FFF; background:url(../images/hx03.png) no-repeat center bottom;}
.nybanner .wenzi dl dt{ font-size:0.8rem; color:#fff;line-height:1.5rem; font-style:italic}
.nybanner .wenzi dl dd{ font-size:1.0rem; color:#fff; line-height:1.5rem;}

.about{ width:100%; float:left; margin-top:2rem;}
.about-l{ width:100%; float:left}
.about-l img{ max-width:100%; height:auto}
.about-r{ width:100%; float:right; font-size:0.8rem; line-height:1.5rem; margin-top:2.0rem;}
.about-r h1{ font-size:1.2rem; line-height:1.5rem; color:#000; margin-bottom:1.0rem;}
.about-r h1 img{ vertical-align:middle}

.about2{ width:100%; float:left; margin-top:2.0rem;}
.about2-l{ width:100%; float:left}
.about2-r{ width:100%; float:right}
.about2-r img{ width:100%; height:auto; display:block}

.fzlc{ width:100%; float:left; margin-top:2rem;}
.fzlc h1{font-size:1.2rem; line-height:1.5rem; color:#000; margin-bottom:1.0rem;}
.fzlc h1 img{ vertical-align:middle; margin-right:1.0rem;}
.fzlc01{ width:100%; float:left;overflow-x:scroll; padding-bottom:50px;}
.fzlc01 ul li{ width:10rem; height: auto; position:relative; background:#FFF;}
.fzlc01 ul li .hx{ width:6.8rem; height:1px; background:#eee; position:absolute; top:13.0rem; left:6.6rem; z-index:11}
.fzlc01 ul li dl dt{ height:7rem; text-align:center}
.fzlc01 ul li dl dt span{ height:100%; vertical-align:middle; display:inline-block}
.fzlc01 ul li dl dt img{max-height:100%; max-width:100%; vertical-align:middle}
.fzlc01 ul li dl dd{font-size:0.8rem; color:#000; line-height:1.5rem; height:4.5rem;}
.fzlc01 ul li .nyue{ width:3rem; height:3rem; margin:auto; border:2px solid #711a5f; font-size:0.8rem; line-height:3rem; text-align:center; color:#71195f;-webkit-transition:all .25s ease 0s;-moz-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;transition:all .25s ease 0s;}
.fzlc01::-webkit-scrollbar {/*滚动条整体样式*/

        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 5px;

    }
.fzlc01::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 10px;


        background: #ddd;

    }

.fzlc01::-webkit-scrollbar-track {/*滚动条里面轨道*/


        border-radius: 10px;

        background: #fff;

}
.fzlc01 ul{
            display: -webkit-box;

            /*适应苹果*/

            -webkit-overflow-scrolling:touch;

        }
.fzlc01 ul li:nth-child(2n){ margin-top:11.5rem}
.fzlc01 ul li:hover .nyue{ background:url(../images/ybj2.png) no-repeat center; color:#FFF; -webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-o-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg);}
.fzlc01 ul li:nth-child(2n) .hx{ top:1.5rem;}

.horn{ width:100%; float:left; background:#f8f8f8; padding-bottom:3rem; padding-top:3rem; position:relative}
.horn-l{ width:100%; float:left; height: auto; background:#711a5f; }
.horn-l .wenzi{ display:table;font-size:0.8rem; line-height:1.5rem; color:#fff; width:calc(100% - 2rem); float:right;height: auto; padding:1rem;}
.horn-l .wenzi span{ position:absolute; width:27px; height:50px; background:url(../images/jt.png) no-repeat center; right:10%; top:85px; display:none}
.horn-l .wenzi div{ display:table-cell; vertical-align:middle}
.horn-r{ width:100%; float:left}
.horn-r img{ max-width:100%; height:auto; display:block}
.horn-r01{ width:100%;float:left; height: auto; background:#711a5f;line-height:1.5rem; padding-bottom:1.5rem; padding-top:1.5rem}
.horn-r01 img{ vertical-align:middle; max-height:1.5rem; margin-left:5%}

.jzg{ width:100%; float:left; margin-top:2rem;}
.jzg h1{font-size:1.2rem; line-height:1.5rem; color:#000; margin-bottom:1.0rem;}
.jzg h1 img{ vertical-align:middle; margin-right:1.0rem;}
.jzgbt{ width:100%; float:left; text-align:center; margin-top:1.0rem;}
.jzgbt dl dt{ font-size:1.5rem; color:#711a5f; line-height:2.0rem; margin-bottom:1.0rem;}
.jzgbt dl dd{ font-size:0.8rem; color:#000; line-height:2.0rem;}

.Box {position: relative;}
			.Box .content {width:100%; float: left; height: auto; padding-bottom:50px; }
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 35px;height: 66px;position: absolute;top:350px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(images/zj.png) no-repeat center;left:0px; z-index:11}
			.Box .Box_con .btnr {background: url(images/yj.png) no-repeat center;right:0px; z-index:11}
			.Box .Box_con .btnl:hover {background: url(images/zj.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(images/yj.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li{ width:212px; height: auto; float:left; margin-right:40px; margin-left:40px; overflow:hidden;transition: all 0.6s; margin-top:100px}
.Box .Box_con .conbox ul li .pro01{ width:100%; float:left;}
.Box .Box_con .conbox ul li .pro01 div{ height:212px; text-align:center;}
.Box .Box_con .conbox ul li .pro01 div img{ max-height:100%; max-width:100%; vertical-align:middle}
.Box .Box_con .conbox ul li .pro01 dl dt{ font-size:18px; color:#000; line-height:30px; text-align:center; margin-top:20px; }
.Box .Box_con .conbox ul li .pro01 dl dd{ font-size:14px;margin-top:10px; line-height:24px;text-align:center}
.Box .Box_con .conbox ul li:hover{ margin-top:50px}

			
			.Box .BoxSwitch {margin-top: 30px;text-align: center; }
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width:10px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: red;}

.main2{ width:100%; float:left; margin-top:2rem;}
.left{ width:100%; float:left; background:#f6f6f6}
.left dl dd{ height:2.5rem; line-height:2.5rem; text-align:center; font-size:0.8rem; transition: all 0.6s; width:24%; float:left; margin-right:1%;}
.left dl dd:hover{ background:url(../images/lmbj.jpg) no-repeat center;}
.left dl dd:hover a{ color:#FFF}
#lefton{background:url(../images/lmbj.jpg) no-repeat center / cover;color:#FFF}
#lefton a{color:#FFF}
.right{ width:100%; float:right; font-size:0.8rem; line-height:1.5rem; padding-bottom:3rem; margin-top:2rem}
.right img{ max-width:100%; height:auto;}

.huanj{ width:100%; float:left;font-size:0.8rem; line-height:1.5rem;}
.huanj01{ width:100%; float:left; padding-top:2.0rem; padding-bottom:2.0rem; border-bottom:2px solid #711a5f; border-top:2px solid #711a5f; margin-top:2.0rem;}

.ban{ width:885px; height: auto; position:relative; overflow:hidden;margin:40px auto 0 auto; display:none}
.ban2{ width:885px; height:672px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:885px; height: 672px; background:#e9e9e9; text-align:center}
.ban2 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.ban2 ul li img{ max-width:100%; max-height:100%; vertical-align:middle}
.prev{ float:left; cursor:pointer;}
.num{ height:145px;overflow:hidden; width:885px; position:relative;float:left;}
.min_pic{ padding-top:16px; width:885px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:190px; height:143px; margin-right:16px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.num ul li img{ width:190px; height:143px;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:55px; margin-right:20px; cursor:pointer; float:left; position:absolute; z-index:11; left:0;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:55px;cursor:pointer;float:right;position:absolute; z-index:11; right:0;}
.prev1{ position:absolute; top:320px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:320px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:885px; height:885px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:885px; height:885px; position:relative; overflow:hidden;}
.pop_up2{ width:885px; height:885px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:885px; height:885px; float:left;}

.hent{ width:100%; height:2px; background:url(../images/ht.jpg) repeat-x; margin-top:50px; float:left}
.hent2{ width:100%; height:1px; background:#ddd; margin-top:2rem; margin-bottom:2rem; float:left}

.nyjzg{ width:100%; float:left;}
.nyjzg ul li{width:100%; height: auto; float:left; overflow:hidden;transition: all 0.6s; margin-top:3rem}
.nyjzg ul li .pro01 div{ height:7rem; text-align:center;}
.nyjzg ul li .pro01 div img{ max-height:100%; max-width:80%; vertical-align:middle}
.nyjzg ul li .pro01 dl dt{ font-size:1.0rem; color:#000; line-height:1.5rem; text-align:center; margin-top:1.0rem; margin-left:1.0rem; margin-right:1.0rem; }
.nyjzg ul li .pro01 dl dd{ font-size:0.8ren;margin-top:10px; line-height:1.5rem;text-align:center;margin-left:1.0rem; margin-right:1.0rem;}
.nyjzg ul li:hover{ margin-top:2rem}

/* 发展历程 */
.dashijian{ width:100%; float:left; margin-bottom:50px; margin-top:50px;}
.dashijian ul li{ width:100%; float:left; background:url(../images/sx04.jpg) repeat-y center; position:relative; padding-bottom:45px;}
.dashijian ul li .yuan{ width:3rem; height:3rem; position:absolute; top:-8px; text-align:center; border:2px solid #711a5f; background:#FFF; color:#711a5f; left:calc(50% - 1.5rem); line-height:3rem;}
.dashijian ul li .wenzi{ width:42%; float:right}
.dashijian ul li .wenzi dl dt{ font-size:0.8rem; color:#e60412; font-weight:bold; line-height:1.5rem;}
.dashijian ul li .wenzi dl dd{ font-size:0.8rem; line-height:1.5rem;}
.dashijian ul li .wenzi dl dd img{ vertical-align:middle; margin-left:0.5rem; margin-right:0.5rem; max-width:20%}
.dashijian ul li:nth-child(2n) .wenzi{float:left}
.dashijian ul li:nth-child(2n) .pic{text-align: center}
.dashijian ul li .pic{ width:42%; text-align: center}
.dashijian ul li .pic img{ max-width:80%; height:auto}
.dashijian ul li:last-child .yuan{bottom:-8px; top:auto}
.dashijian ul li:last-child{ padding-bottom:0px;}

.yewu{ width:100%; float:left; padding-bottom:3rem;}
.yewu ul li{ width:48%; float:left; height:10rem; position:relative; border-radius:10px; overflow:hidden;margin-top:1rem;}
.yewu ul li .pic{ width:100%; position:absolute; height:100%; top:0; left:0;-moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease; overflow:hidden}
.yewu ul li .pic img{ width:100%; height:auto}
.yewu ul li .wenzi{ height:3rem; width:100%;position:absolute; bottom:0; left:0; z-index:1; line-height:3rem; text-align:center; font-size:0.8rem; background:url(../images/bb02.png) no-repeat center; background-size:cover; color:#FFF; z-index:2;}	
.yewu ul li .pic2{width:100%; float:left; position:absolute; top:0; left:0; opacity: 0; -moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease; height:100%; background:rgba(113,26,95,0.5)}
.yewu ul li .pic2 div{ width:100%; position:absolute; z-index:11; top:calc(50% - 1.5rem); left:0; color:#FFF; text-align:center; font-size:1.0rem; line-height:2.5rem;}
.yewu ul li .pic2 div i{ padding-bottom:10px; border-bottom:3px solid #8c6900; font-size:1.2rem}

.yewu ul li:hover .pic{ opacity: 1;}
.yewu ul li:hover .pic2{ opacity: 1;}
.yewu ul li:hover .wenzi{ opacity: 0;}
.yewu ul li:nth-child(2n){float: right; margin-right:0px;}

.ywlm{ width:100%; float:left; background:#f5f5f5; padding-bottom:1rem; padding-top:1rem; margin-top:2rem;}
.ywlm ul li{ width:25%; float:left; text-align:center; line-height:2.5rem; font-size:0.8rem;}
.ywlm ul li a{ padding-bottom:10px;}
.ywlm ul li a:hover{ border-bottom:2px solid #8c6900}
#ywlmon a{border-bottom:2px solid #8c6900; color:#711a5f}
.ywbt{ width:100%; float:left; margin-top:2rem; text-align:center}
.ywbt dl dt{ font-size:1.2rem; line-height:3.0rem;}
.ywbt dl dt i{padding-bottom:10px;border-bottom:2px solid #8c6900; color:#000}
.ywbt dl dd{ font-size:1.0rem; color:#444444; margin-top:1rem;}
.ywtex{ width:100%; float:left; margin-top:2rem; font-size:0.8rem; line-height:1.5rem;}
.ywtex ul li{ width:100%; float:left;}
.ywtex img{ max-width:100%; height:auto}

.lstj{ width:100%; float:left; margin-bottom:2rem;}
.lstj dl{ width:100%; float:left; position:relative}
.lstj dl span{ width: auto; position:absolute; z-index:1; right:0; font-size:0.8rem; color:#868686; bottom:10px;}
.lstj dl dt{ font-size:1.2rem; color:#6d1b5c; font-weight:bold; line-height:1.5rem;}
.lstj dl dd{ font-size:1.0rem; color:#888888; font-style:italic;}
.lstj ul li{ width:48%; float:left; position:relative; margin-top:1rem;}
.lstj ul li img{ width:100%; height:auto; display:block}
.lstj ul li .wenzi{ width:100%; position: absolute; bottom:1rem; text-align:center; left:0px; z-index:11; font-size:1.0rem; color:#000}
.lstj ul li .wenzi i{ padding:0.2rem 1.0rem 0.2rem 1.0rem; background:#868686; border-radius:5px; font-size:0.8rem;}
.lstj ul li:nth-child(2n){float: right; margin-right:0px;}

.xgal{ width:100%; float:right; margin-bottom:2rem;}
.xgal dl{ width:100%; float:left; position:relative; margin-bottom:40px}
.xgal dl span{ width: auto; position:absolute; z-index:1; right:0; font-size:0.8rem; color:#868686; bottom:10px;}
.xgal dl dt{ font-size:1.2rem; color:#6d1b5c; font-weight:bold; line-height:1.5rem;}
.xgal dl dd{ font-size:1.0rem; color:#888888; font-style:italic;}
.xgal ul li{ width:100%; float:left; margin-bottom:1rem;}
.xgal ul li h1{ font-size:1.0rem; color:#000; font-weight:normal; line-height:1.5rem; margin-bottom:1rem;}
.xgal ul li p{ font-size:0.8rem; line-height:1.5rem; padding-left:1rem;}

.team02{ width:100%; float:left; margin-bottom:2rem;}
.team02 ul li{ width:48%; float:left; height:15rem; background:url(../images/lsbj2.jpg) no-repeat center / cover;  position:relative; overflow:hidden; margin-top:1.0rem; transition: all 0.6s;}
.team02 ul li .tp{ width:100%; height: 15rem; bottom:0; left:0; text-align:center; position:absolute; text-align:center}
.team02 ul li .tp img{ max-width:80%; height:auto; transition: all 0.6s; display: inline-block}
.team02 ul li .wenzi{ width:100%; position:absolute; z-index:11; bottom:0px; text-align:center; background:url(../images/tdbj.png) no-repeat center top; padding-top:4.0rem; padding-bottom:1rem}
.team02 ul li .wenzi dl dt{ font-size:1.0rem; font-weight:bold; line-height:1.5rem; color:#000; transition: all 0.6s;}
.team02 ul li .wenzi dl dd{ font-size:0.8rem; line-height:1.5rem; color:#000; transition: all 0.6s;}
.team02 ul li:hover .tp img{ transform: scale(1.05);}
.team02 ul li:hover .wenzi dl dt{ color:#FFF}
.team02 ul li:hover .wenzi dl dd{color:#FFF}
.team02 ul li:nth-child(4n){ float:right; margin-right:0px;}
.team02 ul li:hover{ background:url(../images/lsbj.jpg) no-repeat center / 100% 100%;}
.team02 ul li:hover .wenzi{ background:none}

.team02 ul li:hover .wenzi dl dt{ color:#FFF}
.team02 ul li:hover .wenzi dl dd{color:#FFF}
.team02 ul li:nth-child(2n){ float:right; margin-right:0px;}
.team02 ul li:hover{ background:url(../images/lsbj.jpg) no-repeat center / 100% 100%;}

.lsshow{ width:100%; float:left; margin-top:2rem; border-top:1px solid #ddd; margin-bottom:2rem;}
.lsshow-l{ width:100%; float:left;}
.lsshow-l dl dt{ text-align:center}
.lsshow-l dl dt img{ width:100%; height:auto}
.lsshow-l dl dd{ margin-top:1rem; height:2.5rem; line-height:2.5rem; background:#711a5f; border-radius:5px; font-size:1.0rem; color:#FFF; text-align:center}
.lsshow-l dl dd a{color:#FFF}
.lsshow-r{ width:100%; float:right; font-size:0.8rem; line-height:1.5rem;}
.lsshow-r h1{ font-size:1.2rem; line-height:2.5rem; color:#000; margin-top:2rem; margin-bottom:2rem;}
.lsshow-r h1 i{ font-size:1.0rem; color:#666666; font-weight:normal}
.lsshow-r img{ vertical-align:middle; margin-right:1rem;}
.fanye{ width:100%; float:left; margin-top:3rem; text-align:center}
.fanye a{ width:7rem; border:2px solid #711a5f; color:#711a5f; font-size:0.8rem; font-style:italic; display:inline-block; height:2.0rem; line-height:2.0rem;}
.fanye a:hover{ background:#711a5f; color:#FFF}

.line80{ width:100%; float:left; height:3rem;}
.wsmb{ width:100%; float:left; margin-top:1rem;}
.wsmb ul li{ width:100%; float:left; margin-top:1rem;}
.wsmb ul li .xiaz{ width:4rem; height:4rem; text-align:center; float:left; background:#f7f7f7}
.wsmb ul li .xiaz span{ height:100%; display:inline-block; vertical-align:middle}
.wsmb ul li .xiaz img{ max-width:50%; max-height:3rem; vertical-align:middle}
.wsmb ul li .wenzi{ width:calc(100% - 5rem); float:right}
.wsmb ul li .wenzi dl dt{ font-size:1.0rem; color:#000; line-height:1.5rem;}
.wsmb ul li .wenzi dl dd{ font-size:0.8rem; color:#878787; line-height:1.5rem;}

.caselb{ width:100%; float:left}
.caselb ul li{ width:100%; float:left; margin-bottom:50px;}
.caselb ul li .tp{ width:100%; float:left; border-radius:10px; overflow:hidden; height: auto}
.caselb ul li .tp img{ width:100%; height:auto}
.caselb ul li .wenzi{ width:100%; float:left}
.caselb ul li .wenzi dl dt{ font-size:1.2rem; color:#000; line-height:2.0rem; font-weight:bold; margin-bottom:0.5rem;}
.caselb ul li .wenzi dl dd{ font-size:0.8rem; color:#878787; line-height:1.5rem;}
.caselb ul li .wenzi dl dd a{ padding:0.2rem 1rem 0.3rem 1rem; border:1px solid #711a5f; color:#711a5f; border-radius:5px; font-size:0.8rem;}
.caselb ul li:last-child{ margin-bottom:0px;}
.caselb ul li .wenzi dl dd a:hover{ background:#711a5f; color:#FFF}

.newtitle{ font-size:1.2rem; float:left; width:100%; margin-top:2rem; text-align:center; color:#000}
.newdate{ width:100%; float:left; font-size:0.8rem; color:#878787; padding-bottom:1rem; border-bottom:1px solid #ddd; text-align:center; margin-top:1rem;}
.newdate img{ vertical-align:middle; margin-left:1rem; margin-right:0.2rem;}
.newdate i{ margin-left:1rem; padding:5px 10px 5px 10px; background:#c6a3bf; border-radius:35px; color:#FFF}

.newlb{ width:100%; float:left; }
.newlb ul li{ width:100%; float:left;margin-top:2rem;}
.newlb ul li .tp{ width:100%; float:left; border-radius:10px; overflow:hidden; height: auto}
.newlb ul li .tp img{ width:100%; height:auto}
.newlb ul li .wenzi{ width:100%; float:left}
.newlb ul li .wenzi dl dt{ font-size:1.2rem; color:#000; line-height:2.0rem; margin-bottom:15px;}
.newlb ul li .wenzi dl dd{ font-size:0.8rem; color:#878787; line-height:1.5rem;}
.newlb ul li .wenzi dl dd a{ padding:0.2rem 0.5rem 0.2rem 0.5rem; border:1px solid #711a5f; color:#711a5f; border-radius:5px; font-size:0.8rem;}
.newlb ul li .wenzi dl dd a:hover{ background:#711a5f; color:#FFF}
.newlb ul li .wenzi p{font-size:0.8rem; color:#878787; margin-top:2rem; }
.newlb ul li .wenzi p img{vertical-align:middle; margin-right:10px;}
.newlb ul li .wenzi p i{margin-left:1rem; padding:5px 10px 5px 10px; background:#c6a3bf; border-radius:35px; color:#FFF}
.newlb ul li .wenzi p span{margin-left:1rem;}

.zp{ width:100%; float:left; margin-top:2rem; text-align:center; font-size:1.0rem; line-height:2.0rem;}
.zp i{ width:100%; float:left}
.zp img{ vertical-align:middle; margin-right:10px;}
.zp2{width:100%; float:left; }
.zp2 ul li{ width:calc(100% - 2rem); float:left; height: auto; background:#fff;box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.2); padding:1rem; font-size:0.8rem; line-height:1.5rem;margin-top:2rem;transition: all 0.6s;}
.zp2 ul li h1{ font-size:1.2rem; line-height:2.0rem; margin-bottom:1rem; color:#711a5f}
.zp2 ul li:hover{ background:url(../images/ad3.png) no-repeat center / cover; color:#FFF; cursor:pointer} 
.zp2 ul li:hover h1{ color:#FFF}
.zp2 ul li:nth-child(2n){ float:right; margin-right:0px;}

.lx022{ width:100%; float:left; text-align:center}
.lx022 dl dt{ font-size:0.8rem; line-height:1.5rem;}
.lx022 dl dd{ font-size:1.5rem; color:#71195f; font-style:italic; line-height:3.0rem;}

.lx033{ width:100%; float:left; }
.lx033 ul li dl{ width:100%; float:left; margin-top:1.0rem }
.lx033 ul li dl dt{ width:3rem; float:left}
.lx033 ul li dl dt img{ max-width:100%; height:auto}
.lx033 ul li dl dd{ width:calc(100% - 4rem); float:right; font-size:0.8rem; line-height:2.0rem; color:#878787}
.lx033 ul li dl dd i{ color:#000; font-size:1.2rem; font-style:italic}

.lx044{ width:100%; float:left; margin-top:1rem; margin-bottom:2rem}
.lx044 ul li{ width:100%; float:left; margin-top:1.0rem}
.lx044 ul li img{ max-width:100%; height:auto}
.lx044 ul li h1{ font-size:1.2rem; font-weight:normal; color:#000; line-height:1.5rem; margin-top:1.0rem;}
.lx044 ul li h2{ font-size:0.8rem; color:#666666; line-height:1.5rem;font-weight:normal;}

.bottom{ width:100%; float:left; position:fixed; z-index:9999; bottom:0; left:0; background:#FFF; height:4.0rem;}
.bottom dl{ width:33.33%; float:left; text-align:center}
.bottom dl dt{ height:1.5rem; margin-top:0.5rem; text-align:center}
.bottom dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.bottom dl dt img{ max-width:100%; max-height:1.5rem; vertical-align:middle}
.bottom dl dd{ line-height:2.0rem; font-size:0.8rem; color:#711a5f}


.fl{ float:left}
.fr{ float:right}
.w80{ width:calc(100% - 35%)}
.zs{ color:#b22797}
.mart50{ margin-top:2rem;}
.mart40{ margin-top:1rem;}
.mart10{ margin-top:0.2rem;}
.mart0{ margin-top:0px;}
.padb30{ padding-bottom:1rem;}
.marl20{ margin-left:1rem;}
.f20{ font-size:1.2rem; color:#000}
.ditudiv{ width:100%; height: auto;  margin:auto; }
.ditu{ width:100%; height:300px; text-align:center;}
iframe{ width:100%;}
iframe{ width:100%;}
}











