@charset "gb2312";
/* CSS Document */
html{color:#000;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; font-family:microsoft yahei,simhei; font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
h1,h2{ font-weight:bold;}
h3,h4,h5{ font-weight:normal}
em,i{ font-style:normal}
a{ text-decoration:none; color:#333}
img{ border:none}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{ position:relative}

.s01{ background:url(images/bga.jpg) no-repeat top center;}
.s02{ background:url(images/bgb.jpg) no-repeat top center;}
.s03{ background:url(images/bgc.jpg) no-repeat top center;}


.w1080{ width:1080px; margin:0 auto}
.w204{ width:204px;}
.w189{ width:189px}
.w184{ width:184px;}
.w289{ width:289px;}
.w209{ width:209px;}
.w500{ width:500px;}
.w520{ width:520px;}
.w465{ width:465px;}

.pt50{ *padding-top:50px;}


.title{ width:100%; float:left; text-align:center; margin-bottom:35px;}
.title span{ display:inline-block; width:98px; height:4px; margin-bottom:7px; background:#39197a }
.title h2{ font-size:40px; color:#39197a;}
.title i{ display:inline-block; font-size:15px; color:#afadad; text-transform:uppercase; line-height:30px;}
.title em{ display:block; margin:7px auto 0 auto; background:url(images/icons.png) no-repeat; width:13px; height:7px;}
.t_white span{ background:#fff;}
.t_white h2{ color:#fff;}
.t_white i{ color:#fff;}
.t_white em{background-position:-13px 0}

.sign{ width:100%; float:left; text-align:center}
.sign p{ font-size:18px; line-height:30px; color:#fff;}
.sign p.p2{ color:#333}


.part01{ width:100%; float:left}
.part01 ul li{ width:359px; height:165px; float:left; margin:0 1px 1px 0;}
.part01 ul li.a{ background:url(images/h01.jpg) no-repeat;width:359px; height:165px; }
.part01 ul li.b{ background:url(images/h02.jpg) no-repeat;width:359px; height:165px; }
.part01 ul li.c{ background:url(images/h03.jpg) no-repeat;width:359px; height:165px; }
.part01 ul li.d{ background:url(images/h04.jpg) no-repeat;width:359px; height:165px; }
.part01 ul li.f{ background:url(images/h05.jpg) no-repeat;width:359px; height:165px; }
.part01 ul li.g{ background:url(images/h06.jpg) no-repeat;width:359px; height:165px; }
.part01 ul li.h{ background:url(images/h07.jpg) no-repeat;width:359px; height:165px; }
.part01 ul li.i{ background:url(images/h08.jpg) no-repeat;width:359px; height:165px; }
.part01 ul li.a:hover{background:url(images/c01.jpg) no-repeat;}
.part01 ul li.b:hover{background:url(images/c02.jpg) no-repeat;}
.part01 ul li.c:hover{background:url(images/c03.jpg) no-repeat;}
.part01 ul li.d:hover{background:url(images/c04.jpg) no-repeat;}
.part01 ul li.f:hover{background:url(images/c05.jpg) no-repeat;}
.part01 ul li.g:hover{background:url(images/c06.jpg) no-repeat;}
.part01 ul li.h:hover{background:url(images/c07.jpg) no-repeat;}
.part01 ul li.i:hover{background:url(images/c08.jpg) no-repeat;}
.part01 ul li.e{ background:#e98840; text-align:center}
.part01 ul li.e a{ display:inline-block; font-size:30px; color:#fff; border:1px solid #fff; width:317px; line-height:50px; text-align:center; margin-top:50px; cursor:pointer}
.part01 ul li.e p{ font-size:16px; color:#fff; line-height:35px;}



.brand{ width:998px; padding:0 40px 40px 40px; float:left; border:1px solid #fff; margin-top:35px;}
.brand h2{ width:100%; float:left; text-align:center; color:#fed96d; font-size:30px; margin-top:-25px}
.brand h2 strong{ padding:0 20px; background:#361871}
.brand p{ width:450px; color:#fff; font-size:15px; line-height:32px; margin-top:40px;}
.change_a{ margin-top:40px; position:relative}
.change_a .bd ul li{ width:498px; height:282px; float:left}
.change_a .bd ul li img{ width:498px; height:282px; vertical-align:top}
.change_a .hd{ position:absolute; right:10px; bottom:10px;}
.change_a .hd ul li{ float:left; width:26px; height:20px; background:#fff; color:#333; margin-left:5px; text-align:center; line-height:20px; cursor:pointer}
.change_a .hd ul li.on{ background:#e98840; color:#fff;}


.part04{ width:100%; float:left;margin-top:35px;}
.part04 dl{ width:100%; float:left; border-right:1px solid #dad9d9;border-bottom:1px solid #dad9d9; }
.part04 dl dt{ float:left; border-left:1px solid #dad9d9; height:40px; line-height:40px;  background:#e98840; font-size:15px; text-align:center; color:#fff}
.part04 dl dd{ float:left; border-left:1px solid #dad9d9; height:40px; line-height:40px; font-size:15px; text-align:center; color:#333}

.part04 ul{ margin-top:35px; width:1090px; float:left}
.part04 ul li{ width:208px; float:left; margin-right:10px; text-align:center; position:relative}
.part04 ul li img{ width:200px; height:167px; border:4px solid #f5f5f5; float:left; }
.part04 ul li span{ display:inline-block; background:url(images/tpyy.png) no-repeat; width:208px; height:20px; float:left}
.part04 ul li p{ width:100%; text-align:center; float:left; font-size:15px; line-height:20px;}
.part04 ul li a{ display:block; position: absolute; right:4px; bottom:44px; background:url(images/fd.jpg) no-repeat; width:20px; height:20px;}



.change_b{ width:100%; float:left; margin-top:55px;}
.change_b .bd ul li{ width:100%; float:left;}
.change_b .bd ul li .pic_l{ position:relative; width:349px; height:297px; border:1px solid #fff; margin-left:20px;}
.change_b .bd ul li .pic_l img{ position:absolute; top:-20px; left:-20px;}
.change_b .bd ul li .pic_r{ position:relative; width:349px; height:297px; border:1px solid #fff; margin-right:20px;}
.change_b .bd ul li .pic_r img{ position:absolute; top:-20px; right:-20px;}
.change_b .bd ul li .page{ width:338px;}
.change_b .bd ul li .page h3{ padding:20px; font-size:18px; color:#fed96d; line-height:30px; font-weight:bold}
.change_b .bd ul li .page p{ background:url(images/tpyy2.png) no-repeat center top; padding:20px; font-size:15px; color:#fff; line-height:25px;}
.change_b .hd{ width:100%; float:left; text-align:center; margin-top:25px; *width:auto; *margin-left:47%;}
.change_b .hd ul li{ background:url(images/icons.png) no-repeat 0 -7px; width:15px; height:28px; font-size:0; line-height:0; display:inline-block; margin:0 5px; cursor:pointer; *float:left}
.change_b .hd ul li.on{background:url(images/icons.png) no-repeat -15px -7px;}

.part06 ul li{ float:left; margin:0 1px 1px 0; position:relative;overflow:hidden}
.part06 ul li p{ position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; color:#fff; text-align:center; background:url(images/blackbg.png) repeat; font-size:16px;}
.part06 ul li.li01{ width:359px; height:242px;}
.part06 ul li.li02{ width:269px; height:242px;}

.part06 ul li .show{ position:absolute; top:0; left:0; padding:25px; height:192px; background:url(images/blackbg.png) repeat; display:none; cursor:pointer;}
.part06 ul li.li01 .show{ width:309px; }
.part06 ul li.li02 .show{ width:219px;}
.part06 ul li .show h2{ width:100%; float:left;font-size:23px; color:#fff; text-align:center; border-bottom:1px solid #fff; line-height:60px;}
.part06 ul li .show span{ display:block; width:100%; float:left; color:#fff; font-size:15px; line-height:24px; margin-top:20px;}
.part06 ul li:hover p{ display:none}

.join{ width:1008px; padding:50px 35px 35px 35px; float:left; border:1px solid #fff;}
.join dl{ width:100%; float:left; margin-top:30px;}
.join dl dt{ float:left; width:112px; height:112px; margin-right:10px;}
.join dl dd{ float:left; font-size:14px; line-height:28px; color:#fff;}
.join ul li{ width:100%; float:left; margin-bottom:20px;}
.join ul li input[type=text]{ float:left; width:460px; height:45px; line-height:45px; border-radius:2px; border:none; font-size:15px; text-indent:10px; font-family:microsoft yahei,simhei; color:#999}
.join ul li select{ width:150px; float:left; height:45px; line-height:45px; border-radius:2px; margin-right:5px; border:none; font-size:15px; text-indent:10px; font-family:microsoft yahei,simhei; color:#999}
.join ul li input[type=button]{ width:460px; height:45px; line-height:45px; border-radius:3px; background:#882132; border:none; font-size:22px; color:#fff; font-family:microsoft yahei,simhei; margin-top:10px; cursor:pointer}

.copy{ width:100%; float:left; padding:10px 0; text-align:center;}
.copy p{ font-size:15px; color:#fff; line-height:50px;}


.r_nav span{ display:inline-block; background:url(images/icons.png) no-repeat 0 -35px; width:60px; height:60px;}
.r_nav p { line-height:26px; margin-top:15px; text-align:center}
.r_nav p b{ display:inline-block; background:url(images/visNumbg2.png) no-repeat; width:21px; height:26px; line-height:26px; color:#fff; font-size:16px; font-weight:normal; text-align:center}