﻿@charset "UTF-8";

/**
 *
 * @authors Your Name (you@example.org)
 * @date    2016-01-09 10:04:32
 * @version $Id$
 */

/* 首页*/
.slideBox {width: 1423px;margin: 0 auto;overflow: hidden; position: relative; text-align: center; height: 488px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.slideBox .hd { position: absolute; z-index: 999; overflow: hidden; bottom: 40px; left: 50%; margin-left: -44px; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 12px; width: 15px; height: 15px; border-radius: 50%; text-align: center; background: #dcdcdc; border: 1px solid #dcdcdc; cursor: pointer; z-index: 999; }
.slideBox .hd ul li.on { background: transparent; border: 1px solid #c4474f }
.slideBox .bd { position: relative; height: 100%; z-index: 0; width: 100%; margin: 0 auto; }
.slideBox .bd li { zoom: 1; vertical-align: middle; position: relative; width: 100%; height: 488px; /*background: url(../images/banner.jpg) no-repeat center;*/ }
.slideBox .bd li a { display: inline-block; width: 100%; height: 100%; }
.slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 40px; height: 80px; background: url(../images/slider-arrow.png) 10px 0px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.slideBox .next { left: auto; right: 3%; background-position: -50px 0px; }
.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }
.index-box { }
.index-box01 ul li { width: 290px; height: 290px; font-size: 22px; text-align: center; padding-top: 200px; float: left; cursor: pointer; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; margin-right: 13px; }
.index-box01 ul li .name { }
.index-box01 ul li .eng { font-size: 14px; }
.index-box01 ul li:hover .name { color: #fff }
.index-box01 ul li.first { background: url(../images/i03.png) #fff no-repeat center  65px; }
.index-box01 ul li.first:hover { background: url(../images/i03-02.png) #8f1e22 no-repeat  center 65px; }
.index-box01 ul li.second { background: url(../images/i04.png) #fff no-repeat center  65px; }
.index-box01 ul li.second:hover { background: url(../images/i04-02.png) #8f1e22 no-repeat  center 65px; }
.index-box01 ul li.third { background: url(../images/i05.png) #fff no-repeat center  65px; }
.index-box01 ul li.third:hover { background: url(../images/i05-02.png) #8f1e22 no-repeat  center 65px; }
.index-box01 ul li.forth { background: url(../images/i06.png) #fff no-repeat center  65px; }
.index-box01 ul li.forth:hover { background: url(../images/i06-02.png) #8f1e22 no-repeat  center 65px; }

.index-box02{background: url(../images/q02.jpg) no-repeat center top; height: 467px;}
.index-box02 .txt{float: right; padding-top: 80px;width: 500px;}
.index-box02 .txt .title{text-align: left;}

.index-box03{padding: 0 20px; font-size: 14px; color: #9e9e9e;}
.index-box03 ul{width: 515px;}
.index-box03 ul li{height: 40px; line-height: 40px;}
.index-box03 ul li a{color: #686868}
.index-box03 ul li a:hover{color: #8f1e22}

.friend-link { }
.f-title { width: 960px; margin: 0 auto; color: #3cb196; font-size: 29px; padding-bottom: 15px; border-bottom: 1px solid #e4e4e4; margin-bottom: 20px; }
.f-title .tips { color: #939393; font-size: 16px; }

.picScroll-left {  overflow: hidden; position: relative; }
.picScroll-left .hd .prev, .picScroll-left .hd .next { display: block; width: 32px; height: 32px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") no-repeat; position: absolute; left: 30px; top: 50%; margin-top: -16px; z-index: 99999;}
.picScroll-left .hd .next { background-position: -32px 0px; left: 1170px; }
.picScroll-left .bd { padding-left: 40px; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { margin: 0 5px; float: left; _display: inline; overflow: hidden; text-align: center; }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic img { width: 182px; height: 112px; display: block; box-shadow: 0 0 5px #ddd; border: 1px solid #ddd;}
.picScroll-left .bd ul li .pic a:hover img { border-color: #999; }
.picScroll-left .bd ul li .title { line-height: 24px; }


/*合作客户*/
.btn-b{display: inline-block; background: #656565; color: #fff; padding: 5px 10px;}
.btn-b:hover,.btn-b.btn-c{background: #8f1e22; color: #fff}

.hzkh ul li{text-align: center; font-size: 14px; color: #606060; float: left; margin:0 20px 60px 0;}
.hzkh ul li img{box-shadow: 0 0 15px #A8A8A8;}

.jdal {margin-top: 15px; margin-bottom: 60px;}
.jdal ul{width: 588px;}
.jdal ul li { margin-bottom: 40px; border-bottom: 1px solid #e7e7e7; margin-bottom: 30px; padding-bottom: 30px;}
.jdal .date { background: #e1e1e1; height: 70px; width: 80px; text-align: center; padding-top: 10px; color: #fff; position: relative; }
.jdal .date .day{font-size: 28px; color: #e60714;  position: absolute; left: 25px; top: 12px;}
.jdal .date .year{font-size: 16px; font-family: arial; color: #606060; position: absolute; left: 12px; top: 40px;font-family: arial;}
.jdal ul li .news { width: 490px; padding: 0 10px; cursor: pointer; line-height: 30px;}
.jdal ul li .news .title { font-size: 14px; color: #606060; position: relative;}
.jdal ul li .news .title:after{ width: 50px; height: 3px; position: absolute; bottom: -5px; left: 0px; background: #62b2f7;}
.jdal ul li .news .detail {color: #888787; line-height: 24px; margin-top: 5px;}


.page02 {margin: 0 auto; clear: both; width: 100%;text-align: center; margin-top: 50px;padding-top: 50px;}
.page02 ul{display: inline-block;width: auto;}
.page02 ul li{float: left; margin-right: 5px; padding: 0px;}
.page02 ul li a{  display: block; font-size: 15px; color: #666;  padding: 3px 11px;  background: #fff;  border: 1px solid #d0d0d0;}
.page02 ul li a:hover,.page02 ul li a.current{color: #fff;background: #8f1e22; border: 1px solid #8f1e22;}

/*联系-加入*/
.content-nav{position: relative;width: 1200px; height: 133px; background: url(../images/bg03.png) no-repeat center top;}
.content-nav .item{display: inline-block;width: 206px; height: 59px; line-height: 59px; color: #5d5d5d;font-size: 18px; background: transparent;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.content-nav .item:hover,.content-nav .item.current{background: url(../images/bg04.jpg) no-repeat top center; color: #fff}

.joinUs{}
.joinUs ul{margin: 20px 0; border: 1px solid #cccaca; padding: 20px; padding-left: 60px;}
.joinUs ul li{font-size: 14px;color: #666; border-bottom: 1px dotted #c1c1c1; padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.joinUs ul li .j-title{margin-bottom: 10px;margin-left: -35px;}
.joinUs ul li .j-title span{color: #fff; display: inline-block; background: #c3c3c3;text-align: center; width: 20px;height: 20px; line-height: 20px; border-radius: 50%; margin-right: 15px;}

/*留言*/
.cnt-page{padding: 70px 0;padding-bottom: 50px;}
.c-title{color: #333;font-size: 24px;padding-bottom: 25px;border-bottom: 1px solid #e3e3e3;margin-bottom: 65px;}
.c-partner{}
.c-partner .item{}
.i-label{width: 140px;text-align: right; color: #333; font-size: 14px;height: 40px; line-height: 40px;}
.i-label .str{color: #ff0000;font-size: 14px;margin-right: 5px;}
.i-input{}
.i-input .input{height: 40px; line-height: 40px;}
.i-input .txt{border: 1px solid #dfdfdf;height: 250px; padding: 10px; color: #999;width: 580px;margin-bottom: 15px;}
.input{border: 1px solid #dfdfdf;height: 50px;line-height: 50px; padding-left: 20px; color: #999;width: 380px;margin-bottom: 15px;}

.news ul li{margin-right: 55px; text-align: left;}


/*团队*/
.qst-list {  padding: 30px 0; }
.qst-list ul li { }
.qst-list ul li .left { width: 20px; margin-left: -8px; margin-top: 10px; font-size: 14px; margin-right: 30px; }
.qst-list ul li .left .icon { width: 18px; margin-top: 12px;}
.qst-list ul li .left .icon img{
    margin-left: -1px;
}
.qst-list ul li .right { width: 645px; padding-bottom: 80px; padding-top: 20px;}
.qst-list ul li .right .question { background: #f4f4f4; position: relative; font-size: 14px; padding: 10px; border-radius: 6px }
.qst-list ul li .right .question .icon { width: 14px; position: absolute; left: -14px; top: 20px; margin-top: -7px; }
.qst-list ul li .right .answer { background: #1376d5; position: relative; font-size: 14px; padding: 10px; color: #fff; border-radius: 6px }
.qst-list ul li .right .answer a { color: #fff }
.qst-list ul li .right .answer .icon { width: 14px; position: absolute; left: -14px; top: 20px; margin-top: -7px; }
.q-right{border-left: 1px solid #d7d7d7; margin-left: 40px; min-height: 155px;}


/*历程*/
.licheng {  padding: 30px 0; }
.licheng ul li {
 }
.licheng ul li .left { width: 25px; height: 25px; margin-left: -13px; margin-top: 0px; font-size: 14px; margin-right: 30px; border: 4px solid #f0702c; background: #fff; border-radius: 50%;}
.licheng ul li .left .icon { width: 18px; margin-top: 12px;}
.licheng ul li .left .icon img{
    margin-left: -1px;
}
.licheng ul li .right { width: auto; padding-top: 20px; margin-left: -42px; margin-top: 20px; margin-bottom: 20px; font-size: 14px;}
.licheng ul li .right .question { background: #f4f4f4; position: relative; font-size: 14px; padding: 10px; border-radius: 6px }
.licheng ul li .right .question .icon { width: 14px; position: absolute; left: -14px; top: 20px; margin-top: -7px; }
.licheng ul li .right .answer { background: #1376d5; position: relative; font-size: 14px; padding: 10px; color: #fff; border-radius: 6px }
.licheng ul li .right .answer a { color: #fff }
.licheng ul li .right .answer .icon { width: 14px; position: absolute; left: -14px; top: 20px; margin-top: -7px; }
.q-right{border-left: 1px solid #d7d7d7; margin-left: 40px; min-height: 155px;}
.licheng ul li .q-left{color: #f0702c; font-size: 26px; font-weight: bold;}
.licheng ul li .l-icon{display: inline-block; margin-right: 20px; width: 10px;height: 5px; background: #f0702c; border: 2px solid #f0702c;vertical-align: middle;}
.licheng ul li .right ol li{margin-bottom: 25px;}
