@charset "utf-8";
@import "public.css?v=2112";

/***案例**/
.IExhibitors{width:1200px;  overflow:hidden; margin:0 auto; padding:30px 0; position:relative}
.IExhibitors li { float:left; width:400px}
.IExhibitors li a{  display:block;  width:100%; padding:20px 0;  background:#FFF;  margin:20px auto; position:relative; overflow:hidden;-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;  width:370px;  text-align:center; color:#b8b8b8; font-size:12px;}
.IExhibitors li a:hover img{opacity:0.9;}
.IExhibitors li a:hover{-moz-box-shadow:0 0 47px rgba(204,202,203,0.4); -webkit-box-shadow:0 0 47px rgba(204,202,203,0.4); box-shadow:0 0 47px rgba(204,202,203,0.4);}
.IExhibitors li a img{ text-align:center; display:block; margin:0 auto}
.IExhibitors li a strong{ display:block; margin:0 auto; text-align:center; font-size:15px; line-height:46px; color:#666666}
.IExhibitors li a span{ padding-left:20px}
.IExhibitors li a .text{ padding:20px 30px 0; height:70px; border-top:1px dashed #dddddd; margin-top:20px; line-height:23px; color:#666666}


/*网站当页*/
.conwrap{width:100%; overflow:hidden; border-top:1px solid #ececec;}
.conwrap .content{width:1000px; margin:0 auto; position:relative}                      
.conwrap .content .content_menu{width:80px; position:absolute; top:40px; left:0;}
.conwrap .content .content_menu li{width:auto; height:30px; line-height:30px;}
.conwrap .content .content_menu li a{ display:block; font-size:14px;}
.conwrap .content .content_menu li a:hover{ color:#3abed5; font-size:16px; background:url(../images/q.jpg) right center no-repeat;}
.conwrap .content .content_menu li.cur a{ color:#3abed5; font-size:16px; background:url(../images/q.jpg) right center no-repeat;}

.content_show{ width:1100px; margin:0 auto; overflow:hidden}

.AboutText{ width:1200px; margin:0 auto; padding-bottom:60px}
.Text_Bt{ text-align:center; font-size:20px; padding:60px 0 20px; color:#999999; text-transform:uppercase; font-family:"微软雅黑 Light";}
.Text_Bt span{ display:block; color:#333333; font-size:48px; line-height:48px;  margin-top:15px; font-weight:lighter;}

.AboutText .Text_nr{ margin:10px 0; font-size:16px; color:#666666; line-height:26px;}
.AboutText .Text_nr p{ text-indent:2em; margin-bottom:15px;}


/*团队*/
.trem{ height:555px; background:url(../images/about/trembj.jpg) center center no-repeat; overflow:hidden}
.TremNav{ text-align:center; height:40px; line-height:40px; overflow:hidden;width:1000px; margin:40px auto 0; position:relative}
.TremNav:after{content:".";display:block;height:1px; width:1000px; background:#cccccc; position:absolute; top:20px; left:0; right:0;}
.TremNav li{ float:left; width:140px; background:url(../images/about/trembtn.png) center center no-repeat; color:#999999;  margin-right:32px; z-index:10; position:relative}
.TremNav li span{ display:block; cursor:pointer; margin:0 auto; font-size:16px;}
.TremNav li.cur,.TremNav li:hover{ background:url(../images/about/trembtn01.png) center center no-repeat;  color:#ffe025 }
.TremNav li:nth-last-child(1){ margin-right:0}

.Trem_NR{-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out; width:1000px; margin:0 auto; color:#666666; font-size:13px; padding:70px 0 0; height:210px;}
.TremBOx span{ font-size:18px; font-weight:600; color:#333333}
.TremBOx p{ margin-top:25px;}
.dispaly{ display:none}

.Trem_NR.Tremico00{ background:url(../images/about/trem01.png) right center no-repeat}
.Trem_NR.Tremico01{ background:url(../images/about/trem02.png) right center no-repeat}
.Trem_NR.Tremico02{ background:url(../images/about/trem03.png) right center no-repeat}
.Trem_NR.Tremico03{ background:url(../images/about/trem04.png) right center no-repeat}
.Trem_NR.Tremico04{ background:url(../images/about/trem05.png) right center no-repeat}
.Trem_NR.Tremico05{ background:url(../images/about/trem06.png) right center no-repeat}
.Trem_NR.Tremico06{ background:url(../images/about/trem07.png) right center no-repeat}




/*发展历程*/
.Course_nr{ width:1200px; padding:60px 0 0; margin:30px auto 0; border-top:1px solid #d6d7d8 }
.Course_nr .hd{ position:relative;  }
.Course_nr .hd .prev,.Course_nr .hd .next{display: block; width:14px; height:25px; top:100px;  position: absolute; overflow: hidden;  z-index:1000}
.Course_nr .prev{  background:url(../images/about/left.png) left center no-repeat; left:0px;}
.Course_nr .next{ right:0px; background:url(../images/about/right.png) left center no-repeat; }
.Course_nr .bd{ overflow:hidden;width:1208px; margin:0 auto;}
.Course_nr .scrollWrap{ margin-left:0; width:1208px; overflow:hidden; }
.Course_nr ul{  zoom:1;}

.Course_nr li{ width:332px; float:left; height:332px; position:relative}
.Course_nr li .pic{  display:block; text-align:center; left:0; position:relative;  font-size:22px; color:#333333}
.Course_nr li .pic img{ text-align:center; display:block; border:1px solid #d4d5d6; padding:25px; width:70px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  margin:0 auto 15px}
.Course_nr li .pic span{ display:block; font-size:16px; color:#333333; text-transform:uppercase;}
.Course_nr li .pic i{ display:block; color:#666666; font-weight:normal; margin-top:20px; font-size:20px;}



/***联系我们**/
#map{ width:1100px; margin:60px auto; height:600px;}
#map .iw_poi_title{ font-size:20px; color:#0c83d9; margin-bottom:5px; display:block}
.iw_poi_content{ font-size:14px; color:#666666; line-height:30px; width:320px;}
.iw_poi_content span{ padding-left:70px; display:block}


/*产品中心*/
.nybanner{ height:635px; width:100%; background:url(../images/APP_banner.jpg) center center no-repeat;}
.probanner{ height:500px; width:100%; background:url(../images/banner04.jpg) center center no-repeat;}/*案例*/
.nyaboutbanner{ height:500px; width:100%; background:url(../images/banner03.jpg) center center no-repeat;}
.nydsbanner{ height:440px; width:100%; background:url(../images/bannerds.jpg) center center no-repeat;}/*电商O2O系统*/
.nyssbanner{ height:520px; width:100%; background:url(../images/bannerss.jpg) center center no-repeat;}/*搜索引擎优化*/
.nyappbanner{ height:550px; width:100%; background:url(../images/bannerAPP.jpg) center center no-repeat;}/*app*/
.nyXXCbanner{ height:420px; width:100%; background:url(../images/bannerXXC.jpg) center center no-repeat;}/*公众号&小程序开发*/
.nytrembanner{ height:180px; width:100%; background:url(../images/bannerTrem.jpg) center center no-repeat;}/*团队*/
.nyaboutbanner{ height:180px; width:100%; background:url(../images/bannerabout.jpg) center center no-repeat;}/*关于我们*/
.nyhistorybanner{ height:180px; width:100%; background:url(../images/bannerHistory.jpg) center center no-repeat;}/*发展史*/

.nynewsbanner{ height:200px; width:100%; background:url(../images/bannernews.jpg) center center no-repeat;}/*新闻中心*/



/*营销工具*/
.Marketing_ban{ height:735px; background:url(../images/tool/tool01.jpg) center center no-repeat; position:relative; z-index:2}
.Marketing_top{ width:1200px; margin:-155px auto 20px; text-align:center; background:#FFF; position:relative; z-index:5; -moz-box-shadow:0 10px 24px rgba(153,153,153,0.4); -webkit-box-shadow:0 10px 24px rgba(153,153,153,0.4); box-shadow:0 10px 24px rgba(153,153,153,0.4);}
.Marketing_top > strong{ font-size:42px; font-weight:normal; padding:60px 0 40px; line-height:42px; display:block; color:#333333; font-family:'微软雅黑 Light'}
.Marketing_top ul{ width:auto; overflow:hidden}
.Marketing_top ul li{ width:300px; float:left;}
.Marketing_top ul li strong{ display:block; font-size:20px; color:#666666; font-weight:normal; margin:20px 0 50px}

.Marketing_Left{ width:700px; margin:0 auto; padding:80px 500px 80px 0;  font-family:'微软雅黑 Light'; font-size:16px; line-height:30px; color:#686868}
.Marketing_Left strong{ display:block; font-size:32px; font-weight:normal; margin-bottom:25px; color:#333333;}


.Marketing_Right{ width:800px; padding:100px 0 100px 400px;  margin:0 auto;  font-family:'微软雅黑 Light'; font-size:16px; line-height:30px; color:#686868}
.Marketing_Right strong{ display:block; font-size:32px; font-weight:normal; margin-bottom:25px; color:#333333;}

.Marketing_Right_wrap{ background:#fafafa;}

.Marketing_Left a,.Marketing_Right a{ margin-top:28px; display:block; width:160px; height:45px; background:#0096ff; color:#FFF; font-size:18px; text-align:center; line-height:45px;-moz-box-shadow:0 1px 7px rgba(2,98,233,0.4); -webkit-box-shadow:0 1px 7px rgba(2,98,233,0.4); box-shadow:0 1px 7px rgba(2,98,233,0.4); -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }

.Marketing_Left a:hover,.Marketing_Right a:hover{opacity :0.7}


.Mark01{ background:url(../images/tool/tool06.jpg) right center no-repeat}
.Mark02{ background:url(../images/tool/tool07.jpg) left center no-repeat;}
.Mark03{ background:url(../images/tool/tool08.jpg) right center no-repeat;}
.Mark04{ background:url(../images/tool/tool09.jpg) left center no-repeat;}
.Mark05{ background:url(../images/tool/tool10.jpg) right center no-repeat}
.Mark06{ background:url(../images/tool/tool11.jpg) left center no-repeat;}
.Mark07{ background:url(../images/tool/tool12.jpg) right center no-repeat;}


/*电商*/
.DS_retail{ text-align:center; padding:60px 0}
.DS_retail p{ margin:20px 0 10px; font-size:18px; color:#333333; line-height:36px;}
.DS_retail p strong{ font-size:20px; color:#da121c}
.DS_retail .Scenes{ position:relative;}
.DS_retail .Scenes p{ display:inline-table; padding: 0 15px; text-transform:uppercase; height:35px; background:#2a3549; font-size:16px; color:#ecd76b; margin:10px 11px 50px 0;}
.DS_retail .Scenes span{ font-size:18px; font-weight:bold; color:#2a3549}

.DS_B2B_Wrap{ background:#f6f6f6;}
.DS_Distribution{ height:850px; background:url(../images/ds/ds06.jpg) center center no-repeat; padding-top:71px; padding-bottom:0}

.DS_custom { background:#f0f0f0;}
.DS_custom p{ margin-bottom:30px}

.DS_Custom_Btn{ text-align:center; height:270px; background:url(../images/ds/ds09.jpg) center center no-repeat; color:#FFF; font-size:20px; line-height:36px; padding-top:80px}
.DS_Custom_Btn span{ display:block; font-size:48px; line-height:48px; margin-bottom:20px;}
.DS_Custom_Btn span strong{ color:#ecd76b}
.DS_Custom_Btn a{width:300px; display:block; margin:50px auto 0; font-size:30px; line-height:65px; color:#FFF; height:65px; background:#00a0e9; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;}
.DS_Custom_Btn a:hover{ background:rgba(0,160,233,0.8)}

.DS_select{ background:#da121c; padding:60px 0 40px; text-align:center; color:#FFF}
.DS_select p{ margin:10px 0 10px; font-size:14px; line-height:36px;}
.DS_select ul{ text-align:left; width:1200px; margin:0 auto; padding-top:20px; overflow:hidden}
.DS_select ul li{font-size:14px; line-height:24px; width:260px; margin-top:40px; margin-bottom:30px; float:left; padding-right:20px; padding-left:20px;}
.DS_select ul li strong{ display:block; margin-bottom:10px; font-size:24px; font-weight:normal}
.DS_select ul li strong img{ margin-top:-8px; margin-right:5px}


/****SEO***/
.SEO_ModuleA{ text-align:center; padding:50px 0; font-size:14px; color:#333333; line-height:30px;}
.SEO_ModuleA strong{ display:block; font-size:30px; color:#333333; font-weight:normal; margin-bottom:30px;}
.SEO_ModuleA img{ display:block; margin:45px auto 30px}

.SEO_ModuleB{ background:url(../images/SEO/seo02.jpg) center center repeat;text-align:center;  padding:70px 0 50px}
.SEO_ModuleB ul{ width:1200px; margin:0 auto; overflow:hidden}
.SEO_ModuleB ul li{ width:400px; float:left; line-height:30px; font-size:14px; color:#333333}
.SEO_ModuleB ul li strong{ display:block; font-weight:normal; font-size:30px; color:#333333; margin:30px 0 20px}
.SEO_ModuleB p{ color:#666666; font-size:26px; margin:70px 0 40px}

.SEO_ModuleC_title{ font-size:36px; text-align:center; color:#333333; line-height:36px; margin:70px 0}
.SEO_ModuleC { width:1200px; margin:0 auto 40px; overflow:hidden; background:url(../images/SEO/SEO10.jpg) right center no-repeat}
.SEO_ModuleC li{ min-height:130px; padding-right:500px; padding-left:170px; margin-bottom:60px; font-size:14px; color:#424242}
.SEO_ModuleC li strong{ display:block; font-size:24px; color:#333333; font-weight:normal; margin-bottom:15px; line-height:30px}
.SEO_ModuleC li.act01{ background:url(../images/SEO/SEO07.jpg) left top no-repeat}
.SEO_ModuleC li.act02{ background:url(../images/SEO/SEO08.jpg) left top no-repeat}
.SEO_ModuleC li.act03{ background:url(../images/SEO/SEO09.jpg) left top no-repeat}

.SEO_ModuleD{ background:#e9ecf3; padding:70px 0 40px; text-align:center;}
.SEO_ModuleD strong{ display:block; font-size:36px; font-weight:normal; color:#333333; line-height:36px; margin-bottom:60px}
.SEO_ModuleD .nr{ width:1200px; margin:0 auto; }
.SEO_ModuleD  p{ display:inline-block; margin-bottom:30px; margin-right:22px; background:#FFF; padding:0 25px; height:55px; border:1px solid #dee1e8; line-height:55px; font-size:14px; color:#333333}


.SEO_ModuleE { width:1200px; margin:0 auto; overflow:hidden;}
.SEO_ModuleE li{width:400px; float:left; padding-left:170px; margin-bottom:70px; font-size:12px; line-height:18px; height:160px; color:#424242}
.SEO_ModuleE li strong{ display:block; font-size:22px; color:#333333; font-weight:normal; margin-bottom:15px; line-height:30px}
.SEO_ModuleE li.act01{ background:url(../images/SEO/SEO11.jpg) left top no-repeat}
.SEO_ModuleE li.act02{ background:url(../images/SEO/SEO12.jpg) left top no-repeat; float:right}
.SEO_ModuleE li.act03{ background:url(../images/SEO/SEO13.jpg) left top no-repeat}
.SEO_ModuleE li.act04{ background:url(../images/SEO/SEO14.jpg) left top no-repeat; float:right}


.SEO_ModuleF{ background:#e9ecf3; padding:60px 0 10px; overflow:hidden}
.SEO_ModuleF > strong{ display:block; font-size:36px; text-align:center; font-weight:normal; color:#333333; line-height:36px; margin-bottom:60px}

.SEO_ModuleF .nr{ width:1200px; margin:0 auto; position:relative}
.SEO_ModuleF .nr li{ width:450px; margin-bottom:30px; float:left; line-height:30px; font-size:14px; color:#333333}
.SEO_ModuleF .nr li strong{ display:block; margin:20px 0 10px; font-size:24px; font-weight:normal}
.SEO_ModuleF .nr li img{ position:relative; z-index:10; display:block;}
.SEO_ModuleF .nr:after{ content:''; position:absolute; top:35px; height:1px; background:url(../images/SEO/SEO18.png) left center repeat-x; width:960px; left:0; z-index:5}

/************APP 了解 iOS******************/
.AppPublictitle{ text-align:center; font-size:24px; position:relative; margin-bottom:30px; color:#333333; line-height:30px;}
.AppPublictitle span{ position:relative; z-index:10; display:inline-block; padding:0 10px; background:#FFF}
.AppPublicBtitle{ text-align:center; font-size:38px; color:#333333; line-height:38px; text-transform:uppercase}
.AppPublicBtitle i{ display:block; font-size:13px; color:#888888; line-height:24px; margin-top:15px; font-weight:normal}






/*我们的观点*/
.OpinionWrap{ border-bottom:1px solid #e5e5e5; padding:70px 0 20px}
.OpinionWrap .Opinion{ width:1200px; padding-top:70px; margin:0 auto; overflow:hidden; text-align:center}
.OpinionWrap .Opinion li{ width:400px; float:left; margin:0 auto 40px; padding-top:208px; height:160px; line-height:20px; font-size:14px;}
.OpinionWrap .Opinion li strong{ display:block; color:#333333; font-size:22px; font-weight:normal; margin-top:5px; margin-bottom:15px;}
.OpinionWrap .Opinion li.act01{ background:url(../images/APP/app02.jpg) center center no-repeat}
.OpinionWrap .Opinion li.act02{ background:url(../images/APP/app03.jpg) center center no-repeat}
.OpinionWrap .Opinion li.act03{ background:url(../images/APP/app04.jpg) center center no-repeat}
.OpinionWrap .Opinion li.act04{ background:url(../images/APP/app05.jpg) center center no-repeat}
.OpinionWrap .Opinion li.act05{ background:url(../images/APP/app06.jpg) center center no-repeat}
.OpinionWrap .Opinion li.act06{ background:url(../images/APP/app07.jpg) center center no-repeat}


.AppAdvantage{ border-top:1px solid #e5e5e5; padding:60px 0 20px}

.AppAdvantage .Compared{ width:1200px; margin:0 auto; height:140px;; color:#FFF; line-height:24px;}
.AppAdvantage .Compared .Left{ width:480px; float:left; height:140px; -webkit-border-radius:100px 0 0 100px; -moz-border-radius:100px 0 0 100px; border-radius:100px 0 0 100px; background:url(../images/APP/app11.png) 20px center no-repeat #d52e59; padding-left:120px }
.AppAdvantage .Compared .Right{ width:460px; float:right;  background:url(../images/APP/app12.png) 490px center no-repeat #3fba65; height:140px;  -webkit-border-radius:0 100px 100px 0; -moz-border-radius:0 100px 100px 0; border-radius:0 100px 100px 0; text-align:right; padding-right:140px}
.AppAdvantage .Compared  strong{ display:block; font-size:24px; font-weight:normal; line-height:24px; padding-top:30px; margin-bottom:10px}

.AppAdvantage .Superiority{ height:335px; width:1200px; margin:60px auto; position:relative; background:url(../images/APP/app09.jpg) center center no-repeat}

.AppAdvantage .Superiority .act{ position:absolute; font-size:14px; color:#666666; line-height:20px; background:url(../images/APP/app10.jpg) left top no-repeat;  padding-bottom:20px}
.AppAdvantage .Superiority .act strong{ display:block; font-size:22px; color:#333333; margin-bottom:10px}
.AppAdvantage .Superiority .act01{padding-left:110px; left:0; top:25px}
.AppAdvantage .Superiority .act02{padding-left:110px; left:0; bottom:35px}

.AppAdvantage .Superiority .act03{ text-align:right; padding-right:110px; background:url(../images/APP/app10.jpg) right top no-repeat;  right:0; top:25px}
.AppAdvantage .Superiority .act04{ text-align:right; padding-right:110px;  background:url(../images/APP/app10.jpg) right top no-repeat;  right:0; bottom:35px}




/***综合概述**/

.Appoverview{ border-top:1px solid #e5e5e5; padding:40px 0 0px}

.Appoverview .overview_top{ width:1200px; margin:0 auto; text-align:center; color:#666666; font-size:15px; line-height:24px;}

.Appoverview .overview_list{ overflow:hidden; width:1200px; margin:40px auto; position:relative;}

.Appoverview .overview_list .act{ float:left; text-align:center; font-size:16px; color:#666666; line-height:24px; width:400px; padding-top:250px}
.Appoverview .overview_list .act span{ display:block; font-size:24px; color:#333333; margin-bottom:20px}
.Appoverview .overview_list .act span strong{ color:#d73240}
.Appoverview .overview_list .act01{background:url(../images/APP/app13.jpg) center top no-repeat;}
.Appoverview .overview_list .act02{background:url(../images/APP/app14.jpg) center top no-repeat;}
.Appoverview .overview_list .act03{background:url(../images/APP/app15.jpg) center top no-repeat;}




.IOSsolution{ background:url(../images/APP/app08.jpg) center center no-repeat; height:695px;}

.AppPublic{ width:1200px; margin:0 auto; padding-top:50px;}
.AppPublic .AppPublicnr{ width:auto; overflow:hidden}
.AppPublic .AppPublicnr li{ width:200px; float:left; text-align:center; color:#382e2f; font-size:16px; line-height:40px; overflow:hidden; margin-bottom:10px;}
.AppPublicB{ width:1100px; margin:0 auto; padding-top:80px; padding-bottom:80px;}
.AppPublicB .AppPublicBnr{ width:auto; margin-top:40px; text-align:center; overflow:hidden}


/************ / APP 了解 iOS******************/

/***网站开发***/
.Devtitle{ font-weight:bold; color:#333333; text-transform:uppercase; font-size:36px; line-height:36px; text-align:center}
.Devtitle strong{ display:block; line-height:48px; color:#e5e5e5; font-size:48px; margin-bottom:15px;}
.Devtitle i{ color:#1d86d2}

.DevHeadWrap{ height:1259px; width:auto; background:url(../images/about/dev01.jpg) center center no-repeat}
.DevHeadWrap .DevHead{ text-align:center; padding-top:500px;}



.DevHeadWrap .DevHead ul{ width:auto; width:1100px; overflow:hidden; margin:0 auto 30px; padding-top:20px;}
.DevHeadWrap .DevHead ul li{  display:inline-block; height:200px; text-align:center; font-size:16px; margin-bottom:30px; color:#333333;}
.DevHeadWrap .DevHead ul li > div{ width:200px; height:200px; margin:0 auto;  padding-top:40px; }

.DevHeadWrap .DevHead ul li span{transition:width 1s, height 1s;
            -moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
            -webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
            -o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */ display:block; width:124px; height:124px; margin:0 auto 15px;}
.DevHeadWrap .DevHead ul li.A span{ background:url(../images/about/dev_ico01.png) center center no-repeat;}
.DevHeadWrap .DevHead ul li.B span{ background:url(../images/about/dev_ico02.png) center center no-repeat;}
.DevHeadWrap .DevHead ul li.C span{ background:url(../images/about/dev_ico03.png) center center no-repeat;}
.DevHeadWrap .DevHead ul li.D span{ background:url(../images/about/dev_ico04.png) center center no-repeat;}
.DevHeadWrap .DevHead ul li.E span{ background:url(../images/about/dev_ico05.png) center center no-repeat;}
.DevHeadWrap .DevHead ul li.F span{ background:url(../images/about/dev_ico06.png) center center no-repeat;}

.DevHeadWrap .DevHead ul li.G span{ background:url(../images/about/dev_ico07.png) center center no-repeat;}
.DevHeadWrap .DevHead ul li.H span{ background:url(../images/about/dev_ico08.png) center center no-repeat;}
.DevHeadWrap .DevHead ul li.I span{ background:url(../images/about/dev_ico09.png) center center no-repeat;}



.DevHeadWrap .DevHead ul li:hover span{transform:rotateY(360deg);
            -moz-transform:rotateY(360deg); /* Firefox 4 */
            -webkit-transform:rotateY(360deg); /* Safari and Chrome */
            -o-transform:rotateY(360deg); /* Opera */}

.DevConWrap{ padding:50px 0 20px; width:1200px; margin:0 auto;}
.DevConWrap .DevCon{ width:auto; width:1200px; overflow:hidden; margin:0 auto; padding-top:50px;}
.DevConWrap .DevCon li{ width:300px; float:left; height:280px; font-size:12px; margin-bottom:30px; color:#333333;}
.DevConWrap .DevCon li > div{ width:230px; height:235px; margin:0 auto; padding-left:40px; padding-top:45px; border:1px solid #e6e6e6; line-height:24px;}
.DevConWrap .DevCon li.A > div{ background:url(../images/about/dev_con01.png) 120px 40px no-repeat; border-top:2px solid #f5243a}
.DevConWrap .DevCon li.B > div{ background:url(../images/about/dev_con02.png) 165px 40px no-repeat; border-top:2px solid #436bca}
.DevConWrap .DevCon li.C > div{ background:url(../images/about/dev_con03.png) 170px 40px no-repeat; border-top:2px solid #67c936}
.DevConWrap .DevCon li.D > div{ background:url(../images/about/dev_con04.png) 170px 40px no-repeat; border-top:2px solid #ca850c}
.DevConWrap .DevCon li.E > div{ background:url(../images/about/dev_con05.png) 180px 40px no-repeat; border-top:2px solid #f5243a}
.DevConWrap .DevCon li.F > div{ background:url(../images/about/dev_con06.png) 190px 40px no-repeat; border-top:2px solid #436bca}
.DevConWrap .DevCon li.G > div{ background:url(../images/about/dev_con07.png) 170px 40px no-repeat; border-top:2px solid #67c936}
.DevConWrap .DevCon li.H > div{ background:url(../images/about/dev_con08.png) 170px 40px no-repeat; border-top:2px solid #ca850c}
.DevConWrap .DevCon li span{display:block; height:60px; background:url(../images/about/xian.png) left bottom no-repeat; font-size:18px; line-height:60px; margin-bottom:25px}



.DevFootWrap{ height:1112px; width:auto; background:url(../images/about/dev_foot.jpg) center center no-repeat}

.DevFootWrap .Devtitle{  color:#FFF; padding:40px 0}
.DevFootWrap .Devtitle strong{ display:block; line-height:48px; color:rgba(255,255,255,0.1); font-size:48px; margin-bottom:15px;}
.DevFootWrap .Devtitle i{ color:#1d86d2}


.DevFootWrap .DevFoot{ width:auto; width:1200px; height:900px; margin:0 auto; overflow:hidden; position:relative}
.DevFootWrap .DevFoot li{ position:absolute; height:120px; color:#a6abae; }

.DevFootWrap .DevFoot li.A{ background:url(../images/about/dev_f01.png) center center no-repeat;  left:110px; top:70px; padding-left:40px; width:380px}

.DevFootWrap .DevFoot li.B{ background:url(../images/about/dev_f02.png) center center no-repeat; left:670px; top:180px; padding-left:140px; width:271px;}
.DevFootWrap .DevFoot li.C{ background:url(../images/about/dev_f03.png) center center no-repeat; left:110px; top:300px;  padding-left:40px; width:381px}
.DevFootWrap .DevFoot li.D{ background:url(../images/about/dev_f04.png) center center no-repeat; left:670px; top:390px; padding-left:140px; width:271px;  }
.DevFootWrap .DevFoot li.E{ background:url(../images/about/dev_f05.png) center center no-repeat; left:110px; top:500px;  padding-left:40px; width:381px; }
.DevFootWrap .DevFoot li.F{ background:url(../images/about/dev_f06.png) center center no-repeat; left:670px; top:590px; padding-left:140px; width:271px; }


.DevFootWrap .DevFoot li span{display:block; font-size:18px; color:#FFF; padding-top:35px; margin-bottom:5px;}
.DevFootWrap .DevFoot li.E span{ padding-top:48px}
.DevFootWrap .DevFoot li.F span{ padding-top:48px}




/***微信公众号***/
.WXtitle{ text-align:center; line-height:48px; font-size:48px; color:#333333; padding:60px 0}
.WXCon{ width:1056px; height:470px; overflow:hidden; margin:0 auto; padding:80px 0 150px; background:url(../images/about/wx01.jpg) center 70px no-repeat; position:relative}
.WXCon li{ position:absolute; color:#666666; font-size:26px; line-height:32px;}
.WXCon li.A{ left:120px; top:0}
.WXCon li.B{ left:480px; top:0}
.WXCon li.C{ left:770px; top:0}
.WXCon li.D{ left:120px; top:570px}
.WXCon li.E{ left:470px; top:570px}
.WXCon li.F{ left:790px; top:570px}


.WXHeadWrap{ height:1274px; width:auto; background:url(../images/about/wx02.jpg) center center no-repeat}
.WXHeadWrap .WXHead{ text-align:center; height:1274px; width:1100px; position:relative; margin:0 auto}
.WXHeadWrap .WXHead .WXBt{text-align:center; line-height:48px; font-size:48px; color:#FFF; padding:60px 0}
.WXHeadWrap .WXHead .li{  font-size:16px; position:absolute; line-height:32px; color:#FFF; font-size:32px; width:200px; height:32px;}
.WXHeadWrap .WXHead .Right{ left:20px;  text-align:right; background:url(../images/about/wx11.png) right center no-repeat; padding-right:30px;}
.WXHeadWrap .WXHead .Left{ right:20px; text-align:left; background:url(../images/about/wx11.png) left center no-repeat; padding-left:30px;}
.WXHeadWrap .WXHead .li.A{ top:280px;}
.WXHeadWrap .WXHead .li.B{top:380px}
.WXHeadWrap .WXHead .li.C{ top:480px}
.WXHeadWrap .WXHead .li.D{ top:580px}
.WXHeadWrap .WXHead .li.E{top:280px}
.WXHeadWrap .WXHead .li.F{ top:380px}
.WXHeadWrap .WXHead .li.G{ top:480px}
.WXHeadWrap .WXHead .li.H{top:580px}


.WXHeadWrap .WXHead .text{ left:0; position:absolute; text-align:left; bottom:25px; color:#666666; font-size:32px; line-height:48px;}
.WXHeadWrap .WXHead .text strong{ display:block; color:#333333; margin-bottom:35px; font-size:48px; font-weight:normal}


.WXFoot{ width:1124px;  border-top:1px solid #ebedec; border-right:1px solid #ebedec; margin:50px auto; overflow:hidden}
.WXFoot li{ width:280px; float:left; height:230px; padding-top:50px; text-align:center; font-size:26px; color:#666666; border-bottom:1px solid #ebedec; border-left:1px solid #ebedec}

.WXFoot li img{ display:block; margin:0 auto 20px;}

/******关于我们二级导航*******/
.ABOUTpronav li{ width:183px;}
.ABOUTpronav li a{width:150px;}


/**搜索引擎优化**/



/*新闻*/
.newsNav{ text-align:center; padding:30px 0}
.newsNav a{ display:inline-block; width:120px; margin:0 15px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;  height:35px; line-height:35px; border:1px solid #e6e6e6; color:#666666; font-size:18px}
.newsNav a.cur{ background:#2a3549; border:1px solid #2a3549; color:#FFF}
.news_ul{ width:1200px; padding:45px 15px; margin:0 auto; overflow:hidden}
.news_ul li{ display:inline-table; width:390px; margin-bottom:30px; padding:15px 0; overflow:hidden}
.news_ul li a{ width:340px; margin:0 auto; display:block; padding:15px 25px;}
.news_ul li .img{ position:relative; width:340px; height:168px;}
.news_ul li .img img{max-width:100%; max-height:100%; position:absolute; margin:auto; left:0; top:0; bottom:0; right:0;}
.news_ul li .nr{ width:340px; }
.news_ul li .title{ color:#333333; font-size:18px; margin:10px 0;  line-height:24px; overflow:hidden;}
.news_ul li .text{ color:#666666; font-size:12px;  line-height:20px; overflow:hidden;}


.news_ul li:hover{-moz-box-shadow:0 0 15px rgba(203,203,203,0.3); -webkit-box-shadow:0 0 15px rgba(203,203,203,0.3); box-shadow:0 0 15px rgba(203,203,203,0.3);}


.newshow{ padding:40px 0; width:1100px; margin:0 auto}
.newshow .nynews-bt{color:#333333; text-align:center; font-size:30px;}
.newshow .nynews-date{color:#999999; text-align:center; border-bottom:1px dashed #d8d8d8; height:30px; line-height:30px; font-size:14px; margin:15px auto}
.newshow .nynews-nr{ font-size:14px;}


/** 
* 
*----------圣兽!----------/ 
* 　　　┏┓　　　┏┓ 
* 　　┏┛┻━━━┛┻┓ 
* 　　┃　　　　　　　┃ 
* 　　┃　　　━　　　┃ 
* 　　┃　┳┛　┗┳　┃ 
* 　　┃　　　　　　　┃ 
* 　　┃　　　┻　　　┃ 
* 　　┃　　　　　　　┃ 
* 　　┗━┓　　　┏━┛ 
* 　　　　┃　　　┃圣兽保佑 
* 　　　　┃　　　┃代码无BUG！ 
* 　　　　┃　　　┗━━━┓ 
* 　　　　┃　　　　　　　┣┓ 
* 　　　　┃　　　　　　　┏┛ 
* 　　　　┗┓┓┏━┳┓┏┛ 
* 　　　　　┃┫┫　┃┫┫ 
* 　　　　　┗┻┛　┗┻┛ 
* ━━━━━━圣兽出没━━━━━━
*/