/*banner*/
.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}

.translation-banner{background: url('../img/banner_ry_ce.jpg') no-repeat; height: 266px;}

.translation-banner__intro{float: left; width: 788px;}
.translation-banner__intro p{padding: 24px 35px 0 35px; color: #fff; font-size: 18px; line-height: 1.8;}
.translation-banner__intro ul{list-style: none;padding: 0 35px; width: 700px;}
.translation-banner__intro ul li{width: 200px; float: left; color: #fff; font-size: 18px; line-height: 1.8; background: url('../img/ce_ico1.png') no-repeat 1px; padding-left: 30px;}

.translation-banner__form{float: right; width:300px; background: #fff; height:254px; margin:6px; box-shadow: 0 0 6px 2px #CCC; border-radius: 5px;}
.form__title{text-align: center; color: #f39f19; font-size: 24px; padding: 15px 0; font-weight: 500;}
.form__content{font-size: 14px; line-height: 2.3; padding-left: 30px;}
.form__content input{border: 1px #ccc solid; border-radius: 5px; height: 22px; outline: none; width: 175px; padding-left: 5px;}
.form__content select{width: 182px; border-radius: 5px; height: 24px; border: 1px #ccc solid; outline: none;}
.form__button{text-align: center; width: 94px; height: 27px; border-radius: 30px; color: #fff; background: linear-gradient(left, #ffae12 0, #f07d17 100%); background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%); background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%); background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%); background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%); line-height: 27px; margin: 10px auto; cursor: pointer;}
.form__button:hover{opacity: 0.9;}
.form__note{font-size:12px; padding-left:35px; color: #565656;}


/*service*/
.service__type{width: 340px; height: 320px; border: 1px #3b5998 solid; margin: 80px 12px 0 12px; float: left; position: relative;}
.service__type--hot{background: url('../img/ce_ico7.png') no-repeat 262px -2px;}
.service__type--title{margin-top: 53px; margin-bottom: 18px; text-align: center; font-size: 24px; font-weight: normal; color: #3b5998;}
.service__type--content{padding: 30px; font-size: 15px; line-height: 1.5;}
.service__type--more{display: block; padding: 5px 15px; color: #fff; background: #3b5998; width: 80px; height: 26px; line-height: 26px; font-size: 16px; margin:10px auto 30px; text-align: center;}
.service__type--more:hover{background: #006db8;}
.service__type--more:visited{color: #fff;}
.service__type--ico1{width:67px; height:67px; background: url('../img/ce_ico2.png') no-repeat; position: absolute; top:-60px; left:15px; border:20px #fff solid; border-radius: 67px;}
.service__type--ico2{width:67px; height:67px; background: url('../img/ce_ico3.png') no-repeat; position: absolute; top:-60px; left:15px; border:20px #fff solid; border-radius: 67px;}
.service__type--ico3{width:67px; height:67px; background: url('../img/ce_ico4.png') no-repeat; position: absolute; top:-60px; left:15px; border:20px #fff solid; border-radius: 67px;}
.service__type--ico4{width:67px; height:67px; background: url('../img/ce_ico5.png') no-repeat; position: absolute; top:-60px; left:15px; border:20px #fff solid; border-radius: 67px;}
.service__type--ico5{width:67px; height:67px; background: url('../img/ce_ico6.png') no-repeat; position: absolute; top:-60px; left:15px; border:20px #fff solid; border-radius: 67px;}

.translation-quality{width: 340px; height: 350px; border: 1px #3b5998 solid; margin: 50px 12px 0 12px; float: left; background: url('../img/ce_ico8.jpg') no-repeat;}
.translation-quality ul{margin-top: 180px;margin-left: 25px;}
.translation-quality ul li{float: none; font-size: 18px; line-height: 2.5em; background: url('../img/ce_ico9.png') no-repeat 2px; padding-left: 40px;}
.translation-quality ul li .red{color: #f00; font-size: 20px; padding:0 4px;}

/*process*/
.translation-process{float: left; width:520px; height: 460px; margin-top: 50px;}
.process__header{font-size: 24px; color: #3b5998; padding-bottom: 15px; border-bottom: #e5e5e5 2px solid;}
.process__content{background: url('../img/ce_ico10.jpg') no-repeat; height: 390px; position: relative; margin-top: 10px;}
.process__content--text{width: 400px; position: absolute; left: 120px; top:20px; font-size: 16px; line-height: 1.5;}


/*area*/
.translation-area{float: right; width:520px; height: 460px; margin-top: 50px;}
.area__content--column{float: left; border-right: 1px #ccc dashed; margin: 20px 0; line-height: 20px;}
.area__content--column:nth-child(1){width: 155px;}
.area__content--column:nth-child(2){padding-left: 10px; width: 180px;}
.area__content--column:nth-child(3){border: none; padding-left: 10px; width: 160px;}
.area__more{float: right; color: #00f; text-decoration: underline;}


/*testimonial*/
.translation-testimonial{margin-top: 50px;}
.translation-testimonial .testimonial-comment {width: 240px; float: left; padding: 15px;}
.translation-testimonial .testimonial-author {text-align: center; font-size: 16px; line-height: 1.8; margin-bottom: 15px;}
.translation-testimonial .testimonial-comment-text {text-align: left; background: url("../img/ce_ico13.gif") no-repeat; text-indent: 35px; font-size: 14px; line-height: 1.8; padding: 10px 5px;}
.translation-testimonial .testimonial-comment img {width: 100px; border-radius: 100px; margin-bottom: 15px;}


/*example*/
.translation-example{margin-top: 50px;}
.translation-example-col-2{padding-right: 25px; width: 50%; box-sizing: border-box;float: left;}
.example__menu{margin-top: 25px;}
.example__menu li{width: 20%;height: 50px;line-height: 50px;text-align: center;border:1px solid #dfe0e4;float: left;cursor: pointer;font-size: 16px;padding: 0 10px;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s; box-sizing: border-box;background: #f7f7f7;}
.example__menu li:hover,
.example__menu li.example__menu--active{background: #3b5998;color: #fff;border-color: #3b5998;}
.example__content{padding: 25px;border: 1px solid #D4D7DF; line-height: 1.8em;display: none; position: relative;}
.example__content p{margin-bottom: 15px;}
.example__content--active{display: block;}
.example__content .add{font-size: inherit;color: red;text-decoration: underline;}
.example__content .del{font-size: inherit;color: blue;text-decoration: line-through;}
.more-examples-btn{display: block;margin: 25px auto;width: 240px;font-size: 18px;border-radius: 5px;line-height: 42px;background: #F39F19;color: #fff;text-align: center;cursor: pointer;}
.more-examples-btn:hover{background: #E89000;}
.more-examples-btn:visited{color: #fff;}


/*faq*/
.translation-faq{margin-top: 50px;}
.translation-faq-item-wrapper{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.translation-faq-item{width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 25px; padding-left: 0;}
.translation-faq-item-q{font-size: 16px; color: #3b5998; font-weight: bold;line-height: 1.8em;padding-bottom: 20px; }
.translation-faq-item-a{line-height: 1.8em;}