@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0; border:0}
img{ border:0; vertical-align:bottom;}
a{ text-decoration:none}
ul, ul li,li{ list-style-type:none}


.top{ width:100%; height:110px; overflow:hidden; background:#7b7b7b; text-align:center;}
.w1200{ width:1200px;overflow:hidden; margin:auto}
.logo{ float:left; margin-top:13px;}
.menu{ float:left; margin:50px auto auto 100px;}
.menu li{ width:120px; height:40px; float:left; text-align:center; transition:500ms;-moz-transition:500ms; -o-transition:500ms; -webkit-trantion:500ms;background:url(../images/j1.png) no-repeat; background-position:-122px center;}
.menu li a{ font-family:"΢ź"; font-size:16px; color:#f8f8f8; font-size:16px;}
.menu li a p{ font-family:"Arial Black", Gadget, sans-serif; font-size:12px; color:#aaaaaa; text-transform:uppercase; boder-right:1px solid #878787; font-size:12px;}
.menu li:hover{ background:url(../images/j1.png) no-repeat;background-position:center center;}
.menu li:hover a{ color:#fff}
.menu li:hover a p{color:#fff}

.banner{ width:1200px; overflow:hidden; margin:auto; position:relative}
.hd{ width:100px; height:30px; text-align:center; line-height:30px; background:url(../images/bj2.png) no-repeat; background-size:100% 100%; position:absolute; left:45%; bottom:5%; z-index:1}
.hd li{ display:inline-block; margin-left:7px;width:12px; height:12px; background:url(../images/btn1.png) no-repeat; background-size:100% 100%;}
.hd li.on{background:url(../images/btn2.png) no-repeat; background-size:100% 100%;}
.bd ul li{ width:100%}
.bd ul li img{ width:100%;}

.header{ width:1200px; height:120px; background:#efefef; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin:auto}
.hleft{ width:660px; float:left; margin-left:50px; font-family:"΢ź"; font-size:18px; color:#333; font-weight:bold; margin-top:35px;}
.hleft p{ font-family:"΢ź"; font-size:14px; color:#666666; margin-top:20px; font-weight:normal}
.tel{ float:right; margin-top:37px; margin-right:50px;}

.resource{ width:100%; overflow:hidden; margin:auto; text-align:center}
.title{ font-family:"΢ź"; font-size:36px; color:#333333; border-top:4px solid #c20c25; margin:40px auto 53px; display:inline-block}
.resource ul li{ width:224px; height:138px;float:left; margin-left:20px; margin-bottom:34px;}
.resource ul li img{width:224px;height:138px;}
.zhezhao{width:180px; padding:0 23px; text-align:center; height:104px; padding-top:48px; background:url(../images/bj3.png) no-repeat; background-size:100% 100%; position:relative; left:0; top:-138px; font-family:"΢ź"; font-size:24px; color:#fff;}
.zhezhao p{ font-family:Arial, Helvetica, sans-serif; font-size:14px;text-transform:uppercase;}
.resource ul li:hover .zhezhao{background:url(../images/bj4.png) no-repeat; background-size:100% 100%;}

.custom{ width:100%; height:580px; overflow:hidden; margin:auto; text-align:center; background:#efefef;}
.slidebox{ width:100%; overflow:hidden; position:relative;}
.hd2{ width:100%; height:48px; text-align:center; position:;z-index:111; position:absolute; top:0px;}
.hd2 li{ width:148px; height:48px; display:inline-block;  font-family:"΢ź"; font-size:18px; color:#000033; background-image:url(../images/jian.png); background-repeat: no-repeat; background-position:-20px bottom;transition:500ms;-moz-transition:500ms; -o-transition:500ms; -webkit-trantion:500ms;}
.hd2 li p{width:148px; height:40px;background-color:#dddddd; text-align:center; line-height:40px; }
.hd2 li.on p{ background-color:#c20c25; color:#fff;}
.hd2 li.on{background-position:center bottom;}
.bd2_bd { margin-top:40px;}
.bd2_bd ul{ width:100%; overflow:hidden;}
.bd2_bd ul li{ width:236px; height:310px; float:left; margin-left:4px;}
.bd2_bd ul li img{ width:236px; height:150px; margin-bottom:5px;}
.bd2_target{ width:100%; height:400px;overflow:hidden; position:relative}
.bd2_hd{ width:100px; height:30px; text-align:center; line-height:30px; background-size:100% 100%; position:absolute; left:45%; bottom:0; z-index:222}
.bd2_hd li{ display:inline-block; margin-left:7px;width:12px; height:12px; background:url(../images/btn4.png) no-repeat; background-size:100% 100%;}
.bd2_hd li.on{background:url(../images/btn3.png) no-repeat; background-size:100% 100%;}


.news{ width:100%; overflow:hidden; margin:auto; text-align:center;}
.news ul{ width:100%; overflow:hidden; margin:auto}
.news ul li{ width:50%; height:300px; float:left; position:relative}
.left{ width:50%; float:left; position:absolute; left:0; top:0}
.left img{ width:100%; height:300px;transition:1s;-moz-transition:1s; -o-transition:1ms; -webkit-trantion:1ms;}
.right{ float:left; width:320px; height:300px; position:absolute; left:280px; top:0; z-index:11; background:url(../images/bj5.png) no-repeat; background-size:100% 100%}
.title2{ font-family:"΢ź"; font-size:18px; color:#333333; margin:100px auto 30px;}
.nr{ width:270px; height:70px; overflow:hidden; text-align:center; padding:0 15px 0 35px; font-family:"΢ź"; font-size:14px; color:#666666; line-height:25px;}
.more{ width:40px; height:25px; margin:18px auto auto; display:block}
.left:hover img{ transform:scale(1.2)}
.more2{ width:150px; height:25px;  margin:50px auto; background:url(../images/gd.png) no-repeat; background-position:right center}
.more2 a{font-family:"΢ź"; font-size:18px; color:#333333;}


.footer{ width:100%; height:35px; margin:auto; text-align:center;font-family:"΢ź"; font-size:12px; color:#aaaaaa; background:url(../images/bj6.png); background-size:100% 100%; padding-top:75px; margin-top:-40px;}
.footer a{font-family:"΢ź"; font-size:12px; color:#aaaaaa;}

/*°¸ÀýÕ¹Ê¾*/
.banner2{ width:100%; overflow:hidden}
.banner2 img{ width:100%;}

.header2{ width:100%; height:89px;border-bottom:1px solid #dedede;}
.title3{ display:inline-block;float:left; font-family:"΢ź"; font-size:30px; color:#333; margin-top:29px;}
.title3 span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; margin-left:8px; text-transform:uppercase}
.lj{ float:right; padding-left:28px; background:url(../images/biao.png) no-repeat; background-position:left center; font-family:"΢ź"; font-size:14px; color:#888888; margin-top:35px;}
.lj a{font-family:"΢ź"; font-size:14px; color:#888888;}
.lj a:hover{ color:#c20c25}

.body{ width:100%; overflow:hidden; background:#f5f5f5; padding-bottom:40px;}
.menu2{ width:100%; overflow:hidden; margin:40px auto 20px;}
.menu2 li{ width:88px; height:50px; float:left; margin-right:3px; background:#8f8f8d; text-align:center; line-height:50px;}
.menu2 li a{font-family:"΢ź"; font-size:14px; color:#fff;}
.menu2 li:hover{ background:#e62129}
.menu2 .on{ background:#e62129}

.case{ width:100%; overflow:hidden; margin:auto}
.case li{ width:380px; height:418px; overflow:hidden; float:left; margin:auto auto 30px 30px; background:#fff; border-bottom:2px solid #8f8f8d; position:relative}
.case li img{ width:380px; height:250px;}
.cli_nr{ width:100%; overflow:hidden;}
.cli_title{ width:100%; height:80px; border-bottom:1px solid #e7e7e7; font-family:"΢ź"; font-size:18px; color:#333333; text-align:center; line-height:80px;}
.cli_more{ width:115px; height:35px; margin:25px auto;border:1px solid #e7e7e7;font-family:"΢ź"; font-size:18px; color:#888; text-align:center; line-height:35px;}
.case li:hover{ border-bottom:2px solid #e62129;}
/*.zhezhao1{width:380px; height:250px; background:url(../images/bj7.png) no-repeat; position:absolute; left:-380px; top:0px;transition:500ms;-moz-transition:500ms; -o-transition:500ms; -webkit-trantion:500ms;}
.case li:hover .zhezhao1{ display:block;position:absolute; left:0; top:0px;}*/
.yema{ width:100%; text-align:center; margin-bottom:55px;}
.yema a{ display:inline-block; padding:3px 10px; background:#fff; border:1px solid #e8e8e8; margin-left:8px; font-family:"΢ź"; font-size:14px; color:#666666}
.yema a:hover{ background:#c20c25; color:#fff}


/*°¸ÀýÕ¹Ê¾ÄÚÒ³*/
.bottom{ width:100%; overflow:hidden;}
.left1{ width:600px; height:396px; float:left}
.bd1 img{width:600px; height:396px; }
.right1{ width:540px; padding:0 40px 0 20px; height:396px; float:left; background:#e8e8e8}
.right1_title{ font-family:"΢ź"; font-size:18px; color:#333333; margin:45px auto 32px; height:25px; text-align:center}
.nr2{ width:100%; height:186px; overflow:hidden; border-bottom:1px solid #cecece; padding-bottom:28px;font-family:"΢ź"; font-size:16px; color:#666666; line-height:35px; text-indent:2em}
.rr{ width:100%; overflow:hidden;}
.name{ width:96px; padding-right:12px; height:25px; line-height:25px; margin-bottom:10px; text-align:right; background:url(../images/bj8.png) no-repeat; font-family:"΢ź"; font-size:14px; color:#fff; float:left;}
.wz{ float:right; width:420px; font-family:"΢ź"; font-size:14px; color:#666666; line-height:25px;}
.tel2{ float:left; margin-top:20px;}
.tel33{ float:left; margin-top:20px; margin-left:50px}
.price{ font-family:"Arial Black", Gadget, sans-serif; color:#c20c25}
.hd1{ width:100%; height:30px; text-align:center; line-height:30px; background:url(../images/bj9.png) no-repeat; background-size:100% 100%;position:absolute; left:0;bottom:0;z-index:1}
.bottom_bottom{ width:100%; overflow:hidden; font-family:"΢ź"; font-size:16px; color:#333333; line-height:30px;}
.bb_top{ width:100%; height:74px; line-height:74px; text-align:left; border-bottom:1px solid #cecece}
.bb_title{ display:inline-block; font-family:"΢ź"; font-size:24px; color:#333333; border-bottom:2px solid #c20c25}
.bottom_bottom p{ margin-top:30px; text-indent:2em}


/*¹ØÓÚ÷èÑï*/
.img1{ width:100%}
.about{ width:100%; overflow:hidden; text-align:left; font-family:"΢ź"; font-size:14px; color:#333333; line-height:30px;text-indent:2em;margin:30px auto;}
.about_title{ width:100%; text-align:left; font-family:"΢ź"; font-size:24px; color:#333333; margin:0px auto 0px}
.discript{ width:94%; overflow:hidden; font-family:"΢ź"; font-size:18px; color:#666666; line-height:40px; padding:35px 3%; background:#eeeeee; text-align:left;}


/*ÒµÎñ·¶Î§*/
.work{ width:100%; overflow:hidden; text-align:left; font-family:"΢ź"; font-size:14px; color:#333333; line-height:30px}


/*¹ãÄÉÏÍ²Å*/
.top1{ width:100%; overflow:hidden}
.top1_title{ width:100%; overflow:hidden; text-align:center; font-family:"΢ź"; font-size:30px; color:#333333; margin:40px auto 15px;}
.tips{ width:100%; overflow:hidden; text-align:center; font-family:"΢ź"; font-size:18px; color:#666666; line-height:28px;}
.tips p{ font-family:"΢ź"; font-size:14px; color:#333; margin-bottom:20px}
.tips p span{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#c20c25}

.ul1{ width:100%; overflow:hidden; margin-top:40px;}
.ul1 li{ width:100%; overflow:hidden; background:#fff;border:1px solid #dadada; margin-bottom:10px;}
.top2{width:100%; height:65px; overflow:hidden; line-height:65px;font-family:"΢ź"; font-size:14px; color:#666666;}
.name1{ width:430px; float:left; text-align:left; margin-left:20px; font-family:"΢ź"; font-size:18px; color:#c20c25}
.zp{ width:235px; float:left;}
.stu{ width:197px; float:left;}
.time{ width:217px; float:left;}
.button{ width:80px; height:30px; float:left; margin-top:19px; text-align:center; line-height:30px; background:#7b7b7b; border-radius:5px; color:#fff;font-family:"΢ź"; font-size:12px;}
.active{ background:#c20c25}
.top2 span{ font-family:"΢ź"; font-size:14px; color:#666666; font-weight:bold}
.ul1 li:hover .top2{ background:#c20c25; color:#fff}
.ul1 li:hover .top2 span{ color:#fff}
.ul1 li:hover .button{ background:#fff; color:#000}
.ul1 li:hover .name1{ color:#fff}















.bottom2{ width:1160px; padding:0 20px; line-height:30px; overflow:hidden;border-top:1px solid #dadada;font-family:"΢ź"; font-size:14px; color:#666666; display:none}
.name2{ font-family:"΢ź"; font-size:14px; color:#333333; font-weight:bold; margin:25px auto}
.tips2{ font-family:"΢ź"; font-size:14px; color:#666666; margin:40px auto 30px;}
.tips2 span{ font-family:"΢ź"; font-size:14px; color:#c20c25; font-weight:bold;}

/*ÁªÏµÎÒÃÇ*/
.contact{ width:100%; overflow:hidden; text-align:center; font-family:"΢ź"; font-size:14px; color:#333333; line-height:30px;}
.title4{ width:100%; text-align:center; font-family:"΢ź"; font-size:24px; color:#333333; margin:60px auto 19px;}
.contact p span{ font-family:"΢ź"; font-size:18px; color:#c20c25; font-weight:bold}
.img2{ max-width:100%; margin:55px auto}




/*ÐÂÎÅ¶¯Ì¬*/
.news1{ width:100%; overflow:hidden;}
.news1 li{ width:300px; height:390px; overflow:hidden; padding:0 40px; float:left; margin-left:30px; background:#e8e8e8; margin-bottom:30px}
.ntitle{ width:100%; height:17px; overflow:hidden;font-family:"΢ź"; font-size:14px; color:#888888; margin-top:40px;}
.nwz{width:100%; height:30px; overflow:hidden; font-family:"΢ź"; font-size:14px; color:#333333; line-height:30px;}
.ntime{width:100%; height:17px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#888888; }
.nmore{width:100%; height:17px; overflow:hidden; font-family:"΢ź"; font-size:14px; color:#c20c25; margin-top:25px;}
.news1 li img{ width:300px; height:164px; margin:40px auto;}
.news1 li:hover{ background:#fff}


/*ÐÂÎÅ¶¯Ì¬ÏêÇé*/
.news_nr{ width:100%; overflow:hidden; font-family:"΢ź"; font-size:14px; color:#333333; line-height:30px;}
.news_top{ width:100%; overflow:hidden; border-bottom:1px solid #dedede}
.ntitle2{ width:100%; text-align:left; font-family:"΢ź"; font-size:24px; color:#333333; margin:50px auto 20px;}
.time2{font-family:"΢ź"; font-size:14px; color:#888; float:left; margin-bottom:10px;}
.fx{font-family:"΢ź"; font-size:14px; color:#888; float:right; margin-right:27px;}
.news_bottom{ width:100%; overflow:hidden;}
.img3{ margin:30px auto}
.fanye{ width:100%; overflow:hidden; margin-top:50px;}

.fanye a{ display:block; font-family:"΢ź"; font-size:14px; color:#666666; margin-bottom:10px;}
.fanye a span{ display:inline-block; width:100px; height:40px; margin-right:13px; line-height:40px; text-align:center; border:1px solid #e8e8e8}
.fanye a:hover span{ background:#e62129; color:#fff}




/*Ðü¸¡*/
.swt_fr{position:fixed;top:628px;right:10px;z-index:22; display:none}.swt_fr a{display:block;width:71px;	height:67px;margin-bottom:5px;}
.swt_fr .a1 {background:url(../images/icon-sidebar.png)}
.swt_fr .a1:hover{background:url(../images/icon-sidebar.png) -71px 0px no-repeat;}
.swt_fr .a2 {background:url(../images/icon-sidebar.png) -0px -70px}
.swt_fr .a2:hover{background:url(../images/icon-sidebar.png) -71px -70px no-repeat;}
.swt_fr .a3 {background:url(../images/icon-sidebar.png) -0px -141px}
.swt_fr .a3:hover{background:url(../images/icon-sidebar.png) -71px -141px no-repeat;}
.swt_fr .a4 {background:url(../images/icon-sidebar.png) -0px -212px}
.swt_fr .a4:hover{background:url(../images/icon-sidebar.png) -71px -212px no-repeat;}
.swt_fr .a5 {background:url(../images/icon-sidebar.png) -0px -283px}
.tel3{ display:inline-block;  width:150px; text-align:center; height:65px; line-height:65px; background:#e62129; color:#fff;font-family:Arial, Helvetica, sans-serif; font-size:18px; position:fixed; right:-165px; top:162px;z-index:11;transition:500ms;-moz-transition:500ms; -o-transition:500ms; -webkit-trantion:500ms;}









