@media (min-width: 1200px)
{
.container {width: 1200px;}
}
.clear{clear:both;}
.padding-left{padding-left:0}

/*首页右侧二维码、图片、在线客服*/
@font-face {
    font-family: 'icomoon';
    src: url('../font/icomoon.eot');
    src: url('../font/icomoon.eot') format('embedded-opentype'), url('../font/icomoon1.ttf') format('truetype'), url('../font/icomoon2.woff') format('woff'), url('../font/icomoon2.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}

/*new right*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:10000}
.cndns-right a:hover{text-decoration:none;}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
@media (min-width: 768px){
.cndns-right-meau:hover .cndns-right-btn span{display:none;}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
}

.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../image/zxkf.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}

.meau-sev1{background-color:#ffffff;}
.meau-sev1 ul{ list-style:none; padding-left:0;}
.meau-sev1 .cndns-right-btn{border-color:#dddddd;background:url(../image/qq.gif) no-repeat #ffffff center;} 
.meau-sev1 .cndns-right-btn p{color:#ff6800;background-color:#ffffff;}
.meau-sev1 .cndns-right-btn span{color:#fff;background-color:#ffffff;}


.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999; font-style:normal;}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}


.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.right_x{position:absolute;font-size:20px;right:20px;top:10px;color:#ee6600;z-index:200;display:inline-block;cursor:pointer;}
.right_foot{position:absolute;font-size:14px;left:10px;top:10px;color:#ee6600;z-index:200;display:inline-block;cursor:pointer; padding:0; border:none;}

.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../image/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa; font-style:normal;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../image/qq.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}

.cndns-right-box .box-border .sev-b1{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b1 h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b1 ul{ list-style:none; padding-left:0; }
.cndns-right-box .box-border .sev-b1 li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b1 li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../image/sq.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b1 li a:hover{color:#ff6800}

.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-sev1 .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:200px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-code .cndns-right-box .box-border .sev-t img{ width:160px;}
.meau-code .cndns-right-box .box-border .sev-t i{ font-style:normal;}


.meau-sev .cndns-right-btn .demo-icon{display:none;}

@media (min-width: 768px){
.meau-sev:hover .cndns-right-btn{background:#ff6800}
}
.meau-sev1 .cndns-right-btn .demo-icon{display:none;}
.meau-sev1:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}



@media (max-width: 768px){
.cndns-right{ display:none;}
.cndns-right-box{padding-right:10px;} 
.meau-sev .cndns-right-box .box-border{width:290px;}
.cndns-right-box .box-border .sev-b1 li{width:50%}
/*.cndns-right-meau:hover .cndns-right-box{display:none;}*/

}



/*banner切换的样式*/
/* slide */
.slide-main{position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:50%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;margin-top:-22px;}
.prev{left:30px;}
.next{right:30px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:540px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;position:relative;z-index:8;}
.slide img{max-width:100%;}
#bgstylea{background:url(../image/banner-05.jpg) top center no-repeat; background-size: cover;}
#bgstyleb{background:url(../image/banner-12.jpg) top center no-repeat; background-size: cover;}
#bgstylec{background:url(../image/bannerqyh3.jpg) top center no-repeat; background-size: cover;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:130px;}
.obj-b{top:396px;height:100px;}
.obj-c{display:block;top:200px;margin-left:-240px;}
.obj-d{top:228px;height:164px;}

.obj-e{width:466px;height:170px;margin-left:-320px;top:203px;z-index:12;}
.obj-f{width:692px;height:394px;top:408px;margin-left:-120px;}
.obj-c p{width:100px; display:block;font-size:16px;color:#fff;clear:both; border:1px solid #fff; text-align:center; padding:10px 0; margin-top:40px; margin-left:200px;}
.obj-b button{ background:#8bc13c; border:1px solid #8bc13c; color:#fff; padding:10px 14px; color:#fff; border-radius:4px;}
.obj-f button{background:none; border:1px solid #fff; color:#fff; padding:10px 40px; border-radius:40px; font-size:20px;}
.obj-f button:hover{ color:#90c12f; border:1px solid #90c12f;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }



/*这是导航的内容*/
body{ font-family: "微软雅黑"; font-size:16px;}
header{position:relative;}
.site-nav{ width:100%; height:80px; background: transparent;/* position: absolute; top:0; left:auto;*/ z-index:99;}
.site-nav .logo-box{ float:left;}
.site-nav .logo{ width:180px;}
.site-nav .nav-phone{ float:left; background:url(../image/tel_y.png) left no-repeat;}
.site-nav .nav-none{ background:none;}
.site-nav .nav-phone .fa{ padding-left:8px; margin-right:4px; line-height:64px; font-size:22px; color:#ccc;}
.site-nav .nav-phone .phone-number{ font-size:18px; color:#f6680b;}
.site-nav .nav-phone .phone-number:hover{color:#f6680b;}
.site-nav .nav-phone .phone-number:focus{ text-decoration:none; }
.site-nav a{ color:#000; padding:8px; line-height:70px;}
.site-nav a:hover,.site-nav a:focus{color:#90c12f; text-decoration:none;}
.navbar-toggle .icon-bar{ background:#000;}
.navbar-toggle{margin-right:0;}

@media (max-width:992px)
{
.site-nav .logo{ width:140px;} 
}

@media (max-width: 768px)
{
.site-nav{ height:inherit; }
.site-nav .nav{display:none;}
.site-nav .logo{ width:140px;}
.site-nav .nav-phone{ margin-left:0;}
.site-nav .nav-phone .fa{ line-height:50px;}
.site-nav a{ line-height:50px; padding:0; display:block;}
.site-nav .nav-mobile{clear:both; display:none; overflow:hidden; padding:4px 10px; z-index:9999;}
.site-nav .nav-mobile ul li{ border-bottom:1px solid #eaeaea; }

}

@media (max-width: 440px)
{
.site-nav .logo{ width:120px;}
.site-nav .nav-phone .fa{ padding-left:4px; font-size:18px;}
.site-nav .nav-phone .phone-number{ font-size:16px; }
}

.index-nav{ position:fixed; background:#fff; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);}
.index-nav a{ color:#333; }
.index-nav a:hover,.index-nav a:focus{text-decoration:none; color:#8bc13c; }
.index-nav .active{color:#8bc13c;}
.index-nav .active a{color:#8bc13c;}
@media (max-width:1200px)
{
.index-nav .logo{ width:140px;}
.index-nav a{padding:0px;} 
}


/*banner的背景以及上边的文字哈*/
.banner{ height:580px; overflow:hidden; width: 100%; background:url(../image/bannerqyh3.jpg) top center no-repeat; background-size: cover;}
.banner .pic1{ height:580px; overflow:hidden; width: 100%; background:url(../image/banner-06.jpg) center center no-repeat; background-size: cover;}
.banner .pic2{ height:580px; overflow:hidden; width: 100%; background:url(../image/banner-img5.jpg) top center no-repeat; background-size: cover;}
.banner .word{ padding-top:180px;}
.banner .word h1{ text-align:center; color:#fff; margin-bottom:60px;}
.banner .word ul{ padding-left:0; list-style:none; color:#fff; overflow:hidden; text-align:center; margin-bottom:36px;}
.banner .word ul li{ width:50%; font-size:24px; float:left; text-align:center;}
.banner .word ul li .point{ margin-right:10px; }
.banner .word p{ clear:both; padding:30px; text-align:center;}
.banner .word p .btn{ text-align:center; display:inline-block; border:1px solid #fff; color:#fff; padding:10px 40px; border-radius:40px; font-size:20px;}
.banner .word p .btn:hover{ color:#90c12f; border:1px solid #90c12f;}
@media (max-width: 768px)
{
.banner{ height:370px; background:url(../image/banner-05.jpg) top center no-repeat; background-size:cover;}
/*.banner .pic1{ height:370px; overflow:hidden; width: 100%; background:url(../images/frontpage-slide-3.jpg) top center no-repeat; background-size: cover;}
.banner .pic2{ height:370px; overflow:hidden; width: 100%; background:url(../images/frontpage-slide-3.jpg) top center no-repeat; background-size: cover;}*/
.banner .word{ padding:100px 0;}
.banner .word h1{font-size:28px; margin-bottom:20px; }
.banner .word ul{ margin-bottom:0px;}
.banner .word ul li{font-size:16px; width:50%; margin-bottom:10px;}
.banner .word ul .first{ margin-right:0;}

}

@media (max-width: 660px)
{
.banner .word ul li{ width:100%;}
}



/*整个大块的内容部分*/

/*商业合作*/
.touch{ padding:20px 0; overflow:hidden; text-align:center; }
.touch img{ width:36px; margin-right:6px;}
.touch span{ display:inline-block; font-size:18px;}
@media (max-width: 992px)
{
.touch .part{ margin-bottom:20px;}
}

@media (max-width: 768px)
{
.touch{ background:#4c4643; padding-bottom:0; z-index:-9999;}
.touch .part{ margin-bottom:20px;}
.touch .part-center{  text-align:left; display:inline-block; width:238px;}
.touch .touch-phone{ letter-spacing:0.03em;}
.touch span{ font-size:16px; color:#fff;}
}

/*为什么选择译佳林*/
.index_about{font-size:16px;line-height:25px;color:#666;margin-bottom:40px;}
.index_about p{text-indent:2em;}
.why{ padding:40px 0; overflow:hidden; }
.text-tiele{ color:#90c12f; font-size:26px; text-align:center;}
.rate{ margin:40px 0; } 
.rate img{ display:block; margin:0 auto;}
.why .text-center{ padding:0 50px; }
.why .text-center .why-icon{ margin-bottom:40px;}
.why .text-center .why-icon img{ width:85px;}
.why .text-center h3{ font-size:22px; margin-bottom:20px;}
.why .text-center p{ font-size: 16px; line-height:26px; color:#646464;}
@media (max-width: 768px)
{
.why{ padding:90px 0;}
.why .text-center h3{ font-size:20px; }
.why .text-center p{ font-size:14px; }
/*这个是整个的h2缩小的时候*/
.text-tiele{ font-size:24px;}
.why .text-center .why-icon{ margin-bottom:40px;}
.rate{ margin:30px 0; }
.rate img{ width:200px;}
}


@media (max-width: 992px)
{
.why{ padding:40px 0;}
}


/*多少语种多少客户啥的*/
.data{ height:400px; background:url(../image/pic2.jpg) top center no-repeat; padding:140px 0;}
.data .data-icon img{ width:60px;}
.data h3,.data p{ color:#fff; margin-bottom:20px;}
.data .digits{display:inline-block; height:30px;}
.data .digits i{background:url(../image/numbers.png) no-repeat; display:inline-block; float:left; height:30px; width:18px;}
.data .digits b{background:url(../image/numbers.png) no-repeat 0 -398px; display:inline-block; float:left; height:30px; width:10px;}
@media (max-width: 992px)
{
.data{ padding:40px 0;}
}



/*首先是我们为您提供的服务*/
.serve{ padding:90px 0; overflow:hidden;}
.serve a{ color:#000;}
.serve a:hover,.serve a:focus{ color:#000; text-decoration:none;}
.serve .serve-box{ padding:30px; border:2px solid #d8d8d8; overflow:hidden;}
.serve .serve-box .serve-icon img{ width:70px; margin:0 auto; display:block;}
.serve .serve-box .explain{ border-bottom:1px solid #d8d8d8; padding-bottom:10px;}
.serve .serve-box .explain span{ width:4px; height:24px; background:#90c12f; display:inline-block; margin-right:10px; vertical-align:middle;}
.serve .serve-box ul{ list-style:none; padding-left:0; overflow:hidden; margin-bottom:0;}
.serve .serve-box ul li{ margin-bottom:14px; overflow:hidden;}
.serve .serve-box ul li:nth-last-child(1){ margin-bottom:0; }
.serve .serve-box ul .serve-left{float:left;}
.serve .serve-box ul .serve-left img{ width:50px; }
.serve .serve-box ul .serve-center{ float:left; }
.serve .serve-box ul .serve-right{float:right;}
.serve .serve-box ul .serve-right .orange{ color:#ff6800; text-align:right;}
.serve .serve-box ul .serve-right i{ font-style:normal; margin-left:6px;}

@media (max-width: 992px)
{
.serve{ padding:40px 0; }
.serve .serve-box{ margin-bottom:30px; }
}


@media (max-width: 768px)
{
.serve{ padding:40px 0; }
.serve .serve-box{ padding:20px; margin-bottom:30px; }
}




/*第二个是流程*/
.flow{overflow:hidden; position:relative;}
.flow p,.flow span{ font-size:14px; }
.flow .text-center{ height:32px; }
.flow .flow-start{padding:10px 16px; background:#8bc13c; border-radius:6px; color:#fff; border:1px solid #8bc13c;}
.flow .flow-end{ padding:10px 16px; background:#fff; border-radius:3px; color:#000; border:1px solid #8bc13c;}
.flow .client-img{ width:20%; float:left; margin-top:10px;}
.flow .client-text{ width:80%; float:left;}
.flow .tran-img{ width:20%; float:left; margin-top:10px;}
.flow .tran-text{ width:80%; float:left;}
.flow .client-first{ width:70%; padding:20px; float:right; background:#f5f5f5; position:absolute; top:40px; right:10px;}
.flow .client-second{ width:70%; padding:20px; float:right; background:#f5f5f5; position:absolute; top:270px; right:10px;}
.flow .client-third{ width:70%; padding:20px; float:right; background:#f5f5f5; position:absolute; top:520px; right:10px;}
.flow .client-fourth{ width:70%; padding:20px; float:right; background:#f5f5f5; position:absolute; top:780px; right:10px;}
.flow .tran-first{ width:70%; float:left; position:absolute; top:80px; left:10px;}
.flow .tran-first .send{width:180px; border:1px dashed #000; display:inline-block; padding:14px 20px; border-radius:40px; text-align:center;}
.flow .tran-second{width:70%; background:#f5f5f5; float:left; position:absolute; top:40px; left:10px; padding:20px;}
.flow .tran-third{width:70%; float:left; position:absolute; top:400px; left:10px;}
.flow .tran-third .pay{width:180px; border:1px dashed #000; display:inline-block; padding:14px 20px; border-radius:40px; text-align:center;}
.flow .tran-fourth{background:#f5f5f5; padding:20px; width:70%; float:left; position:absolute; top:270px; left:10px;}
.flow .tran-fifth{width:70%; float:left; position:absolute; top:740px; left:10px;}
.flow .tran-fifth .put{width:210px; border:1px dashed #000; display:inline-block; padding:14px 20px; border-radius:40px; text-align:center;}
.flow .tran-sixth{background:#f5f5f5; padding:20px; width:70%; float:left; position:absolute; top:520px; left:10px;}
.flow .tran-seventh{background:#f5f5f5; padding:20px; width:70%; float:left; position:absolute; top:780px; left:10px;}
@media (min-width:1200px)
{
.flow .flow-start{ margin-left:-20px;}
.flow .flow-end{ margin-left:-20px;}
}
@media (max-width: 992px)
{
.flow .flow-start{ margin-left:40px;}
.flow .flow-end{ margin-left:40px;}
.flow .client-first,.flow .client-second,.flow .client-third,.flow .client-fourth{ width:100%;}
.flow .tran-first,.flow .tran-second,.flow .tran-third,.flow .tran-fourth,.flow .tran-fifth,.flow .tran-sixth,.flow .tran-seventh{ width:100%;}

}
@media (max-width: 768px)
{
.flow-xs{ text-align:center; }
.flow-xs .flowbox-first{ border:1px solid #ccc; border-radius:4px; padding:6px 14px;}
.flow-xs .flowbox-first img{ width:40px; margin-right:10px; }
.flow-xs .flowbox-first h4{ font-weight:600; }
.flow-xs .col-xs-12{ margin-bottom:30px; }
.flow-xs .text-tiele{margin-top:0;}
.flow-xs .fa{ font-size:36px; color:#90c12f;}
}
/*翻译语种-翻译领域*/
.indexyz .yzly{display:none;}
.indexyz .yzlist{float:left;width:16%;}
.indexyz .yuzhong{float:left;margin:5px 3px;display:inline-block;border:1px solid #eee;border-radius:3px;padding:5px;position:relative;text-align:center;}
.indexyz .yuzhong div{width:100%;float:left;background-color:#000;border-radius:15px;}
.indexyz .yuzhong img{margin:auto;width:100%;height:100%;border-radius:15px;opacity:0.4; filter: alpha(opacity=60)}
.indexyz .yuzhong span{display:block;line-height:23px;font-size:16px;color:#666;text-align:center;height:23px;overflow:hidden;position:absolute;top:38%;left:0%;color:#fff;font-weight:bold;width:100%;}
.indexyz .yuzhong:hover{border:1px solid #ccc;border-radius:3px;}
.indexyz .yuzhong:hover span{color:#ff6800}

.indexyz .lingyu{width:16%;float:left;border:1px solid #eee;margin:5px 0.3%;border-radius:3px;color:#666;padding:5px;}
.lingyu a{color:#5d5d5d;}
.lingyu:hover{border:1px solid #ccc;}
.lingyu .fa{float:left;padding-right:5px;margin-top:3px;}
.lingyu .ly_title{float:left;}

@media (max-width: 768px)
{
    .indexyz .yzlist{width:20%;}
    .indexyz .lingyu{width:30%;}
    .indexyz .yzly{clear:both;display:block;width:100%;}
}
/*最后我们的合作商*/
.parter{ overflow:hidden; padding:90px 0;}
.parter h4{ text-align:center; margin:0; position:relative;}
.parter .more-part{ position:absolute; right:15px; top:0; font-size:16px; color:#ff6800;}
.parter .parter-box{ margin-top:20px; overflow:hidden;}
.parter .frist-parter{ overflow:hidden; margin-top:30px;}
.parter .part-img{padding:14px; border:1px solid #d8d8d8;}
.parter .part-img img{height:40px; display:block; margin:0 auto;}
.parter .hr-dashed{ margin:40px 0; border-bottom:1px dashed #d8d8d8;}
@media (max-width: 992px)
{
.parter{ padding:40px 0; }
.parter .frist-parter{ margin-top:20px;}
.parter .part-img{ margin-bottom:20px; }
}

@media (max-width: 488px)
{
.parter .more-part{ position:static; width:100%; text-align:center; margin-top:10px; display:inline-block;}
}


/*最后新闻列表*/
.press{ padding-bottom:90px; overflow:hidden;}
.text-tiele a{color:#90c12f}
.press ul{ list-style:none; overflow:hidden; padding-left:0;}
.press ul li{ overflow:hidden; margin-bottom:20px;}
.press-left .press-data{width:20%; float:left; text-align:center; border-right:1px solid #f1f1f1;}
.press-left .press-data span{ font-size:44px; margin-bottom:10px; display:inline-block;}
.press-left .press-data p{ font-size:18px;}
.press-left .press-sub{width:80%; float:left; padding-left:20px;}
.press-left .press-sub a{ color:#303030;}
.press-left .press-sub a:hover,.press-left .press-sub a:focus{ text-decoration:none;}
.press-left .press-sub h2{font-size:18px; margin-top:0; margin-bottom:20px; font-weight:600;height:20px;overflow:hidden;}
.press-left .press-sub h3{ font-size:14px;line-height:21px;}


/*最后的尾部*/
footer{ background:#171717; padding:30px 0;}
footer .foot-nav{ text-align:center; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #d8d8d8;}
footer .foot-nav a{ color:#fff; font-size:14px; display:block;}
footer .foot-nav a:hover,footer .foot-nav a:focus{ text-decoration:none; color:#9b9b9b;}
footer .ph-hover{ color:#fff;}
footer .ph-hover:hover,footer .ph-hover:focus{ color:#fff; text-decoration:none;}
footer .foot-text{ text-align:center; margin-top:20px; }
footer .foot-text p{ text-align:center; color:#dbdbdb; font-size:12px;}
footer .foot-text .friend{ font-size:12px; color:#9b9b9b;}
footer .foot-text .friend span{ margin-right:20px; }
footer .foot-text .friend a{ color:#9b9b9b; margin-right:20px;}
footer .foot-text .friend a:hover{ color:#fff; text-decoration:none; cursor:pointer;}
footer .foot-text .we{ color:#fff; font-size:14px; }
footer .foot-text .phone{ font-size:24px; }
footer .foot-text .phone .fa{ margin-right:10px; font-size:24px; }
footer .foot-text .icon { text-align:center; position:relative; margin-bottom:10px;}
footer .foot-text .icon .fa{ margin-right:20px; font-size:14px; border:1px solid #fff; padding:8px; border-radius:50%; color:#fff;}
footer .foot-text .icon .with-qq,footer .foot-text .icon .with-weixin{ float:left; margin:0 auto;}
footer .foot-text .icon .fa-weixin{ margin-right:0;}
footer .foot-text .icon .fa:hover{ color:#8bc13c; border:1px solid #8bc13c; text-decoration:none;}
footer .foot-text .icon .fa:focus{ border:1px solid #fff; color:#fff; text-decoration:none;}
footer .foot-text .icon .go-to{ background:#030303; padding:8px; position:absolute; top:-60px; left:50%; display:none; margin-left:46px;}
footer .foot-text .icon .go-to:hover{ display:block;}
footer .foot-text .icon .go-to img{ width:120px; }

footer .foot-text .page{ font-size:16px;}
footer .foot-text .page a{ color:#fff;}
footer .foot-text .page a:hover,.footer .foot-text .page a:focus{ color:#8bc13c;}

@media (max-width: 768px)
{
footer .foot-text .icon .go-to{ padding:12px;}
footer .foot-text .icon .go-to img{ width:90px; }
footer .foot-nav a{margin-bottom:10px; display:block;}
footer .foot-text .icon .fa:hover{ color:#fff; border:1px solid #fff; text-decoration:none;}
footer .foot-text .icon .right_foot .fa{position:absolute;font-size:16px;left:-8px;top:-8px;color:#ee6600;z-index:200;display:inline-block;cursor:pointer; padding:0; border:none;}
}


/*******************************************关于我们页面***********************************************************/
.about .about-banner{ height:220px; background:url(../image/1-01about.jpg) top center no-repeat; background-size: cover;}
.about .box-site{ height:80px; }
.about .site-nav{ position:fixed; background:#fff; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);}
.about .site-nav a{ color:#333; }
.about .site-nav a:hover,.about .site-nav a:focus{text-decoration:none; color:#8bc13c; }
.about .site-nav .active{color:#8bc13c;}
.about .site-nav .active a{color:#8bc13c;}
.about .navbar-toggle .icon-bar{ background:#5d5d5a;}
@media (max-width: 1200px)
{
.about .site-nav{ position:static; border:none; box-shadow:none;}
}

@media (max-width: 768px)
{
.about .box-site{ height:inherit; }
.about .site-nav{height:inherit;}
.about .site-nav .nav-mobile{background:#fff; margin-bottom:0;}
.about .site-nav .nav-mobile ul li{ border-bottom:1px solid #eaeaea; }
}
@media (min-width: 768px)
{
.about .site-nav .nav-mobile{ display:none; }
}

.about .banner .word{ padding:0;}


.us{ padding:90px 0; }
.us .left-nav{ border:1px solid #babab4; padding:14px 20px;}
.us .left-nav ul{ padding-left:0; list-style:none;}
.us .left-nav ul a{ color:#5d5d5a;}
.us .left-nav ul a:hover{ color:#000; text-decoration:none;}
.us .left-nav ul a:focus{ color:#8bc13c; text-decoration:none;}
.us .left-nav ul li{ height:50px; font-size:14px; margin-left:20px;}
.us .left-nav ul li .straight{ display:inline-block; width:6px; height:6px; background:#000; margin-right:8px;}
.us .left-nav .us-title{height:50px; font-size:18px; font-weight:normal;}
.us .left-nav .us-title .fa{ margin-left:8px;}
.us .left-nav .us-title a{ color:#000;}
.us .left-nav .us-title a:hover{ color:#8bc13c; text-decoration:none;}
.us .left-nav .us-title a:focus{text-decoration:none;}
.us .left-nav .us-title img{ width:20px; margin-right:8px;}
.us .left-nav .active{ color:#8bc13c; }
.us .left-nav .active a{ color:#8bc13c;}
/*是准备弄那个QQ的*/
.us .qq-nav{ border:1px solid #babab4; padding:14px 20px; margin-top:20px;}
.us .qq-nav h4{ font-size:16px; }
.us .qq-nav ul{ padding-left:0; list-style:none;}
.us .qq-nav ul li{ margin-bottom:4px; }
.us .qq-nav ul a{ color:#5d5d5a; font-size:14px;}
.us .qq-nav ul a:hover{ color:#000; text-decoration:none;}


.us .right-content{ border:1px solid #babab4; padding:20px 30px; overflow:hidden; font-size:14px;}
.us .right-content .about-box b{ color:#ff6800;}
.us .right-content .about-box ul{ list-style:none; padding-left:0;}
.us .right-content .about-box ul li{ line-height:30px; padding-left:28px;}
.us .right-content .about-box ul .dot{display:inline-block; width:24px; vertical-align:middle; padding-top:6px; margin-right:4px; float:left; list-style-image:url(../image/dot.png);}
.us .right-content .about-box ul .dot img{ width:20px; }
.us .right-content h3{ color:#8bc13c; margin-bottom:20px; margin-top:10px;}
.us .right-content p{ line-height:30px; margin-bottom:20px;}
.us .right-content .order{clear:both; padding-top:30px; border-top:1px dashed #ccc;}
.us .right-content .order ul{ list-style:none; padding-left:0; font-size:18px;}
.us .right-content .order ul li{ margin-bottom:12px;}
.us .right-content .order .btn{background:#ff6800; padding:8px 30px; color:#fff; font-size:18px;}
.us .right-content .order .order-btn img{ margin-right:15px; margin-left:-20px;}
.us .right-content .order .color-phone{ color:#ff6800; margin-left:4px; font-weight:600;}
.us .right-content .order .color-phone:hover,.us .right-content .order .color-phone:focus{text-decoration:none; color:#ff6800;}
@media (max-width: 768px)
{
.us{ padding:40px 0; position:relative;}
.us .left-nav{ background:#fff;}
.us .right-content{ padding:10px 10px; }
.us .right-content h3{ font-size:20px; margin-bottom:20px;}
.us .right-content p{ font-size:14px;}
}



/*******************************************文件笔译页面***********************************************************/
.about .writter-banner{ height:220px; background:url(../image/2-01writter.jpg) top center no-repeat; background-size: cover;}
.about .right-content h4{ font-weight:600; margin-bottom:20px;}
@media (max-width: 768px)
{
.about .right-content h4{ margin-bottom:10px;}
}


/*******************************************同声传译页面***********************************************************/
.kou-banner{ height:220px; background:url(../image/2-02kou.jpg) top center no-repeat; background-size: cover;}
.tong-banner{ height:220px; background:url(../image/2-03tong.jpg) top center no-repeat; background-size: cover;}
.about .right-content .nav-tabs{ margin-bottom:30px; }
.about .right-content a{ color:#8bc13c;}
.content-scroll{ height:800px; overflow-y:scroll;}
.device-example .number{ font-size:20px; }
.content-box .device-box{ margin-bottom:30px;}
.content-box .device-pic{min-height:130px;}
.content-box .device-pic img{ width:140px; height:auto; margin:0 auto; vertical-align:middle; }
.content-box .device-box ul{ padding-left:0; list-style:none;}
.content-box .device-box ul li{ margin-bottom:10px;}
.content-box .table th{ font-weight:normal; text-align:center; vertical-align:middle;}
.content-box .table thead th{ font-weight:bold; }



/*******************************************联系我们页面***********************************************************/
.contact-banner{ height:220px; background:url(../image/3contact.jpg) top center no-repeat; background-size: cover;}
.join-banner{ height:220px; background:url(../image/4join.jpg) top center no-repeat; background-size: cover;}
.lines-banner{ height:220px; background:url(../image/5feed.jpg) top center no-repeat; background-size: cover;}
.right-content h5{ color:#5c5c5c; font-size:14px; margin-bottom:20px;}
.right-content .con-box{ font-size:16px; }
.right-content .con-box .fa-qq{ color:#8bc13c; font-size:20px; margin-right:10px;}
.right-content .p-sm{ font-size:14px; color:#5c5c5c;}
.right-content .color{color:#ff6800}
.right-content .con-box .color-green{ color:#8bc13c;}
.right-content .con-icon{ width:40px; height:40px; background:#8bc13c; display:inline-block; margin-right:8px; vertical-align:middle;}
.right-content .con-icon img{ width:36px; vertical-align:middle; padding:4px; margin:0 auto;}




/*******************************************使命及工作伙伴***********************************************************/
.parter-banner{ height:220px; background:url(../image/1-02parter.jpg) top center no-repeat; background-size: cover;}
.parter-img .part-img{padding:14px; border:1px solid #d8d8d8; margin-bottom:20px;}
.parter-img .part-img img{height:40px; display:block; margin:0 auto;}
.parter-img .hr-dashed{margin:40px 0; border-bottom:1px dashed #d8d8d8;}
@media (max-width: 768px)
{
.parter-img .part-img{ margin-bottom:20px;}
}




/*******************************************翻译报价***********************************************************/
.price-banner{ height:220px; background:url(../image/2-04price.jpg) top center no-repeat; background-size: cover;}
.writter-table .table{ text-align:center; font-size:14px;}
.writter-table .table thead th{ text-align:center;}
.writter-table .table td{ vertical-align:middle;}
.refind-table .table{text-align:center;}
.refind-table .table thead th{ text-align:center;}
.refind-table .table td{ vertical-align:middle; }
.mouth-table .table{text-align:center;}
.mouth-table .table th{ text-align:center;}
.mouth-table .table td{ vertical-align:middle;}
.more-table .table{text-align:center;}
.more-table .table th{ text-align:center;}
.more-table .table td{ vertical-align:middle;}

/*******************************************全国连锁***********************************************************/
.chain-banner{ height:220px; background:url(../image/1-03chain.jpg) top center no-repeat; background-size: cover;}
.chain h4{ color:#8bc13c; font-weight:normal;}
.chain .right-content p a{ color:#333; margin-right:16px; }
.chain .right-content p b{ margin-right:16px; font-size:16px;}



/*******************************************翻译流程***********************************************************/
.flow-content .flow-bg{display:block; background:#8cc13d; padding:10px 20px; color:#fff; border-radius:7px;}
.flow-content .written-flow{ overflow:hidden;}
.flow-content .flow-arrow .img-responsive{ width:18px; margin:0 auto; margin-top:16px; margin-bottom:16px;}
.right-content .flow-content .p-fl{ margin-bottom:60px; }


/*******************************************可译语言***********************************************************/
.flow-banner{ height:220px; background:url(../image/2-06flow.jpg) top center no-repeat; background-size: cover;}
.flag-box .img-responsive{ height:60px; border:1px solid #ccc; margin:0 auto;}
.flag-box .ditu{ max-width: 100%;}
.flag-box p{ text-align:center; font-size:17px;}
.flag-box p .fa{ margin-left:6px; margin-right:6px; }
@media (max-width: 992px)
{
.flag-box .img-responsive{ height:30px; }
}

@media (max-width: 768px)
{
.flag-box .img-responsive{ height:50px; }
}

@media (max-width: 440px)
{
.flag-box .img-responsive{ height:30px;}
}


/*******************************************留言反馈***********************************************************/
.words-banner{ height:220px; background:url(../image/5feed.jpg) top center no-repeat; background-size: cover;}
.words-box .form50-control {display: block; width:60%; height: 34px; padding: 6px 12px; font-size: 14px; color: #555;background-color: #fff;
border: 1px solid #ccc; border-radius: 4px;}
.words-box textarea{ width:60%; resize:none; padding: 6px 12px; font-size: 14px; color: #555;background-color: #fff; border: 1px solid #ccc; border-radius: 4px;}
.words-box .btn-tj{ background:#ff6800; color:#fff; padding:6px 14px; margin-right:20px;}
.words-box .btn-cz{ padding:6px 14px;}
.words-box .must{ color:#f00; font-size:16px; margin-right:6px;}
@media (max-width: 768px)
{
.words-box .form50-control{ width:80%;}
.words-box textarea{ width:80%;}
}


/*******************************************行业解决方案***********************************************************/
.case-banner{ height:220px; background:url(../image/2-05case.jpg) top center no-repeat; background-size: cover;}
.plan-box img{width:100%;}


/*******************************************常见问题***********************************************************/
.FAQs-banner{ height:220px; background:url(../image/2-07FAQs.jpg) top center no-repeat; background-size: cover;}
.question .size-first{ font-size:16px; font-weight:600;}
.question p{ margin-bottom:10px;}
.question .fa{ margin-right:8px; font-size:20px;}


/*******************************************配音服务***********************************************************/
.dubbing-banner{ height:220px; background:url(../image/8dubbing.jpg) top center no-repeat; background-size: cover;}
.dub-box ul{ margin-bottom:20px;}
.dub-box ul li{ margin-bottom:10px;}
.dub-box .table td{ vertical-align:middle; text-align:center;}



/*******************************************客户须知***********************************************************/
.know-banner{ height:220px; background:url(../image/6customer.jpg) top center no-repeat; background-size: cover;}
.know-box .color{ color:#ff6800;}


/*******************************************长期合作***********************************************************/
.long-banner{ height:220px; background:url(../image/7long.jpg) top center no-repeat; background-size: cover;}
.long-box .import{ color:#ff6800;}



/*******************************************新闻列表***********************************************************/
/************新闻列表专门改的左侧*******************/
.daohang{margin-bottom:20px;color:#ccc;}
.daohang a{color:#90c12f}
.new-table{ margin-bottom:30px; overflow:hidden;}
.new-table ul{ list-style:none; padding-left:0;}
.new-table ul li{width:48%; float:left;  text-align:center; margin-bottom:10px; margin-right:4%;}
.new-table ul li:nth-last-child(2n+1){ margin-right:0; }
.new-table ul li a{ padding:10px 0; display:block;background: #fff9ff; color:#5d5d5a; border: 1px solid #e3e3df; border-radius:8px;}
.new-table ul li a:hover{background:#8bc13c; color:#fff; text-decoration:none;}

.new-wards .new-wardtitle h4{ font-size:18px; font-weight:600;}
.new-wards .new-wardtitle span{ font-size:14px; color:#666; margin-left:14px;}
.new-wards ul{ list-style:none; padding-left:0;}
.new-wards ul li{ margin-bottom:8px; font-size:14px; line-height:30px; overflow:hidden;}
.new-wards ul li a{width:80%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; float:left; color:#8bc13c;}
.new-wards ul li b{width:20%; font-weight:400; font-weight:400; float:right; color:#666;}

.right-content .news-body h3{ text-align:center; padding-top:14px; color:#333;}
.right-content .news-body .date-people{ padding:14px 0; border-top:1px dashed #dadada; border-bottom:1px dashed #dadada;}
.news-body .date-people .new-people{color:#ff6800; margin-right:20px;}
.news-body .date-people font{margin-right:14px;}

.new-box ul{ list-style:none; padding-left:0; margin-bottom:0;}
.new-box ul li{padding:14px 0; border-bottom:1px solid #ededed; overflow:hidden;}
.new-box .list-left{width:14%; float:left; vertical-align:middle; text-align:center; border-right:1px solid #f1f1f1;}
.new-box .list-left .date-color{ font-size:44px; margin-top:-10px; display:inline-block;}
.new-box .list-right{ width:85%; float:left; padding-left:20px;}
.new-box .list-right a{ color:#303030;}
.new-box .list-right a:hover,.new-box .list-right a:focus{ text-decoration:none;}
.new-box .list-right h1{ margin-top:0; margin-bottom:10px; font-size:16px;}
.new-box .list-right h2{ margin-bottom:0; line-height:24px; color:#5d5d5a; height:50px; overflow:hidden;font-size:14px;}
.new-box .list-right h2 .list-more{ color:#f6680b;}
.new-box ul li span{float:right;}

.paging{ margin-top:30px; margin-bottom:30px; text-align:center; clear:both;}
.paging a{ padding:6px 16px; display:inline-block; background:#fff9ff; border:1px solid #e3e3df;}
.paging a:hover{ text-decoration:none; background:#8bc13c; color:#fff;}
.paging select{ padding:6px 10px; display:inline-block; background:#fff9ff; border:1px solid #e3e3df;}
.paging .current{padding:0px 15px;}
.paging .jp-current{background:#dedede;text-decoration:none;}


@media (max-width: 768px)
{
.new-box .list-left .date-color{ font-size:14px;}
.new-box .list-right h4{ margin-top:0; margin-bottom:10px; font-size:14px;}
.new-box .list-right p{ font-size:14px;}

.paging a{ margin-bottom:14px;}
}


.groom{ margin-top:50px; overflow:hidden;}
.groom-title{ margin-bottom:30px;}
.groom-title .title-bg{ width:6px; height:30px; background:#ff6800; display:inline-block;}
.groom-title h3{ display:inline-block; margin-top:0; margin-left:14px; line-height:30px;}
.groom-box p{ text-align:center; line-height:34px; padding-top:14px;}
.groom-box a{ color:#303030;}
.groom-box a:hover,.groom-box a:focus{ color:#303030;}


/*******************************************新闻列表详情页***********************************************************/
.except p{ margin-bottom:14px; float:left;}
.except p:nth-last-child(1){ float:right;}
.except p a{ color:#8bc13c}
@media (max-width: 768px)
{
.except p{ float:none;}
.except p:nth-last-child(1){ float:none;}
}

/*翻译语种、翻译领域*/
.yz_box ul,.ly_box ul{list-style:none;}
.yz_box ul li,.ly_box ul li{width:17%;margin:1.5%;float:left;text-align:center;border:1px solid #fff;border-radius:3px;padding:5px 0px;}
.yz_box ul li img{width:90%;float:left;margin-left:5%;border-radius:10px;max-height:100px;}
.yz_box ul li span{width:100%;float:left;line-height:25px;}
.yz_box ul li:hover{border:1px solid #ccc;}

.ly_box ul li{text-align:left;}
.ly_box ul li a{color:#5d5d5d;}
.ly_box ul li i{float:left;padding-right:5px;}