/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}



#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(../images/top.gif) no-repeat}
#fall{background:url(../images/top.gif) no-repeat 0 -80px}
#ct{background:url(../images/top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}


/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:14px; font-family: microsoft yahei , "微软雅黑"; position:relative;min-width:1200px;}/*网站字体颜色*/



.wrap-header {height: 40px;background: #f5f5f5;position: relative;z-index: 3;}
.header p {height: 40px;line-height: 40px;font-size: 12px;color: #747474;}
.header ul li {float: left;height: 14px;margin-top: 13px;line-height: 14px;padding: 0 10px;border-left:1px dotted #bcbcbc;position: relative;}
.header ul li:first-child {border-left: none;}
.header ul li span {display: none;width: 90px;height: 90px;padding:18px 5px 5px 5px;background: #f5f5f5;position: absolute;left: -15px;top: 14px;}
.header ul li span img {display: block;width: 90px;height: 90px;}
.header ul li:hover span {display: block;}

/**/

.logo {height: 102px;position: relative;z-index: 5;}
.logo .container {height: 102px;position: relative;}
.logo h1 {width: 211px;height: 80px;float: left;margin-top: 15px;}
.logo .nav {float: right;margin:40px 0 0 0;}
.logo .nav ul li {float: left;margin:0 17px;font-size: 15px;height: 22px;line-height: 22px;padding-bottom: 38px;position: relative;}
.logo .nav ul li a {color: #333;text-decoration: none;}
.logo .nav ul li:hover ,.logo .nav ul li.cur {border-bottom: 2px solid #105bb8;}
.logo .nav ul li:hover a ,.logo .nav ul li.cur a {color: #105bb8;}
.logo .nav li .xial{position: absolute;top: 62px;background: url(../images/hbg02.png);padding: 36px 0 0 40px;width: 590px;height: 324px;display: none;}
.logo .nav li .xial dt{float: left;width: 315px;}
.logo .nav li .xial dt img{display: block;width: 315px;height: 195px;cursor: default;}
.logo .nav li .xial dt h3{font-size: 18px;color: #fff;font-weight: normal;margin: 30px 0 4px 0;}
.logo .nav li .xial dt h3 a{color: #fff;text-decoration: none;cursor: default;}
.logo .nav li .xial dt p{font-size: 14px;color: #fff;}
.logo .nav li .xial dd{float: left;margin-left: 60px;width: 200px;}
.logo .nav li .xial dd a{display: block;margin-bottom: 13px;font-size: 14px;color: #fff;text-decoration: none;padding-left: 30px;background: url(../images/nav_icon09.png) no-repeat left center;}
.logo .nav li .xial dd a:hover{background: url(../images/nav_icon10.png) no-repeat left center;color: #105bb8;}
.logo .nav li:hover .xial{display: block;}
.logo .nav li .xial3{left: -560px;}
.logo .nav li .xial4{left: -560px;}
.logo .nav li .xial5{left: -560px;}
.banner{margin: 0 auto; overflow:hidden; width:100%; min-width: 1200px;}
#flashs{position:relative; height:500px; overflow:hidden;}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}


.banbox {position: relative;height: 0px;}
.banbox .boxqh {position: absolute;left: 50%;margin-left: -600px;bottom: 0;width: 1200px;z-index: 2;height: 320px;overflow: hidden;}
.banbox .boxqh .conbox {width: 300px;float: left;height: ;}
.banbox .boxqh .conbox dl {border-left: 1px solid rgba(158, 158, 158,0.3);height: 90px;position: relative;top: 230px;background: url(../images/banbg.png);transition: all 0.5s;}
.banbox .boxqh .conbox:first-child dl{border-left:none;}
.banbox .boxqh dt {display: none;}
.banbox .boxqh dd.dd1 {padding: 30px 0 24px 131px;transition: all 0.5s;}
.banbox .boxqh dd.dd1 span {display: block;font-size: 18px;color: #fff;;}
.banbox .boxqh dd.dd1 i {font-size: 12px;color: #fff;}
.banbox .boxqh em {display: block;width: 44px;height: 44px;position: absolute;left: 60px;top: 23px;transition: all 0.5s;transition: all 0.5s;}
.banbox .boxqh .dl1 em {background: url(../images/banicon01.png) no-repeat center}
.banbox .boxqh .dl2 em {background: url(../images/banicon02.png) no-repeat center}
.banbox .boxqh .dl3 em {background: url(../images/banicon03.png) no-repeat center}
.banbox .boxqh .dl4 em {background: url(../images/banicon04.png) no-repeat center}
.banbox .boxqh dd.dd2 {display: none;}

.banbox .boxqh .conbox dl:hover {top: 0;background: rgba(16, 91, 184,0.5);height: 320px;border-left: none;}
.banbox .boxqh .conbox dl:hover dt {display: block;width: 300px;height: 158px;}
.banbox .boxqh .conbox dl:hover dt img {display: block;width: 300px;height: 158px;}
.banbox .boxqh .conbox dl:hover dd.dd1 {padding: 0;margin: 24px;background: url(../images/jtr03.png) no-repeat right center;}
.banbox .boxqh .conbox dl:hover dd.dd1 i {display: none;}
.banbox .boxqh .conbox dl:hover dd.dd1 em {left: 225px;top: 265px;}
.banbox .boxqh .conbox dl:hover dd.dd2 {display: block;font-size: 14px;color: #fff;margin-left: 24px;}


/* 动画 */
.logo .l_s1 {display: block;width: 22px;height: 22px;position: absolute;right: 42px;top: 40px;padding-right: 20px;border-right: 1px dotted #cccccc;}
.logo .l_s1 a {display: block;width: 22px;height: 22px;background: url(../images/l_icon01.png) no-repeat center;-webkit-transition: -webkit-transform 0.4s ease-out;
            -moz-transition: -moz-transform 0.4s ease-out;
            transition: transform 0.4s ease-out;
}
#gavinPlay{
    /* background:color url x y repeat 图片来自百度图片，按需要更换 */
    background:url(../images/l_icon01.png) center no-repeat;
    /* background-size:auto auto || cover 代表以宽或高填满元素背景 */
    background-size:cover;
    /* 随便设置宽高值，测试 */
    width:22px;
    height:22px;
    /* 设置默认样式，开启3d硬件加速 */
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation:play 3s linear infinite;
    -moz-animation:play 3s linear infinite;
    animation:play 3s linear infinite;
}
@-webkit-keyframes play{
    0%  {
        /*
        水平翻转
        */
        -webkit-transform:rotateZ(0deg);
        /*
        垂直翻转
        -webkit-transform:rotateX(0deg);
        顺时针旋转
        -webkit-transform:rotate(0deg);
        逆时针旋转
        -webkit-transform:rotate(0deg);
        */
    }
    100% {
        /* 水平翻转 */
        -webkit-transform:rotateZ(360deg);
        /* 垂直翻转
        -webkit-transform:rotateX(360deg);
        顺时针旋转
        -webkit-transform:rotate(360deg);
        逆时针旋转
        -webkit-transform:rotate(-360deg);
        */
    }
}
@-moz-keyframes play{
    0%  {
        -moz-transform:rotateZ(0deg);
        /*
        -moz-transform:rotateX(0deg);
        -moz-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        */
    }
    100% {
        -moz-transform:rotateZ(360deg);
        /*
        -moz-transform:rotateX(360deg);
        -moz-transform:rotate(360deg);
        -moz-transform:rotate(-360deg);
        */
    }
}
@keyframes play{
    0%  {
        transform:rotateZ(0deg);
        /*
        transform:rotateX(0deg);
        transform:rotate(0deg);
        transform:rotate(0deg);
        */
    }
    100% {
        transform:rotateZ(360deg);
        /*
        transform:rotateX(360deg);
        transform:rotate(360deg);
        transform:rotate(-360deg);
        */
    }
}



/* 发展历程 */
.gsjsbox3 {height: 550px;background: url(../images/gsjs05.jpg) no-repeat center bottom;padding-top:70px;position: relative;}
.gsjsbox3 .box3bg {height: 1px;width: 100%;position: absolute;left: 0;top: 175px;background: #ccc;z-index: 2;}
.gsjsbox3 .conbox {position: relative;}
.gsjsbox3 .conbox .btnl {display: block;width: 50px;height: 50px;background: url(../images/gsjsjtl01.png) no-repeat center;position: absolute;left: 0px;top: 80px;cursor: pointer;z-index: 5;}
.gsjsbox3 .conbox .btnr {display: block;width: 50px;height: 50px;background: url(../images/gsjsjtr01.png) no-repeat center;position: absolute;right: 0px;top: 80px;cursor: pointer;z-index: 5;}
.gsjsbox3 .conbox .btnl:hover {background: url(../images/gsjsjtl02.png) no-repeat center;position: absolute;}
.gsjsbox3 .conbox .btnr:hover {background: url(../images/gsjsjtr02.png) no-repeat center;position: absolute;}
.gsjsbox3 .conbox .concase {position: relative;overflow: hidden;height: 350px;}
.gsjsbox3 .conbox .concase ul {position: relative;}
.gsjsbox3 .conbox .concase ul li {float: left;width: 295px;position: relative;margin-left: 5px;height: 345px;}
.gsjsbox3 .conbox .concase ul li span {display: block;font-size: 24px;text-align: center;position: absolute;top: 63px;width: 100%;transition: all 0.5s;}
.gsjsbox3 .conbox .concase ul li i {display: block;width: 15px;height: 44px;background: url(../images/gsjsdian01.png) no-repeat top;position: absolute;left: 50%;margin-left: -7px;top: 98px;z-index: 3;}
.gsjsbox3 .conbox .concase ul li p {padding: 0 30px;font-size: 14px;line-height: 24px;position: absolute;top: 135px;transition: all 0.5s;text-align: center;width: 235px;}
.gsjsbox3 .conbox .concase ul li:hover {background: #f2f2f2;}
.gsjsbox3 .conbox .concase ul li:hover span {top: 40px;}
.gsjsbox3 .conbox .concase ul li:hover i {background: url(../images/gsjsdian02.png) no-repeat center top;}
.gsjsbox3 .conbox .concase ul li:hover p {top: 150px;}

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1280px;}

.gsjsbox2 dl:hover {box-shadow: 5px 5px 15px #999;}
 /*  */
.gsjsbox2 {padding: 80px 0 75px 0;background: #fff;}
.gsjsbox2 dl {width: 579px;float: left;margin-left: 40px;transition: all 0.5s;}
.gsjsbox2 dl:first-child {margin-left: 0;}
.gsjsbox2 dl dt {height: 378px;position: relative;}
.gsjsbox2 dl dt img {display: block;width: 579px;height: 378px;}
.gsjsbox2 dl dt span {width: 66px;height: 81px;text-align: center;line-height: 30px; padding: 10px 10px 0 10px;position: absolute;top: 0;right: 35px;background: url(../images/gsjs03.png) no-repeat center top;font-size: 24px;color: #fff;}
.gsjsbox2 dl dd {height: 100px;line-height: 40px;text-align: center;font-size: 22px;color: #333;box-shadow: 5px 5px 15px #999;}

.gsjsbox2 dl:hover {box-shadow: 5px 5px 15px #999;}

/*应用*/
.yingyong { overflow:hidden; width:100%; margin-bottom:60px;}
.yingyong .yybox{overflow:hidden; width:1200px; margin:0 auto; height:350px; margin-top:30px; position:relative}
.yingyong .menu { overflow:hidden; width:238px; height:350px; float:left}
.yingyong .menu li{ overflow:hidden; width:100%; height:57px; margin-bottom:2px; background-color:#e9e9e9; *float:left; position:relative; left:-300px;}
.yingyong .menu a{ display:block; width:100%; height:100%; font-size:14px; color:#000; text-decoration:none; line-height:57px;}
.yingyong .menu .list span{ display:inline-block; width:27px; height:27px; overflow:hidden; margin-left:25px; position:relative; top:10px; margin-right:10px;}
.yingyong .menu .list span{ *display:inline}
.yingyong .menu .list span img{ display:block; position:absolute; left:0; top:0}
.yingyong .menu .list.cur a{ background-color:#105bb8; color:#fff;}
.yingyong .menu .list.cur img{top:-27px;}
.yingyong .menu .phone{ overflow:hidden; padding-left:68px; width:170px; background:url(../images/yyphone.png) 26px center no-repeat; background-color:#e9e9e9}
.yingyong .menu .phone p{ font-size:13px; color:#666; margin-top:9px;}
.yingyong .menu .phone span{ display:block; font-size:22px; color:#000; font-family:Arial;}
.yingyong .tuwen { overflow:hidden; width:945px; height:460px; float:right; position:relative; left:1000px;}
.yingyong .tuwenlist{ overflow:hidden; position: relative; width:100%; height:100%;}
.yingyong .tuwen ul{ overflow:hidden; position:absolute}
/*.yingyong .tuwen li{ float:left; width:945px; height:460px; position:relative}
.yingyong .tuwen img{ display:block;}
.yingyong .tuwen p{ width:895px; height:52px; padding:15px; background-color:#fff; line-height:26px; font-size:13px; color:#333; position:absolute; z-index:1; left:10px; bottom:10px; overflow:hidden;}

*/
.yingyong .tuwen span{ cursor:pointer; display:block; width:42px; height:83px; position:absolute; z-index:6; top:170px;}
.yingyong li.list2{ overflow:hidden;float:left;position:relative;width:960px; height:350px; background-color:#fff;}
.yingyong li.list2 img{ display:block; float:left}
.yingyong li.list2 .wen{ float:right; width:410px; margin-right:30px; margin-top:40px;}
.yingyong li.list2 h3{ font-weight:normal; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:25px;}
.yingyong li.list2 h3 a{ color:#000}
.yingyong li.list2 p{ font-size:14px; line-height:26px; color:#666; height:130px; overflow:hidden; text-align:justify; margin-bottom:60px;}
.yingyong li.list2 .btn{ overflow:hidden; width:100%;}
.yingyong li.list2 .btn a{ display:block; width:142px; height:37px; text-align:center; line-height:37px; font-size:13px; color:#fff; text-decoration:none; float:left; margin-right:7px; background-color:#105bb8;}
.yingyong li.list2 .btn a.lij{ background-color:#4a4a4a}
.yingyong .tuwen .btn01{ background:url(../images/yybtn.png) no-repeat center top; left:30px; display:block!important;}
.yingyong .tuwen .btn02{ background:url(../images/yybtn.png) no-repeat center bottom; right:30px; display:block!important;}


/* 产品列表 */
.cpMain .pleft{ overflow:hidden; float:left; width:280px; }
.cpMain .pleft h3{width: 100%;
    height: 78px;
    background: url(../images/prolistclassify_icon01.png) no-repeat 222px center #105bb8;

    font-weight: normal;
    font-size: 24px;
    line-height: 78px;
    text-align: center;}
.cpMain .pleft h3 a{ color:#fff;}
.cpMain .pleft h3 span{ display:none; }
.cpMain .pleft ul{ overflow:hidden; width:280px; /*border:2px solid #e3e0e0; border-radius:0 0 10px 10px;*/ margin-bottom:15px; border-top:none; padding-top:10px; border-bottom:1px solid #e3e0e0;background: #fff;}
.cpMain .pleft li{     overflow: hidden;
	white-space: nowrap; 

    text-overflow: ellipsis; 

    width: 260px;
    margin: 0 auto;
    margin-bottom: 10px;}
.cpMain .pleft li>a{overflow: hidden;
    text-indent: 15px;
    width: 100%;
    height: 45px;
    display: block;
    font-size: 16px;
    /*background: url(../images/pro_list.png) no-repeat 175px center;*/
    background-color: #e8e8e8;
    line-height: 45px;}
.cpMain .pleft li:hover>a,.cpMain .pleft li>a.cur{ background-color:#f7f7f7;text-transform: none;}
.cpMain .pleft li>a.cur{color:#105bb8;}
.cpMain .pleft .pnav { overflow: hidden;
    width: 240px;
    padding-left: 10px;}
.cpMain .pleft .pnav a{ display: block;
    padding-left: 10px;
    background: url(../images/pro_list.png) no-repeat left center;
    font-size: 14px;
    color: #333;
    line-height: 36px;}
.cpMain .pleft li.cur>a,.cpMain .pleft li>a:hover{ color:#fff; /*background:url(../images/n01.png) no-repeat 185px center;*/ background-color:#105bb8;}
.cpMain .pleft .pnav a:hover,.cpMain .pleft .pnav a.cur{ color:#105bb8}
.cpMain .phone { overflow:hidden; width:280px; padding:10px 0;/* padding-left:75px; border-radius:10px; background:url(../images/pro_phone.png) no-repeat 20px center;*/ background-color:#105bb8;}
.cpMain .phone p{ font-size:14px; color:#fff;}
.cpMain .phone b{ display:block; font-size:16px; color:#fff; /*font-family:'Times New Roman'*/}

.cpMain .lianxi_a{background:url(../images/pro_phone_1.png) no-repeat 20px center; display:block;width: 170px;
    padding-left: 70px; margin-bottom: 10px;  height: 50px;}
.cpMain .lianxi_b{background:url(../images/pro_phone_2.png) no-repeat 20px center; display:block;width: 170px;
    padding-left: 70px;    height: 50px;}