@charset "UTF-8";
/* CSS Document */

.fourzerofour{ width:565px;  margin:200px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px;} 
.fourzerofour p{ text-align:center; color:#666666; line-height:100px;}
.fourzerofour a{ color:#333333; text-decoration:none;}
.fourzerofour a:hover{ text-decoration:underline;}
.page_title{ font-size:18px; color:#5392e6; margin-left:10px; height:25px; line-height:20px;}

/*menu-pages*/
#menup{ width:100%; margin:0px auto; height:30px; padding:20px 0; position:static; z-index:1000; }
.menucp{ width:920px; margin:0 auto; }
.menucp .logo{ margin-top:20px; width:200px; height:30px;}
.menucp .logo a{ float:left;}
.menucp .nav{ margin-top:13px;}
.menucp .nav a{ font-size:16px; display:block; color:#FFF;    background-color:#ec6f07;background-position:10px center; background-repeat:no-repeat;-webkit-transition: all .3s cubic-bezier(.16, .53, .15, .99);
	-moz-transition: all .3s cubic-bezier(.16, .53, .15, .99);
	transition: all .3s cubic-bezier(.16, .53, .15, .99);}
.menucp .nav a:hover{ background-color:#f68408; }
.menucp .nav a.baojia{ background-image:url(../images/icon-baojia.png); width:65px;padding:5px 10px 5px 35px;}
.menucp .nav a.liucheng{ background-image:url(../images/icon-liucheng.png); width:65px;padding:5px 10px 5px 35px;}
.menucp .nav a.lianxi{ background-image:url(../images/icon-lianxi.png);width:65px;padding:5px 10px 5px 35px;}
.menucp .nav li{ float:left; margin-left:20px; }
.menucp .noicon{width:85px; padding:5px 10px; text-align:center;}

.container {MARGIN: auto; WIDTH: 960px; POSITION: relative;}
#header-interior {HEIGHT: 15px; }
#primary-nav { HEIGHT: 1px}
.logo-small {	LEFT: 0px; POSITION: absolute; TOP: 5px; }

#logo {Z-INDEX: 150; LEFT: 0px; WIDTH: 280px; POSITION: absolute; TOP: 30px; HEIGHT: 100px}
#secondary-nav {Z-INDEX: 200; BACKGROUND: url(../images/contentbg2.png) no-repeat bottom center; LEFT: 0px; WIDTH: 100%;  POSITION: fixed; TOP: -90px; HEIGHT: 70px;}


.page_c{width:1110px; height:285px; margin:0 auto; background-color:#FFFFFF; box-shadow:0 2px 4px 0px rgba(50,50,50,0.1); position:relative; overflow:hidden;}
#page_cl_webbg{background:url(../images/micon12.png) no-repeat center center;}
#page_cl_graphicbg{background:url(../images/micon13.png) no-repeat center center;}
#page_cr_webbg{background:url(../images/webimg.png) no-repeat center center;}
#page_cr_graphicbg{background:url(../images/graphimg.jpg) no-repeat center center;}
#page_cr_webbg span{ margin:105px 0 0 165px; display:block; overflow:hidden;}
.page_cl{ width:245px;  height:290px;}
.page_cm{padding:40px 0 0 0;}
.page_cr{ width:380px; height:290px; font-size:18px; color:#929292;}
#rightjt{ position:absolute; top:0; right:0;}
#rightjt a{ display:block; width:30px; height:30px; background:url(../images/rightjt.png) no-repeat;}
#rightjt a:hover{ background:url(../images/rightjt_hover.png) no-repeat;}

/*works-list*/
.works_title{ margin-bottom:30px; }
.works_title h3{ font-size:20px; color:#333333; }
.works_title .works_fl li{ float:left; margin-right:2px;}
.works_title .works_fl li a{ display:block; width:60px; height:27px; line-height:27px; background-color:#FFFFFF; color:#868686; text-align:center;}
.works_title .works_fl li.active a{ display:block; width:60px; height:27px; line-height:27px; background-color:#666666; color:#ffffff;}
.works_title .works_fl li.active a:hover{color:#ffffff;}
.works_title .works_fl li a:hover{ color:#333333;}

.works_c{width:980px;margin:35px auto 0 auto;}
.newlist{ width:290px; height:237px; float:left; margin:0 55px 70px 0;box-shadow:0 2px 4px 0px rgba(50,50,50,0.1); }
.sc_detail{background:url(../images/workslist_bg.png) no-repeat top center;left:0px; width:290px; bottom:-40px;  position:absolute; height:40px;}
.sc_detail h3 a{overflow:hidden; color:#e7e7e7; font-size:14px; height:40px; line-height:40px; padding-left:20px;  }
.sc_preview{overflow:hidden; width:290px; position:relative; height:197px}
.sc_preview a{ display:block;}
.ms{ height:40px; line-height:40px; color:#cccccc; padding:0 10px; background-color:#FFFFFF;}

/*headerimg*/
.headimg{ position:relative; width:1110px;}
.headicon{ position:absolute; left:518px; bottom:-30px;}


/*price*/
.page_c_h3{ height:70px; line-height:70px; font-size:26px; color:#333333px; margin:0 auto; width:1110px; text-align:center; padding-top:20px; z-index:1000;}
.page_c_zy{ height:27px; font-size:12px; color:#999999; text-align:center; width:980px; margin:0 auto;}
.page_c_h3_l{height:70px; line-height:70px; font-size:26px; color:#333333px; margin:0 auto; width:690px; text-align:left; padding-top:20px; padding-left:40px; z-index:1000;}
.page_c_zy_l{height:27px; font-size:12px; color:#999999; text-align:left; width:690px; margin:0 auto;padding-left:40px; }


.featured-column .package-title {border-bottom: 3px solid #2fa5e1;background: #2fa5e1;}
.pricing-table{width:940px; height:400px;margin:50px auto; }
.featured-column .column-shadow {background: #2fa5e1;}
.pricing-column {text-align:center;width:235px;float:left;position:relative;}

.first-column .package-value,  .first-column .package-features, .first-column .signup {border-left:1px solid #dbdbdb;}
.package-value, .package-features {border-right:1px solid #dbdbdb;}
.package-title {background:#686868;color:#fff;font-size:16px;height:40px;line-height:40px;border-bottom:3px solid #686868;border-right:1px solid #686868;}
.featured-column {top:-10px;box-shadow:0px 2px 10px #dadada;z-index:1;}

.featured-column .package-title {height:40px;line-height:30px;position:relative;font-weight:600;box-shadow:0px -1px 10px #000;z-index:-1;	}
.featured-column .column-shadow {height:10px;position:relative;z-index:10;box-shadow:0px -1px 2px #dadada;}
.pricing-table .featured-column .signup {padding:25px 0; }
.pricing-column .signup {border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;padding:20px 0;background:#F9F9F9;}
.pricing-column .signup .button {margin:0;}
.package-value {background:#f9f9f9;height:95px;line-height:95px;}

ul.package-features li {height:40px;line-height:40px;background:#fff;}
ul.package-features li.alt {background:#f9f9f9;}
.package-currency {font-size:16px;position:relative;top:-20px;}
.package-price {font-size:34px;font-weight:normal;}
.package-time {font-size:16px;}
.normal-table {width:100%;}

.normal-table td {border:1px solid #efefef;padding:10px 20px;text-align:center;}
.normal-table tr.alt  {background:#fbfbfb;}
.normal-table tr.first-column {background:#666666;color: #efefef;}
.page_duanluo{ width:380px; margin:30px 40px;}
.page_c_width{ width:1060px; margin:0 auto;}
.page_biaoti{ line-height:30px; font-size:14px; color:#ff4e00;  padding-left:43px; margin-bottom:10px;}
.page_zhengwen{ line-height:26px;}
#page_biaoti1{background:url(../images/page_price_icon1.png) no-repeat left center;}
#page_biaoti2{background:url(../images/page_price_icon2.png) no-repeat left center;}
#page_biaoti3{background:url(../images/teamicon1.png) no-repeat left center; color:#5392e6;}
#page_biaoti4{background:url(../images/teamicon2.png) no-repeat left center; color:#5392e6;}
#page_biaoti5{background:url(../images/teamicon3.png) no-repeat left center; color:#5392e6;}
#page_biaoti6{background:url(../images/teamicon4.png) no-repeat left center; color:#5392e6;}
#page_biaoti7{background:url(../images/mobileicon1.png) no-repeat left center; color:#5392e6;}
#page_biaoti8{background:url(../images/mobileicon2.png) no-repeat left center; color:#5392e6;}

/*portfolio*/
.page_cz{ position:absolute; width:940px; top:40px; left:20px; height:30px;}
.page_cz .back a{ display:block; width:57px; height:30px; background:url(../images/back.png) no-repeat; line-height:30px; text-align:center; color:#FFF; font-size:12px;-webkit-transition: all .2s cubic-bezier(.16, .53, .15, .99);
	-moz-transition: all .2s cubic-bezier(.16, .53, .15, .99);
	transition: all .2s cubic-bezier(.16, .53, .15, .99);}
.page_cz .back a:hover{background:url(../images/back_hover.png) no-repeat; }
.page_cz .qianhou a{ display:block; background-color:#666; color:#FFF; width:60px; height:30px; margin-left:2px; line-height:30px; text-align:center;-webkit-transition: all .2s cubic-bezier(.16, .53, .15, .99);
	-moz-transition: all .2s cubic-bezier(.16, .53, .15, .99);
	transition: all .2s cubic-bezier(.16, .53, .15, .99);}
.page_cz .qianhou a:hover{ background-color:#5392e6; }
.portfolio_wz{ width:940px; margin:0 auto; padding-left:40px; padding-top:10px;}
.portfolio_wz_l{ width:460px; }
.portfolio_wz_l .port_bt{ line-height:48px; font-size:18px; height:48px;}
.portfolio_wz_l .port_sm{ font-size:14px; color:#929292; line-height:26px;}
.portfolio_wz_r{ margin-right:40px; margin-top:40px; line-height:24px;}
.portfolio_wz_r .site a{ color:#5392e6; font-size:18px;line-height:36px;}

/*ued-table*/

#tabbox{ width:600px; overflow:hidden; margin:0px auto;}
.tab_conbox{ float:left; width:660px; height:440px;}
.tab_con{ display:none; margin-left:58px; margin-top:20px;}
.tabs{height: 440px; width:357px; border-right: 1px solid #e3e3e3; float:left;}
.tabs li{ width:357px;height:60px;line-height:60px; overflow: hidden; position: relative; margin:20px 0; }
.tabs li span{ display:block; width:26px; height:26px; float:left; margin:16px;}
.tabs li span#icon1{ background:url(../images/ued_icon1.png) no-repeat;}
.tabs li span#icon2{ background:url(../images/ued_icon2.png) no-repeat;}
.tabs li span#icon3{ background:url(../images/ued_icon3.png) no-repeat;}
.tabs li span#icon4{ background:url(../images/ued_icon4.png) no-repeat;}
.tabs li a {display: block; float:left; width:200px;height:60px;line-height:60px; outline: none; font-size:18px; color:#333333;}
.tabs li a:hover{ color:#5392e6; }

.tabs .thistab{ background-color: #5392e6; color:#ffffff;}
.tabs .thistab a{ color:#ffffff;}
.tabs .thistab a:hover{ color:#ffffff;}
.tabs .thistab span#icon1{ background:url(../images/ued_icon1.png) no-repeat 0 -26px;}
.tabs .thistab span#icon2{ background:url(../images/ued_icon2.png) no-repeat 0 -26px;}
.tabs .thistab span#icon3{ background:url(../images/ued_icon3.png) no-repeat 0 -26px;}
.tabs .thistab span#icon4{ background:url(../images/ued_icon4.png) no-repeat 0 -26px;}

.tab_ued{ margin-top:50px; width:1060px;}
.uedbticon{ height:56px; padding-left:230px; font-size:18px; line-height:56px;}
#yxyh_icon{background:url(../images/uedbticon.png) no-repeat 160px 0px;}
#sjyh_icon{background:url(../images/uedbticon.png) no-repeat 160px -56px;}
#kyyh_icon{background:url(../images/uedbticon.png) no-repeat 160px -112px;}
#yhbg_icon{background:url(../images/uedbticon.png) no-repeat 160px -168px;}
.uedbt{ font-size:14px; height:32px;  font-weight:bold; padding:30px 0 0 0; margin-top:10px;}
.uednr{ line-height:28px;}
.onlineqq{ height:50px; width:535px;  margin:40px auto 0 auto; background-color:#ededed;}
.zxwm{ float:left; margin-left:130px; margin-top:13px; font-size:18px; line-height:24px;}
.onlineqq_btn{ float:left; margin-left:20px; margin-top:9px;}

/*research*/
.wen{ position:relative;width:100%; }
.wen_c{ }
.wen_c:hover img{}
.wen_c img{ width:1110px; height:387px;margin:0 auto; -webkit-transition: all 2s cubic-bezier(.16, .53, .15, .99);
	-moz-transition: all 2s cubic-bezier(.16, .53, .15, .99);
	transition: all 2s cubic-bezier(.16, .53, .15, .99);overflow:hidden ;}
.wenlist{ margin-top:30px;}
.wen_w{z-index:1;position:absolute; display:block;background: rgba(17,17,17,0.35); width:100%; top:142px;-webkit-transition: all .2s cubic-bezier(.16, .53, .15, .99);
	-moz-transition: all .2s cubic-bezier(.16, .53, .15, .99);
	transition: all .2s cubic-bezier(.16, .53, .15, .99);}
.wen_top{ text-align:center; font-size:12px; color:#fff; padding-top:20px;}
.wen_title{text-align:center;font-size:24px;color:#fff;padding:15px;}
.wen_w:hover{background: rgba(17,17,17,0.7); }
.wen_c:hover .wen_w{background: rgba(17,17,17,0.7); }
.arch_title{ z-index: 4;
position: absolute;
width: 100%;
top: 350px;}
.arch_zw{ margin-top:350px; padding:100px;font-size:16px; width:780px; position:relative;}
.arch_zw p{ font-size:16px; color:#333; margin-bottom:20px;}
.arch_zw img{ width:795px; height:314px; text-align:center;}
.arch_t_r img{ width:34px; height:34px;}
.arch_title h2{ font-size:32px;}
.arch_t_r{ line-height: 24px; position:absolute; height:40px; right:100px; top:40px;}

.arch_t_r span {
display: block;
float: left;
height: 34px;
line-height: 34px;
margin-left: 10px;
}
.arch_cz .back a{ display:block; width:57px; height:30px; background:url(../images/back.png) no-repeat; line-height:30px; text-align:center; color:#FFF; font-size:12px;-webkit-transition: all .2s cubic-bezier(.16, .53, .15, .99);
	-moz-transition: all .2s cubic-bezier(.16, .53, .15, .99);
	transition: all .2s cubic-bezier(.16, .53, .15, .99);position:absolute;left:100px; top:43px; }
.arch_cz .back a:hover{background:url(../images/back_hover.png) no-repeat; }
/*five*/
.five_h3{ font-size:24px; color:#5392e6; line-height:68px;}
.five_p{ line-height:24px;}
.five_c{ float:left; margin:110px 140px 0 0; width:300px;}
.five_b{ float:left; margin:110px 0 0 110px; width:300px;}
.five_pic{ float:left;}
.five_content{ overflow:hidden; width:790px; margin-left:180px;}
.five_line{ width:1110px; height:133px; margin:0 auto; text-align:center; overflow:hidden; }

/*client*/
.title_left{ float:left; width:690px; height:110px;}
.title_right{ float:left; width:280px; margin-top:35px;height:110px;}
.title_right li{ float:left; width:125px; height:28px;}
.title_right li a{ display:block;width:98px; padding-left:27px; height:28px; color:#333333; background:url(../images/gray_dot.jpg) no-repeat 0 4px;-webkit-transition: all .2s cubic-bezier(.16, .53, .15, .99);
	-moz-transition: all .2s cubic-bezier(.16, .53, .15, .99);
	transition: all .2s cubic-bezier(.16, .53, .15, .99); }
.title_right li a:hover{display:block;color:#5392e6;background:url(../images/blue_dot.jpg) no-repeat 0 4px; }
.title_right li a.t_active{display:block;color:#5392e6;background:url(../images/blue_dot.jpg) no-repeat 0 4px;}
.client_list{  }
.client_list li{ width:200px; height:85px; background:#f4f4f4; border:1px solid #ededed; float:left; margin:15px;} 
.client_list li a{ }
.client_list li a img{opacity: 0.3; filter: alpha(opacity=10); }
.client_list li a:hover img{opacity:1; filter: alpha(opacity=100); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; behavior: url(js/PIE.htc);}


.page_pj{ width:980px; margin:20px auto; height:303px;}
.client_pj{ width:291px; height:297px; position:relative; margin-right:52px; float:left;}
.client_logo{background-color:#FFFFFF; box-shadow:0 2px 4px 0px rgba(50,50,50,0.1); width:289px; height:140px; }
.pj_nr{ width:254px; height:122px; background:url(../images/kuang.png) no-repeat; position:absolute; top:127px; padding:50px 20px 0px 20px;}
.pj_wz{ margin-top:16px; line-height:24px; text-indent: 20px;}
.weixin_bar{ width:435px; height:78px; margin:0 auto; padding:30px;}
.weixin_bar h3{ font-size:18px; margin-bottom:7px; line-height:18px;}
.weixin_bar p{ line-height:24px; font-size:14px;}
.weixinpic{ float:left; margin-right:25px;}
.contact_bar{ width:600px; height:60px; line-height:60px; font-size:18px; background:#5392e6; margin:0 auto; color:#FFFFFF;}
.contact_bar .phone{ float:left; background:url(../images/phone_icon.png) no-repeat 33px 20px; padding-left:70px; margin-right:40px;}
.contact_bar .qq{ float:left;background:url(../images/qq_icon.png) no-repeat 33px 20px ;padding-left:80px;}

/*about*/
.header_menu{ width:1110px; height:100px;}
.left_wz{ font-size:14px; line-height:34px; width:540px; height:330px; margin:60px;}
.right_timeline{ width:305px; height:433px; background:url(../images/timeline.jpg) no-repeat 0;}
.titleul{ font-size:18px; color:#999999; margin:35px; height:55px; width:700px; overflow:hidden;  }
.titleul li{ float:left; margin:0 20px; height:50px;}
.header_menu .titleul li a{ display:block; width:130px; height:40px;color:#999999; line-height:40px; text-align:center;}
#titleul_b li a{ display:block; width:160px; height:40px;color:#999999; line-height:40px; text-align:center;}
#titleul_b li.titleul_a a{color:#333333;}
.titleul li a:hover{ background:#f5f5f5;}
.five_icon_r{ float:right; margin:0 20px; }
.titleul li.titleul_a{ background:url(../images/active_line.jpg) no-repeat bottom center;}
.titleul li.titleul_a a{ font-size:26px; color:#333333; webkit-transition: all .2s cubic-bezier(.16, .53, .15, .99);
	-moz-transition: all .2s cubic-bezier(.16, .53, .15, .99);
	transition: all .2s cubic-bezier(.16, .53, .15, .99);}
.titleul li.titleul_a a:hover{ background:none;}
.left_wz{ float:left;}
.right_timeline{ float:left; margin-top:30px; }
.right_timeline li { height:50px; color:#999999; padding:20px 0 0 27px;}
.right_timeline li span{ font-size:16px; line-height:24px; color:#5392e6;}

.titleul_b{ float:left; width:620px;}

/*team*/
.metor_c{ height:280px; }
.metor_c li{ float:left; margin-right:1px;margin-bottom:1px;height:139px;}
.metor_c .joinus_btn{ width:279px; height:139px; background:#7f7f7f; color:#FFFFFF; font-size:18px; text-align:center; line-height:139px;}
.metor_c a{ display:block; position:relative; width:139px; height:139px;  cursor:pointer;}
.metor_c a img{ position:relative; z-index:1;}
.metor_c a p,.metor_c a .pic_img{ display:none;  }
.metor_c a:hover .pic_img{display:block; position:absolute; top:0; left:0;background:#649ce8;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;z-index:2; width:139px; height:139px;}
.metor_c a:hover p{display:block;position:absolute; text-align:center; left:0px; bottom:0px; color:#FFFFFF; width:139px; height:139px; z-index:3;text-decoration:none;}
.metor_c a:hover p span{ line-height:139px; display:block; font-size:18px;}
.metor_c a:hover p span.team_name{ margin-top:20px; }
.midline{ width:917px; margin:0 auto; height:58px; line-height:58px; text-align:center; color:#FFFFFF; font-size:16px; background:url(../images/teamslogan.jpg) no-repeat center; margin-top:60px;}

/*contact*/
#contactus_c{ margin:20px 40px 0px 20px; width:350px;}
#contactus_c span{ color:#5392e6;}
#contactus_c .port_sm{color:#333333; font-size:14px; line-height:30px;}
#contact_wx{ margin-top:60px; float:left;}

/*mobile*/
.mobileimg1{ background:#468cea url(../images/mobileimg1.png) no-repeat 435px 50px; width:980px; height:420px; clear:both; color:#FFFFFF;}
.mobileimg1 a{ display:block; width:120px; height:27px; line-height:27px; background-color:#1e79dd; color:#FFFFFF; text-align:center; margin-top:20px;}
.mobileimg1 a:hover{ background-color:#0058b8; }
.mobileimg1 .wz{ padding:130px 0 0 65px; overflow:hidden;}
.mobileimg1 h3,.mobileimg3 h3{ font-size:24px; line-height:66px;}
.mobileimg1 p,.mobileimg3 p{ line-height:24px;}
.line_w{ line-height:50px; width:980px; height:10px; clear:both; padding-top:25px}
.mobileimg2{ width:980px; height:478px; background:#3d4351 url(../images/mobileimg3bg.jpg); margin-top:30px;}
.mtabs{ padding-top:80px; }
.mtabs li{ float:left;  margin-left:90px; width:135px; height:135px; }
.mtabs li a{width:39px; height:39px; display:block;background:#bdc3d1; padding:48px; }

.mtabs li a:hover{background:#ffffff; }
.mtabs li span{ width:40px; height:40px; display:block; }
.mtabs li a.micon_1 span{ background:url(../images/mobile_icon1.png) no-repeat center -40px;}
.mtabs li a.micon_2 span{ background:url(../images/mobile_icon2.png) no-repeat center -40px;}
.mtabs li a.micon_3 span{ background:url(../images/mobile_icon3.png) no-repeat center -40px;}
.mtabs li a.micon_4 span{ background:url(../images/mobile_icon4.png) no-repeat center -40px;}

.mtab_conbox{ clear:both; margin-top:150px; color:#FFFFFF;}

.mtabs .thistab{ color:#ffffff;}
.mtabs .thistab a{ color:#ffffff;background-color: #b1cc00; }
.mtabs .thistab a:hover{ color:#ffffff;background-color: #b1cc00;}
.mtabs .thistab a.micon_1 span{ background:url(../images/mobile_icon1.png) no-repeat;}
.mtabs .thistab a.micon_2 span{ background:url(../images/mobile_icon2.png) no-repeat;}
.mtabs .thistab a.micon_3 span{ background:url(../images/mobile_icon3.png) no-repeat;}
.mtabs .thistab a.micon_4 span{ background:url(../images/mobile_icon4.png) no-repeat;}

.mtab_conbox li h3{ font-size:24px; line-height:70px; background:url(../images/active_g.jpg) no-repeat bottom center; float:left; width:135px; margin:90px; text-align:center;}
.mtab_conbox li p{ font-size:14px; line-height:24px; width:600px; height:145px; display:block; float:left; margin-top:60px;}

.mobileimg3{ background:url(../images/mobileimg3.jpg) no-repeat 60px 60px; width:980px; height:400px;}
.mobileimg3 .wz{ padding-top:110px; padding-right:80px; float:right; }

.f_left {
    float: left;
    overflow: hidden;
}