@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}

body{min-width: 1200px; width: 100%; overflow-x:hidden;}


/**/
.banner{ height:789px; width:100%; position:relative; z-index:1; box-sizing:border-box;}
.banner .bd{ height:789px; overflow:hidden;}
.banner .bd a{ display:block;height:789px; overflow:hidden;}
.banner .bantil{ width:300px; height:14px; position:absolute; bottom:40px;left:50%; margin-left:-100px; z-index:8;}
.banner .bantil li{ width:60px; height:14px; float:left; display:inline; margin:0 8px; border:2px solid #0e4990; background:none; box-sizing:border-box;border-radius:14px;}
.banner .bantil li.on{ border:0;background: #be196f; /* Old browsers */
background: -moz-linear-gradient(left, #be196f 0%, #0d4990 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #be196f 0%,#0d4990 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #be196f 0%,#0d4990 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be196f', endColorstr='#0d4990',GradientType=1 );}

.sou{ height:104px; overflow:hidden;}
.sou h2{ width:498px; float:left; height:68px; font:24px "Microsoft YaHei"; line-height:68px; color:#111113; margin-top:18px; border-bottom:2px solid #8a8a8a;}
.sou1{ width:400px; float:right; margin-top:15px;}
.sou1 .ip01{width:330px; height:35px;padding-left:10px;outline:none;border:0; color:#999; font:12px "Microsoft YaHei"; line-height:35px; overflow:hidden; border-bottom:1px solid #ccc;}
.sou1 .ip02{ width:60px; height:36px;border:0; outline:none; background:url(../img/sou.png) no-repeat right center;border-bottom:1px solid #ccc;}
.sou1 p{ font:14px "Microsoft YaHei"; color:#36322c; line-height:27px; margin-top:8px;}
.sou1 p a{ display:inline-block; padding:0 15px; color:#36322c;}

.yinz{ background:url(../img/yinz_bg.jpg) no-repeat center top; height:720px; overflow:hidden; padding-top:165px;}
.yinz h3{ text-align:center; height:107px;}
.yinz h3 i{ display:block; font:20px "Microsoft YaHei"; color:#333;}
.yinz h3 i b{ font-weight:normal; color:#be196f;}
.yinz h3 span{ display:block; margin-top:16px;}
.yinz h3 em{ border:1px solid #cfcfcf; font:16px "Microsoft YaHei"; color:#333;}
.yinz h5{ padding:0 40px 20px; text-align:center; font:14px "Microsoft YaHei"; line-height:25px; color:#666;}
.yinz dl{ width:270px; float:left; margin-right:36px;}
.yinz dt{ width:168px; margin:0 auto;}
.yinz dt img{ display:block;width:168px; height:168px;-webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out;}
.yinz dt a:hover img{-webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    transform: rotate(360deg);}
.yinz dd h4{ font:35px "Microsoft YaHei"; font-weight:bold; text-align:center; color:#0c0704; margin:16px 0 10px;}
.yinz dd p{ font:14px "Microsoft YaHei"; line-height:22px; color:#333; padding:0 32px; text-align:center;}
.yinz .dl1{ background:url(../img/yinz_bg1.gif) no-repeat center bottom;height:325px; margin-top:130px;}
.yinz .dl2{ background:url(../img/yinz_bg2.gif) no-repeat center bottom; height:365px; margin-top:90px;}
.yinz .dl3{ background:url(../img/yinz_bg3.gif) no-repeat center bottom; height:415px; margin-top:40px;}
.yinz .dl4{ margin-right:0; background:url(../img/yinz_bg4.gif) no-repeat center bottom; height:455px;}

.video{ height:807px; margin-top:90px; background:url(../img/video_bg.jpg) no-repeat center bottom;}
.video p{ width:945px; height:483px; margin:38px auto 0; overflow:hidden;}
.video p img{ display:block;width:945px; height:483px;}
.video video {
    object-fit: cover;
}
.tit{ text-align:center; font:20px "Microsoft YaHei"; color:#999;}
.tit span{ display:block; padding:8px 0 25px; background:url(../img/line.gif) no-repeat center bottom;}
.tit i{ display:block;padding:8px 0 25px; background:url(../img/line.gif) no-repeat center bottom; font:16px Arial; text-transform:uppercase; text-transform:uppercase;}

.pro{ margin-top:80px;}
.prot{ height:155px; border-top:1px solid #d4d4d4; overflow:hidden; margin-top:55px;}
.prot ul{ width:1199px;border-left:1px solid #d4d4d4; height:155px; margin:0 auto;}
.prot li{ width:170px; float:left;border-right:1px solid #d4d4d4; height:155px; font:16px "Microsoft YaHei"; text-align:center;}
.prot li a{ color:#666;}
.prot li em{ display:block; width:84px; height:68px; margin:0 auto 15px; padding-top:20px;}
.prot li em img{ display:block;width:84px; height:68px;}
.prot li a:hover{ color:#892778; font-weight:bold;}
.pro1{ height:690px; padding-top:80px; overflow:hidden; background:#f1f1f1;}
.pro2{ width:1200px; margin:0 auto; position:relative;}
.pro3{ overflow:hidden;}
.pro2 li{ width:388px; height:580px; float:left; margin-right:18px;}
.pro2 li img{ display:block;width:388px; height:580px;}
.arr1{ width:44px; height:44px; overflow:hidden; position:absolute; top:260px; left:-55px;}
.arr2{ width:44px; height:44px; overflow:hidden; position:absolute; top:260px; right:-55px;}

.ys{ margin-top:85px;}
.ys .tit{ margin-bottom:30px;}
.ys1{ background:url(../img/ys_bg1.jpg) no-repeat center top; height:486px; overflow:hidden;}
.ys2{ background:url(../img/ys_bg2.jpg) no-repeat center top; height:486px; overflow:hidden;}
.ys3{ background:url(../img/ys_bg3.jpg) no-repeat center top; height:486px; overflow:hidden;}
.ys4{ background:url(../img/ys_bg4.jpg) no-repeat center top; height:486px; overflow:hidden;}
.ys1 dl{ width:500px; margin-top:70px;}
.ys1 dt{ font:33px "Microsoft YaHei"; font-weight:bold; color:#333; margin-bottom:15px;}
.ys1 dd p{ font:14px "Microsoft YaHei"; line-height:26px; color:#666;}
.ys1 dd b{ display:block; color:#333;}
.ys1 h4 a{ display:block; width:160px; height:40px; margin-top:25px; font:14px "Microsoft YaHei"; text-align:center; line-height:40px; color:#fff;background: #be196f; /* Old browsers */
background: -moz-linear-gradient(left, #be196f 0%, #0d4990 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #be196f 0%,#0d4990 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #be196f 0%,#0d4990 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be196f', endColorstr='#0d4990',GradientType=1 );}
.ys1 h5{ margin-top:35px;}
.ys1 h5 span{ margin-right:40px; font:16px "Microsoft YaHei";color:#666; float:left;}
.ys1 h5 span em{ display:block; font:16px "Microsoft YaHei"; color:#333;}
.ys1 h5 span em i{ font-size:35px;}

.supp{ height:750px; margin-top:70px; overflow:hidden;}
.supp2{ width:1195px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; margin:40px auto 0; height:531px;}
.supp2 dl{ width:238px; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; float:left; height:265px; overflow:hidden; position:relative;}
.supp2 dt{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;font:20px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#2e2e2e;}
.supp2 dt em{ display:block; width:72px; height:72px; margin:0 auto 30px; padding-top:40px;}
.supp2 dt em img{width:72px; height:72px; display:block;}
.supp2 dd{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;
background: #bc196f; /* Old browsers */
background: -moz-linear-gradient(top, #bc196f 0%, #13488f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bc196f 0%,#13488f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bc196f 0%,#13488f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc196f', endColorstr='#13488f',GradientType=0 );}
.supp2 dd h3{ font:20px "Microsoft YaHei"; font-weight:bold; text-align:center; color:#fff; padding:44px 0 15px;}
.supp2 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#c2a7bc; padding:0 40px; text-align:center;}
.supp2 dl:hover dt{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.supp2 dl:hover dd{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.show{ padding-top:70px; background:url(../img/show_bg.jpg) no-repeat center top; height:682px; overflow:hidden;}
.show .tit{ font:45px "Microsoft YaHei";}
.show .tit a{ color:#fff;}
.show .tit span{ display:block; font-size:20px;}
.show1 dl{ margin-top:25px; height:339px; background:#fff; overflow:hidden;}
.show1 dt{ width:601px; height:339px; float:left; overflow:hidden;}
.show1 dt img{ display:block;width:601px; height:339px;}
.show1 dd{ width:430px; float:left; padding:44px 0 0 60px;}
.show1 dd h3 a{ display:block; height:42px; font:20px "Microsoft YaHei"; line-height:42px; color:#333; overflow:hidden; background:url(../img/show_line.gif) no-repeat left bottom;}
.show1 dd p{ font:14px "Microsoft YaHei"; line-height:25px; color:#888; margin-top:24px;}
.show1 dd span a{ display:block; width:160px; height:40px; margin-top:25px; font:14px "Microsoft YaHei"; text-align:center; line-height:40px; color:#fff;background: #be196f; /* Old browsers */
background: -moz-linear-gradient(left, #be196f 0%, #0d4990 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #be196f 0%,#0d4990 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #be196f 0%,#0d4990 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be196f', endColorstr='#0d4990',GradientType=1 );}

.showt{ height:86px; overflow:hidden; margin-top:40px;}
.showt li{ width:373px; margin-right:40px; height:86px; background:#fff; float:left;}
.showt li a{ display:block; width:353px; height:76px; padding:10px 0 0 20px;}
.showt li img{ display:block; width:65px; height:65px; border-radius:65px; float:left;}
.showt li h5{ width:237px; float:left; padding-left:16px;}
.showt li h5 em{ display:block; font:16px "Microsoft YaHei"; color:#2b2b33; line-height:24px; margin-top:8px;}
.showt li h5 span{ display:block; font:14px "Microsoft YaHei"; color:#2b2b33;}
.showt .nones{ margin-right:0;}
.showt li a:hover,.showt .cur a{ position:relative;}
.showt li a:hover:before ,.showt .cur a:before{ content:""; position:absolute; top:81px; left:0; width:100%; height:5px;
background: #be196f; /* Old browsers */
background: -moz-linear-gradient(left, #be196f 0%, #0d4990 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #be196f 0%,#0d4990 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #be196f 0%,#0d4990 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be196f', endColorstr='#0d4990',GradientType=1 ); /* IE6-9 */}

.online{ width:1200px; height:625px; margin:54px auto 0; overflow:hidden;}
.online1{ height:416px; background:url(../img/online_bg.jpg) no-repeat center top; margin-top:32px;}
.online1 h5{ font:14px "Microsoft YaHei"; color:#fff; background:url(../img/online_lx.png) no-repeat left 130px; padding:125px 0 0 50px; margin:0 0 0 247px; width:300px; float:left;}
.online1 h5 em{ display:block; font:30px Arial; font-weight:bold;}
.online2{ width:500px; float:right; margin-top:50px;}
.online2 h4{ height:48px; font:18px "Microsoft YaHei"; font-weight:bold; line-height:48px; color:#fff;}
.online2 li{ width:215px; height:35px; background:#fff; border:1px solid #d1d1d1; float:left; margin:0 25px 18px 0;}
.online2 li em{ display:block; float:left; width:35px; height:35px; overflow:hidden;}
.online2 li em img{ display:block;width:35px; height:35px;}
.online2 li i{ display:block; width:70px; font:14px "Microsoft YaHei"; line-height:35px; float:left; color:#7d7d7d; padding-left:8px;}
.online2 li span{ color:#f00; padding-top:10px;}
.online2 li input{ width:90px; height:35px; background:none; border:0; font:14px "Microsoft YaHei"; line-height:35px; color:#7d7d7d; overflow:hidden; outline:none;}
.online2 .bz{ height:94px; width:457px;}
.online2 .bz textarea{ width:376px; height:94px; line-height:32px; background:none; border:0; outline:none; resize:none;}
.online2 .btt{ height:40px; overflow:hidden; width:420px; background:none; border:0; margin-bottom:0;}
.online2 .btt input{ width:160px; height:40px; margin-right:10px; font:14px "Microsoft YaHei"; text-align:center; line-height:40px; color:#000; float:left; background:#f1f1f1;}

.about{ background:#f3f3f3; height:645px; padding-top:75px; overflow:hidden;}
.about dl{ height:418px; margin-top:40px; overflow:hidden; background:#fff;}
.about dt{ width:600px; height:418px; float:left; overflow:hidden;}
.about dt img{ display:block;width:600px; height:418px;}
.about dd{ width:525px; float:right; padding:45px 30px 0 0; overflow:hidden;}
.about dd h3{ font:34px "Microsoft YaHei"; font-weight:bold; color:#333;}
.about dd h3 a{ color:#333;}
.about dd h3 em{ display:block; font:33px Arial; color:#5d5d5d; text-transform:uppercase;}
.about dd p{ font:14px "Microsoft YaHei"; line-height:24px; margin-top:15px; height:144px; overflow:hidden;}
.about dd span a{display:block; width:160px; height:40px; margin-top:25px; font:14px "Microsoft YaHei"; text-align:center; line-height:40px; color:#fff;background: #be196f; /* Old browsers */
background: -moz-linear-gradient(left, #be196f 0%, #0d4990 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #be196f 0%,#0d4990 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #be196f 0%,#0d4990 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be196f', endColorstr='#0d4990',GradientType=1 );}

.focus{ height:545px; margin-top:65px; overflow:hidden;}
.dy{ width:600px; margin-top:30px; overflow:hidden;}
.dy dt{ height:160px; overflow:hidden; display:none;}
.dy dt img{ display:block; width:320px; height:160px; float:right;}
.dy dt span{width:280px; height:160px; display:block; font:90px Arial; text-align:center; line-height:160px; float:left; color:#fff;
background: #a4206e; /* Old browsers */
background: -moz-linear-gradient(top, #a4206e 0%, #63326e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a4206e 0%,#63326e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a4206e 0%,#63326e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4206e', endColorstr='#63326e',GradientType=0 );}
.dy dt span em{ font-size:28px;}
.dy dd h3{ font:16px "Microsoft YaHei"; font-weight:bold; line-height:40px; height:40px; color:#000; overflow:hidden; margin-top:12px;}
.dy dd h3 a{ color:#000;}
.dy dd h3 em{ float:right;}
.dy dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#606060; height:48px; overflow:hidden; display:none;}
.dy .cur1{ padding:15px 0;border-bottom:2px solid #d1d1d1;}
.dy .cur1 dt,.dy .cur1 dd p{ display:block;}

.new{ width:550px; overflow:hidden; margin-top:45px;}
.new dl{ border-bottom:1px solid #f4f4f4;}
.new dt{ font:14px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden; padding:16px 35px;}
.new dt a{ color:#000;}
.new dt em{ color:#a3a3a3; float:right;}
.new dd{display:none;}
.new dd span{ display:block; width:120px; font:28px Arial; font-weight:bold; color:#7e7e7e; float:left;}
.new dd span a{ display:block; width:34px; height:34px; background:url(../img/dy_more.png) no-repeat; margin-top:12px;}
.new dd h5{ width:355px; float:right; padding-right:25px;}
.new dd h5 a{ display:block; font:16px "Microsoft YaHei"; font-weight:bold; color:#000; line-height:24px; height:24px; overflow:hidden;}
.new dd h5 p{ font:14px "Microsoft YaHei"; line-height:24px; color:#606060; height:48px; overflow:hidden; margin-top:8px;}
.new .cur2 dd{ display:block; background:#fbfbfb; padding:25px;}
.new .cur2 dt{ display:none;}

.link{ border-top:1px solid #eaeaea; font:28px "Microsoft YaHei"; font-weight:bold; padding:25px 0; line-height:24px; color:#000;}
.link a{ display:inline-block; color:#999; padding:0 20px; font:14px "Microsoft YaHei"; background:url(../img/link_line.gif) no-repeat right center;}
.link .nones{ background:none;}

.guan1{background:url(../img/guan1.jpg) no-repeat center center; height:200px; overflow:hidden;}
.guan2{background:url(../img/guan2.jpg) no-repeat center center; height:200px; overflow:hidden;}
.guan3{background:url(../img/guan3.jpg) no-repeat center center; height:200px; overflow:hidden;}
.guan4{background:url(../img/guan4.jpg) no-repeat center center; height:200px; overflow:hidden;}