﻿@charset "utf-8";
/*搜索*/
.seabox{overflow:hidden;font-family:"Microsoft Yahei";position: relative; z-index:9; position: relative; height: 336px; margin: -61px auto 0; width: 1200px;background:url(../images/u_bg.png) no-repeat right 0;}
.seabox h3{ float: left; width: 228px; margin-left: 1px;}
.s_r{ float: right; width: 953px;}
.sea_inp{width:345px;overflow: hidden; height:61px;background:none; line-height: 61px;}
.sea_inp .serach{width:270px;height:61px;border:0;border: 0;line-height:61px;color:#666;padding:0 0 0 17px;float:left;outline: none;display: block; background:none; font-size: 14px;}
.sea_inp .sub{ width:57px; height:61px;border:0;float:right;cursor: pointer;display: block;background:url(../images/s_s.gif) no-repeat;}
.k_word{overflow:hidden;width:600px;color:#666;overflow: hidden;font-size: 14px; line-height: 61px;}
.k_word a{color:#666; padding: 0 6px;}.k_word b{font-weight: normal;}
.k_word a:hover{color:#095db0;}
.seabox ul{ overflow: hidden; padding-top: 15px;}
.seabox ul li{ line-height: 36px; font-size: 15px; color: #333;}
.seabox ul li span{ font-weight: bold; font-size: 18px;padding-right: 7px; float: left;}
/**/
.pro{background:url(../images/pro.jpg) no-repeat center 0; height:850px; overflow: hidden; padding-top: 1px;}
.til{ text-align: center; font-weight: normal; font-size:36px; color: #333; line-height: 100%; margin-top:50px; padding-bottom: 49px;background:url(../images/p_h2.png) no-repeat center 72px; }
.til i{ font-weight: bold;}
.til span{ display: block; color: #666; padding-top:10px;font-size:16px; line-height: 100%;}
.pro_l{ width: 229px;}
.pro_l h3 a {display: block; height:45px; line-height:45px; border-bottom:1px solid #3a7dc0; padding-left:25px; font-size:16px; color: #fff;background:url(../images/p_li.png) no-repeat  10px 19px #095db0; font-weight:100; }
.pro_l h3 a:hover {background:url(../images/p_li.png) no-repeat  10px 15px #ffae00;}
.pro_l h3:hover a{color: #fff;}


.pro_l ul li a{ display: block; height:35px; line-height: 34px; border-bottom: 1px dashed #3a7dc0; padding-left:25px; font-size: 12px; color: #e0e7f4;background:url(../images/p_xi.png) no-repeat  10px 12px #095db0; }
.pro_l ul li a:hover{background:url(../images/p_xi.png) no-repeat  10px 12px #014283; color:#FFF;}
.pro_l ul li.nob a{ border-bottom: none;}


.pro_r{ background: #fff; width: 958px; position: relative;}
.pro_r dl {
            border: 1px solid #dedede;
            margin-bottom: 15px;
			margin-top: 10px;
            background: #fff;
            width:297px;
            margin-right:10px;
			margin-left:10px;
            float: left;
			
        }
        
/*.pro_r dl:nth-child(4n-1) {
            margin-right: 0;
        }
*/        
.pro_r dl:hover {
            border-color: #095db0;
        }
        
.pro_r dt {
            margin-bottom: 20px;
        }
        
.pro_r dt img {
            width: 100%;
            margin: 0 auto;
            display: block;
			height:223px;
        }
        
.pro_r dd {
            padding: 0 14px 6px 14px;
            /*background: url(../images/p16-icon4.png) no-repeat 284px 14px;*/
        }
        
.pro_r dl:hover dd {
            /*background: url(../images/p16-icon3.png) no-repeat 284px 14px;*/
        }
        
.pro_r dd h4 {
            height: 28px;
            font-weight: normal;
            font-size: 16px;
            color: #154c64;
            line-height: 28px;
            margin-bottom: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
        }
        
.pro_r h4 a {
            color: #191919;
        }
        
.pro_r dl:hover h4 a {
            color: #095db0;
        }
    /**/
.ly{background:url(../images/ly.jpg) no-repeat center 0; height:616px; overflow: hidden; margin-bottom: 79px; padding-top: 1px;}
.ly_l{ float: left;background:url(../images/ly.png) no-repeat; width: 426px; height: 492px; margin-top: 54px;color: #fff;}
.ly_l h3{ padding-top: 121px; line-height: 100%; font-size: 31px; text-align: center; padding-bottom: 9px;}
.ly_l h3 span{ display: block; font-size: 42px; line-height: 100%; padding: 0 0  9px 0;}
.ly_l p{ text-align: center; font-size: 14px; line-height: 28px; padding-top:11px; height: 100px;}
.ly_l p span{ display: block;}
.ly_l h4{ font-size: 16px; color: #fff; font-weight: normal; padding-left: 60px; padding-bottom: 12px;}
.ly_l h4 span{ font-family: Arial; font-size: 24px; font-weight: bold;}
.ly_l em{ display: block; width: 168px; height: 36px; margin: 0 auto;background:url(../images/ly_btn.png) no-repeat; line-height: 36px;}
.ly_l em a{ display: block; color: #fff; font-size: 18px; font-weight: bold; padding-left: 59px;}
.ly_r{ position: relative; width: 767px; margin-top: 102px;}
.ly_r .ly1{ position: absolute; left: 98px; top: 0;}
.ly_r .ly2{ position: absolute; left:296px; top: 0;}
.ly_r .ly3{ position: absolute; left:495px; top: 0;}
.ly_r .ly4{ position: absolute; left:0; top:171px;}
.ly_r .ly5{ position: absolute; left:198px; top: 171px;}
.ly_r .ly6{ position: absolute; left:396px; top: 171px;}
    /**/
.ysy{ height: 1433px;background:url(../images/ys.gif) repeat-x left bottom;}
.ysy .til{ padding-bottom:56px;}
.ysy dl{ overflow: hidden; margin-bottom:30px; background: #f4f4f4;}
.ysy dl dt{ float: right; width: 600px;}
.ysy dl dd{ float: left; width: 600px; margin-top: 42px;}
.ysy dl dd h3{background:url(../images/y_dt1.gif) no-repeat; height: 81px; overflow: hidden;}
.ysy dl dd h3 span{ display: inline-block; float: left; width: 88px; height: 80px; line-height: 80px; text-align: center; font-size: 48px; font-family: Arial; color: #fff;}
.ysy dl dd h3 em{ display: inline-block; float: right; width: 490px; padding-top: 21px; color: #095db0; font-size: 24px;}
.ysy dl dd h3 em i{ color: #ffae00;}
.ysy dl dd p{ padding: 35px 42px 0 90px;}
.ysy dl dd p span{ display: block; padding-left: 17px; line-height:33px; margin-bottom: 10px;background:url(../images/y_li.png) no-repeat 0 11px; font-size:15px;}
.ysy dl.fan dt{ float: left;}
.ysy dl.fan dd h3{background:url(../images/y_dt2.gif) no-repeat; }
.ysy dl.bg3 dd h3{background:url(../images/y_dt3.gif) no-repeat; }
.ysy dl.fan2 dd h3{background:url(../images/y_dt4.gif) no-repeat; }
.ysy dl.bg3,.ysy dl.fan2{ background: #fff;}
.ysy h4{ text-align: center;}
.ysy h4 em{ display: block; margin-top: 7px;}
.ysy h4 em a{ display: inline-block;background:url(../images/ly_btn.png) no-repeat; padding-left: 60px; width: 108px; height: 36px; line-height: 33px; font-size: 18px; color: #fff; font-weight: bold; text-align: left;}
.ysy h4 span{ display: inline-block; font-weight: normal; font-size: 16px; color: #333; padding-left: 32px;background:url(../images/y_tel.gif) no-repeat; min-height:24px;}
.ysy h4 i{ font-family: Arial; font-size: 26px; color: #333;}
    /**/
.case{background:url(../images/case.jpg) no-repeat center 0; margin-bottom: 83px; height:619px; padding-top: 98px;}
.case .til{ margin-top: 0; color: #fff;background:url(../images/c_h2.png) no-repeat center 72px; padding-bottom:68px;}
.case .til span{ color: #fff;}
.case .content{ position: relative;}
.case .c_uua{ position: absolute; left: -75px; top: 321px;}
.case .c_dda{ position: absolute; right: -75px; top: 321px;}
.case ul li{ float: left; width: 370px; margin-right:39px; background: #fff; height: 409px;}
.case ul li a{ font-size: 14px; color: #666; display: block;}
.case ul li img{ width: 370px; height:250px;}
.case ul li i{ display: block; height: 57px; line-height: 57px; font-size: 24px; color: #fff;background:url(../images/c_lin.png) no-repeat 336px 27px #095db0; padding: 0 18px;}
    /**/
   /**/
.bhh{height:703px; overflow: hidden;}
.bhh .til{ margin-top: 0; padding-bottom: 50px; }
.new_l{ width: 705px;}
.new_l dl dt img{ width: 705px;}
.new_l dl dt{ padding-bottom: 20px;}
.new_l dl dd h4{ overflow: hidden;}
.new_l dl dd h4  span{ display: inline-block; width: 61px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #cc0000; font-size: 16px; color: #fff;font-weight: normal; margin-right: 14px; float: left;}
.new_l dl dd h4 a{ display: inline-block; font-size:18px; color: #333;font-weight: normal; width: 623px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 30px;}
.new_l dl dd p{ font-size: 13px; color: #666; line-height: 24px; padding-top:9px; height: 65px; border-bottom: 1px solid #e5e5e5; margin-bottom: 13px;}
.new_l ul li{ height: 47px; line-height: 47px;padding-left:21px;background:url(../images/n_li.jpg) no-repeat 5px 19px;}
.new_l ul li span{ display: inline-block; float: right;}
.new_l ul li a{ display: block; font-size: 14px; color:#333333; border-bottom: 1px dashed #e0e0e0; }
.new_l ul li:hover{background:url(../images/n_lic.jpg) no-repeat 5px 19px;color: #0071db;}
.new_l ul li:hover a{ color: #0071db;}
.new_l ul li.nob a{ border-bottom: none;}

.faqs{ width:450px;overflow: hidden; background: #f4f4f4; border-top: 3px solid #095db0; height: 510px;}
.faqs h3{ padding: 0 28px; height: 47px; line-height: 47px; border-bottom: 1px solid #dcdcdc;}
.faqs h3 a{ color: #232c35; font-size: 18px; font-weight: bold;}
.faqs h3 span{ display: inline-block; float: right; font-weight: normal;}
.faqs h3 span a{ font-weight: normal; color: #095db0; font-size: 14px;}
.faqs ul li{ border-bottom: 1px dashed #d8d8d8; margin: 0 28px; padding: 27px 0;}
.faqs ul li a{ display: block; height: 20px; line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 15px; color: #333;}
.faqs ul li a:hover{ color: #095db0;}
.faqs ul li span{ display: block; font-size: 13px; color: #666; line-height: 23px; padding-top:5px;}
.faqs ul li.nob{ border-bottom: none;}
    /**/
.zj{background:url(../images/zj_bg.gif) no-repeat center 0 #f4f4f4; padding-top: 95px; height: 773px;}
.zj .content{ position: relative; height: 773px;}
.zj h3{ width: 155px; float: right; height: 141px;}
.zj h3 em{ display: block; text-align: right; padding-top: 24px;}
.zj h3 em a{ width: 116px; height: 31px; line-height: 31px; border-radius: 31px; text-align: center; color: #fff; background: #ffae00; display: inline-block; font-size: 14px;font-weight: normal;}
.zj p{ width: 939px;}
.zj p i{ display: block; font-size:36px; color: #333; font-weight: bold;line-height: 100%; margin-bottom:5px;}
.zj p i span{ display: block; font-weight: normal; font-size: 18px; padding-top: 3px;}
.n_li{ position: absolute; left: 444px; bottom: 100px;}
.n_li span{ display: inline-block; float: left; width: 52px; height: 4px; border-radius: 4px; background: #fff; margin-right: 13px; float: left;}
.n_li span.cur{ background: #0071db;}
   /**/
.links{height:70px; line-height:70px; overflow: hidden; background: #141b23;}
.links h3{ font-weight: normal;  font-size: 14px; color: #7a7c7f;  text-transform: uppercase;  float: left;  margin-right: 39px;}
.links p{ float: left;width: 960px;}
.links p a{ color: #7a7c7f; font-size: 14px; display: inline-block; padding-right: 35px;}

   /**/

@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;}
}

   