/*全局*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,img, ins, kbd, q, s, samp,small, strike,strong,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baselinebaseline; background: transparent;}
body{color:#222;  margin:0 auto; font-family:microsoft yahei; font-size:14px; width:100%; min-width:1200px;}
a{color:#222; text-decoration:none; }
a:hover{color:#ff6000; text-decoration:none;}
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; list-style:none; border:0px;}
img{ vertical-align:middle; border:0}
.clear{clear: both; height:0px; overflow:hidden;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.big{ width:1200px; margin:0 auto;}
br{height:1%; line-height:0; font-size:0; clear:both;}
.p40{ padding:40px 0;}
h3,h4{ font-family:microsoft yahei; font-weight:normal;}

/*top*/
.top_line{height:30px; line-height:30px; font-size:12px; color:#696969;}
.top_line .fr a{ display:inline-block; width:90px; height:26px; background:#d30400; text-align:center; line-height:26px; color:#fff; margin-left:10px;}
.ld_top{ padding:20px 0;}
.top_left{width:700px;}
.top_left h2{ font-size:20px;color:#b40a01;  line-height:30px; padding:14px 0 0 36px; }
.top_left h2 span{ font-weight:normal; font-size:16px;color:#111111; }
.top_right {background:url(../images/top_tel.jpg) no-repeat 0 70%; color:#5c5c5c; padding-left:50px; margin-top:5px;}
.top_right span.tel{  font-size:21px;color:#b40a01; line-height:40px; }
.top_right p{ font-size:18px; color:#585858;}
.top_right p span{ font-size:18px; color:#ccc;}

/*nav*/
.ld_nav{position:relative; z-index:9;background:#d30400; height:50px; line-height:50px;}
.ld_nav ul li{position:relative; z-index:9999; float:left; display:inline;background:url(../images/nav_icon.jpg) no-repeat right center;}
.ld_nav ul li#menu9{ background:0; padding-right:0;}
.ld_nav ul li a{ display:block; float:left; padding:0 20px; font-size:16px; color:#fff; }
.ld_nav ul li a:hover{background:#b40a01;color:#ff0;}
#txj_menu .backg a{background:#fff;color:#222; margin-top:1px;height:49px;}


.sub_nav{ position:absolute; left:0; top:50px; z-index:9999; background:#fff;  height:0; overflow:hidden; transition:all 1s; width: 560px; background: #fff;opacity: 0.9; }

#menu7 .sub_nav{ width: 260px;}
#menu8 .sub_nav{ width: 320px;}
#menu9 .sub_nav{ position:absolute; left:-456px; top:50px; z-index:9999;}
.ld_nav li:hover .sub_nav { display:none; height:60px; padding:10px 0 0;}
.ld_nav li .sub_nav a{background:url(../images/copy_1.jpg) no-repeat left 15px center; padding-right:8px ; color:#222; font-size:14px; }
.ld_nav li .sub_nav a:hover{background:url(../images/copy_1.jpg) no-repeat left 15px center; color:#b40a01;}



/*banner*/
.fullwidthbanner-container{	width:100% !important;	position:relative;	padding:0;	max-height:450px !important; overflow:hidden; }
.tp-bullets.simplebullets.round .bullet:hover,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	background:#e1472f !important;}
.tp-leftarrow:hover,.tp-rightarrow:hover {background-color:#e1472f !important; }
.tp-leftarrow.large,.tp-rightarrow.large {z-index: 100;	cursor: pointer; position: relative; background: #393939 url(../images/slider-btn.png) no-repeat; width: 42px; height: 43px;
margin-left: 0px; margin-top: -21px; -webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear;	transition: color, background 0.1s linear;	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);}
.tp-rightarrow.large { background-position:-42px 0;}

/*标题*/
.bt_top{ border-bottom:1px solid #e5e5e5;}
.bt_top h3{ font-size:24px; color:#333; line-height:50px;}
.bt_top span{ float:right; font-size:13px; color:#9d9d9d; }
.bt_top em{ display:block; width:50px; height:2px; background:#ff0000;}

/*service*/
.ld_service dl{float:left; display:inline; width:200px; height:230px; text-align:center;  box-sizing:border-box; margin-right:50px; }
.ld_service dl.listdt5{ margin:0;}
.ld_service dt{width:87px;height:75px;background:url(../images/service_icon.jpg) no-repeat;margin:28px 0 10px 60px; transition: transform 0.3s ease;}
.ld_service dl.sdhover dt{transform:rotate(360deg);background:url(../images/service_icon2.jpg) no-repeat;animation: Line 0.8s;}

.ld_service dt a{ display:block;width:87px;height:75px;}
.ld_service dl.listdt2 dt{ background-position:-87px 0;}
.ld_service dl.listdt3 dt{ background-position:-174px 0;}
.ld_service dl.listdt4 dt{ background-position:-261px 0;}
.ld_service dl.listdt5 dt{ background-position:-348px 0;}


.ld_service dl:hover dd a{ color:#e2000e;}
.ld_service dd{font-size:14px;color:#5b5b5b;line-height: 26px; text-align:center; }
.ld_service dl h4 a{ display:block; color:#373d41; font-size:16px; font-weight:bold; line-height:50px; margin:20px 0 0;}

/*case*/
.ld_case{ background:#f5f5f5; }
.ld_case .bt_top span a{ padding:0 10px;}
.case_inner{ padding-top:20px;}
.ld_case dl{ width:285px; height:260px; overflow:hidden; margin:0 20px 20px 0;}
.ld_case dl.casedl4,.ld_case dl.casedl8{ margin-right:0}
.ld_case dt .aImg{ display:block; width:285px;transition: transform 0.8s ease-in-out; overflow:hidden;}
.ld_case dl:hover .aImg{transform: translateY(-20%);}
.ld_case dt .pr_txt{ font-size:14px; background:#fff; height:55px; line-height:55px;text-align:center;}
.ld_case dd{ height:100px;background:#fff; padding:10px 20px 0; line-height:24px; transition: transform 0.4s ease-in-out;}
.ld_case dl:hover dd h4 a{ display:block;}
.ld_case dl:hover{box-shadow:0px 0px 5px #d5d5d5;}
.ld_case dl:hover .pr_txt{ display:none;}
.ld_case dl:hover dd{ display:block;transform: translateY(-50%); font-size:12px;}
.ld_case dl:hover dd h4{background:url(../images/case_icon.jpg) no-repeat right center;font-size:14px; line-height:30px;}
.ld_case dl:hover dd p{ color:#6f6d6d;}

/*ys*/
.ld_ys .bt_top,.ld_gongg .bt_top{ margin-bottom:30px;}
.ld_ys{ width:780px;} 
.ys_list{ width:228px;border:1px solid #f3eeee; background:#f5f5f5; }
.ys_list li {height:74px; line-height:74px; border-bottom:1px solid #e3e3e3; }
.ys_list li a{ padding-left:40px; font-size:18px; color:#222; }
.ys_list li.hoverbg{background:#d6000e;height:88px; line-height:88px;animation:Rightfadein 0.2s 0s ease  both;}
.ys_list li.hoverbg a{ color:#fff;font-weight:bold;}
		
.list_cont{ width:548px; height:388px; overflow:hidden;/* border:1px solid #ededed;*/}	
.list_cont p{animation:Rightfadein 0.2s 0s ease  both;}

.ld_gongg{ width:380px;}
/*.ld_gongg ul{border:1px solid #ededed; padding:20px;}
*/.ld_gongg ul p{ line-height:36px;}
.ld_gongg ul li a{ display:block;background:url(../images/gongg_icon.jpg) no-repeat 0 center; padding-left:16px; line-height:37px;}
.ld_gongg ul li span{ float:right; color:#757575;line-height:37px;}

/*advantage*/
.ld_advantage{background:url(../images/advantage_bg.jpg) no-repeat center 0; height:210px;}
.ld_advantage dl{ float:left; display:inline; width:360px; cursor:pointer}
.ld_advantage dl dt,.ld_advantage dl dd{ float:left; display:inline;}
.ld_advantage dt{ width:164px; padding-top:30px; overflow:hidden;transition: transform 0.5s ease-in-out;}
.ld_advantage dt img{ width:160px; height:160px; border:2px solid #fff; border-radius:80px;}
.ld_advantage dl dd{ width:170px; padding-left:26px;}
.ld_advantage dl dd h5{ font-size:30px; text-align:center; padding-bottom:10px;}
.ld_advantage dl dd p{ line-height:24px; padding-bottom:10px; }
.ld_advantage dl.advOn h5{ color:#d6000e; animation:zoomIn 0.5s ease 0s 1 normal;}
.ld_advantage dl:hover dt{transform: translateX(10%);}
.ld_advantage dl:hover dt img{ border:2px solid #d0d0d0;}
/*about*/
.ld_about .bt_top p{ text-transform:uppercase; font-size:14px; color:#595959; line-height:21px;}
.ld_about .bt_top a{ color:#222;}
.about_l{ width:440px;}
.about_inner{ padding:20px 30px 20px 0; line-height:24px;}
.about_l ul li{ width:100px; height:30px; text-align:center; line-height:30px; background:#f2f2f2; margin:1px 1px 0 0}
.about_l ul li a{ color:#222}
.about_l ul li:hover{ background:#ff0000;}
.about_l ul li:hover a{ color:#fff;}

.about_r dl{ position:relative; float:left; display:inline; width:225px; padding-left:20px;}
.about_r dl .pr_txt{ position:absolute; left:45%; top:45%;font-size:30px; text-align:center;color:#fff;}
.about_r dl dd { position:absolute; left:20%; top:25%; width:180px; height:0; overflow:hidden;text-align:center;color:#fff;}
.about_r dl dd h4{ font-size:30px; line-height:70px; background:url(../images/about_line.jpg) no-repeat center bottom; margin-bottom:20px;  }
.about_r dl:hover .pr_txt{height:0; overflow:hidden;}
.about_r dl:hover dd{ height:auto;animation:Rightfadein 0.8s 0s ease  both;}

/*news*/
.main_btm .bt_top{ margin-bottom:20px;}
.ld_industry dl{ padding:14px 0 30px; cursor:pointer; }
.ld_industry dt,.ld_industry dd{ float:left; display:inline;}
.ld_industry dt{ width:150px; height:100px; overflow:hidden;}
.ld_industry dd { width:390px; padding:0 20px; line-height:24px; color:#535353; font-size:12px;}
.ld_industry dd h4 a{color:#191919; font-size:16px; line-height:40px; }
.ld_industry dl:hover dd h4 a,.ld_industry dl.fhnews1 dd h4 a{color:#ff6000;}

.ld_industry dt img{  transition:all 0.5s;}
.ld_industry dl:hover img{ transform:scale(1.1);}


/*营销课堂*/
.ld_yingx{ width:560px;}
.ld_yingx ul li{ width:260px; line-height:38px;}
.ld_yingx ul li:nth-child(odd){ padding-right:40px;}

/*link*/
.ld_link{ border-top:1px solid #ccc; margin:20px 0 30px;}
.ld_link em{display:block; width:50px; height:2px; background:#ff0000;}
.ld_link span{ font-size:20px; color:#222;}
.link_inner{ padding-top:20px;}
.ld_link a{ padding-right:8px; color:#535353; font-size:12px;}

/*footer*/
.ld_foot{background:#d30400;color:#fff; padding-top:30px;  }
.ld_foot a{color:#fff; }

.foot_nav{ border-bottom:1px solid #e23c33;border-top:1px solid #e23c33; height:60px; line-height:60px;}
.foot_nav ul li{ float:left; display:inline; color:#f05d55;}
.foot_nav ul li a{padding:0 18px; font-size:14px; }

.ld_copyright{ color:#ffd2d2; padding-bottom:10px;}
.ft_code{background:url(../images/code_bg.jpg) no-repeat right 30px; width:120px; padding-top:30px; margin-left:30px;}
.ft_tel{ width:170px;border-right:1px solid #e23c33;padding-top:30px; }
/*返回顶部*/
.scroll{width:50px;height:45px;background:#fff;color:#222;text-align:center;position:fixed;right:10px;bottom:50px; padding-top:10px;cursor:pointer;font-size:12px; border:1px solid #ccc;}

/*内页*/
#mian{ width:1200px; margin:0 auto; height:auto; overflow:hidden; padding-bottom:50px; line-height:24px; }

/*内页标题*/
.ny_top{text-align:center; padding:0px 0 30px;}
.ny_top h3{font-size:20px; line-height:40px; font-weight:bold; color:#222;animation:Rightfadein 1s 0s ease  both;}
.ny_top h4{ font-size:14px; line-height:36px; animation:Rightfadein 1s 0.5s both ;}
/*营销型网站*/
.yx_taocan li{ float:left; display:inline; width:340px; padding:20px; margin:10px; background:#fff;/*box-shadow:0px 0px 5px #d5d5d5;*/ }
.yx_taocan li h5{ background:#e24848; width:160px; height:160px; text-align:center; border-radius:80px; color:#fff; font-size:20px; font-weight:normal;  margin:0 0 30px 80px;}
.yx_taocan li h5 span{ display:block; font-weight:bold; padding:50px 0 10px 0;}
.yx_taocan li p{ line-height:30px; padding-left:16px; font-size:13px;}
/*.yx_taocan li.tlhover{box-shadow:0px 0px 5px #e24848;}
*/.yx_taocan li.tlhover h5{animation:Rightfadein 0.6s both;}

.yx_ys{ background:url(../images/yxys_bg.jpg) no-repeat center 0; height:538px;}
.yx_ys dl{ position:relative; float:left; display:inline; width:399px; height:180px; margin:0 1px 1px 0; box-sizing:border-box; background:url(../images/yx_ys.jpg) no-repeat;color:#fff;}

.yx_ys dl.yxys2{ background-position:-399px 0;}
.yx_ys dl.yxys3{ background-position:-798px 0;}
.yx_ys dl.yxys4{ background-position:0 -180px;}
.yx_ys dl.yxys5{ background-position:-399px -180px;}
.yx_ys dl.yxys6{ background-position:-798px -180px;}

.yx_ys dl .pr_txt{ position:absolute; left:45%; top:45%;font-size:20px; text-align:center; }
.yx_ys dl dd {position:absolute; left:20%; top:25%; width:220px; height:0; overflow:hidden;text-align:center;}
.yx_ys dl dd h4{ font-size:20px; line-height:50px; margin-bottom:20px; background:url(../images/about_line.jpg) no-repeat center bottom; }
.yx_ys dl:hover,.yx_ys dl.dhover { background:#d30400;}
.yx_ys dl:hover .pr_txt,.yx_ys dl.dhover .pr_txt{height:0; overflow:hidden;}
.yx_ys dl:hover dd,.yx_ys dl.dhover dd{ height:auto;animation:Rightfadein 0.8s 0s ease  both;}

.yx_g .ny_top h2{ font-size:30px;}
.yx_g .ny_top h2 span{ color:#f20c00;}
.yx_ginner{ padding:60px 50px 0 0;}
.yx_ginner h3{ font-size:30px;color:#f20c00; line-height:60px;}
.yx_ginner h5{ color:#2e2e2e; font-size:18px; font-weight:normal; padding-bottom:20px;}
.yx_ginner p{ line-height:30px;}
.yx_ginner p a{ color:#f20c00}

.yx_tied{ background:#f2f2f2;}
.yx_tied ul li h5{ font-size:20px; line-height:50px;}
.yx_tied ul li h5 span{ color:#e24848; padding-left:5px;}
.yx_tied ul li{ float:left; display:inline; background:#fff; width:505px; padding:40px; margin-bottom:30px;}
.yx_tied ul li.tdli{ margin-right:30px;}
.yx_tied ul li span{ padding:0 10px; color:#CCC;}

/*列表页案例*/
.yx_case,.wap_case{ background:#f5f6f7;}
.yx_case ul li{ height:206px; width:285px;overflow:hidden; margin:20px 20px 0 0;}
.yx_case ul li.yxcase4,.yx_case ul li.yxcase8 { margin-right:0;}
.yx_case ul li .aImg{ display:block; width:285px;transition: transform 0.8s ease-in-out; overflow:hidden;}
.yx_case ul li .pr_txt{ font-size:14px; background:#fff; height:55px; line-height:55px;text-align:center;}
.yx_case ul li:hover .aImg{transform: translateY(-10%);}
.yx_case ul li:hover .pr_txt{transform: translateY(-100%);}

/*移动网络营销案例*/
.wap_case ul li{ position:relative; height:402px; width:208px;background:url(../images/wap_cbg.png) no-repeat 0 center;overflow:hidden; margin:20px 20px 0 0; padding:30px 0 0 12px;}
.wap_case ul li .aImg{ display:block; width:197px; overflow:hidden;}
.wap_case ul li.yxcase5 { margin-right:0;}

.wap_case ul li .pr_txt{ position:absolute; left:12px; top:30px; width:197px; height:0; overflow:hidden; font-size:14px;  text-align:center; color:#fff;background:#000;background:rgba(0,0,0,0.8); filter:Alpha(opacity=80); border-radius:5px; transition:all 0.5s;}
.wap_case ul li .pr_txt img{padding-top:60px;}
.wap_case ul li .pr_txt p{  position: relative;line-height:50px; }
.wap_case ul li .pr_txt a{ position: relative; display:block;font-size:16px;color:#fff;line-height:38px;width:130px;height:38px;background:#f03f0e url(../images/wm_gicon.png) no-repeat 80% 0; margin:0 auto; border-radius:30px; text-align:left; padding-left:40px; margin-top:30px;}
.wap_case ul li:hover .pr_txt{ height:350px;}
.wap_case .wap_more{ text-align:center; padding:50px 0 20px;}
.wap_case .wap_more a{ display:inline-block; width:200px; height:40px; text-align:center; line-height:40px; font-size:16px; border:1px solid #ccc; transition:all 0.5s;}
.wap_case .wap_more a:hover{ background:#f03f0e; color:#fff; border-radius:30px;}

/*相关新闻*/
.yx_news h3{ font-size:20px;background:url(../images/ys_icon.jpg) no-repeat 0 center; margin-bottom:20px;}
.yx_news h3 a{ color:#222; padding-left:20px;}
.yx_lnews,.yx_rnews{ width:780px; }
.yx_rnews{ width:390px;}

.industry_l{ width:340px; color:#777474; line-height:24px; font-size:13px; padding-right:30px}
.industry_l h4{ color:#565656; font-size:15px; line-height:40px;}
.industry_l div{ width:320px;}
.industry_r{ width:410px; }
.industry_r a{ display:block;background:url(../images/news_icon.jpg) no-repeat 0 center; padding-left:20px; line-height:37px;}

.yx_rnews li{ line-height:37px;}
.yx_rnews li span{ float:right; color:#666; font-size:12px;}

/*外贸型网站*/
.wm_taocan li{float:left; display:inline; width:238px; height:280px; padding:20px; margin:10px; text-align:center; color:#222; /*background:#f1f1f1; border:1px solid #e0e0e0; */}
.wm_taocan li h5 span{ display:block; width:70px; height:100px; margin:0 auto 12px;background:url(../images/wm_ticon2.png) no-repeat;}
.wm_taocan li.tlhover h5 span{background:url(../images/wm_ticon.png) no-repeat;}
.wm_taocan li.wmli2 h5 span{ background-position:-70px 0;}
.wm_taocan li.wmli3 h5 span{ background-position:-140px 0;}
.wm_taocan li.wmli4 h5 span{ background-position:-210px 0;}

.wm_taocan li h5{ font-size:20px; line-height:50px; font-weight:normal; }
.wm_taocan li.tlhover{background:#668dd8; color:#fff;}
.wm_taocan li.tlhover h5{animation:Rightfadein 0.6s both; font-weight:bold;}

.wm_gimg1{background:url(../images/wm_gimg1.jpg) no-repeat center 0; height:620px;}
.wm_gimg2{background:url(../images/wm_gimg2.jpg) no-repeat center 0; height:160px;}
.wm_gimg2 h3{font-size:30px;color:#fff; line-height:160px;}
.wm_gimg2 h3 span{font-size:38px;color:#fd7700;}
.wm_gimg2 a{display:block;font-size:18px;color:#fff;line-height:48px;width:170px;height:48px;background:#f03f0e url(../images/wm_gicon.png) no-repeat 86% 0; padding-left:30px; transition: all 0.4s ; margin-top:60px;}
.wm_gimg2 a:hover{border-radius:24px;background:#28adfa url(../images/wm_gicon.png) no-repeat 86% 0;}

/*移动型网站*/
.wap_ysinner{background:url(../images/wap_ysimg.jpg) no-repeat center 0; height:500px; }
.wap_ys li span{ color:#d30400;}
.wap_ys .wap_yl{ width:450px; line-height:26px;text-align:right; }
.wap_ys .wap_yr{ text-align:left;line-height:26px; padding-left:300px;}
.wap_ys li.wapys1{ padding:190px 130px 0 0; }
.wap_ys li.wapys2{ padding:100px 20px 0 0;}
.wap_ys li.wapys3{ padding:0 0 100px 0}
.wap_ys li.wapys4{ padding:0 0 0 110px }

.wap_g{background:url(../images/wap_ysbg2.jpg) no-repeat center 0; height:494px; padding-top:86px;}
.wap_ginner{ background:#fff; width:416px; padding:30px; border-bottom:3px solid #fa5f12;}
.wap_g h4{ color:#F00; font-size:16px; line-height:40px;}
.wap_g p{ line-height:24px; padding-bottom:20px;}

.wap_top{ background:#f8f8f8;}
.wap_top h3{ line-height:80px; padding-top:20px;}

/*网站优化运营*/
.seo_service dl{ float:left; display:inline; width:238px; height:280px; padding:20px; margin:10px;text-align:center; color:#222; }
.seo_service dl dt { width:158px; height:177px; margin:0 auto 12px;background:url(../images/seo_lstbg.jpg) no-repeat;transition: transform 0.5s ease-in-out;}
.seo_service dl.tlhover dt{background:url(../images/seo_lstbg2.jpg) no-repeat;transform: translateY(-3%);}
.seo_service dl.wmli2 dt{ background-position:-158px 0;}
.seo_service dl.wmli3 dt{ background-position:-316px 0;}
.seo_service dl.wmli4 dt{ background-position:-474px 0;}
.seo_service dd{line-height:24px;font-size:14px;color:#454545;  }
.seo_service dd h3{ font-size:20px; line-height:50px;color:#222;}
.seo_service dl.tlhover h3 { color:#d30400; font-weight:bold;animation:zoomIn 0.5s ease 0s 1 normal;}


.seo_tuog{background:#f1f1f1;}
.seo_tuog li{ float:left; display:inline;  width:230px; height:360px; text-align:center; margin:0 10px 10px 0;background:#fff url(../images/seo_tglitp.jpg) no-repeat; }
.seo_tuog li em{ display:block; width:38px; height:35px;background: url(../images/seo_tgicon.png) no-repeat; margin:16px 0 36px 96px;}
.seo_tuog li.seotg2 em{ background-position:-38px 0;}
.seo_tuog li.seotg3 em{ background-position:-76px 0;}
.seo_tuog li.seotg4 em{ background-position:-114px 0;}
.seo_tuog li.seotg5 em{ background-position:-152px 0;}
.seo_tuog li.seotg6 em{ background-position:-190px 0;}
.seo_tuog li.seotg7 em{ background-position:-228px 0;}
.seo_tuog li.seotg8 em{ background-position:-266px 0;}
.seo_tuog li.seotg9 em{ background-position:-304px 0;}
.seo_tuog li.seotg10 em{ background-position:-342px 0;}

.seo_tuog li h4{ font-weight:bold; font-size:16px; line-height:40px; }
.seo_tuog li h5{ font-weight:normal;font-size:16px; padding-bottom:20px;}
.seo_tuog li p{ padding:5px 20px; line-height:24px; text-align:left; color:#5f5f5f; font-size:12px;}

.seo_tuog li.tghover{box-shadow: 0px 0px 10px #888888;animation:cgshadow 0.8s;}
.seo_tuog li.tghover h4{ color:#e60203;}
@keyframes cgshadow
{
from {box-shadow: 5px 5px 10px #888888;}
to {box-shadow: 0px 0px 10px #888888;}
}

/*partner*/
.seo_partner{position:relative; padding:30px 0;}
.seo_partner li{ text-align:center; width:164px; margin:0 17px 30px; line-height:30px; border:1px solid #e4e4e4;}
.seo_partner li img{ width:164px; height:77px;}
.seo_partner li:hover{ box-shadow:0px 0px 5px #c1c1c1;}

.seo_case{ position:relative;width:1200px;height:420px; margin:0 auto; }
.seo_case .case_l{ width:630px; border:1px solid #ccc;}
.seo_case .case_r{ width:470px; padding:50px;background:#f5f5f5;}
.seo_case .case_r h4{ display:block; font-size:24px; color:#2c2c2c; line-height:50px; margin-bottom:30px; border-bottom:2px solid #eaeaea;}
.seo_case .case_rtxt{ font-size:14px; color:#2c2c2c; line-height:28px;}
.dtaibtn,.ljzxbtn{ display:inline-block; width:128px; height:34px; text-align:center; line-height:34px; color:#fff; background:#2c2c2c; margin:40px 20px 0 0; }
.ljzxbtn{ background:#ff6600; width:200px;}
.ljzxbtn:hover{ color:#000;}
#marquee3 { width:1200px;height:420px; margin:0 auto;overflow:hidden;}
#marquee3 li{height:420px;}
#mar3Nav {position:absolute;right:0;bottom:16px;}
#mar3Nav li {float:left;margin:0 3px;width:16px;height:16px;background:#333;border:1px solid #FFF;cursor:pointer;
			line-height:16px;font-family:Arial;font-size:10px;color:#FFF;text-align:center;}
#mar3Nav li.navOn {background:#d30400;}

/*内页案例*/
.ny_case_list{ padding-top:20px;}
.ny_case_list li{ float:left; display:inline; padding:2px 10px; border:1px solid #ccc; margin:6px; background:#fff;}
.ny_case_list li.fston{ background:#e60202;}
.ny_case_list li.fston a{ color:#fff;}

.ny_case_cont{ background:0;}
.ny_case_cont dl{box-shadow:0px 0px 5px #d5d5d5;}
.ny_case_cont dl dd p{ height:44px; overflow:hidden;}

.case_nycon{ color:#4c4c4c;}
.case_nycon em{ font-style:normal; color:#222;}
.case_nycon h4 span{ font-weight:bold; color:#222; }
.case_nycon h4.case_dp{background:url(../images/designer_critique.gif) no-repeat 66px center; margin:10px 0 20px;}
.case_lxbtn{ text-align:right; padding:40px 0;}
.case_lxbtn a{ display:inline-block; padding:2px 20px; background:#e7e7e7;}
.case_lxbtn a.case_look{ background:#e60202; color:#fff;}

/*内页手机案例*/
.wapalbum{ background:#f5f5f5;}
.ny_wapcase{ background:none;}
.ny_wapcase ul li{ margin:0 38px 40px;}



/*左分类*/
.list{  width:243px; background:#f8f8f8;}
.list h3{ font-size:18px; line-height:50px;border-bottom: 1px solid #ccc; padding-left:50px; background:url(../images/ny_left_icon.png) no-repeat 20px -60px;}
.list h3.lfhbt{ line-height:60px; background:#dd0b14 url(../images/ny_left_icon.png) no-repeat 20px 0; color:#fff; font-size:22px;position:relative; z-index:999;  }

.list_c{position:relative; z-index:9; padding:0 20px;}
.list_c ul li a{ display:block;line-height:50px; font-size:14px;border-bottom:1px dashed #d2d2d2;  padding-left:10px;color:#222; }
.list_c ul li a:hover,.list_c ul li.fston a{ font-size:16px; font-weight:bold; color:#d30400;}

.list_contact{ padding-bottom:50px;}
.list_contact h2{ font-size:14px; color:#222; padding:15px 0;}
.list_contact h2 span{ color:#dd0b14;font-size:16px;}
.list_contact p{ font-size:13px;}
.list_contact p span{ color:#f8f8f8;}

/*内页right*/
.main_right{ float:left; width:920px; line-height:28px; font-size:14px;background:#fff; box-shadow:2px 2px 10px #e6e6e6; position:relative; z-index:99; padding:0 34px 50px 0; margin-right:3px;}
.main_right h3{ text-align:center; font-size:20px; line-height:60px;}

.rt_top{background:url(../images/h_icon.png) no-repeat 0 center; padding-left:20px; border-bottom:1px solid #ccc; line-height:60px; margin-bottom:20px;}

.main_right dl{ float:left; display:inline; width:450px; padding-bottom:30px;}
.main_right dd{ width:210px; word-break:break-all; padding-right:20px; line-height:24px;}
.main_right dd h4{ color:#222; font-size:14px; font-weight:500;}
.right{ width:891px; float:right; margin-bottom:5px; margin-bottom:30px; border:1px solid #d5d5d5; padding-bottom:20px;}
.righttit_l{color:#0166ac; font-size:16px; padding-left:5px; padding-right:7px; font-weight:bold; border-bottom:2px solid #0166ac; padding-bottom:6px;}
.right_tit span {float:right; font-size:12px;}
.right_cont { line-height:28px; margin-top:20px; margin-bottom:15px; margin-left:20px; margin-right:20px;}
.right_cont_prod{ margin-left:10px; margin-top:25px;}


/*新闻列表*/
.list_news li{ padding:30px 0; border-bottom:1px dashed #e0e0e0; line-height:24px;color:#878787;}
.list_news .news_img{ width:240px; border:1px solid #ccc; padding:1px; overflow:hidden;}
.list_news  .news_info{  width:610px; height:190px; overflow:hidden; padding-left:50px;}
.list_news li h3{text-align:left; font-size:18px; line-height:36px;}
.list_news li h3 a{ line-height:50px; color:#333;}
.list_news li h3 span{  font-size:12px; color:#808080; font-weight:normal;}

.list_news .news_img img{  transition:all 0.5s;}
.list_news li:hover .news_img img{ transform:scale(1.1);}
.list_news li:hover h3 a{ color:#ff6000;}

/*新闻详情*/
.new_visits {text-align:center; margin-bottom:30px; border-bottom:#d3d3d3 1px dashed; padding-bottom:30px; color:#929292;}
.met_page { background:#f4f4f4; padding:20px; border-radius:10px; margin-top:50px;}
.met_page .page_r a{ display:block; width:140px; height:34px; text-align:center; line-height:34px; background:#fff;border-radius:20px; margin-top:10px;}
/*产品列表*/
.pro_nei li{ float:left; display:inline; padding:0px 10px;}
.pro_tit {width:280px; overflow:hidden;  border:#e5e5e5 1px solid; padding:2px; }
.pro_nei li img{ transition:all 0.5s;}
.pro_nei li img:hover{transform:scale(1.1);}
.pro_title { text-align:center; font-size:13px; line-height:50px; margin-bottom:10px;}
.pro_nei li:hover .pro_tit{width:278px; height:238px; border:#18892f 2px solid;}
.pro_nei li:hover .pro_title a{ display:block; background:#18892f; color:#fff;}

/*产品详情*/
.pro_info {margin:30px 0px 10px 0px; line-height:28px; padding-bottom:10px;}
.prodtit_nei{ text-align:center; font-size:18px; font-weight:normal;  margin-top:20px; margin-bottom:5px;}
.nei_tit{ font-size:18px; line-height:50px; border-bottom:1px solid #f5f5f5; margin-bottom:20px;}
.zixbtn a{ display:inline-block; width:120px; height:30px; text-align:center; line-height:30px; background:#f00; color:#fff; margin-top:30px; font-size:16px; border-radius:2px;}
/*产品详情*/
.pro_img {text-align:center; margin-top:10px}
.pro_info {margin:30px 0px 10px 0px; line-height:28px; padding-bottom:10px;}
.prodtit_nei{ text-align:center; font-size:18px; font-weight:normal;  margin-top:20px; margin-bottom:5px;}
.nei_tit{ font-size:16px; line-height:36px; border-bottom:1px solid #f5f5f5;}

/*图片放大镜样式*/
.jqzoom{position:relative;cursor:pointer;display:inline-block;}
.jqzoom img {max-width:430px; max-height:380px;vertical-align: middle}
.zoomdiv{z-index:100;position:absolute;:0px;left:0px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:430px;height:400px;border:1px solid #DFDFDF;margin-bottom: 10px; text-align:center;}
.spec-scroll{clear:both;margin-:10px;width:430px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:62px; line-height:62px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:393px;height:70px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:64px; list-style:none;}
.spec-scroll .items ul li{float:left;width:99px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:82px;height:60px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

/*相册列表*/
.album_list li{float:left;width:210px; padding:0 10px 25px;text-align:center; line-height:24px; }
.honor_imig{  border:1px solid #ededed; }
.album_list li .pro_title{ background:#ededed; line-height:30px;}
.partner_list li{width:164px;}


/* lightbox */
.lightboxOverlay {  position: absolute;  top: 0;  left: 0;  z-index: 9999;  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  opacity: 0.8;  display: none;}
.lightbox {  position: absolute;  left: 0;  width: 100%;  z-index: 10000;  text-align: center;  line-height: 0;
  font-weight: normal;}
.lightbox .lb-image {  display: block;  height: auto;  max-width: inherit;  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}
.lightbox a img {  border: none;}
.lb-outerContainer {  position: relative;  background-color: white;  *zoom: 1;  width: 250px;  height: 250px;
  margin: 0 auto;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;
  -o-border-radius: 4px;  border-radius: 4px;}
.lb-outerContainer:after {  content: "";  display: table;  clear: both;}
.lb-container {  padding: 4px;}
.lb-loader {  position: absolute;  top: 43%; left: 0;  height: 25%;  width: 100%; text-align: center; line-height: 0;}
.lb-cancel {  display: block;  width: 32px;  height: 32px;  margin: 0 auto;  background: url(../images/loading.gif) no-repeat;}
.lb-nav {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  z-index: 10;}
.lb-container > .nav {  left: 0;}
.lb-nav a {  outline: none;}
.lb-prev, .lb-next {  height: 100%;  cursor: pointer;  display: block;}
.lb-nav a.lb-prev {  width: 34%;  left: 0;  float: left;  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  opacity: 0;  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;  -o-transition: opacity 0.6s;  transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover {  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}
.lb-nav a.lb-next {  width: 64%;  right: 0;  float: right;  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  opacity: 0;  -webkit-transition: opacity 0.6s;  -moz-transition: opacity 0.6s;  -o-transition: opacity 0.6s;  transition: opacity 0.6s;}
.lb-nav a.lb-next:hover {  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}
.lb-dataContainer {  margin: 0 auto;  padding-top: 5px;  *zoom: 1;  width: 100%;  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;  border-bottom-left-radius: 4px;  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;  border-bottom-right-radius: 4px;}
.lb-dataContainer:after {  content: "";  display: table;  clear: both;}
.lb-data {  padding: 0 4px;  color: #ccc;}
.lb-data .lb-details {  width: 85%;  float: left;  text-align: left;  line-height: 1.1em;}
.lb-data .lb-caption {  font-size: 13px;  font-weight: bold;  line-height: 1em;}
.lb-data .lb-number {  display: block; height:0; overflow:hidden;  clear: left;   font-size: 0;  color: #999999;}
.lb-data .lb-close {  display: block;  float: right;  width: 30px;  height: 30px;  background: url(../images/close.png) top right no-repeat;  text-align: right;  outline: none;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;  -webkit-transition: opacity 0.2s;  -moz-transition: opacity 0.2s;  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;}
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}

.thumbnail{	padding: 3px 3px 8px 3px;background: #fff;	float: left;	margin-right: 10px;	}	
.thumbnail p{ font-size:16px; line-height:36px; text-align:center; padding:10px 0 0; color:#333;}
.thumbnail .pro_img{ width:290px; overflow:hidden;}
.thumbnail img{transition: all 0.5s;}
.thumbnail img:hover{transform:scale(1.1);}

/*down*/
.downlist{ padding:0 20px; font-size:14px;}
.downlist li{ background:url(../images/pdf.jpg) no-repeat 0 center; padding-left:30px; line-height:40px; border-bottom:1px dashed #ededed;}
.downlist li span{ display:block; float:right; width:100px; height:24px; text-align:center; line-height:24px; background:#ededed; color:#222; font-size:13px; margin-top:10px; }
.downlist li span:hover{ background:#18892f; color:#fff;}

/*翻页样式*/
.pagelink { color:#aeaeae; padding-top:20px; text-align:center;}
.pagelink li{float:left;}
.pagelink a,.pagelink span{ display:inline-block;padding:2px 14px; margin:0 6px; color:#aeaeae;border: 1px #aeaeae solid;}
.pagelink span.current { display:inline-block;padding:2px 14px; border:1px solid #bc0400; color:#fff; background:#d30400; }
.pagelink a:hover {background:#d30400;color:#fff; border:1px solid #e0901c;}

/*按钮*/
.button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Microsoft Yahei; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover { text-decoration: none; color:#fff; }
.button:active { position: relative; top: 1px;}
.orange{ color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top,  #faa51a,  #f47a20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
.orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top,  #f88e11,  #f06015); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }
.orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top,  #f47a20,  #faa51a); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}
input.input-text,input.input-file,input.code,textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background:#fff url(../images/dt-10.gif) repeat-x left top; }
input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff;}
/*表单*/
td.text{ width:20%; padding:6px 5px 6px 0px; text-align:right; font-size:14px;}
td.input{ padding:6px 8px;}
td.input input{ margin-right:8px;}
td.input .info{ padding-left:15px; color:#f00;}
td.input img{ position:relative; bottom:1px;}
td.submint{ padding:10px;}

@keyframes Rightfadein{		
		from{ opacity:0; transform:translate3d(0,10%,0)}
		to{ opacity:1;transform:translate3d(0,10,0)}
		}
@keyframes zoomIn{
	0%{opacity:0;transform:scale3d(.3,.3 ,.3)}
	100%{opacity:1;}
	}
@keyframes Line{
	0%{width: 0;}
	100%{width: 87px;}
}

/*dkls*/

.dkls {padding: 15px 0 0px 0;}

.dkls .container {padding-top: 0px;}

.dkls dl {width: 271px;float: left;margin: 0 0 30px 25px;transition: all 0.5s; padding-bottom: 0px;}

.dkls dl.bdnot {margin-left: 0;}
.dkls dl:nth-child(3n+2){ margin-left: 0px ;}

.dkls dl dt {height: 302px;position: relative;overflow: hidden;}

.dkls dl dt img {display: block;transition: all 0.5s;}

.dkls dl dt div {height:105px;position: absolute;left: 0;bottom: 0; width: 100%;background: url(../images/bg01.png);}

.dkls dl dt div b {display: block;font-size: 24px;font-weight: bold;color: #fff;margin:8px 8px 0 12px;padding-bottom:10px;border-bottom:1px solid #fff;}

.dkls dl dt div span {display: block;margin: 10px 0 0 12px;font-size: 14px;color: #d6d6d6; line-height:22px;}

.dkls dl dd {height: 42px;position: relative;overflow: hidden;}

.dkls dl dd a {float: left;width: 50%;font-size: 18px;color: #3b382e;text-indent: 12px;line-height: 42px;background: #ffcd32;}

.dkls dl dd a:first-child {background: #0D4DA1;text-indent: 30px;color: #fff;}

.dkls dl dd a:first-child img {position: relative;left: -5px;top: 3px;}

.dkls dl .span1{ display:none;}

.dkls dl .span2{ display:block;}

.dkls dl:hover {box-shadow: 8px 8px 15px #999;}

.dkls dl:hover dt img {transform: scale(1.1);}



.dkls .more{display: block;width: 139px;height: 32px;margin: 40px auto 0;}

.dkls .more img{display: block;}