/* CSS Document */

body {margin: 0 auto;font-family: "Microsoft YaHei";min-width: 1200px;max-width: 1920px;overflow-x:hidden}
ol,ul {list-style: none;padding: 0;}
img {vertical-align: top;display: block;border: none;}
a {color: inherit;cursor: pointer;text-decoration: none;}

*{
    margin: 0;
    padding: 0;
}
form,input,button {margin: 0px;padding: 0px;border: 0px; vertical-align:middle;}
ul, li {list-style-type:none;}
h1, h2, h3, h4, h5, h6 { font-size:14px;font-weight:normal;}

a { text-decoration:none; color:#333; outline:none;}
.white{color:#FFFFFF;}
.fleft{float:left;}
.fright{float:right;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f28{font-size:28px;}
.f32{font-size:32px;}
.f37{font-size:37px;}
.mt10{margin-top:10px}
.mt20{margin-top: 20px;}
.fbold{font-weight:bold;}
.lsp8{letter-spacing:8px;}
.f36{font-size:36px;}
.fbold{font-weight:bold;}
.tcenter{ text-align:center;}
.clear{clear:both;}
.pd10{padding-top:10px;}
.red{color:#f2210b;}
.sc_1{width:1110px; height:auto; overflow:hidden; margin:30px auto}
.sc1_str{font-size:32px; display:block; text-align:center;}
.sc1_p1{font-size:18px; line-height:40px; margin-top:5px}
/* ?????CSS???? */
#zsgun{ background:#FFFFFF; position:relative;height:240px; width:960px; margin:auto;}
a.hScrollPane_leftarrow{top:70px; cursor:pointer; display:block; width:25px; height:58px; background:url(../images/zsleftbar.gif) no-repeat left top;left:15px; position:absolute;}
a.hScrollPane_leftarrow:hover{background:url(../images/zsleftbar.gif) no-repeat left -58px;}
a.hScrollPane_rightarrow{ top:70px; cursor:pointer; display:block; width:25px; height:58px; background:url(../images/zsrightbar.gif) no-repeat left top; right:15px; position:absolute;}
a.hScrollPane_rightarrow:hover{background:url(../images/zsrightbar.gif) no-repeat left -58px;}
.hScrollPane_dragbar{width:843px; position: absolute; border-bottom:#83CC32 1px solid; left:15px; top:210px; z-index:1; padding:0 39px;}
.hScrollPane_draghandle{position:absolute; width:180px; height:10px; overflow:hidden; background:url(../images/gunbar.png) no-repeat left top;_background:url(../images/gunbar.gif) no-repeat left top; bottom:-5px; cursor:pointer; margin:0 39px; left:0;}
#gundiv{ width:843px; position:relative; margin-left:55px; padding-top:22px; float:left; display:inline;height:180px; overflow:hidden;}
#gundiv ul {height:155px;position: absolute; width:10000px;}
#gundiv li{ width:155px; height:180px; overflow:hidden; float:left; margin-right:17px;position:relative;}
#gundiv li p{ display:none; height:18px; line-height:18px; text-align:center; overflow:hidden;}
#gundiv li p a:link,#gundiv li p a:visited{ color: #53711C; font-size: 12px; }
#gundiv li.zslion p{ display:block;}
/* ?????CSS????? */
.ljzx{width:200px; height:42px; overflow:hidden; display:block; background:#E74C3C repeat; font-size:18px; color:#FFF; text-align:center;  line-height:42px; border-radius:8px; margin:25px auto}

.sc_2{width:975px; height:auto; overflow:hidden; margin:25px auto;}
.sc2_show{width:100%; height:auto; overflow:hidden;}
.sc2_show li{width:240px; height:auto; overflow:hidden; float:left; margin-left:58px; margin-top:30px}
.sc2_show li h3{font-size:26px; font-weight:bold; text-align:center; margin-top:10px;}
.sc2_show li p{font-size:18px; text-align:center; margin-top:1px;}

.sc_3{width:100%; height:auto; overflow:hidden;}
.sc3_show{width:1122px; height:auto; overflow:hidden; margin:25px auto;}
.sc3_p1{font-size:18px; text-align:center; margin-top:10px;}
.sc3s_zs{width:1100px; height:auto; overflow:hidden; margin:25px auto;}
.sc3s_zs li{float:left; margin-left:34px; display:inline}
.sc3s_l{width:283px; height:auto; overflow:hidden;}

.sc_4{width:100%; height:auto; overflow:hidden; background:#E8E8E8 repeat;}
.sc4_show{width:1100px; height:auto; overflow:hidden; margin:25px auto;}
.xmt_1{width:1120px; height:auto; overflow:hidden; margin:20px auto;}
.xmt4_show{width: 76%;height:385px;overflow:hidden;margin-top:60px;margin: 30px auto;}
#clist {height: 390px;position: absolute;z-index: 1; clear:both;}
.cli_name { width:100%; height: 47px;background: #FFF;position: absolute;z-index: 2;bottom: 0px; left:0px;}
.cli {width: 220px;height: 338px;float: left;position: relative;margin: 0 30px;}
.cli-mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: black;opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);}
.cbg {width: 100%;height: 100%;}
.ctxt {background-color: #EA5563;width: 100%;height: 45px;line-height:45px;color: white;text-align: center;}
.ctxt span {display: inline-block; font-size:16px; margin-right: 10px;}
.ctxt em { font-size:14px;}
.content {width: 100%;overflow: hidden;}
.content-page {width: 1000px;overflow: hidden;float: left;}
.ctdiv {position: relative;float: left;width: 320px;height: 320px;background-color: white;margin: 15px 13px 0px 0px;padding-bottom: 5px;}
.ctlink {position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: block;}
.li-img {position: absolute;left: 0px;top: 0px;}
.li-c {height: 35px;width: 100%;position: absolute;top: 145px;left: 0px;background-color: rgba(81,182,0,0.8);}

.sc_5{width:1115px; height:auto; overflow:hidden; margin:25px auto;}

.sc_5 .content { width: 100%; height: 220px; }
.sc_5 .box { margin-right:28px; float: left; width: 156px; height: 156px; position: relative; }
.sc_5 .box h1 { top: 172px; left: 50%; margin-left: -70px; width: 140px; text-align: center; position: absolute; font-size:23px;}
.sc_5 .box h2 { top: 142px; left: 50%; margin-left: -70px; width: 140px; line-height: 18px; text-align: center; position: absolute; }
.sc_5 .box.box1 .sticker-img { background: url("../images/sc_9.jpg") no-repeat center; }
.sc_5 .box.box2 .sticker-img { background: url("../images/sc_10.jpg") no-repeat center; }
.sc_5 .box.box3 .sticker-img { background: url("../images/sc_11.jpg") no-repeat center; }
.sc_5 .box.box4 .sticker-img { background: url("../images/sc_12.jpg") no-repeat center; }
.sc_5 .box.box5 .sticker-img { background: url("../images/sc_13.jpg") no-repeat center; }
.sc_5 .box.box6 .sticker-img { background: url("../images/sc_14.jpg") no-repeat center; }
.sc_5 .box.box7 .sticker-img { background: url("../images/sc_15.jpg") no-repeat center; }

.sc_6{width:1125px; height:auto; overflow:hidden; margin:30px auto;}
.sc6_show{width:100%; height:auto; overflow:hidden;}
.sc6_show li{width:275px;height: 360px;border:1px solid #7F7F7F;overflow:hidden;float:left;margin-left:4px;padding: 10px;box-sizing: border-box;margin: 0 50px;}
.sc6s_zs{height: 100%;background: #40ADB4 repeat;overflow:hidden;}
.sc6_sp1{width:160px; height:33px; overflow:hidden; background:#FFFFFF repeat; border-radius:15px; font-size:18px; text-align:center;  line-height:33px; display:block; margin-top:20px; margin-left:15px}
.sc6s_zs p{font-size:15px; color:#FFF; margin-top:10px; margin-left:15px;}

.sc_7{width:1122px; height:auto; overflow:hidden; margin:25px auto;}
#Index_Box0 {width: 1000px;height: 640px;margin: 38px auto;position: relative;}
#Index_Box0 ul {position: relative;width: 1000px;height: 640px;}
#Index_Box0 ul li {z-index: 0;position: absolute;overflow: hidden;top: 0px; left: 0px;}
#Index_Box0 .prev {display: block;width: 46px;height: 46px;background: url(../images/ui_change_91.png) no-repeat center;position: absolute;top: 295px;left: 0px;z-index: 100;cursor: pointer;}
#Index_Box0 .next {display: block; width: 46px;height: 46px;background: url(../images/ui_change_93.png) no-repeat center; position: absolute;top: 295px;right: 0px;z-index: 100;cursor: pointer;}
#Index_Box0 ul li img {width: 100%;}

.hy_5{width:1110px; height:auto; overflow:hidden; margin:25px auto}
.hy5_show{width:98%; height:auto; overflow:hidden; border:1px solid #E1E1E1; margin-top:25px}
.hy5s_p1{width:100%; height:52px; background:#F94F5D repeat; overflow:hidden; font-size:22px; color:#FFF; text-align:center; line-height:52px; letter-spacing:1px;}
.hy5s_p1 span{color:#f6ed05;}
.hy5s_p2{width:100%; height:auto; overflow:hidden;}
.hy5s_p2 span{float:left; font-size:20px; text-align:center;width:210px; height:auto; overflow:hidden; line-height:55px;}
.hy5s_zs{width:100%; height:375px; overflow:hidden; background:#EFEFEF repeat;}
.hy5s_zs li{width:100%; height:auto; overflow:hidden; border-bottom:1px dashed #999}
.hy5s_zs li span{width:210px; height:auto; overflow:hidden; line-height:62px;font-size:15px; text-align:center; display:block; float:left}

.part { margin: 0 auto; width: 100%; position: relative; }
.part-main { margin: 0 auto; width: 1000px; }
.pm01-bg { height: 630px; background: url("../images/pm01-bg.png") no-repeat center 50px; }
.pm01 { padding-top: 184px; width: 1000px; height: 150px; margin-top:70px}
.pm01 .line { width: 1000px; margin-bottom: 80px; height: 2px; position: relative; background: #222222; }
.pm01 .line .box { top: 0px; width: 50px; height: 0; transition: 0.5s; position: absolute; }
.pm01 .line .box h1 { top: 0px; left: 50%; margin-left: -50px; width: 100px; opacity: 0; font-size: 16px; line-height: 16px; display: none\9; transition: 0.5s; text-align: center; position: absolute; }
.pm01 .line .box h2 { top: 0px; left: 50%; margin-left: -50px; width: 100px; opacity: 0; font-size: 14px; line-height: 16px; display: none\9; transition: 0.5s; text-align: center; position: absolute; }
.pm01.change .box h1 { top: -30px; opacity: 1; display: block\9; transition: 1s; }
.pm01.change .box h2 { opacity: 1; display: block\9; }
.pm01 .line .box { transition: 0.5s; background: #222222; }
.pm01 .line .box.b1 { left: 100px; }
.pm01.change .box.b1 { top: -52px; height: 52px; transition: 0.5s; }
.pm01.change .box.b1 h2 { top: 75px; transition: 0.5s; }
.pm01 .line .box.b2 { left: 250px; }
.pm01.change .box.b2 { top: -70px; height: 70px; transition: 0.7s; }
.pm01.change .box.b2 h2 { top: 93px; transition: 0.7s; }
.pm01 .line .box.b3 { left: 400px; }
.pm01.change .box.b3 { top: -105px; height: 105px; transition: 0.9s; }
.pm01.change .box.b3 h2 { top: 128px; transition: 0.9s; }
.pm01 .line .box.b4 { left: 550px; }
.pm01.change .box.b4 { top: -140px; height: 140px; transition: 1.1s; }
.pm01.change .box.b4 h2 { top: 163px; transition: 1.1s; }
.pm01 .line .box.b5 { left: 700px; background: #bf095f; }
.pm01.change .box.b5 { top: -175px; height: 175px; transition: 1.3s; }
.pm01.change .box.b5 h1 { color: #bf095f; }
.pm01.change .box.b5 h2 { top: 198px; color: #bf095f; transition: 1.3s; }
.pm01 .line .box.b6 { left: 850px; background: #bf095f; }
.pm01.change .box.b6 { top: -200px; height: 200px; transition: 1.5s; }
.pm01.change .box.b6 h1 { color: #bf095f; }
.pm01.change .box.b6 h2 { top: 223px; color: #bf095f; transition: 1.5s; }
.pm01-curve { top: -201px; left: 119px; width: 0px; height: 151px; transition: 0.5s; position: absolute; background: url("../images/pm01-curve.png") no-repeat left; }
.pm01.change .pm01-curve { width: 751px; height: 151px; transition: 2s; }
.part .btn { margin: 0 auto; width: 560px; height: 66px; font-size: 30px; color: #ffffff; line-height: 66px; display: block; text-align: center; transition: 1s; background: #bf095f; border-radius: 6px; }
.part .btn:hover { transition: 1s; background: #d51c73; }


.gz_12{width:100%; height:auto; overflow:hidden; background:url(../images/gz_bg10.jpg) center no-repeat;}
.gz12_show{width:1090px; height:auto; overflow:hidden; margin:30px auto}
.gz1s_l{width:355px; height:475px; overflow:hidden; background:#FFF repeat}
.lxwm{width:165px; height:40px; border-bottom:1px solid #37363B; font-size:24px;margin-top: 25px;
margin-left: 15px;; font-weight:bold}
.diz{background:url(../images/gz_bg11.jpg) no-repeat; font-size:20px; margin-left:20px;padding-left: 35px;line-height: 35px; margin-top:35px}
.gz_dz{font-size:14px; margin-left:55px; margin-top:10px; height:auto; overflow:hidden}
.gz_zx{font-size:12px; color:#ff1d00; margin-left:55px; margin-top:10px; display:block}
.diz1{background:url(../images/gz_bg12.jpg) no-repeat; font-size:20px; margin-left:20px;padding-left: 35px;line-height: 35px; margin-top:35px}
.djzx{width:110px; height:45px; background:#F44144 repeat; font-size:18px; color:#FFF; text-align:center; display:block; margin:20px auto; line-height:45px;}
.gz1s_r{width:675px; height:auto; overflow:hidden; margin-top:30px;}
.gz1s_r h3{font-size:30px; color:#FFF; line-height:45px}
.gz1s_b{width:670px; height:215px; background:#E63B24 repeat; opacity:0.7; margin-top:35px}
.ds7_1{width:290px; height:50px; overflow:hidden; float:left; margin-left:8px; margin-top:42px}
.ds7_1 input{ width:100%; height:auto; overflow:hidden; line-height:50px; padding-left:2%}

.gz_12 {background: url(../images/gz_bg10.jpg) center / 1920px 1440px no-repeat;padding: 60px 0;}
.gz12_show {width: 1120px;margin: 0 auto;overflow: hidden;}
.gz12_show .gz1s_l {width: 340px;height: 380px;overflow: hidden;background: #FFF repeat;padding: 25px 15px 0;box-sizing: border-box;text-align: center;float: left; display:none;}
.gz12_show .gz1s_l h3 {width: 165px;height: 40px;border-bottom: 1px solid #37363B;font-size: 24px;margin: 0;}
.gz12_show .gz1s_l div {text-align: left;margin: 20px 0;}
.gz12_show .gz1s_l h4 {background: url(../images/gz_bg11.jpg) left center no-repeat;font-size: 20px;line-height: 1.8em;text-indent: 30px;margin: 20px 0 0;}
.gz12_show .gz1s_l p {font-size: 16px;line-height: 1.6em;text-indent: 30px;margin: 0.5em 0;}
.gz12_show .gz1s_l .djzx {width: 110px;height: 45px;background: #F44144 repeat;font-size: 18px;color: #FFF;text-align: center;display: inline-block;line-height: 45px;}
.gz12_show .gz1s_r {width: 90%; margin:0 auto;}
.gz12_show .gz1s_r h3 {font-size: 30px;color: #FFF;line-height: 45px;margin: 0;}
.gz12_show .gz1s_r span {width: 100%;text-align: center;display: inline-block;}
.gz12_show .gz1s_r form {width: 90%;height: 215px;background: #E63B24 repeat;opacity: 0.7;margin-top: 30px;text-align: center;padding: 18px 0 0 0;box-sizing: border-box;}
.gz12_show .gz1s_r h4 {font-size: 22px;color: #FFF;text-align: center;display: block;margin: 0;line-height: 1.6em;}
.gz12_show .gz1s_r input {width: 270px;line-height: 50px;padding: 0;border: 0;background: white;text-indent: 1em;margin: 16px;font-size: 16px;font-family: "Microsoft YaHei";}
.gz12_show .gz1s_r input.coolbg1 {width: 118px;height: 40px;font-size: 15px;line-height: 40px;color: #ff1d00;text-indent: 0;text-align: center;}