@charset "utf-8";
/*搜索*/
.seabox{overflow:hidden;height:97px; background:url(../image/til.png) no-repeat center 0;position: relative; clear: both; position: relative; z-index: 5; padding-top: 70px; color: #fff;}
.seabox p{ float: left; padding-top:9px; float: left; font-size: 17px;  width: 459px;  margin-left: 48px; letter-spacing:2px;}
.seabox p i{ display: block; font-size: 20px; color: #fff;font-weight: bold; padding-bottom: 12px;font-weight: bold; letter-spacing: 0;}
.sea_inp{width:620px;overflow: hidden; float: left;}
.sea_inp em{ font-size: 0;  overflow: hidden; display: block; background:url(../image/s_s.gif) no-repeat;}
.sea_inp .serach{width:380px;height:40px;line-height:40px;color:#999999;padding:0 0 0 20px;float:left;outline: none;display: block; background: none; border:none; font-size: 14px; }
.sea_inp .sub{ width:110px; height:40px;border:0;float:left;cursor: pointer;display: block;background:none;}
.k_word{color:#fff;overflow: hidden;font-size: 14px; height:30px;}
.k_word a{color:#fff; padding:0 4px;}
.k_word b{ font-weight: normal;}
.k_word a:hover{font-weight: bold;}
/**/
.til{ padding-top: 85px; height: 597px;background:url(../image/til.jpg) no-repeat center bottom;}
.til  .content{position:relative;}
h2{ text-align: center;font-weight: normal; font-size: 43px; color: #222; line-height: 100%;}
h2 i{ font-weight: bold; padding:0 25px;}
h2 span{ display: block; color: #676767; font-size: 16px; line-height: 100%; padding-top: 18px;}
.til p{ font-size: 16px; color: #676767; line-height: 30px; margin: 0 150px; text-align: center; padding-top:28px; height: 129px;}
.t_uu{top: 414px; z-index: 99; position: absolute; left: 0;}
.t_dd{top: 414px; z-index: 99; position: absolute; right: 0;}
.til ul { width: 1120px; float: left;}
.til ul li{ padding: 153px 58px 0; position: relative; text-align: center; float: left;}.til ul li em{ display: none;}
.til ul li i{ display: inline-block; padding-top:82px; line-height: 100%; font-size: 20px; color: #333;background:url(../image/ti1.jpg) no-repeat center 42px;}
.til ul li.cur i{background:url(../image/ti2.jpg) no-repeat center 0;}
.til ul li.cur em{ display: block; position: absolute; left: 0; top: 0; font-size: 14px; color: #fff; line-height: 24px; background: #601a87; width: 430px; border-radius: 7px; text-align: left; padding: 22px 15px; height:109px;}
.til ul li.cur em span{ display: block;}
/**/
.cp{height:960px;background:url(../image/pro.jpg) no-repeat center 0;}
.cp h2{ padding-top: 95px; margin-bottom: 43px;}
.cp_l{ float: left; width: 300px;}
.cp_l ul li{ position: relative; font-size: 0; height: 100px;}
.cp_l ul li span{ display: inline-block; width:270px; position: absolute; left: 0; top:0;background:url(../image/spm.png) repeat;height: 100%; padding-left: 30px; line-height:80px; font-size: 16px; color: #fff; text-shadow: 0 0 2px #000;}
.cp_l ul li.cur span{ background: none; font-size: 0;}
.cp_r{ float: right; width: 900px; position: relative;}.cp_r img{ width: 900px;}
.cp_r p{ position: absolute; left: 0;background:url(../image/spm.png) repeat; top: 482px; height: 118px; width: 100%;}
.cp_r p i{ display: block; padding: 28px 0 15px 50px;}
.cp_r p i a{ font-size: 20px; color: #fff;}
.cp_r p span{ font-size: 14px;padding-left:50px; color: #fff;}
    /**/
.map{height:780px;background:url(../image/map.jpg) no-repeat center 0; margin-bottom: 96px;}
.map .content{ position: relative;}
.map h2{ padding-top: 75px;}
.map h2 span{ padding-top: 40px;background:url(../image/m_lin.jpg) no-repeat center 18px; font-size: 18px;}
.map p{ position: absolute;}.map p img{ border: 2px solid #fff; border-radius: 3px;}
.map .m1{ left: 70px; top: 340px;}
.map .m2{ left:340px; top:530px;}
.map .m3{ left:515px; top:232px;}
.map .m4{ left:925px; top:303px;}
.map .m5{ left:800px; top:570px;}
    /**/
.ycp{ height: 881px;background:url(../image/ycp.jpg) no-repeat center bottom;}
.ycp h2{ height: 155px;}
.ycp h2 span{ padding-top: 40px;background:url(../image/yc_l.jpg) no-repeat center 18px; font-size: 18px;}
.y_l{ float: left; width: 230px; margin-right: -10px;position: relative;}
.y_l ul li{ height: 156px; text-align: center; color: #601a87; font-size: 19px;}
.y_l ul li span{ display: block; padding: 23px 0 12px 0;}
.y_l ul li.cur{background:url(../image/ycp.png) no-repeat right center;}
.y_r{ width: 800px;}
.y_r dl dt img{ width: 800px;}
.y_r dl dd{ padding: 45px 0 0 59px;}
.y_r dl dd h3{ line-height: 100%; font-size: 24px; color: #601a87; font-weight: bold; padding-bottom: 22px;}
.y_r dl dd p{ font-size: 14px; color: #333;}
.y_r dl dd p span{ display: block; line-height: 28px;}
/**/
.bz{ height: 885px;background:url(../image/bz.jpg) no-repeat center bottom; margin-bottom: 95px;}
.bz h2{ height: 154px;}
.bz h2 span{ padding-top: 40px;background:url(../image/yc_l.jpg) no-repeat center 18px; font-size: 18px;}
.bz ul li{ float: left; font-size: 0; width: 285px; height: 285px; margin:0 20px 20px 0; position: relative;transition: all 0.3s linear 0s;}.bz ul li.nom{ margin-right: 0;}
.bz ul li span{ display: block; position: absolute; left: 0; top: 215px; height: 70px; line-height: 70px; text-align: center; font-size: 18px; color: #fff; width: 100%;}
.bz ul li i{ display: none;}
.bz ul li:hover{transform: translateY(-10px); }
.bz ul li.cur span{ display: block; position: absolute; left: 0; width: 100%; top: 0;background:url(../image/spm.png) repeat; height:260px; padding-top: 25px;}
.bz ul li.cur i{ display: block; font-size: 14px; line-height: 26px; margin: 0 20px;}
/**/
.tij{ height:582px;background:url(../image/tj.jpg) no-repeat center bottom;}
.tij_l{ padding-left: 30px; width: 280px;}
.tij_l h3{ padding-right: 30px; text-align: center; font-size: 24px; color: #333; font-weight: bold; padding-top: 43px; line-height: 100%; height: 44px;}
.tij_l ul li{ overflow: hidden; height: 45px; margin-bottom: 5px;}
.tij_l ul li span{ display: inline-block; float: left; line-height: 45px; font-size: 14px; color: #666666; width: 60px; text-align: right;}
.tij_l ul li input{ display: inline-block; float: left; border:none; background: none; height: 42px; line-height: 42px; width: 186px;}
.tij_l ul li.last{ height:88px;}
.tij_l ul li textarea{ text-indent: 18px;font-size: 14px; color: #666666; border: none;  background: none; height: 78px; width: 249px;}
.tij_l ul li button{ display: inline-block; float: left; background: none; border: none; width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; cursor: pointer;}
.tij_l ul li .bg{ margin-left: 10px;}
.tij_r{ float: right; width: 249px; padding:39px 30px 0 0;}
.tij_r ul li{ font-size: 14px; color: #333; padding: 17px 0; border-bottom: 1px dashed #ccc;}
.tij_r ul li i{ display: block; padding-bottom: 15px;}
.tij_r ul li i span{ padding-left: 14px;}
/**/
.dont{ height:845px;background:url(../image/dot.jpg) no-repeat center 155px;}
.dont h2{ height: 155px;}
.dont h2 span{ padding-top: 40px;background:url(../image/yc_l.jpg) no-repeat center 18px; font-size: 16px; color: #676767;}
.dont .content{ position: relative;}
.dt_u{ position: absolute; left: -70px; top: 429px;}
.dt_d{ position: absolute; right: -70px; top: 429px;}
.dt_fir{ position: absolute; left: 0; top: 244px; z-index: 9;}
.dt_fir p{ position: relative;}
.dt_fir p span{ display: block; width: 100%; position: absolute; left: 0; height: 80px; line-height: 80px; top: 340px; font-size: 18px; color: #fff; text-indent: 28px;}
.ff{ margin-left: 580px; padding-top: 89px}
.dont ul{ overflow: hidden;}
.dont ul li{ float: left; width: 300px; margin-right: 20px;}.dont ul li.mar{}
.dont ul li i{ display: block; padding: 30px 0  0 20px; font-size: 18px; color: #333;}
.dont ul li span{ display: block; padding-left: 20px; font-size: 14px; color: #333; line-height: 24px; padding-top: 12px; height: 98px;}
.dont ul li em{ display: block; padding-left: 20px;}
/**/
.bpm{ height: 1600px;background:url(../image/bom.jpg) no-repeat center bottom; overflow: hidden;}
/**/
.bpm1{ height: 975px; position: relative;}
.bpm1a{ height:190px;}
.bpm1a ul{ overflow: hidden;border-right: 2px solid #e2e2e2; }
.bpm1a ul li{ float: left;border-left: 2px solid #e2e2e2; height: 120px; padding-left: 47px; width: 260px; padding-right: 85px;}
.bpm1a ul li a{ font-size: 18px; color: #333; line-height: 34px; height: 120px; background:url(../image/d_m.jpg) no-repeat 0 bottom; display: block;}
.bpm1a ul li.nom{ padding-right: 0;}
.bpm1a ul li a:hover{ color: #601a87;  background:url(../image/d_jt.png) no-repeat 0 bottom;}

.bpm1v{ width: 485px; float: left;}
.bpm1v ul li{ padding: 45px 0 0 49px;}
.bpm1v ul li i{ display: block; height: 80px;}
.bpm1v ul li i a{ font-size: 20px; color: #fff;}
.bpm1v ul li em{ display: block; color: #cfcdce; font-size: 16px; line-height: 28px; height: 105px;}
.bpm1v ul li b{ display: block; font-size: 36px; color: #fff; font-family: Arial;}
.bpm1v ul li b span{ display: inline-block; float: right;}

.bpm1m{ width: 542px; float: right; margin-top: 450px;}
.bpm1m h3{ width: 450px; color: #fff; font-size:29px; line-height: 100%; height: 146px;background:url(../image/n_oo1.jpg) no-repeat right 27px;}
.bpm1m h3 span{ display: block; font-weight: normal; line-height: 100%; font-size: 16px; padding-top: 13px;}
.bpm1m p{ text-align: right; padding-right: 72px;}

.bpm_til{ position: absolute; right: 0; top:190px; }
.bpm_til p{ position: relative;}
.bpm_til p a{ display: block; padding-left: 223px; line-height:355px; height: 380px; font-size: 30px; color: #fff;background:url(../image/n_img.jpg) no-repeat; width:377px;}
.bpm_til2{ right: 600px; top: 490px;}
.bpm_til2 p a{background:url(../image/n_img23.jpg) no-repeat; line-height: 375px;}
.bpm1m  i{ display: inline-block; float: left; padding-top:22px;}
.bpm1m  i span{ display: inline-block; float: left; width: 15px; height: 15px; border-radius: 15px; border: 2px solid #fff; margin-right: 20px; cursor: pointer;}
.bpm1m  i span.cur{ background: #fff;}
    /**/
.bpm2 h2{ height: 152px;}
.bpm2 h2 span{ padding-top: 40px;background:url(../image/yc_l.jpg) no-repeat center 18px; font-size: 16px; color: #333;}
.bpm2 p{ font-size: 0; text-align: center;}
    /**/
/**/
.links{ background:#221920; height: 100px; line-height: 100px; font-size: 14px; color: #fff;}
.links a{ display: inline-block; color: #fff; padding: 0 20px;}
.links a:hover{ text-decoration: underline;}
/**/


/**/

@keyframes myfirst
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:-10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:-10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:-10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:-10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}