@charset "utf-8";
/* CSS Document */
/* powered by:杭州翰臣科技有限公司 方小燕; */
/*http://www.68hanchen.com http://68hanchen.com*/
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/*#ff8a00; 翰臣科技有限公司VI色系*/

body{ margin:0; padding:0; font-family: '微软雅黑' , 'arial'; font-size:12px; color:#404040;}
input ,textarea , select{ font-family: '微软雅黑' , arial; outline: none; border: 0 none; background: none;}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd{ margin:0; padding:0;}
a, a:hover, a:visited, li, li:hover, dd, dd:hover{ text-decoration:none; color:#404040;}
ul,li{ list-style:none; margin:0; padding:0;}
img{ border:0 none; text-decoration:none; padding: 0; margin: 0;}
.clear{ clear:both; width:0; height:0;}
html{ overflow-x:hidden;}

@font-face{
	font-family: 'Helvetica Neue LT Pro';
	src:url(../font/HelveticaNeueLTPro-ThEx.otf);
}

/* head */
.head{ width: 1200px; margin: 0 auto; padding: 10px 0; height: 80px;}
.head .logo{ float: left; width: 350px;}
.navigation{ width: 700px; float: right; margin-right: -40px;}
.navigation .headTel{ text-align: right; color: #ca2828; font-size: 12px; background: url(../images/topTel.jpg) no-repeat 430px 9px; line-height: 26px; margin-right: 40px;}
.navigation .headTel b{ font-size: 18px;}
.navigation ul{ width: 700px;}
.navigation ul li{ float: left; background: url(../images/navLine.jpg) no-repeat left center; position: relative;}
.navigation ul li a{ display: block; font-size: 16px; line-height: 50px; padding-right: 40px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.navigation ul li span{ position: absolute; display: block; width: 0%; height: 1px; bottom: 8px; left: 0; background-color: #ca2828; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.navigation ul li:hover span , .navigation ul li.current span{ width: 80%;}
.navigation ul li:hover a , .navigation ul li.current a{ color: #ca2828;}

/**** banner *****/
.banner{ width:1920px; position:relative; left:50%; margin-left:-960px; overflow:hidden;}
.banner .slides_container{ width:1920px; height:626px; position:relative; overflow:hidden; display:block;}
.banner .slides_container li ,.banner .slides_container li a ,.banner .slides_container li a img{ width:1920px; display:block;}
#slides .next{ width:40px; height:80px; position:absolute; right:280px; top:280px; z-index:10; display:block;}
#slides .prev { position:absolute; top:280px; left:280px; width:40px; height:80px; display:block; z-index:10;}
.banner .pagination { margin-top:-40px; position:absolute; z-index:100; right:40px; left:50%; margin-left:-45px; display: none;}
/*.banner .pagination li {float:left; margin:0 1px; list-style:none; }
.banner .pagination li a {display:block; width:12px; font-size:0px; height:12px; background: #cc3b13; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float:left; overflow:hidden; margin-left:10px; font-size:0px; line-height:1000px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}*/
.banner .pagination li.current a,.banner .pagination li a:hover{ background: #414141;}
/* index */
.inWrapper{ width: 100%; background-color: #fefef9; padding: 20px 0 60px 0;}
.main{ width: 1200px; margin: 0 auto;}
.lfAbout{ width: 360px; float: left; padding-right: 24px; border-right: 1px dotted #aaa; margin-right: 30px;}
.lfAbout .tit{ background: url(../images/inNewsTit.png) no-repeat left top; padding-left: 32px; line-height: 30px; height: 34px; margin-bottom: 25px; color: #fff; font-size: 14px;}
.lfAbout .img{ padding: 10px 10px 30px 8px; background: url(../images/inNewsBg.jpg) no-repeat left top; width: 338px; height: 126px; margin-bottom: 10px;}
.lfAbout .img a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.lfAbout .img img{ width: 100%; -webkit-transition:-webkit-transform 0.8s ease-out; -moz-transition:-mos-transform 0.8s ease-out; -ms-transition:-ms-transform 0.8s ease-out; transition:transform 0.8s ease-out;}
.lfAbout .img:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s;}
.lfAbout .txt{ color: #808080; font-size: 12px; line-height: 18px;}
.lfAbout .txt h3{ font-size: 16px; font-weight: normal; line-height: 18px; margin-bottom: 20px; color: #4d4d4d;}
.lfAbout .txt p{ height: 54px; overflow: hidden;}
.lfAbout .more{ display: block; width: 80px; height: 28px; padding-left: 16px; border: 1px solid #ccc; text-align: center; line-height: 28px; text-transform: uppercase; color: #999; vertical-align: middle; background: url(../images/moreIcon.png) no-repeat 16px center; margin-top: 30px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.lfAbout .more:hover{ color: #ca2828; border-color: #ca2828; background: url(../images/moreIcon1.png) no-repeat 16px center;}
.ctNews{ float: left; position: relative; width: 378px; height: 306px; border: 1px solid #ccc; background-color: #fff; margin-top: 10px; padding: 30px 0;}
.ctNews .tit{ position: absolute; left: 10px; top: -11px; background: url(../images/inNewsTIcon.png) no-repeat left center; padding: 0 10px; width: 80px; text-align: center; color: #ca2828;}
.ctNews .tit h3{ background-color: #fafaf9; height: 20px; font-size: 18px; font-family: '方正大黑简体','微软雅黑'; font-weight: normal;}
.ctNews a{ -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.ctNews .more{ position: absolute; width: 58px; height: 22px; line-height: 22px; text-align: center; display: block; right: 10px; top: -10px; color: #ccc; border: 1px solid #ccc; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.inNewsList li{ height: 30px;}
.inNewsList li a{ display: block; padding: 0 18px 0 10px; overflow: hidden; line-height: 30px;}
.inNewsList li a i{ float: left; display: block; width: 10px; height: 30px; background: url(../images/inNewsIcon1.png) no-repeat right center; margin-right: 10px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.inNewsList li a p{ float: left; width: 226px; height: 30px; overflow: hidden; font-size: 14px;}
.inNewsList li a span{ float: right;}
.inNewsList li:hover a , .ctNews .more:hover{ color: #ca2828;}
.inNewsList li:hover a i{ background: url(../images/inNewsIcon1.png) no-repeat left center;}
.inRgBox{ float: right; width: 376px; overflow: hidden;}
.inRgBox .box{ width: 182px; height: 182px; float: left; margin-bottom: 12px;}
.inRgBox .box a{ display: block; width: 182px; height: 146px; color: #fff; text-align: center; padding-top: 36px;}
.inRgBox .box a h3{ font-size: 16px;}
.inRgBox .box a img{ margin-bottom: 20px; position: relative; top: 0;}
.inRgBox .boxa{ background-color: #297dd7; margin-right: 12px;}
.inRgBox .boxb{ background-color: #36cbcc;}
.inRgBox .boxc{ background-color: #0198ff; margin-right: 12px;}
.inRgBox .boxd{ background-color: #93d052;}

/********** foot **********/
.footer{ width: 100%; background-color: #242643; padding: 44px 0; padding-bottom: 20px;}
.foot{ width: 1200px; margin: 0 auto; color: #fff;}
.foot a{ color: #fff; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.foot a:hover{ color: #ca2828;}
.footTop{ height: 190px;}
.WeChat{ float: left; width: 186px; overflow: hidden;}
.WeChat .img{ width: 107px; height: 107px; border: 1px solid #ccc; float: left; margin-right: 16px;}
.WeChat .img img{ width: 100%;}
.WeChat h3{ font-size: 18px; width: 22px; float: left; line-height: 20px; padding-top: 4px;}
.footCenter{ float: left; width: 814px;}
.footNav{ border-bottom: 1px solid #414257; line-height: 24px; padding-bottom: 10px; overflow: hidden; margin-bottom: 10px;}
.footNav li{ float: left;}
.footNav li a{ display: block; padding-right: 50px;}
.footCenter dl dd{ line-height: 22px; color: #fff;}
.footFriendLink{ float: right; width: 88px; position: relative;}
.friendHd{ width: 74px; height: 27px; background: url(../images/linkBg.png) no-repeat left center; line-height: 26px; padding-left: 12px; cursor: pointer;}
.friendLink{ position: absolute; left: 0; top: 27px; width: 100px; padding: 10px 0; display: none; background-color: #242643;}
.friendLink a{ display: block; line-height: 24px; padding-left: 10px;}
.footBottm{ overflow: hidden;}
.footBottm .p1{ float: left;}
.footBottm .p2{ float: right;}
/********** products ************/
.banner1{ width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 320px; border-top: 1px solid #ccc;}
.title{ text-align: center; margin-bottom: 40px; position: relative;}
.title h1{ font-size: 24px; line-height: 45px; height: 45px; background: url(../images/titleBg.png) no-repeat center; color: #676767;}
.title span{ display: block; font-size: 18px; font-family: '方正兰亭细黑_GBK','微软雅黑'; text-transform: uppercase; line-height: 40px;}
.proSectionOne{ width: 100%; padding: 62px 0;}
.proList{ width: 1200px; margin: 0 auto;}
.proList li{ float: left; width: 168px; margin-right: 20px; height: 230px; margin-bottom: 50px;}
.proList li.last{ margin-right: 20;}
.proList li a{ display: block; width: 168px; height: 224px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.proList li .img{ width: 168px; height: 224px; overflow: hidden;}
.proList li .img img{ width: 100%; height: 224px; }
.proList li p{ text-align: center; font-size: 14px; line-height: 22px; margin-top: 8px;}
.proList li:hover a , .proList li.on a{ background-color: #f0f0f0; color: #c33c3c; height: 210px;}

.proinfoWrapper{ width: 1200px; margin: 0 auto; padding: 60px 0;}
.proinfoT{ text-align: center; font-size: 24px; line-height: 30px; padding-bottom: 20px; background: url(../images/line.jpg) no-repeat center bottom; margin-bottom: 30px;}
.proMain{ font-size: 14px; line-height: 24px; color: #808080;}
.proMain img{ display: block; margin: 0 auto; margin-bottom: 40px; max-width: 100%;}
















/*.proSectionTwo{ background-color: #f7f7f7; padding: 56px 0 130px 0;}
.proInfoBox{ width: 1200px; margin: 0 auto;}
.proInfoItem h2{ text-align: center; font-size: 24px; line-height: 30px; position: relative; font-weight: normal; padding-bottom: 10px; margin-bottom: 30px;}
.proInfoItem h2:after{ position: absolute; content: ''; left: 50%; bottom: 0; width: 50px; height: 1px; background-color: #ccc; margin-left: -25px;}
.proInfoB .proImg{ float: left; width: 400px; height: 300px; overflow: hidden;}
.proInfoB .proImg img{ width: 100%;}
.proTxtList{ width: 758px; float: right; border: 1px solid #ccc;}
.proTxtItem{ margin-bottom: 4px;}
.proTxtItem.last{ margin-bottom: 0;}
.proTxtItem .proTxtHd{ display: block; padding: 0 20px; background-color: #dbdbdb; font-size: 14px; line-height: 40px; position: relative; height: 40px;}
.proTxtItem .proTxtHd i{ display: block; width: 20px; height: 20px; position: absolute; right: 20px; top: 10px; background: url(../images/proListIcon.png) no-repeat center; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.proTxtItem .proTxt{ padding: 20px; font-size: 12px; line-height: 24px; color: #696969;}
.proTxtItem .proTxtHd.proTxtActive{ border-bottom: 1px solid #ccc;}
.proTxtItem .proTxtHd.proTxtActive i{ transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg);}*/
/************* about *************/
.aboutBox{ width: 1200px; margin: 0 auto;}
.aboutBox img{ max-width: 1200px; display: block; margin: 0 auto;}
.aboutBox .txtBox{ text-align: center; padding-top: 36px; font-size: 12px; line-height: 24px; color: #808080;}
.aboutBox .txtBox h3{ position: relative; font-size: 18px; font-weight: normal; padding-bottom: 10px; margin-bottom: 10px; color: #4d4d4d;}
.aboutBox .txtBox h3:after{ position: absolute; content: '' ;left: 50%; margin-left: -25px; bottom: 0; background-color: #ccc; height: 1px; width: 50px;}
.aboutBox .txtBox .txt{ padding: 0 206px;}

.hisSection{ width: 100%; background: url(../images/historyBg.jpg) no-repeat center top; padding: 60px 0;}
.historyBox{ width: 1200px; margin: 0 auto; }
.historyBox .title{ margin-bottom: 26px;}
.historyTime{ width: 1200px; height: 80px; overflow: hidden; margin-bottom: 40px; position: relative;}
.historyTime ul{position: absolute; left: 0; top: 0; height: 80px;}
.historyTime ul li{ float: left; height: 80px; overflow: hidden;}
.historyTime ul li p{ float: left; width: 80px; height: 80px; background-color: #ccc; line-height: 80px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 18px; font-family: 'Helvetica Neue LT Pro','arial'; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.historyTime ul li span{ display: block; float: left; width: 62px; height: 30px; margin: 26px 36px 0 42px; background: url(../images/hisArrow.png) no-repeat center;}
.historyTime ul li.cur p , .historyTime ul li:hover p{ background-color: #fafafa; color: #ff0000;}
.historyTxt{ width: 800px; height: 200px; background-color: #fafafa; overflow: hidden; margin: 0 auto; position: relative;}
.historyTxt ul{ width: 999999px; position: absolute; overflow: hidden;}
.historyTxt ul li{ float: left; width: 800px;}
.historyTxt li .txtBox{ width: 628px; height: 160px; margin: 0 auto;/* background-color: #fafafa;*/ padding: 20px 86px; line-height: 24px;}
.historyTxt li .txtBox h3{ text-align: center; font-size: 18px; font-weight: normal; padding-bottom: 14px; position: relative; margin-bottom: 10px;}
.historyTxt li .txtBox h3:after{ position: absolute; content: ''; width: 50px; height: 1px; left: 50%; margin-left: -25px; background-color: #ccc; bottom: 0;}
.historyTxt li .txtBox .txt{ color: #808080; text-align: center; height: 96px; overflow: hidden;}

.honorSection{ padding: 60px 0;}
.honorBox{ width: 1200px; width: 1032px; margin: 0 auto; position: relative;}
.honorBox .honorArrow{ display: block; width: 43px; height: 85px; float: left; top: 50px; cursor: pointer; position: absolute; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.honorBox .prev{ background: url(../images/honorLf.png) no-repeat center; left: -84px;}
.honorBox .next{ background: url(../images/honorRg.png) no-repeat center; right: -84px;}
.honorBox .prev:hover{ background: url(../images/honorLfHover.png) no-repeat center;}
.honorBox .next:hover{ background: url(../images/honorRgHover.png) no-repeat center;}
.honorBox .honor{ width: 1032px;}
.honorList li{ width: 243px; height: 182px; float: left; margin-right: 20px;}

.newsSection{ background-color: #f5f5f5; padding: 60px 0;}
.newsBox{ width: 1200px; margin: 0 auto;}
.newsBox li{ margin-bottom: 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.newsBox li a{ overflow: hidden; display: block; width: 100%; height: 143px;}
.newsBox li .img{ float: left; width: 190px; height: 143px; margin-right: 40px; overflow: hidden;}
.newsBox li .img img{ width: 100%; -webkit-transition:-webkit-transform 0.8s ease-out; -moz-transition:-mos-transform 0.8s ease-out; -ms-transition:-ms-transform 0.8s ease-out; transition:transform 0.8s ease-out;}
.newsBox li:hover .img img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s;}
.newsBox li .txt{ float: left; width: 934px; line-height: 24px; position: relative;}
.newsBox li .txt h3{ font-weight: normal; font-size: 18px; line-height: 50px; height: 50px; overflow: hidden;}
.newsBox li .txt p{ height: 48px; overflow: hidden; margin-bottom: 6px;}
.newsBox li .txt i{ font-style: normal; font-size: 14px; color: #999;}
.newsBox li .txt span{ text-transform: uppercase; font-family: 'Helvetica Neue LT Pro','arial'; color: #969696; position: absolute; right: 0px; top: 28px;}
.newsBox li .txt em{ display: block; width: 62px; height: 24px; line-height: 24px; background: url(../images/newsArrow.png) no-repeat right center; position: absolute; right: 0; bottom: 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.newsBox li:hover .txt em{ background: url(../images/newsArrow_01.png) no-repeat left center; right: -10px;}
.newsBox li:hover{ background-color: #fff;}
.newsMore{ width: 296px; height: 36px; margin: 0 auto; text-align: center; text-transform: uppercase; font-size: 18px; background-color: #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; padding: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.newsMore a{ display: block; border: 1px solid #fff; line-height: 34px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-family: 'Helvetica Neue LT Pro','arial'; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
.newsMore:hover a{ color: #ff0000; background: url(../images/newsMore1.png) no-repeat 267px center; /*border: 1px solid #ccc;*/}
.newsMore:hover{ background-color: #fff;}

/*********** solution ***********/
.solSection{ padding: 60px 0; width: 1200px; margin: 0 auto;}
.solutionStep{ margin-bottom: 84px;}
.solutionStep li{ float: left; text-align: center;}
.solutionStep li.stepItem{ background: url(../images/solStepBg.jpg) no-repeat center top; width: 186px; height: 187px; padding: 20px 0 0 6px;}
.solutionStep li.stepItem .icon{ margin: 0 auto; width: 60px; margin-bottom: 30px; height: 53px;}
.solutionStep li.stepItem p{ font-size: 14px; line-height: 24px; margin-bottom: 34px;}
.solutionStep li.stepItem span{ color: #fff; font-size: 34px; font-family: arial;}
.solutionStep li.stepArrow{ width: 24px; padding: 92px 8px 0 16px;}

.orderBox{ width: 754px; margin: 0 auto;}
.orderBox .orderB{ overflow: hidden; margin-bottom: 20px; line-height: 40px;}
.orderBox .orderB p{ margin: 0 17px; float: left; width: 340px; border-bottom: 1px solid #4f4f4f;}
.orderBox .orderB p label{ font-size: 14px; margin-right: 16px; display: inline;}
.orderBox .orderB p input{ width: 280px; height: 38px; line-height: 38px; display: inline;}
.orderBox .orderB p.p1{ width: 718px;}
.orderBox .orderB p.p1 input{ width: 660px;}
.orderBox .orderB p.p2{ width: 340px; height: 40px; border: 0 none;}
.orderBox .orderB p.p2 select{ width: 100%; height: 40px; border: 1px solid #4f4f4f;}
.orderBox .orderB .message{ margin: 0 17px; width: 705px; border: 1px solid #4f4f4f; line-height: 24px; padding: 6px;}
.orderBox .btn{ width: 202px; height: 46px; padding: 2px; margin: 0 auto; background-color: #818181; text-align: center; line-height: 44px; border: 2px solid #f3f3f3;}
.orderBox .btn a{ display: block; border: 1px solid #a7a7a7; color: #fff; font-size: 14px; -webkit- transition: all .3s; -moz- transition: all .3s; -ms- transition: all .3s; transition: all .3s;}
.orderBox .btn:hover{ background-color: #fe0000;}
.orderBox .btn:hover a{ border: 1px solid #fff;}

/********** contact **********/
.contactSection , .contactSectionTwo , .salseSectionOne{ padding: 60px 0;}
.contactMain{ width: 1200px; margin: 0 auto;}
.map{ width: 658px; height: 481px; float: left; border: 1px solid #ccc;}
.contactMsg{ float: right; width: 480px; text-align: center;}
.contactMsg h3{ font-weight: normal; font-size: 20px; background: url(../images/contactIcon1.jpg) no-repeat 72px center #f0f0f0; padding-left: 40px; margin-bottom: 18px; height: 80px; line-height: 80px;}
.contactMsg p{ padding-top: 60px; height: 58px; line-height: 50px; margin-bottom: 18px; font-size: 14px;}
.contactMsg p.p1{ background: url(../images/contactIcon2.jpg) no-repeat center top #f0f0f0;}
.contactMsg p.p2{ background: url(../images/contactIcon3.jpg) no-repeat center top #f0f0f0;}
.contactMsg p.p3{ background: url(../images/contactIcon4.jpg) no-repeat center top #f0f0f0;}
.contactSectionTwo , .salseSectionOne{ background-color: #f7f7f7;}
.message{ width: 1200px; margin: 0 auto;}
.msgBox , .emailBox{ margin-bottom: 40px;}
.msgBox p{ float: left; }
.message label{ font-size: 18px;}
.msgBox input{ width: 478px; height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #ccc; margin-left: 6px;}
.msgBox .p1{ float: right;}
.emailBox input{ width: 1116px; height: 28px; line-height: 28px; border: 1px solid #ccc; margin-left: 6px; padding: 0 10px;}
.msg{ position: relative; margin-bottom: 50px;}
.msg label{ display: block; margin-bottom: 10px;}
.msg textarea{ width: 1178px; border: 1px solid #ccc; border-radius: 3px; height: 116px; padding: 10px;}
.msg span{ position: absolute; color: #999; right: 10px; bottom: 6px;}
.msgBtn{ text-align: center; }
.msgBtn p{ display: inline-block; width: 236px; height: 36px; background-color: #e6e6e6; padding: 2px; margin: 0 39px;}
.msgBtn a{ display: inline-block; *display: inline; *zoom:1; width: 234px; height: 34px; border: 1px solid #fff; font-size: 18px; line-height: 34px; letter-spacing: 2px; -webkit-tansition: all .3s; -moz-tansition: all .3s; -ms-tansition: all .3s; tansition: all .3s;}
.msgBtn a:hover{ color: #ff0000;}

/************** salse ***************/
.salseSectionOne .title{ top: -60px; opacity: 0; filter: alpha(opacity=0);}
.salseBox{ width: 1200px; margin: 0 auto;}
.salseTxt{ text-align: center; line-height: 24px; color: #808080; width: 970px; margin: 0 auto; position: relative; top: 60px; opacity: 0; filter: alpha(opacity=0);}
.salseMap{ width: 1200px; margin: 0 auto; text-align: center; padding: 60px 0;}

/********** job **********/
.talentMain{ width: 1200px; margin: 0 auto;}
.ideaList{ margin-bottom: 100px; overflow: hidden;}
.ideaList li{ width: 380px; height: 340px; float: left; margin-right: 28px; text-align: center; background-color: #f0f0f0;}
.ideaList li.last{ margin-right: 0;}
.ideaList li .img{ width: 380px; height: 285px; overflow: hidden; position: relative;}
.ideaList li .img img{ width: 100%; height: 100%;}
.ideaList li p{ font-size: 18px; line-height: 45px; -webkit-tansition: all .3s; -moz-tansition: all .3s; -ms-tansition: all .3s; tansition: all .3s;}
.ideaList li span{ display: block; width: 380px; height: 285px; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); position: absolute; left: 0; top: 0; z-index: 1;}
.ideaList li:hover p{ color: #ff0000;}
.recruitStep{ margin-bottom: 40px; overflow: hidden;}
.recruitStep div{ float: left; padding-right: 134px; background: url(../images/recruitArrow.png) no-repeat 236px center;}
.recruitStep div p{ width: 150px; height: 100px; line-height: 100px; padding-left: 49px; text-align: center; background-color: #f0f0f0; background-repeat: no-repeat; background-position: 34px center; font-size: 18px; line-height: 100px;}
.recruitStep .recruitStepOne p{ background-image: url(../images/recruitIcon1.png);}
.recruitStep .recruitStepTwo p{ background-image: url(../images/recruitIcon2.png);}
.recruitStep .recruitStepThree p{ background-image: url(../images/recruitIcon3.png);}
.recruitStep .recruitStepFour p{ background-image: url(../images/recruitIcon4.png);}
.recruitStep .recruitStepFour{ padding-right: 0; background: none;}
.proSectionTwo{ padding: 60px 0; background-color: #f7f7f7;}
.positionMinBox{ margin-bottom: 74px; height: 160px; }
.positionMinBox .arrow{ float: left; width: 58px; height: 96px; display: block; margin-top: 32px; -webkit-tansition: all .3s; -moz-tansition: all .3s; -ms-tansition: all .3s; tansition: all .3s;}
.positionMinBox .prev{ background: url(../images/posPrev.png) no-repeat center;}
.positionMinBox .next{ background: url(../images/posNext.png) no-repeat center;}
.positionMinBox .prev:hover{ background: url(../images/posPrev1.png) no-repeat center;}
.positionMinBox .next:hover{ background: url(../images/posNext1.png) no-repeat center;}
.positionMinB{ width: 900px; overflow: hidden; float: left; margin: 0 90px; position: relative; height: 160px;}
.positionMinB ul{ position: absolute; height: 160px;}
.positionMinB li{ width: 160px; height: 160px; float: left; margin-right: 80px; border-radius: 50%; background-color: #ccc; background-repeat: no-repeat; background-position: center 32px; cursor: pointer; -webkit-tansition: all .3s; -moz-tansition: all .3s; -ms-tansition: all .3s; tansition: all .3s;}
.positionMinB li.li1{ background-image: url(../images/positionIcon1.png);}
.positionMinB li.li2{ background-image: url(../images/positionIcon2.png);}
.positionMinB li.li3{ background-image: url(../images/positionIcon3.png);}
.positionMinB li.li4{ background-image: url(../images/positionIcon4.png);}
.positionMinB li.li1:hover , .positionMinB li.li1.cur{ background-image: url(../images/positionIcon1_1.png);}
.positionMinB li.li2:hover , .positionMinB li.li2.cur{ background-image: url(../images/positionIcon2_1.png);}
.positionMinB li.li3:hover , .positionMinB li.li3.cur{ background-image: url(../images/positionIcon3_1.png);}
.positionMinB li.li4:hover , .positionMinB li.li4.cur{ background-image: url(../images/positionIcon4_1.png);}
.positionMinB li p{ padding-top: 96px; font-size: 18px; text-align: center; line-height: 40px; -webkit-tansition: all .3s; -moz-tansition: all .3s; -ms-tansition: all .3s; tansition: all .3s;}
.positionMinB li:hover p , .positionMinB li.cur p{ color: #fff;}
.positionTxt{ width: 1200px; height: 527px; overflow: hidden; position: relative;}
.positionTxtList{ position: absolute;}
.positionTxtList li{ float: left; width: 1160px; padding: 0 20px; display: none;}
.posTxtHd{ width: 100%; border-bottom: 1px solid #ccc; overflow: hidden; padding-bottom: 10px; line-height: 24px; font-size: 18px;}
.posTxtHd p{ float: left;}
.posTxtHd a{ float: right;}
.posTxtHd a:hover{ color: #ff0000;}
.posTxtBd{ padding: 30px 0; line-height: 22px;}
.posTxtBd dl{ overflow: hidden; margin-bottom: 30px;}
.posTxtBd dd{ float: left; width: 370px; line-height: 30px;}

/*********** newsinfo ***********/
.newsinfoSection{ padding: 60px 0;}
.newsBox .title{ text-align:center; font-size:24px; font-weight:normal; line-height:30px; padding:30px 0;}
.newsBox .min_info{ border-bottom:1px solid #ddd; border-top:1px solid #ddd; overflow:hidden; width:700px; padding:0 250px; line-height:44px; margin-bottom:20px;}
.newsBox .min_info span{ width:150px; float:left; display:block; text-align:center; color:#9a9a9a;}
.newsBox .min_info .from{ text-align:left; width:275px;}
.newsBox .min_info .num{ text-align:right; width:275px;}
.newsBox .article{ margin-bottom:50px; line-height:24px; font-size:14px;}
.newsBox .article img{ margin:10px auto; display: block;}
.newsBox .switch{ position:relative; line-height:24px;}
.newsBox .switch .prev ,.newsBox .switch .next{ width:750px;}
.newsBox .switch .prev:hover , .newsBox .switch .next:hover{ color:#b30309;}
.newsBox .switch .prev:hover a , .newsBox .switch .next:hover a{ color:#b30309; text-decoration:underline;}
.newsBox .switch .back{ position:absolute; right:0; top:0; width:70px; height:26px;}
.newsBox .switch .back a{ display:block; background-color: #666; color:#fff; font-size:14px; line-height:26px; text-align:center;}
.newsBox .switch .back a:hover{ background:#b30309;}





图标转动：
/*.a2{ position:absolute; z-index:10; top:390px; left:510px; -moz-transform 1s;  -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s; }
.a2:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }*/


.page1 span a{border:1px solid #666;color:#666;padding:2px 6px;line-height:15px;height:15px;text-decoration:none;background:#fff;}
.page1 span a:hover{border:1px solid #999;color:#999;}
.page1 span{margin:2px;}
.page1 span.current a{border:1px solid #333;background:#666;color:#fff;}
.page1 span a.disabled{border:1px solid #ccc;color:#ccc;cursor:default;}

.fenye{clear:both; text-align:center;font-size:12px; margin-top:20px;}
.fenye span{padding:5px 10px; border:1px solid #0187C5; margin-left:5px; margin-right:5px;}
.fenye a{ padding:5px 10px; border:1px solid #0187C5; background:#0187C5;color:#fff; margin-left:5px; margin-right:5px;}
.fenye .current{border:1px solid #0187C5;background:#fff;color:#0187C5;}
.fenye .disabled{border:1px solid #0187C5;color:#fff;cursor:default;}