@charset "utf-8";
/* CSS Document */
body { font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:0px; }
* { margin:0px; padding:0px; list-style:none; }
img, ul, li, ol, form, tr, div, dl, dt, dd { border:0px; }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal; }
a { font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:none; }
/*common*/
.warp { width:1200px; margin:0px auto; }
.clear { clear:both; height:0px; line-height:0px; }
.float_l { float:left; }
.float_r { float:right; }
.font12 { font-size:12px; font-family:"宋体"; color:#666666; }
.font_w { font-weight:bold; }
.font14 { font-size:14px; }
.font18 { font-size:18px; }
.fontcor { color:#fff; }
.fontcor1 { color:#666666; }
.fontcor2 { color:#717171; }
.fontcor3 { color:#0058a2; }
.font14_w { font-weight:bold; font-size:14px; }
.color01 { color:#ff4e00; }
.hei60 { height:60px; clear:both; }
.hei30 { height:30px; clear:both; }
.hei45 { height:45px; clear:both; }
.hei60 { height:60px; clear:both; }
.hei90 { height:90px; clear:both; }

.line_height { line-height:20px; }
.question { margin-left:50px; }
.question .list{line-height:25px; margin-bottom:15px; }
.question .list .title{background:url(/images/question02.jpg) no-repeat left; padding-left:15px;font-size: 16px;}
.question .list .title a{font-weight:bold;color:#2b3944; font-size:14px;}
.question .list .title a:hover{ color:#298cdd; text-decoration:underline}
.question .list .content{color:#564c42; margin-left:15px;}
.question .list .content p{ text-indent:1.8em;}
/*.question li { line-height:30px; height:30px; text-indent:20px; background:url(../images/question01.jpg) no-repeat left; }
.question li:hover { background:url(../images/question02.jpg) no-repeat left; }
.question li a { font-size:14px; color:#999999; }
.question li:hover a { color:#298cdd; text-decoration:underline }*/
.feedback { margin-left:40px; }
.feedback p { height:50px; }
.feedback input, .feedback textarea { font-size:14px; color:#d2d2d2; }
.feedback .input1 { border:solid 1px #e4e4e4; width:278px; height:39px; text-indent:10px; }
.gotop { background: url(../images/gotop.gif) no-repeat; bottom: 218px; display: none !important; height: 48px; margin-right: -560px; position: fixed; right: 43%; width: 48px; z-index: 10; }
/*header*/
.topbg { background:#f5f5f5; }
.topleft { font-family:"宋体"; line-height:40px; padding-left:35px; padding-right:8px; background:url(../images/bg.gif) no-repeat; float:left; }
.tel { background-position:16px 13px; }
.email { background-position:-184px 13px; }
.input { width:181px; height:26px; line-height:26px; padding-left:10px; margin-left:78px; margin-top:6px; border:1px solid #dfdfdf; border-right:0px; background:#fff; color:#a9a9a9; float:left; }
.search { padding-top:6px; float:left; }
.topri01 { line-height:40px; color:#98db2b; padding-left:24px; padding-right:16px; background:url(../images/bg.gif) no-repeat -476px 13px; float:right; }
.topri02 { line-height:40px; padding:0px 18px; background:url(../images/bg01.jpg) no-repeat right center; float:right; }
.topri03 { padding-left:20px; float:right; }
.toppic { width:824px; float:right; }
.toppic li { padding-left:3px; float:left; }
.nav { width:824px; float:right; }
.nav li { width:84px; height:31px; margin-bottom:9px; margin-right:16px; _margin-right:14px; line-height:31px; text-align:center; padding-left:3px; background:url(../images/bg02.jpg) no-repeat right center; float:left; }
/*banner*/
.banner_warp { position:relative; width:100%; overflow:hidden; height:500px; z-index:10; }

/* 本例子banner */
.slideBox{ width:100% !important; height:500px; overflow:hidden; position:relative; z-index:1; position:absolute; top:0; left:0;}
.slideBox .hd{ overflow:hidden; position:absolute; left:50%; margin-left:-380px; bottom:0; z-index:1; width:980px; height:82px; background:url(../images/banner1_4.png) center top no-repeat;}
.slideBox .hd ul{ width:980px; height:82px; overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; width:256px; height:82px; text-align:center; cursor:pointer; background:url(../images/banner1_5.png) right center no-repeat; text-align:left; padding-left:70px;}
.slideBox .hd ul li .li_hd1{ float:left; font-size:18px; color:#FFF; font-weight:bold; line-height:26px; margin-top:16px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideBox .hd ul li .li_hd2{ float:left; clear:both; font-size:16px; color:#FFF; line-height:26px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideBox .hd ul li.on .li_hd1{ font-size:16px; color:#74f17c;}
.slideBox .hd ul li.on .li_hd2{ font-size:14px; color:#74f17c;}
.slideBox .hd ul li:last-child{ background:none;}

.slideBox .bd{ width:100% !important; position:relative; height:100%; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd ul li{ zoom:1; vertical-align:middle; width:100% !important; height:500px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position:absolute; left:3%; top:50%; margin-top:-29px; display:block; width:35px; height:57px; background:url(../images/prev.png) no-repeat; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideBox .next{ position:absolute; right:3%; top:50%; margin-top:-29px; display:block; width:35px; height:57px; background:url(../images/next.png) no-repeat; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideBox .prev:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.slideBox .next:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

.banner_in{ width:980px; height:500px; position:absolute; left:50%; margin-left:-380px; top:0; z-index:1;}

.banner_in1_1{ display:block; margin:100px auto 0 auto; position:relative;}
.banner_in1_2{ display:block; margin:40px auto 0 auto; position:relative;}
.banner_in1_3{ display:block; margin:35px auto 0 auto; position:relative;}

.banner_warp1 { position:relative; width:1200px; margin:0px auto; z-index:10;}
.menu_left { width:220px; min-height:500px; background:#fff; position:absolute; left:0px; top:0px; z-index:11; }
.menu_left div{cursor:pointer;}
.menu_left .menu_header{background-color:#383838; }
/*.menu_left .menu_right{ float:right; background:#383838; padding:8px 10px 0px 10px; height:26px;}*/
.menu_ny { width:220px; background:#fafafa; float:left; }
.menuti { width:175px; height:34px; line-height:34px; padding-left:30px; padding-right:15px; background:url(../images/bg.png) no-repeat; float:left; }
.menutiny { width:205px; height:34px; line-height:34px; padding-left:30px; padding-right:15px; background:#eee url(../images/bg.png) no-repeat; float:left; }
.menuti_ny { width:175px; height:34px; line-height:34px; padding-left:30px; background:#383838; font-size:14px; font-weight:bold; color:#fff; float:left; }
.menuti_cli { width:175px; height:34px; line-height:34px; padding-left:30px; padding-right:15px; background:#3168cf url(../images/bg.png) no-repeat; float:left; }
.menuti_cli a { display:block; background:url(../images/bg03.jpg) right 8px no-repeat; width:180px; color:#fff; }
.sdmenu .menu_right{background:#298CDD; float: right; height: 26px;padding: 8px 10px 0;display:block;cursor:pointer;}
.menuti_cliny { width:166px; height:34px; line-height:34px; padding-left:30px; padding-right:15px; background:#298cdd url(../images/bg.png) no-repeat; float:left; }
.menuti_cliny a { width:166px; color:#fff;  display:block; }
.menu01 { background-position:6px 11px; }
.menu02 { background-position:6px -15px; }
.menu03 { background-position:6px -50px; }
.menu04 { background-position:6px -85px; }
.menu05 { background-position:6px -118px; }
.menu06 { background-position:6px -153px; }
.menu07 { background-position:6px -187px; }
.menu08 { background-position:6px -219px; }
.menu09 { background-position:6px -256px; }
.menu_ul { width:190px; padding:7px 0px 7px 30px; background:#f2f2f2; float:left;height:180px }
.menu_ul li { width:190px; line-height:24px; float:left; }
.menu_ul li a { font-family:"宋体"; }
.menu_ul li a:hover { text-decoration:underline; color:#298cdd; }
.menu_ulny { padding:6px 0px 6px 17px; float:left; }
.menu_ulny li { line-height:25px; float:left; width:115px; }
.menu_ulny li a { font-family:"宋体"; word-wrap:break-word; display:block; }
.menu_ulny li a:hover { text-decoration:underline; color:#298cdd; }
.content-base { clear:both; font-size:14px; line-height:25px; padding:45px 0px 80px 40px; color:#000; }
/*contents*/
.contentbg { background:#f5f5f5; }
.contentbg01 { background:#fff; border-bottom:1px solid #dcdcdc; }
.contti01 { font-size:22px; color:#383838; line-height:62px; padding-left:14px; padding-right:8px; background:url(../images/bg01.gif) no-repeat; float:left; }
.contti01 a { font-size:22px; color:#383838; }
.contti01_bg1 { background-position:0px 22px; }
.contti01_bg2 { background-position:0px -37px; }
.contti01_bg3 { background-position:0px -101px; }
.contti01_bg4 { background-position:0px -168px; }
.contti01_bg5 { background-position:0px -229px; }
.contti01_bg6 { background-position:0px -284px; }
.contti01_bg7 { background-position:0px -347px; }
.contti01_bg8 { background-position:0px -427px; }
.contimg01 { padding:15px 0px 14px 16px; float:left; }
.contimg01:hover img { width:170px; height:260px; border:5px solid #FFF; }
.contimg02 { padding:15px 0px 14px 0px; float:left; }
.contimg03 { margin-bottom:3px; display:block; }
.contimg04 { padding:15px 0px 14px 10px; float:left; }
.contul01 { float:left; }
.contul01 li { background:url(../images/bg05.jpg) no-repeat right center; float:left; }
.contul01 li a { line-height:66px; padding:0px 13px; font-size:14px; float:left; }
.contul01 li a:hover { color:#ff4e00; }
.contul01 li .c01 { line-height:66px; padding:0px 13px; font-size:14px; float:left; color:#ff4e00; background:url(../images/bg06.jpg) no-repeat right 3px; }
.contul01more { line-height:66px; font-size:14px; padding-left:13px; float:left; }
.contul02 { padding-top:15px; float:left; }
.contul02 li { width:180px; height:130px; padding-left:10px; margin-bottom:10px; float:left; position:relative; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
.contul02 li .c02 { position:absolute; z-index:0; }
.contul02 li .c02a { position:absolute; z-index:1; bottom:0px; font-size:14px; color:#fff; width:180px; height:30px; line-height:30px; text-align:center; background:#000; opacity:.6; filter:alpha(opacity=60); display:block; }
.contul02 li:hover { -webkit-transform:scale(0.97); -moz-transform:scale(0.97); -o-transform:scale(0.97);}
.contul02 li:hover .c02 img { border:5px solid #09C; width:170px; height:120px; }
.contul02 li:hover .c02a { margin-left:5px; margin-bottom:5px; width:170px; height:30px; }
.contul0111111666 { float:left; margin:15px 0px 0px 16px; width:180px; height:270px; position:relative; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
.contul0111111666 .contimg0166 { position:absolute; z-index:0; }
.contul0111111666 .c02a6 { position:absolute; z-index:1; bottom:0px; font-size:14px; color:#fff; width:180px; height:30px; line-height:30px; text-align:center; background:#000; opacity:.6; filter:alpha(opacity=60); display:block; }
.contul0111111666:hover { -webkit-transform:scale(0.97); -moz-transform:scale(0.97); -o-transform:scale(0.97);}
.contul0111111666:hover .contimg0166 img { border:5px solid #09C; width:170px; height:260px; }
.contul0111111666:hover .c02a6 { margin-left:5px; margin-bottom:5px; width:170px; height:30px; }
.contul02_ri { line-height:66px; padding-right:11px; margin-right:16px; background:url(../images/bg07.jpg) no-repeat right center; font-size:14px; float:right; }
/*footer*/
.footerbg01 { background:#232323; }
.footerbg02 { background:#383838; height:auto; color:#6f6f6f; line-height:20px; text-align:center; padding:20px 0;}
.footer_bor { border-left:1px solid #6f6f6f; }
.footer_ti { padding-left:20px; font-size:20px; color:#fff; display:block; }
.footer_ti a { font-size:20px; color:#fff; }
.footer_ti01 { line-height:23px; padding-left:20px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#6f6f6f; display:block; }
.footer_ti01 a { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#afafaf; }
.footer_div { width:240px; line-height:19px; padding:10px 0px 5px 20px; color:#6f6f6f; display:block; }
.footer_div a { color:#afafaf; }
.footerul { padding-left:20px; float:left; }
.footerul li { padding:5px 9px 0px 0px; float:left; }
.footerul01 { padding:10px 0px 0px 20px; float:left; }
.footerul01 li { width:250px; line-height:21px; color:#afafaf; float:left; }
.footerul01 li a { color:#afafaf; display:block; }
.footerul01 li a:hover { color:#fff; }
.copyright { width:273px; padding:9px 0px 6px 20px; line-height:22px; color:#afafaf; float:left; }
.copyright a { color:#afafaf;  }
.copyright a:hover { color:#fff; }
/*-------- 树形菜单 开始 --------*/
/*ul#menu, ul#menu ul { list-style-type:none; margin: 0; padding: 0; }
ul#menu a { display: block; text-decoration: none; }
ul#menu li {  }
ul#menu li a {}
#menu .aover {  color: #fff; font-size:14px; background-position:6px 31px; background:#383838 url(../images/bg.png) no-repeat; height: 34px; line-height: 34px; padding-left: 30px; padding-right: 15px; width: 175px; }
ul#menu li a:hover {  }
ul#menu li ul li { height:20px; line-height:20px; padding-top:2px; padding-bottom:3px; }
ul#menu li ul { background-color:#F2F2F2; height:150px;  padding-bottom:10px;}
ul#menu li ul li a {  background: #F2F2F2; color: #666666; padding-left: 30px; font-family: "宋体"; }
ul#menu li ul li a:hover {  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px; }*/
/*-------- 树形菜单 结束 --------*/

/*-------- 成品网站 开始 --------*/
.ul01 { margin:30px 0px 20px 0px; background:url(../images/bg08.jpg); float:left; }
.ul01 li { float:left; }
.ul01 li a { width:275px; height:80px; margin:0px 0px 10px 15px; _margin:10px 0px 0px 13px; padding:10px 0px 0px 10px; color:#383838; display:block; }
.ul01 li .ul01s1 { font-size:20px; padding-top:10px; display:block; }
.ul01 li .ul01s2 { font-family:Arial, Helvetica, sans-serif; line-height:16px; display:block; }
.ul01 li .ul01s3 { font-family:"宋体"; display:block; }
.ul01 li a:hover { background:#383838 url(../images/bg09.jpg) no-repeat right bottom; color:#fff; }
.ul01 li .onhover { background:#383838 url(../images/bg09.jpg) no-repeat right bottom; color:#fff; }
.ul01img { float:left; margin-right:14px; }
.ul02 { float:left; }
.ul02 li { padding:0px 7px; float:left; }
.ul03 { float:left; }
.ul03 li { width:285px; height:239px; padding:0px 7px; float:left; position:relative; }
.ul03 li .ul03img { height:206px; position:absolute; z-index:0; }
.ul03 li .ul03a { width:265px; padding-left:20px; color:#fff; font-size:14px; line-height:30px; position:absolute; z-index:1; bottom:33px; background:#000; opacity:.6; filter:alpha(opacity=60); }
.ul03 li .ul03aspan { width:265px; padding-left:20px; font-size:14px; line-height:33px; display:block; position:absolute; z-index:0; bottom:0px; }
.ul04 { padding-top:11px; float:left; }
.ul04 li { width:551px; height:30px; line-height:30px; float:left; }
.ul04 li a { width:433px; font-size:14px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ul04 li span { font-family:"宋体"; font-size:14px; float:right; }
.title1 { line-height:50px; font-size:22px; color:#383838; float:left; }
.title1_more { padding-top:16px; float:right; }
.tab1_1 { margin:20px 0px 20px 6px; background:#f5f5f5; border:1px solid #e5e5e5; }
.tabtd1_1 { padding:14px 27px; }
.tabdiv1_1 { width:880px; float:left; }
.tabdivspan1_1 { line-height:32px; font-family:"宋体"; font-weight:bold; float:left; }
.tabul1_1 { float:left; }
.tabul1_1 img { vertical-align:middle; }
.tabul1_1 li { padding:0px 13px; line-height:32px; background:url(../images/bg11.jpg) no-repeat right 10px; float:left; }
.tabul1_1 .color01 { color:#FF4E00; }
.tabul1_1 li a { font-family:"宋体"; color:#333; }
.tabul1_1 li a:hover { color:#ff4e00; }
.tabul1_1ul { float:left; }
.tabul1_1ul li { width:305px; height:256px; margin:0px 3px 1px 5px; _margin:0px 3px 10px 3px; float:left; position:relative; border:1px solid #FFF; }
.tabul1_1ul li .tabulimg { position:absolute; left:10px; top:10px; z-index:0; display:block; }
.tabul1_1ul li .tabula { position:absolute; left:10px; bottom:39px; z-index:1; width:265px; height:30px; padding-left:20px; line-height:30px; font-size:14px; color:#fff; display:block; background:#000; opacity:.6; filter:alpha(opacity=60); }
.tabul1_1ul li .tabulspan { position:absolute; left:30px; bottom:0px; width:265px; height:39px; display:block; }
.tabul1_1ul li .tabulspan .tabuls1 { float:left; line-height:39px; font-size:14px; }
.tabul1_1ul li .tabulspan .tabuls2 { float:left; line-height:39px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fe5910; }
.tabul1_1ul li .tabulspan .tabuls3 { float:right; padding-top:14px; }
.tabul1_1ul li:hover { width:305px; height:256px; background:#f5f5f5; border:1px solid #e5e5e5; }
.page { padding-left:288px; padding-top:10px; float:left; }
.page li { padding:0px 5px; float:left; }
.page li a { line-height:28px; padding:0px 10px; display:block; border:1px solid #e2e2e2; color:#b4b4b4; font-size:16px; }
.page li a:hover { border:1px solid #383838; background:#383838; color:#fff; }
.bg1_1n { background:url(../images/bg12.jpg) repeat-x bottom; }
.title1_1n { line-height:54px; font-size:22px; color:#383838; background:url(../images/bg13.jpg) no-repeat center bottom; float:left; }
.arrow1_1n { padding-top:17px; float:right; }
.span1_1n1 { line-height:72px; padding-top:3px; font-size:28px; color:#444; display:block; }
.span1_1n2 { line-height:28px; color:#999; float:left; }
.span1_1n3 { line-height:28px; color:#000; float:left; }
.span1_1n4 { line-height:28px; color:#ff7011; font-size:20px; padding-right:8px; float:left; }
.span1_1n5 { line-height:28px; color:#000; font-size:20px; float:left; }
.btn1_1n { padding:20px 10px 0px 0px; float:left; }
.bor1_1n { border:1px solid #ddd; margin:13px 0px 20px 0px; }
.bortd1_1n { border-bottom:1px solid #ddd; }
.tdspan1_1n { padding-left:20px; line-height:30px; font-weight:bold; color:#000; font-size:14px; background:#f5f5f5; }
.tddiv1_1n { width:1152px; line-height:24px; font-size:14px; color:#999; padding:8px 0px 8px 20px; float:left; }
.tdimg1_1n { margin-bottom:10px; float:left; }
.class_content { padding-top:40px; padding-left:30px; }
.class_content .span { font-size:40px; color:#FFF; }
.class_content .span1 { font-size:20px; color:#4c4c4c; }
.class_content .span2 { font-size:20px; color:#FFF; }
.class_content .span3 { color:#ff6600; font-size:20px; }
.class_content .span4 { color:#9c9c9c; text-decoration:line-through; }
.class_content .span5 { margin-top:30px; display:block; }
/*-------- 成品网站 结束 --------*/

/*-------- 定制 开始 --------*/
.ul2_1 { float:left; }
.ul2_1 li { padding:0px 15px; float:left; }
.title2_1 { font-size:40px; color:#000; display:block; }
.titles12_1 { font-size:20px; color:#afafaf; font-family:Arial, Helvetica, sans-serif; display:block; }
.div2_1 { width:555px; height:280px; line-height:28px; padding:18px 0px 5px 0px; font-size:20px; color:#000; float:left; text-indent: 32px }
.titles22_1 { width:540px; line-height:47px; font-size:14px; color:#999; display:block; }
.titles32_1 { font-size:20px; color:#ff6600; }
.bor2_1 { border-bottom:1px solid #d2d2d2; font-size:20px; color:#000; }
/*-------- 6-1 --------*/
.div6_1 { width:574px; line-height:40px; font-size:14px; color:#999;  border-top:1px solid #d2d2d2; margin-top:20px; float:left; }
.span6_1 { padding:0px 4px; line-height:16px; color:#fff; background:#ffa200; margin-top:6px; float:left; }
.span16_1 { color:#000; font-weight:bold; font-size:14px; line-height:24px; display:block; }
.ul6_1 { width:572px; padding-bottom:25px; padding-left:2px; float:left; }
.ul6_1 li { width:557px; line-height:24px; color:#999; float:left; }
.ul016_1 { padding-left:42px; float:left; }
.ul016_1 li { padding-right:5px; float:left; margin-bottom:10px; }
.ul016_1 li a { padding:0px 40px; line-height:28px; border:1px solid #5e5e5e; background:#5e5e5e; color:#fff; border-bottom:0px; font-size:14px; float:left; }
.ul016_1 li a:hover { border:1px solid #d6d6d6; background:#fff; color:#000; border-bottom:0px; }
.ul016_1 li .a6_1 { padding:0px 40px; line-height:28px; border:1px solid #d6d6d6; background:#fff; color:#000; border-bottom:0px; font-size:14px; float:left; }
.bor6_1 { border-top:1px solid #d2d2d2; }
.timg6_1 { margin-left:41px; margin-right:25px; float:left; }
.span26_1 { line-height:45px; padding-top:6px; padding-right:5px; font-size:28px; color:#221616; float:left; }
.span36_1 { line-height:45px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#afafaf; float:left; }
.span46_1 { color:#298cdd; display:block; }
.span56_1 { color:#ff6600; display:block; }
.div16_1 { width:100%; line-height:25px; font-size:16px; color:#000; display:block; }
.div26_1 { width:839px; line-height:31px; font-size:28px; color:#000; text-align:center; display:block; }
.div36_1 { width:839px; line-height:23px; font-size:16px; color:#a0a0a0; text-align:center; padding-bottom:25px; display:block; }
.div46_1 { width:839px; line-height:24px; font-size:16px; color:#333; text-align:center; padding-bottom:25px; display:block; }
.div56_1 { width:839px; line-height:24px; font-size:14px; color:#298cdd; padding-left:26px; margin-bottom:29px; background:url(../images/bg15.jpg) no-repeat left center; float:left; }
.div66_1 { width:813px; line-height:24px; padding:25px; font-size:14px; color:#afafaf; background:#5e5e5e; margin-bottom:100px; float:left; }
.div76_1 { padding:12px 0px 50px 40px; float:left; }
.div76_1 li { width:866px; float:left; }
.div76_1bg { background:url(../images/bg16.jpg) no-repeat center top; }
.div76_1span { font-size:22px; color:#000; display:block; }
.div76_1p { color:#999; font-size:16px; line-height:24px; padding-bottom:40px; display:block; }
.div86_1 { padding-bottom:100px; padding-left:40px; float:left; }
.div86_1 li { padding-right:11px; border:1px solid #d2d2d2; float:left; }
/*--------案例 开始 --------*/
.div_menu { background-color:#f5f5f5; width:1200px; height:auto; margin:0 auto; margin-top:17px; border:solid 1px #e5e5e5; margin-bottom:20px; }
.div_menu ul { white-space:nowrap; clear:both; }
.div_menu ul li { float:left; margin:5px 5px 10px 5px; }
.div_menu ul li a { color:#333333; font-size:12px; font-family:"宋体"; }
.div_menu ul li a:hover { color:#ff4e00; }
.div_menu ul li .color01 { color:#ff4e00; }
.div_menu ul li .boder01 { display:block; margin-top:-2px; border:2px solid #FF4E00; }
.boder01 { border:2px solid #FF4E00; }
.case_content { margin-top:30px; }
.case_content li { float:left; width:287px; height:208px; margin:5px 14px 50px 0px; border:1px solid #dcdcdc; }
.case_content .right_li { float:right; margin:5px 0px 50px 0px; }
.case_content_div { margin-top:8px; margin-left:5px; }
.case_content_a { display:block; text-align:center; padding-top:2px; }
.case_content_a .big-tags { z-index:1; position:absolute; margin:-204px 0 0 2px; width:283px; height:204px; background:rgba(0, 0, 0, 0.5); opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity .4s ease; -moz-transition:opacity .4s ease; -o-transition:opacity .4s ease; transition:opacity .4s ease; }
.case_content_a:hover .big-tags { opacity:1; filter:alpha(opacity=100); }

.case_content_a:hover span { display:block; }
.case_content a:hover { color:#ff4e00; text-decoration:underline; }
.case_content_a span { z-index:2; background: url(../images/bg02.png) center repeat-x; color:#FFF; float: left; height: 28px; margin-top: -29px; position: relative; display:none; width:275px; font-size: 14px; padding-left: 11px; padding-top: 5px; margin-left:1px; text-align:left; }
.case_content .show:hover { text-decoration:none; color:#FFF; }
.case_content .show font { padding-top:5px; padding-left:10px; display:block; font-size:14px }
.detail_item td { font-size:14px; color:#666666; height:35px; }
.case_content_b { display:block; text-align:center; padding-top:2px; }
.case_content_b div { z-index:100; position:absolute; margin:-204px 0 0 2px; width:283px; height:204px; background:rgba(0, 0, 0, 0.5); opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity .4s ease; -moz-transition:opacity .4s ease; -o-transition:opacity .4s ease; transition:opacity .4s ease;}
.case_content_b:hover div { opacity:1; filter:alpha(opacity=100); background:url(../images/bg01.png) repeat; margin-top:-204px; width:254px; height:184px; color:#F3E307; line-height: 30px; text-align:left; padding:20px 0 0 30px; }
/*--------Menu --------*/
/* set up the overall width of the menu div, the font and the margins */
.menu { float: right; width: 100%; }
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul { padding:0; margin:0; list-style-type: none; }
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li { float:left; position:relative; }
/* make the dropdown ul invisible */
.menu ul li ul { display: none; z-index:999; position:relative; }
/* specific to non IE browsers */
.menu .mli { float: left; height: 40px; text-align: center; width: 12.5%;}
.menu .ma { display:block; color:#000; width:88px; height: 40px; line-height: 40px; margin:0 auto;}
.menu .ma img { display:block; }
.menu .ma span { display:block; font-family:MicroSoft Yahei, Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; }

.menu .mli ul{ position:absolute; top:40px; left:50%; width:114px; margin-left:-57px; background:url(../images/menubg1.png) repeat; overflow:hidden; padding-bottom:13px;}
.menu .mli li{ display:block; text-align:center; text-decoration:none; width:114px; height:34px; line-height:34px; }
.menu .mli li a{ font-size:13px; color:#4a4a4a;}

/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover>a { color:#158ed8; border-bottom:3px solid #59a8e8; height:37px;}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul { display:block;}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a { display:block;}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover { color:#FFF; background:#2a8cdc; border-bottom:none; height:34px;}

/*block*/
.block_banner { background:url(../images/aboutbanner01.jpg) center no-repeat; height:283px; }
.block_nav { height:101px; width:100%; background-color:#ebebeb; }
.block_nav a { font-size:14px; color:#717171 }
.guest { color:#111111; }
.guest li { margin-right:35px; float:left; margin-top:10px; margin-bottom:20px; }
.product_banner { background:url(../images/productbg.jpg) center no-repeat; height:283px; }
.point_banner { background:url(../images/pointbg.jpg) center no-repeat; height:283px; }
.About01-Title { float:right; height:80px; *height:88px;
overflow:hidden; }
.About01-Title .About01-Title-Left { font-family:'Arial'; font-size:54px; color:#333333; margin-top:22px; line-height:36px; *line-height:42px;
}
.About01-Title .About01-Title-Right { font-family:'Arial'; font-size:80px; color:#b8272c; margin-top:5px; line-height:54px; *line-height:60px;
}
.About01-Title h3 { position:relative; float:left; }
.About01-Title h3:before { content:attr(title); position:absolute; z-index:1; top:100%; left:0; height:100%; width:100%; -webkit-transform:scaleY(-1); opacity:0.1; background-color:#f8f8f8; *display:none;
}
.About01-Title h3:after { content:''; position:absolute; z-index:2; top:100%; left:0; height:100%; width:100%; background:-webkit-gradient(linear, center top, center bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))); }
.About01-Title2 { position:relative; top:-21px; width:1111px; height:107px; background-color:#f8f8f8; border:1px dashed #bfbfbf; text-align:left; }
.About01-Title2-1 { border-left:1px dashed #f2f2f2; border-top:1px dashed #f2f2f2; }
.About01-div01 { width:740px; word-wrap:break-word; overflow:hidden; }
.About01-span01 {
font-family:'MicroSoft Yahei' font-size:12px; word-wrap:break-word; color:#808080; line-height:22px; }
.About01-Frame { position:absolute; width:7px; height:7px; background:url(../images/about_frame.gif) no-repeat; background-position:0px 0px; }
.About01-Frame01 { left:-4px; top:-4px; }
.About01-Frame02 { right:-4px; top:-4px; }
.About01-Frame03 { left:-4px; bottom:-4px; }
.About01-Frame04 { right:-4px; bottom:-4px; }
.circle-661 { width:78px; height:90px; background:#ba292e; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; color:#FFFFFF; font-family:'MicroSoft Yahei'; font-size:33px; font-weight:normal; line-height:87px; padding-left:12px; *background:url(../images/circle_bg661.gif) no-repeat 0px 0px;
}
.About02-ul li { margin-bottom:10px; }
.About02-ul li a { background-color:#f7b700; text-align:left; }
.About02-ul li a:hover { background-color:#1361b9; }
.About02-ul li a { display:block; padding-left:10px; width:100px; height:86px; }
.About02-ul li a .About02-Number { display:block; padding-top:13px; font-family:'MicroSoft Yahei'; font-size:30px; font-weight:bold; color:#f9eecd; }
.About02-ul li a .About02-Text { display:block; font-family:'MicroSoft Yahei'; font-size:18px; color:#ffffff; }
.About02-bg01 { background:url(../images/about02_bg01.jpg) no-repeat; width:895px; height:104px; }
.About02-bg02 { padding:10px 20px 10px 10px; border-color:#cccccc; border-width:1px; border-style:solid; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; background:url(../images/about02_bg_x.gif) repeat-x; background-color:#eeeeee; width:664px; }
.mainbar { margin:30px auto; width:1000px; overflow:hidden; }
.content { line-height:1.8; font-size:14px; }
.history-item { overflow:hidden; }
.history-item h1 { font-size:28px; color:#0058a2; }
.history-item .content { margin:50px 0 0 0; }
/*致远大事记*/
.history { background:url(../images/line04.gif) repeat-y 187px 0; overflow:hidden; position:relative; }
.history-date { overflow:hidden; }
.history-date h2 { background:url(../images/icon06.gif) #fff no-repeat 158px 0; font-size:25px; font-weight:normal; padding-left:45px; margin-bottom:50px; }
.history-date h2.first { position:absolute; left:0; top:0; width:935px; z-index:99; }
.history-date h2 a { color:#00bbff; display:inline-block; *display:inline;
zoom:1; background:url(../images/icon08.gif) no-repeat right 50%; padding-right:17px; margin:21px 97px 0 0; }
.history-date h2 a:hover { text-decoration:none; }
.history-date h2 img { vertical-align:-5px; }
.history-date h2.date02 { background:none; }
.history-date h2 span { font-size:42px; }
.history-date ul { overflow:hidden; }
.history-date ul li { background:url(../images/icon07.gif) no-repeat 180px 0; padding-bottom:30px; zoom:1; }
.history-date ul li.last { padding-bottom:0; }
.history-date ul li:after { content:" "; display:block; height:0; clear:both; visibility:hidden; }
.history-date ul li h3 { float:left; width:168px; text-align:right; margin:0; padding-right:19px; color:#c3c3c3; font:normal 18px/16px Arial; }
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px; }
.history-date ul li dl { float:left; padding-left:41px; margin-top:-5px; }
.history-date ul li dl dt { font-size:16px; color:#737373; }
.history-date ul li dl dt span { display:block; color:#787878; font-size:12px; }
.history-date ul li.green h3 { color:#1db702; }
.history-date ul li.green h3 span { color:#a8dda3; }
.history-date ul li.green dl { margin-top:-5px; }
.history-date ul li.green dl dt { font-size:26px; line-height:26px; }
.history-date ul li.green dl dt a { /*background:url(../images/about/icon09.gif) no-repeat 0 0; width:19px; height:16px;*/ display:inline-block; *display:inline;
zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px; }
.history-date ul li.green dl dd { padding-top:20px; display:none; }
.history-date ul li.green dl dd img { float:left; }
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878; }
.history-date h2.first { height:59px }
.history-date h2.first .more-history { font-size: 16px; background: transparent; margin-left: 30px; }
.history-date h2.first .more-history:hover { text-decoration: underline; }
/*致远软件*/
.soft-list { background:url(../images/bg18.jpg); width:1200px; height:434px; }
.soft-list .header { background:url(../images/bg17.jpg) no-repeat top center; height:21px; }
.soft-list .container { padding-top:19px; padding-left:30px; color:#FFF; }
.soft-list .container .span1 { font-size:40px; }
.soft-list .container .span2 { font-size:20px; color:#4c4c4c; }
.soft-list .container .span3 { font-size:20px; }
.soft-list .container .span4 { color:#9c9c9c; text-decoration:line-through; }
.soft-list .container .span5 { color:#98db2b; font-size:14px }
.soft-list .container .span6, .soft-list .container .span6 a { color:#afafaf; font-size:14px }
.soft-list .container .span7 { color:#298cdd; font-size:14px }
.soft-list .container .span8 { margin-top:30px; display:block; }
.soft-list .container .span9 { color:#FF6600; font-size:20px; }
/*传媒设计*/
.media-list { background:url(../images/bg18.jpg); width:1200px; height:434px; }
.media-list .header { background:url(../images/bg17.jpg) no-repeat top center; height:21px; }
.media-list ul li { float:left; }
.media-list ul li p { border-bottom:solid 1px #707070; padding-top:12px; }
.media-list ul .leftli { margin-left:50px; width:380px; }
.media-list ul .centerli { width:310px; text-align:center; }
.media-list ul .centerli .span1 { color:#ffd907; font-size:40px; }
.media-list ul .centerli .span2 { color:#606060; font-size:20px; display:block; text-align:center }
.media-list ul .rightli { width:380px; margin-right:50px; }
.media-list ul .td { width:380px; margin-right:50px; }
.media-list .span3 { color:#afafaf; font-size:14px; display:block; margin-top:40px; text-indent:20px; }
.media-list .span4 { color:#ff6801; font-size:20px; text-align:center; height:50px; }
/*全景展示*/
.panorama-list { background:url(../images/bg18.jpg); width:1200px; height:434px; }
.panorama-list .header { background:url(../images/bg17.jpg) no-repeat top center; height:21px; }
.panorama-list ul li { float:left; }
.panorama-list ul li p { border-bottom:solid 1px #707070; padding-top:12px; }
.panorama-list ul .leftli { margin-left:50px; width:380px; }
.panorama-list ul .centerli { width:310px; text-align:center; }
.panorama-list ul .centerli .span1 { color:#01bdbe; font-size:40px; }
.panorama-list ul .centerli .span2 { color:#606060; font-size:20px; display:block; text-align:center }
.panorama-list ul .rightli { width:380px; margin-right:50px; }
.panorama-list ul .td { width:380px; margin-right:50px; }
.panorama-list .span3 { color:#FFF; font-size:20px; display:block; margin-top:40px; }
.panorama-list .span4 { color:#ff6801; font-size:20px; text-align:center; height:50px; }
.panorama-list .span5 { color:#98db2b; font-size:14px }
.panorama-list .span6 { color:#afafaf; font-size:14px }
.panorama-list .span7 { color:#298cdd; font-size:14px }
.panorama-list .span8 { margin-top:30px; display:block; }
.panorama-list .span9 { color:#FF6600; font-size:20px; }

/*案例图片特效 开始*/

/*案例图片特效 结束*/

/*底部qq tq*/
#footerqq_bg { Z-INDEX: 9999; POSITION: fixed; WIDTH: 100%; height:92px; float: left; BOTTOM: 0px; BACKGROUND: url(../../images/footer_qq_bg.gif) repeat-x center bottom; TOP: auto;}
#footerqq { MARGIN: 0px auto; BACKGROUND: url(../../images/footer_qq.gif) no-repeat 20px 20px; width:1150px; HEIGHT: 109px; margin-top:-15px; background-size:82px 82px;}
.footer_dianhua { float: right; background-image: url(../../images/footer_dianhua.gif);background-repeat:no-repeat; background-position:13px -4px; text-align: left; width: 310px; height: 94px; margin-top: 15px;}
#footerqq_nei { margin-top: 23px; width:705px; float: left; margin-left: 130px; _margin-left: 64px; }
#footerqq_nei ul { list-style: none; margin:0px; padding:0px; margin-top:-3px;}
#footerqq_nei ul li { float: left; width: 83px; line-height: 20px; text-align: left; }
#footerqq_nei ul .line { background-image: url(../../images/foot_shuline.gif); width: 1px; }
#footerqq_nei A { LINE-HEIGHT: 280px; WIDTH: 77px; DISPLAY: block; FLOAT: left; HEIGHT: 23px; OVERFLOW: hidden; MARGIN-RIGHT: 10px; _MARGIN-RIGHT: 3px; }
#footerqq A.qq1 { LINE-HEIGHT: 280px; WIDTH: 296px; DISPLAY: block; FLOAT: left; HEIGHT: 70px; OVERFLOW: hidden; MARGIN-RIGHT: 0px }
#footerqq A.msn { MARGIN-RIGHT: 24px }

* html,* html body   {background-image:url(about:blank);background-attachment:fixed;} 
* html #footerqq_bg {position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}


.headertopul { list-style: none; width: 430px; }
.headertopul li { float: left; height: 39px; font-size: 13px; line-height: 39px; }
.tex { width: 68px; height: 18px; margin-top: 9px; *margin-top:-2px; _margin-top:8px; margin-left: 2px; background-color: #FFFFFF; border: #b3b3b3 1px solid; color: #000000 }
.sbutton { background-color: #000000; border: none; color: #ffffff; height: 20px; overflow: hidden; float: left; line-height: 20px; margin-top: 9px; width: 40px; cursor: pointer; margin-left: 5px; }

.qq_chat{ position:fixed; top:50%; right:12px; width:190px; margin-top:-320px; z-index:99999999;}
.qq_chat_close{ position:absolute; top:-8px; right:-8px; width:30px; height:30px; z-index:100; background:url(../images/qq_close.png) center center no-repeat; cursor:pointer;}
.qq_chat1{ float:left; width:190px; height:270px; background:url(../images/qq_bg0.png) top center no-repeat;}
.qq_chat1_1{ display:block; width:86px; height:24px; float:left; margin-top:190px; margin-left:82px; cursor:pointer;}
.qq_chat2{ float:left; width:190px; overflow:hidden; background:url(../images/qq_bg1.png) repeat-y; padding-bottom:20px;}
.qq_chat2 li{ float:left; width:190px; overflow:hidden; margin-top:10px;}
.qq_chat2 li a{ display:block; width:100px; height:26px; line-height:24px; float:left; margin-left:21px; background:url(../images/qq_bg2.png) no-repeat; text-align:left; padding-left:48px; font-size:14px; color:#0b3245;}
.qq_chat3{ float:left; width:190px; height:277px; background:url(../images/qq_bg4.png) top center no-repeat; position:relative;}
.qq_chat4{ width:190px; height:57px; position:absolute; bottom:0; left:0; cursor:pointer;}

/*面包屑导航*/
.postion{ width:1160px; height:20px; line-height:20px; padding:20px; color:#666; text-align:right; margin:0 auto; background:#FFF;}
.postion a{ color:#666;}
.postion a:hover{ text-decoration:underline;}

.piaofu{ position:fixed; width:70px; height:280px; bottom:10%; right:5px; z-index:99999999;}
.piaofu li{ float:left; width:70px; height:70px; position:relative; text-align:center;}
.piaofu li a{ display:block; width:68px; height:68px; line-height:100px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #e5e5e5; color:#666; font-size:14px;}
.piaofu1{ background:url(../images/xf_icon1.png) center 12px no-repeat #FFF;}
.piaofu2{ background:url(../images/xf_icon2.png) center 15px no-repeat #FFF;}
.piaofu3{ background:url(../images/xf_icon3.png) center 11px no-repeat #FFF;}
.piaofu4{ background:url(../images/xf_icon4.png) center 13px no-repeat #FFF;}
.piaofu li:hover a{ color:#FFF; border:1px solid #0a7bde;}
.piaofu li:hover .piaofu1{ background:url(../images/xf_icon1_1.png) center 12px no-repeat #0a7bde;}
.piaofu li:hover .piaofu2{ background:url(../images/xf_icon2_1.png) center 15px no-repeat #0a7bde;}
.piaofu li:hover .piaofu3{ background:url(../images/xf_icon3_1.png) center 11px no-repeat #0a7bde;}
.piaofu li:hover .piaofu4{ background:url(../images/xf_icon4_1.png) center 13px no-repeat #0a7bde;}
.piaofu li div{ display:none; position:absolute;}
.piaofu li:hover div{ display:block;}
.piaofu2_1{ top:-60px; left:-187px; width:177px; height:198px; border:1px solid #D7D7D7; background:#FFF; text-align:center;}
.piaofu2_1 img{
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.piaofu2_1 p{ width:155px; font-size:14px; margin-left:10px; text-align:center;}
.piaofu3_1{ top:0; left:-218px; width:216px; height:70px; background:#0a7bde; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.piaofu3_1 span{ display:block; padding-left:25px; background:url(../images/xf_icon5.png) no-repeat 15px center; height:70px; line-height:70px; font-size:22px; font-weight:bold; color:#FFF;}

/* 本例子css */
.picScroll-left{ width:1200px; height:472px; overflow:hidden; position:relative; margin:0 auto;}
.picScroll-left .prev{ display:block; width:20px; height:80px; position:absolute; left:0; top:142px; overflow:hidden; cursor:pointer; background:url(../images/index9_1.jpg) no-repeat; z-index:100;}
.picScroll-left .next{ display:block; width:20px; height:80px; position:absolute; right:0; top:142px; overflow:hidden; cursor:pointer; background:url(../images/index10_1.jpg) no-repeat; z-index:100;}
.picScroll-left .prev:hover{ background:url(../images/index9_2.jpg) no-repeat;}
.picScroll-left .next:hover{ background:url(../images/index10_2.jpg) no-repeat;}

.picScroll-left .hd{ overflow:hidden; width:100%; height:30px; z-index:969999; margin-top:30px; text-align:center;}
.picScroll-left .hd ul{ display:inline-table; overflow:hidden; zoom:1;}
.picScroll-left .hd ul li{ float:left; width:30px; height:5px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#d5f0f8; }
.picScroll-left .hd ul li.on{ background:#0085f9; }

.picScroll-left .bd{ width:100%; overflow:hidden;}
.picScroll-left .bd ul{ width:100%; height:433px; overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:260px; margin-right:53.2px;}
.picScroll-left .bd ul li .pic{ text-align:center;}
.picScroll-left .bd ul li .pic img{ width:254px; height:364px; display:block; border:3px solid #0080ff; border-bottom:0;}
.picScroll-left .bd ul li .title{ width:240px; min-height:48px; line-height:24px; padding:10px; background:#0080ff; color:#FFF; font-size:16px;}

/* 新header css */
.top_title{ float:left; color:#666666; font-size:12px; line-height:40px; width:400px;}
.top_mid{ height:106px;}
.logo{ float:left; margin-top:29px;}

.top_mid1{ float:right; position:relative; z-index:1; margin-top:37px; margin-right:20px; cursor:pointer;}
.top_mid1_1{ float:left; display:block; width:30px; height:30px; background:url(../images/headerN2.jpg) no-repeat;}
.top_mid1_2{ display:none; position:absolute; top:34px; left:-270px;}

.top_mid2{ float:right; position:relative; z-index:2; margin-top:37px; margin-right:9px; cursor:pointer;}
.top_mid2_1{ float:left; display:block;}
.top_mid2_2{ display:none; position:absolute; top:34px; left:-90px;}
.top_mid2:hover .top_mid2_2{ display:block;}

.top_mid3{ float:right; margin-right:27px; margin-top:40px;}

.fenlei{ float:left; width:220px; height:40px; line-height:40px; background:#2a8cdc; color:#FFF; font-size:16px; text-align:center; position:relative;}
.fenlei1{ position:absolute; top:40px; left:0; width:220px; height:500px; overflow:hidden; display:none;}
.fenlei2{ width:220px; height:40px; float:left; cursor:pointer;}

/* 隐藏商桥漂浮层 css */
.embed-icon{ right:-100% !important;}