﻿/*@import "/Skins/Default/resetcommon.css";*/

/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}

/**/
.banner{ height:520px; overflow:hidden; position:relative; z-index:8;}
.banner a{ display:block; background:url(Img/Index/banner.jpg) no-repeat center top; height:520px; overflow:hidden;}

.sou{ height:53px; border-bottom:1px solid #d5d5d5;overflow:hidden;}
.s_inp01{ width:231px; margin-top:12px;}
.ip01{width:150px; font:12px "Microsoft Yahei"; height:25px; line-height:25px; background:url(Img/Index/sou1.gif) no-repeat; border:0 ; padding-left:30px;overflow:hidden; color:#a6a6a6;}
.ip02{ width:50px; height:25px; border:0; background:url(Img/Index/sou2.gif) no-repeat; cursor:pointer; overflow:hidden;}
.sou p{ width:600px; color:#666; font:12px "Microsoft Yahei"; height:53px; line-height:53px; overflow:hidden;}
.sou p a{color:#333; padding:0 10px;}

.fen{ width:235px; height:663px; overflow:hidden; background:url(Img/Index/fen_bg.gif); margin-top:30px;}
.fen h2{ height:130px; font:24px "Microsoft Yahei"; text-align:center; font-weight:bold; overflow:hidden;}
.fen h2 a{ display:block; padding-top:40px; color:#fff;}
.fen h2 em{ display:block; font-weight:normal; color:#fff; text-transform:uppercase;}
.fen h4{ width:223px; height:30px; overflow:hidden; font:14px "Microsoft Yahei"; line-height:33px; margin:0 auto;}
.fen h4 a{ color:#333; font-weight:bold; padding-left:32px; display:block; background:url(Img/Index/fen_bg1.gif) no-repeat left top;}
.fen h4 a:hover{background:url(Img/Index/fen_bg2.gif) no-repeat left top; color:#d10808;}
.fen ul{ background:#fff;width:223px; margin:0 auto;}
.fen li{ font:14px "Microsoft Yahei";width:223px; margin:0 auto; border-bottom:1px dashed #ccc; background:#fff url(Img/Index/fen_jt.gif) no-repeat 40px 8px; height:30px; line-height:30px; text-transform:uppercase;}
.fen li a{ color:#666; padding-left:54px;}
.fen .nones{ border:0;}

.fen ul{ display:none;}


.pro{ width:740px; margin-top:30px; overflow:hidden; height:685px; position:relative;}
.tit1{ height:43px; background:#f7f7f7; border:1px solid #eaeaea; overflow:hidden;}
.tit1 li{ width:170px; float:left; font:14px "Microsoft Yahei"; text-align:center; height:43px; line-height:43px;}
.tit1 li a{ display:block; color:#333;}
.tit1 li a:hover,.tit1 .cur a{ font-weight:bold; background:#d2d2d2;}
.pro h5 a{ display:block; width:73px; height:20px; overflow:hidden; position:absolute; top:13px; right:16px;}
.pro2 li{ width:228px; height:266px; border:1px solid #d8d8d8; overflow:hidden; float:left; margin:30px 23px 0 0; position:relative;}
.pro2 li img{ width:228px; height:224px;}
.pro2 li p{ height:26px; overflow:hidden; text-align:center;}
.pro2 li p a{ display:inline-block; width:99px; height:26px; font:12px "Microsoft Yahei"; text-align:center; line-height:26px; color:#fff; background:#333;}
.pro2 li p a.a02{ color:#333; background:#c5c5c5;}
.pro2 li p a:hover{ background:#d10808; color:#fff;}
.pro2 li em{ display:block; width:28px; height:27px; overflow:hidden; position:absolute; top:0; right:0;}
.pro2 li em img{ width:28px; height:27px;}
.pro2 .nones{ margin-right:0;}

.guan1{ height:189px; overflow:hidden; position:relative;}
.guan1 h2 img{ width:1000px; height:189px;}
.guan1 p{ width:214px; height:120px; overflow:hidden; position:absolute; top:48px; right:33px; font:20px "Microsoft Yahei"; color:#fff;}
.guan1 p em{ display:block; font:24px Impact;}
.guan1 p span a{ display:block; width:135px; height:35px; background:#fff; font:14px "Microsoft Yahei"; text-align:center; line-height:35px; color:#da251c; font-weight:bold; margin-top:5px;}
/**/
.why{ height:699px; background:url(Img/Index/why_bg.jpg) no-repeat center top; margin-top:61px;}
.why .content{ position:relative;}
.why h3 a{ display:block; font:40px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#da251c; height:84px; line-height:76px; overflow:hidden; width:1000px; position:absolute; top:0; left:0;}
.why p{ width:440px; height:60px; font:16px "Microsoft Yahei"; color:#666;}
.why p b{ display:block; color:#333;}
.why .p01{ position:absolute; top:150px; left:470px;}
.why .p02{ position:absolute; top:233px; left:560px;}
.why .p03{ position:absolute; top:326px; left:600px;}
.why .p04{ position:absolute; top:428px; left:600px;}
.why .p05{ position:absolute; top:525px; left:555px;}
.why .p06{ position:absolute; top:600px; left:460px;}
/**/
.ys{ background:url(Img/Index/ys_bg.gif) no-repeat center top; height:1082px; overflow:hidden; margin-top:60px;}
.ys .content{ position:relative;}
.ys .p01{ width:495px; height:373px; overflow:hidden; position:absolute; top:193px; right:0;}
.ys .p02{width:488px; height:335px; overflow:hidden; position:absolute; top:664px; left:0;}
.ys h2{ width:575px; height:125px; overflow:hidden; position:absolute; top:10px; left:288px; font:28px "Microsoft Yahei"; font-weight:bold; color:#333;}
.ys h2 em{ display:inline-block; float:left; width:185px; margin-top:5px; height:124px;}
.ys h2 p{ font-size:46px; color:#da251c; height:124px;}
.ys h2 p span{ display:block;font-size:28px; color:#333; position:relative; margin-top:-4px;}
.ys dl{ width:435px; height:168px;}
.ys dt{ font:24px "Microsoft Yahei"; font-weight:bold; color:#333;}
.ys dt em{ color:#999; font-weight:normal;}
.ys dt span{ color:#c61414;}
.ys dt i{ display:block; font:12px Arial, Helvetica, sans-serif; color:#c3c3c3;}
.ys dd{ font:14px "Microsoft Yahei"; line-height:24px; color:#666; margin-top:10px;}
.ys dd em{ color:#c50c0c;}
.ys dd span a{ display:block; width:120px; height:25px; overflow:hidden; background:url(Img/Index/ys_btn1.gif) no-repeat center top; font:12px "Microsoft Yahei"; text-align:center; line-height:25px; color:#fff; margin:15px 0 0 297px;}
.ys .dl01{ position:absolute; top:193px; left:35px;_top:190px;}
.ys .dl02{ position:absolute; top:400px; left:35px;_top:397px;}
.ys .dl03{ position:absolute; top:657px; left:588px;_top:654px;}
.ys .dl04{ position:absolute; top:864px; left:588px;_top:861px;}

.guan2 p{ display:block; background:url(Img/Index/guan2.jpg) no-repeat center top; height:263px; overflow:hidden;}

.case{ height:350px; margin-top:64px; overflow:hidden;}
.case h2{ height:105px; font:28px "Microsoft Yahei"; text-align:center; font-weight:bold; background:url(Img/Index/case_h.gif) no-repeat center 1px;}
.case h2 a{ color:#c50c0c;}
.case h2 em{ display:block; font:22px Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase;}
.case .arr1{ width:40px; height:40px; margin-top:88px;}
.case li{ width:281px; float:left; display:inline; margin:0 0 0 18px;}
.case li img{ width:277px; height:180px; border:2px solid #d9d9d9;}
.case li em{ display:block; font:14px "Microsoft Yahei"; text-align:center; height:34px; line-height:34px; color:#333; cursor:pointer;}

.wit{ width:585px; height:493px; border:1px solid #d9d9d9; border-top:2px solid #c31212; padding:0 30px;}
.tit2{ height:32px; margin-top:10px; background:url(Img/Index/wit_line.gif) no-repeat left bottom; font:16px "Microsoft Yahei"; font-weight:bold;}
.tit2 a{ color:#c50c0c; display:inline-block; background:url(Img/Index/wit_h.gif) no-repeat left center; padding-left:12px;}
.tit2 em{ font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999; padding-left:12px;}
.tit2 span a{ background:none; color:#333; font-family:"宋体"; font-size:12px; font-weight:normal; line-height:32px;}
.wit dl{ height:190px; overflow:hidden; margin-top:28px;}
.wit dt{ width:233px; height:186px; border:2px solid #d9d9d9; float:left; overflow:hidden;}
.wit dt img{ width:233px; height:186px}
.wit dd{ width:324px; float:right; overflow:hidden;}
.wit dd h4 a{ display:block; font:14px "Microsoft Yahei"; font-weight:bold; color:#333; height:27px; overflow:hidden;}
.wit dd p{ font:12px "Microsoft Yahei"; color:#666; margin-top:10px; height:138px; line-height:26px; overflow:hidden;}
.wit dd em a{ display:block; color:#c51a1a;}

.par{ width:305px; height:493px; border:1px solid #d9d9d9; border-top:2px solid #c31212; padding:0 10px;}
.par li{ width:127px; height:57px; float:left; margin:27px 12px 0 12px; display:inline;}
.par li img{ width:125px; height:55px; border:1px solid #d9d9d9;}

.about{width:585px; height:325px; border:1px solid #d9d9d9; border-top:2px solid #c31212; padding:0 30px; margin-top:40px;}
.about dl{ height:260px; overflow:hidden; margin-top:20px;}
.about dt{ width:301px;height:259px;background:url(Img/Index/about_bg.gif) no-repeat center bottom;float:left; overflow:hidden;}
.about dt img{ width:293px; height:231px; padding:3px; border:1px solid #dedede; display:block;}
.about dd{ width:272px; float:right; overflow:hidden;}
.about dd h4 a{ display:block; font:14px "Microsoft Yahei"; font-weight:bold; color:#333; height:27px; overflow:hidden;}
.about dd p{ font:12px "Microsoft Yahei"; color:#666; margin-top:10px; height:180px; line-height:26px; overflow:hidden;}
.about dd em a{ display:block; color:#c51a1a;}

.honor{ width:295px; height:325px; border:1px solid #d9d9d9; border-top:2px solid #c31212; padding:0 15px; margin-top:40px;}
.honor .arr1{ width:40px; height:40px; margin-top:102px;}
.honor li{ width:173px; float:left; margin:20px 0 0 17px; display:inline;}
.honor li img{ width:165px; height:209px;padding:3px; border:1px solid #dedede; display:block;}
.honor li em{ display:block; height:43px; font:12px "Microsoft Yahei"; text-align:center; color:#666; line-height:43px; background:url(Img/Index/honor_bg.gif) no-repeat center top; cursor:pointer;}

.team{ height:350px; border:1px solid #d9d9d9; margin-top:18px; overflow:hidden; position:relative;}
.team h5 a{ display:block; color:#333; font-family:"宋体"; font-size:12px; font-weight:normal; line-height:41px; position:absolute; top:0; right:30px;}
.team .arr1 a{ display:block; width:40px; height:40px; overflow:hidden; background:url(Img/Index/team_l.gif) no-repeat; position:absolute; top:124px; left:35px;}
.team .arr1 a:hover{background:url(Img/Index/team_l2.gif) no-repeat; }
.team .arr2 a{display:block; width:40px; height:40px; overflow:hidden; background:url(Img/Index/team_r.gif) no-repeat; position:absolute; top:124px; right:35px;}
.team .arr2 a:hover{background:url(Img/Index/team_r2.gif) no-repeat;}
.team2{ width:836px; margin:20px auto 0 80px;}
.team dl{width:251px; float:left; display:inline; margin-left:20px;}
.team dt{ width:251px;}
.team dt img{ width:243px; height:163px; padding:3px; display:block;border:1px solid #dedede;}
.team dd h4 a{ display:block; height:48px; font:16px "Microsoft Yahei"; line-height:48px; color:#333; background:url(Img/Index/team_bg.gif) no-repeat center top;}
.team dd p{ font:14px "Microsoft Yahei"; line-height:24px; color:#666;}

.team dd{ text-align:center;}

.tit3{ height:41px; border-bottom:1px solid #dedede; overflow:hidden;}
.tit3 li{ width:117px; height:41px; float:left; font:14px "Microsoft Yahei"; line-height:41px; text-align:center; font-weight:bold; overflow:hidden;}
.tit3 li a{ display:block; color:#da251c;}
.tit3 li a:hover,.tit3 .cur a{ background:#da251c; color:#fff;}


.faq{ width:270px; padding:0 20px; margin-top:40px; height:415px; overflow:hidden;}
.faq .tit2{ font-size:14px; background:url(Img/Index/faq_line.gif) no-repeat left bottom;}
.faq .tit2 a{ background:none; padding:0;}
.faq dl{ padding:26px 0; border-bottom:1px dashed #bcbcbc;}
.faq dt a{ display:block; font:12px "宋体"; font-weight:bold; color:#333; height:18px; line-height:18px; overflow:hidden; background:url(Img/Index/q.gif) no-repeat left center; padding-left:32px;}
.faq dd{ font:12px "宋体"; color:#666; line-height:22px; background:url(Img/Index/a.gif) no-repeat left 2px; padding-left:32px; margin-top:11px;}
.faq .nones{ border:0;}

.dy{ width:645px; padding-right:20px; margin-top:40px; height:445px; overflow:hidden; position:relative;}
.dy h5 a{ display:block; color:#333; font-family:"宋体"; font-size:12px; font-weight:normal; line-height:41px; position:absolute; top:0; right:30px;}
.dy .tit3 li{ font:14px "Microsoft Yahei"; line-height:41px; width:99px;}
.dy .tit3 li a{ color:#333;}
.dy .tit3 li a:hover,.dy .tit3 .cur a{ background:#da251c; color:#fff;}
.dy dl{ width:287px; float:left; overflow:hidden; margin-top:29px;}
.dy dt{ width:285px; height:206px; border:1px solid #ddd; overflow:hidden;} 
.dy dt img{width:285px; height:206px;}
.dy dd h4 a{ display:block; font:12px "Microsoft Yahei"; font-weight:bold; height:42px; line-height:42px; overflow:hidden; color:#e00000;}
.dy dd p{ font:12px "Microsoft Yahei"; line-height:24px; height:72px; overflow:hidden;}
.dy2{ width:318px; float:right; margin-top:29px;}
.dy2 li{ height:34px; border-bottom:1px dashed #8f8f8f; font:12px "Microsoft Yahei"; line-height:34px; overflow:hidden; background:url(Img/Index/dy_jt.gif) no-repeat left 13px; padding-left:12px;}
.dy2 li a{ color:#666;}
.dy2 .nones{ border:0;}
/**/

.online{ background:url(Img/Index/online_bg.jpg) no-repeat center top; height:567px; overflow:hidden;}
.onl{ width:1000px; margin:0 auto; position:relative;}
.onl2{ height:497px; width:430px; position:absolute;top:44px; left:0; overflow:hidden;}
.onl2 h3{ font:18px "Microsoft Yahei"; font-weight:bold; height:66px; overflow:hidden; line-height:66px;}
.onl2 h3 a{ color:#193884;}
.onl2 h3 em{ font:26px "Microsoft Yahei"; color:#bbb; text-transform:uppercase; padding-left:10px;}
.onl2 li{ width:185px; height:32px; border:2px solid #adadad; float:left; margin:15px 15px 0 0;}
.onl2 li span{ display:inline-block; float:left; width:90px; font:14px "Microsoft Yahei"; text-align:right; color:#666; height:32px; line-height:32px;}
.onl2 li span em{ padding:0 14px;}
.onl2 li input{ width:84px; height:32px; border:0; background:none; font:12px "Microsoft Yahei"; line-height:32px; color:#666; overflow:hidden;}
.onl2 .ly{ height:90px; width:390px;}
.onl2 .ly textarea{ width:293px; height:90px;font:12px "Microsoft Yahei"; line-height:30px; background:none; color:#666; border:0; resize:none; overflow:hidden;}
.onl2 li.aaa{ font:13px "Microsoft Yahei"; color:#e63e3e; margin-top:15px; height:20px;width: 400px; border:0px;}
.onl2 .yz{ width:170px; position:relative;}
.onl2 .yz input{ width:64px;}
.onl2 .yz img{ width:75px; height:25px; position:absolute; top:0; left:190px;}
.onl2 .btt{ height:35px; border:0; width:310px; margin-top:30px;}
.onl2 .btt input{ width:130px; height:35px; font:14px "Microsoft Yahei"; text-align:center; background:#e63e3e; line-height:35px; color:#fff; cursor:pointer; margin-right:20px;*margin-right:16px;}
.onl2 .btt .ip03{ background:#999;}

.onl h4{ width:320px; height:320px; overflow:hidden; position:absolute; top:148px; left:465px; font:32px "Microsoft Yahei"; color:#da251c; font-weight:bold;}
.onl h4 span{ color:#294793; display:block;}
.onl h4 p{ font:18px "Microsoft Yahei"; color:#333; margin-top:72px; height:78px;}
.onl h4 em{ display:block; font:14px "Microsoft Yahei"; line-height:24px; color:#333;}

/**/
.link{height:218px;overflow:hidden; position:relative; margin-top:-47px;}
.link h4{ width:82px; height:94px; overflow:hidden; margin:0 auto; background:url(Img/Index/link_h.png) no-repeat center top; font:14px "Microsoft Yahei"; text-align:center;}
.link h4 a{ color:#fff;}
.link h4 em{display:block; font:20px Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase; padding-top:24px;}
.link p{ height:93px; font:14px "Microsoft Yahei"; text-align:center; line-height:42px; color:#000;}
.link p a{ display:inline-block; color:#000; padding:0 30px;}
.link h5 a{ display:block; width:162px; height:36px; background:url(Img/Index/link_btn.png) no-repeat center top; font:12px "宋体"; text-align:center; line-height:36px; color:#fff; margin:0 auto;}
/*index.css end*/

/*flash bannna切换*/
#flashs { position:relative;}
#flashs .bgitem {  }
#flashs .btn{ position:absolute; z-index:7; bottom:22px; right:50%; margin-right:-470px; padding:5px 6px;}
#flashs .btn span{ color:#D10808;  background:#efefef; border:1px solid #D10808; cursor: pointer;display: inline-block;margin-left: 5px;padding:2px 6px;}
#flashs .btn span.cur{ background:#D10808; color:#fff;}