﻿
@charset "utf-8";/* CSS Document */
/* Style Reset */
body, div, dl, dt, dd, ul, li, form, input, button, h1, h2, h3, h4, h5, h6, p 
{margin: 0;padding: 0}
html {overflow-x: hidden;-webkit-text-size-adjust: none}
ul, li, dl, dt, dd {display: block;list-style: none}
img {border: 0 none;vertical-align: top;max-width: 100%}
a {text-decoration: none;outline: 0}
.fl {float: left}
.fr {float: right}
.pa {position: absolute}
.pr {position: relative}
.fn-clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fn-clear {zoom: 1;}
.cc3{ margin-top:5px;}
.cc5{ background:#FFF;}
body {position: relative;overflow-x: hidden;font-size: 14px; line-height: 20px; color: #333; font-family: "Microsoft YaHei", "微软雅黑"; padding-bottom: 5px; width: 100%;}
.all {position: relative;z-index: 10;right: 0;background: url(../images/bg.gif) repeat;}
#wrapper {max-width: 640px;margin: 0 auto;}
.wrap {}
.cb {clear: both;}
.clear {diplay: block!important;float: none!important;clear: both;overflow: hidden;width: auto!important;height: 0!important;
        margin: 0 auto!important;padding: 0!important;font-size: 0;line-height: 0;}

/*网站顶部*/
.top {background-color: #ffffff;}
.logo {width: 30%;margin-left: 1%;}
.logo a {display: block;float:left;}
.biaoyu{color:#333;font-size:1 rem; width:68%; float:left; display: block;}
.biaoyu a{ }

/*网站导航*/
.nav{width:100%; height:auto; background:#0F467D; overflow:hidden}
.nav-1{width:25%; height:30px; float:left;}
.nav-a{width:100%; height:30px; text-align:center; line-height:30px; color:#fff; font-size:1 rem; display:block;}

/*banner*/
.banner {line-height: 0;background: #fff;max-width: 100%;overflow: hidden;visibility: visible;position: relative;}
.banner img {width: 100%;height: 140px;cursor: pointer;}
#slider {line-height: 0;text-align: center;}
#pagenavi {text-align: right;bottom: 10px;width: 98%;padding-right: 2%;position: absolute;}
#pagenavi a {display: inline-block;width: 12px;height: 12px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color: #057ce0;-webkit-box-shadow: inset -2px -3px 5px #057ada;-moz-box-shadow: inset -2px -3px 5px #f9d68e;box-shadow: inset -2px -3px 5px #057ada;
margin-right: 1%;}
#pagenavi a.active {background-color: #faf4b7;-webkit-box-shadow: inset -2px -3px 5px #fcee09;-moz-box-shadow: inset -2px -3px 5px #fcee09;
box-shadow: inset -2px -3px 5px #fcee09;}

/*搜索框*/
.searchbg {width: 100%;background: #fff;height: 52px;padding: 10px 0;}
.search {width: 91.5625%;margin-left: 2.65625%;background: #fff;box-shadow: 3px 4px 4px #e3e3e3 inset;height: 50px;border: 1px solid #d8d8d8;border-radius: 6px;}
.text {width: 70%;height: 50px;border: 0;background: none;float: left;color: #939292;text-indent: 1em;outline: none;}
.button {float: right;width: 60px;height: 60px;background: url(../images/button.png) 0 0 no-repeat;background-size: 100% 100%;
margin: -6px -3.41296% 0 0;border: 0;}
h2 {font-family: \5FAE\8F6F\96C5\9ED1;padding-top: 1%;padding-bottom: 1%;}

/*首页关于  联系我们*/
.show {width: 100%;margin-bottom: 0%;}
.show p {width: 98%;margin: 0 auto;padding: 2px; color: #666; background: #fff;}

/*标题*/
.title1name {color: #fff;text-align: center;background-color: #589AED;height: 18px;vertical-align: middle;}
.title1name a {color: #fff;font-size: 1rem;}
.white {color: #fff}
.white a {color: #fff}

/* 驾照特色翻译服务*/
.common_css {background-color: #fff;padding: 0 4%;margin-bottom: 2%;/* border-top: 1px solid #cecece;border-bottom: 1px solid #cecece; */}
.common_title {text-align: center;}
.common_title h2 {display: block;color: #4e6990;font-size: 1.2rem;padding: 1% 0;/* 	border-radius: 20px; */}
.common_title h2:before {content: "";display: inline-block;width: 37%;height: 2px;background-color: #ef8700;vertical-align: middle;margin-right: 2%;}
.common_title h2:after {content: "";display: inline-block;width: 37%;height: 2px;background-color: #ef8700;vertical-align: middle;margin-left: 2%;}
.common_title a {float: right;color: #114275;font-size: 1.22rem;}

.yewu {background-color: #f6f6f6;border-top: 1px solid #f6e5f6;border-bottom: 1px solid #f6e5f6;padding: 1% 1%;}
.yewu_list {margin-top: 1%;}
.yewu_list_new ul li {border-bottom: 1px solid #e7e7e7;}
.yewu_list ul li {margin-bottom: 1%;padding-bottom: 1%;}

/* 特色翻译图片部分 */
.list_pic {width: 35.93%;float: left;vertical-align:center;}


/*新闻列表*/
.news {width: 100%}
.news ul {width: 100%;background: #eee}
.news ul li {width: 97%;padding: 0.5%;color: #666;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;background: #fff;margin-top: 1%;}
.news ul li a {color: #666;background: url(../images/bg8.png) no-repeat;background-position: right center;background-size: 3% auto;display: block;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}


/*底部四个导航*/
.bottomnav {width: 100%;margin-top: 1%;}
.bottomnav ul {}
.bottomnav ul li {width: 23%;margin-left: 1.6%;margin-bottom: 2%;float: left;background: #3C516F;color: #fff;text-align: center; padding-top: 1%;padding-bottom: 1%;}
.bottomnav ul li a {color: #fff}

/*底部图标*/
.bottom {height:20px;width: 100%;margin-top: 1%;}
.bottom ul {background: #0F467D;left:0;right:0;bottom:0;position:fixed;width:100%;}
.bottom ul li {width: 25%;float: left;padding-top: 2%;padding-bottom: 1%;color: #fff;}
.bottom ul li a {color: #fff;text-align: center;display: block;}
.bottom ul li a img {vertical-align: middle;max-width: 33%;margin: 0 auto;width: auto;height:20px;display: block;}
 
 /*导航*/
.btn-nav {cursor: pointer;position: absolute;right: 1%;width: 13.3%;top: 30%;}
.panel {display: block;position: absolute;top: 0;right: 0;z-index: 1;width: 14em;height: 100%;background: #FF7F00;box-shadow: 0.0625em 0px 0.1em #fff inset}
.panel>ul {width: 96%;height: auto;margin: 0 auto}
.panel-son {width: 100%;border-bottom: 1px solid #fff;font-style: normal;font-weight: normal;font-variant: normal}
.panel-son>a {display: block;color: #fff;text-align: center;padding: 9% 0}
.panel-son>a:hover {color: #fff;font-weight: bold}
 



/* 特色翻译文字 */
.list_text{width: 58%;float: left;margin-left: 4%;}
.list_text a h2{font-size: 1.2rem;font-weight: normal;color:#000;}
.list_text a span{display: inline-block;font-size: 1rem; word-wrap: break-word; word-break: normal;height: 1.2rem;line-height: 1.2rem;color:#939393;margin-top: 0.07rem;/* -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;*/	} 
.list_text strong {display: inline-block;padding: 0.5% 3%;/* 	width: 50%; *//* 	padding:1.5% 0; */font-weight: normal;font-size: 0.80rem;
/* 	text-align: center; */color: #fff;overflow: hidden;background-color: #717780;
/* 	-ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;*/}

.c {clear: both;width: 100%;}
.more {margin-top: 1%;text-align: center;}
.more a {width: 35%;border: 1px solid #eaeaea;padding: 1% 1%;display: inline-block;}
.more a span {display: block;text-align: center;background-color: #ef8700;color: #fff;padding: 0.5% 6%;font-size: 1rem;/*   border-top: 1px solid #cecece;border-bottom: 1px solid #cecece; */}
 
 /*内页部分*/
.submain {width: 100%;margin-top: 2%;margin-bottom: 2%;background:#fff;display:inline-block;}
.subshow {width: 94%;margin: 0 auto;}
.subshow p {color: #333;padding-top: 2%;text-align: left;}
.subpic {text-align: left;margin-top: 2%}
.subpic img {width: 80%;}


/*内页标题*/
.subtitle {text-align: center;color: #fff;width: 100%;padding-top: 1%;padding-bottom: 1%;background: #516075;}
.subtime {color: #999;text-align: center;width: 100%;margin-bottom: 2%}

/*内页文字列表*/
.subnews {width: 100%;}
.subnews ul {width: 95%;margin: 0 auto;margin-top: 2%}
.subnews ul li {margin-bottom: 2%;padding: 1%;color: #da4034;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.subnews ul li a {color: #da4034;}

/页码*/
.page {text-align: center;width: 100%;margin-top: 2%}
.page li{ display:inline-table;}
.page a {text-align: center;display: inline-block;width: 70px;padding-bottom: 7px;padding-top: 4px;background-color: #706d68;color: #fff}
.page .arrow_left img, .page .arrow_right img {vertical-align: middle}
.page .arrow_center {display: inline-block;width: 20%}
.mt6 {margin-top: 6%;}

/*搜索结果页面*/
.subsearch {text-align: center;color: #333;width: 100%;padding-top: 1%;padding-bottom: 1%;font-weight: normal}
.searchfont {color: #ff7a1d;font-weight: bold;}

/*产品分类*/
.navigation {width: 20%;left: 2.5%;position: absolute;top: 5%;float: left;cursor: pointer;color: #fff;background: #057ada;text-align: center;
margin-top: 1%}
#menu li {width: 25%;text-align: center;float: left;padding-top: 1.5%;margin-top: 6%}
#menu li a {width: 80%;color: #fff;padding: 5% 0;margin: 0 auto;display: block;background-color: #ffaa1b;overflow: hidden;
text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}


/*内页图文列表*/
.subartpic {width: 100%;margin-top: 3%;}
.subartpic ul {width: 95%;margin: 0 auto}
.subartpic ul li {margin-bottom: 2%}
.subapleft {width: 18%;padding: 1%;background: #faeec6;float: left;}
.subapleft img {width: 100%;}
.subapright {width: 77%;float: right;}
.subapname {color: #d74132;background: #ffc702;padding: 1%;font-weight: bold;margin-bottom: 2%;}
.subapname a {color: #d74132;}
.subpatxt {color: #333;}

/*未展示天津翻译领域页*/
.product {width: 100%;margin-bottom: 2%;}
.product ul {padding-bottom: 20px;overflow: hidden;}
.product ul li {width: 26%;padding: 2%;background: #fff;float: left;margin-left: 2.5%;margin-top: 3%;}
.product ul li img {width: 100%;display: block;margin: 0 auto;max-width: 100%;border: 1px #fff solid;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.product ul li p {width: 100%;padding-top: 2%;padding-bottom: 2%;text-align: center;color: #666;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.product ul li p a {color: #666;}


.artpicdiv {width: 100%;background: #fff}
.artpicdiv ul {width: 95%;padding-bottom: 1%;margin: 0 auto}
.artpicdiv ul li {padding-top: 1%;padding-bottom: 1%;border-bottom: 1px #ffa81d dotted}
.artpicleft {width: 18%;padding: 1%;background: #fff;float: left;}
.artpicleft img {width: 100%;}
.artpicright {width: 77%;float: right;}
.artpicname {padding: 2%;color: #ffa81d;font-weight: bold;}
.artpicname a {color: #ffa81d;}
.artpictxt {color: #666;padding-top: 1%;}



 @media all and (max-width:479px) {
body, html {font-size: 1em;line-height: 1.2em;}
h2 {font-size: 1em;line-height: 1.2em;}
.searchbg {height: 26px;padding: 5px 0;}
.search, .text {height: 25px;border-radius: 3px;line-height: 25px;}
.button {height: 30px;width: 30px;margin: -3px -3.41296% 0 0;}
.news ul li {background-size: 1% auto;}}

@media all and (min-width:480px) and (max-width:639px)
 {body, html {font-size: 1em;line-height: 1.2em;}
 h2 {font-size: 1em;line-height: 1.2em;}
.searchbg {height: 39px;padding: 7px 0;}
.search, .text {height: 37px;border-radius: 3px;line-height: 25px;}
.button {height: 45px;width: 45px;margin: -4px -3.41296% 0 0;}
}


@media all and (min-width:640px)
{body, html {line-height: 1.2em;font-size: 14px; color: #333; font-family: "Microsoft YaHei", "微软雅黑";}
h2 {font-size: 1.1em;line-height: 1.2em;}
}
