@charset "utf-8";
/* css document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#fff;}

/**/
.fullslide {width:100%;position:relative;height:560px;-webkit-transition: left .5s,right .5s;transition: left .5s,right .5s;}
.fullslide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullslide .bd ul {width:100% !important;}
.fullslide .bd li {width:100% !important;height:560px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat}
.fullslide .bd li a {display:block;height:560px;}
.fullslide .hd {width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;}
.fullslide .hd ul {text-align:center;}
.fullslide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:48px;height:8px;margin:1px 5px;overflow:hidden;background:#0e59ae;line-height:999px;   background-repeat:no-repeat;}
.fullslide .hd ul .on {background:#d23783;}
.fullslide .prev,.fullslide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;z-index:1;width:80px;height:80px;cursor:pointer;filter:alpha(opacity=100);opacity:1;display:none; background:url(/uploads/image/sdi/ibanner_btn.png);}
.fullslide .prev{left:50%;margin-left:-646px;background-position:0 0; }
.fullslide .next {left:auto;right:50%;margin-right:-646px; background-position:-80px 0;}
.fullslide .prev:hover{background-position:0 -80px;}
.fullslide .next:hover{background-position:-80px -80px;}
/**/


/*ibrand*/
.ibrand{padding:60px 0 70px;background:#f6f9ff}
.ibrand .content{}
.ibrand .img{float:right;width:240px;height:270px;padding:0 0 8px 8px;margin-left:75px;background:url(/uploads/image/sdi/ibrand_bg.png) no-repeat 0 100%}
.ibrand .img img{width:240px;height:270px;vertical-align:middle;}
.ibrand h2{padding-top:5px;font-size:22px;color:#0a57ae;}
.ibrand p{margin-top:20px;font-size:14px;line-height:26px;}
.ibrand .list{margin-top:40px;overflow:hidden;}
.ibrand .list li{float:left;height:90px;margin-right:60px;line-height:90px;font-size:16px;color:#333;}
.ibrand .list li span{display:block;float:left;width:90px;height:90px;margin-right:20px;background:url(/uploads/image/sdi/blue_circle.png);font-size:20px;font-weight:bold;color:#0a57ae;text-align:center;}

/*ipro*/
.ipro{padding:60px 0 75px;background:#f6f9ff;position:relative;z-index:1;}
.ipro .bg{position:absolute;width:100%;height:240px;top:0;left:0;background:#0e59ae;z-index:-1;}
.ipro-left{width:300px;float:left;padding-top:10px;}
.ipro-left .ti{height:130px;background:#16304d;text-align:center;color:#fff;font-size:14px;}
.ipro-left .ti h2{padding:30px 0 15px;font-size:28px;}
.ipro-left .ti h2 a{ color:#fff}
.ipro-nav{padding:30px 24px 27px;border:1px solid #e2e9f3;background:#fff;}
.ipro-nav .title{display:block;height:38px;line-height:38px;border:1px solid #e2e9f3;background:#f6f9ff;font-size:16px;color:#333;text-align:center;border-radius:3px;}
.ipro-nav .title:hover{background:#0a57ae;border-color:#0a57ae;color:#fff;}
.ipro-nav .sub{overflow:hidden;margin:10px 0 10px;position:relative;}
.ipro-nav .sub a{display:block;float:left;width:50%;height:35px;line-height:35px;border-bottom:1px dashed #e2e9f3;font-size:14px;}
.ipro-nav .sub:after{content:'';position:absolute;width:100%;height:1px;background:#fff;left:0;bottom:0;}
.ipro-nav .sub a:hover{color:#0a55ab;}
.ipro-tab{width:870px;float:right;}
.ipro-tab a{display:block;width:150px;float:left;height:170px;padding-top:30px;margin-left:23px;text-align:center;color:#fff;font-size:16px;position:relative;border-radius:4px;overflow:hidden;}
.ipro-tab a.a1{margin-left:0;}
.ipro-tab a .icon{display:block;width:50px;height:50px;margin:0 auto 20px;background:url(/uploads/image/sdi/ipro_icon.png)}
.ipro-tab a .jt{position:absolute;width:0;height:0;border:5px solid transparent;border-top-color:#fff;left:50%;margin-left:-2px;bottom:-40px;}
.ipro-tab a.a1 .icon{background-position:0 0;}
.ipro-tab a.a2 .icon{background-position:0 -50px;}
.ipro-tab a.a3 .icon{background-position:0 -100px;}
.ipro-tab a.a4 .icon{background-position:0 -150px;}
.ipro-tab a:hover,.ipro-tab a.cur{background:#16314f;}
.ipro-tab a:hover .jt,.ipro-tab a.cur .jt{bottom:35px;}
.pro-cont{float:right;width:870px;height:605px;position:relative;margin-top:30px;}
.pro-cont dd{position:absolute;width:100%;height:605px;top:0;left:0;overflow:hidden;}
.pro-big{height:328px;padding-right:75px;border:1px solid #e2e9f3;background:#fff;border-radius:3px;overflow:hidden;}
.pro-big .img,.pro-big .img img{width:430px;height:316px;}
.pro-big .img{float:left;margin-bottom:20px;}
.pro-big .ti{padding:50px 0 15px;font-size:18px;color:#0a57ae;font-weight:bold;}
.pro-big .desc{font-size:14px;color:#585858;line-height:24px;}
.pro-big .btn{display:inline-block;margin:30px 8px 0 0;width:108px;height:34px;background:#f6f9ff;line-height:34px;text-align:center;border:1px solid #e2e9f3;border-radius:3px;font-size:14px;color:#333;}
.pro-big .btn:hover{border-color:#0a57ae;background:#0a57ae;color:#fff;}
.pro-small{margin-top:25px;width:885px;}
.pro-small a{display:block;width:278px;float:left;margin-right:15px;border:1px solid #e2e9f3;background:#fff;overflow:hidden;;}
.pro-small a img{width:278px;height:204px;display:block;}
.pro-small a .ti{display:block;height:43px;padding:0 15px;font-size:14px;line-height:43px;border-top:1px solid #e2e9f3;color:#585858;text-align:center;}
.pro-small a:hover .ti{color:#0a57ae;}

/*imain-title*/
.imain-title{width:400px;height:80px;position:relative;margin:0 auto;z-index:1;font-size:16px;color:#333;text-align:center;}
.imain-title h2{height:40px;line-height:40px;font-size:30px;color:#0a57ae;padding:5px 0 10px;}
.imain-title a{color:#0a57ae;}
.imain-title i{position:absolute;width:6px;height:90px;z-index:-1;width:29px;height:29px;border-style:solid;border-color:#0a57ae;}
.imain-title i.bor1{left:70px;left:0;top:0;border-width:2px 0 0 2px;}
.imain-title i.bor2{right:70px;bottom:0;right:0;border-width:0 2px 2px 0;}

/*ivotes*/
.ivotes-wrap{padding:75px 0 60px;overflow:hidden}
.ivotes{width:1260px;height:240px;padding-top:10px;}
.ivotes li{float:left;width:235px;height:100px;padding-left:125px;margin:40px 60px 0 0;position:relative;font-size:14px;line-height:24px;}
.ivotes li .icon{position:absolute;width:100px;height:100px;background:url(/uploads/image/sdi/ivotes_icon.png);left:0;top:0;}
.ivotes li span{display:block;font-size:18px;color:#333;font-weight:bold;padding:10px 0;}
.ivotes li.i1 .icon{background-position:0 0;}
.ivotes li.i2 .icon{background-position:0 -100px;}
.ivotes li.i3 .icon{background-position:0 -200px;}
.ivotes li.i4 .icon{background-position:0 -300px;}
.ivotes li.i5 .icon{background-position:0 -400px;}
.ivotes li.i6 .icon{background-position:0 -500px;}
.ivotes li.i1:hover .icon{background-position:-100px 0;}
.ivotes li.i2:hover .icon{background-position:-100px -100px;}
.ivotes li.i3:hover .icon{background-position:-100px -200px;}
.ivotes li.i4:hover .icon{background-position:-100px -300px;}
.ivotes li.i5:hover .icon{background-position:-100px -400px;}
.ivotes li.i6:hover .icon{background-position:-100px -500px;}

/*icase*/
.blue-bg{position:absolute;width:100%;height:100%;background:#0a57ae;opacity:0.9;top:0;left:0;filter: alpha(opacity=90);}
.icase-wrap{padding-top:60px;background:#f6f9ff;}
.icase-box{margin-top:45px;position:relative;width:100%;overflow:hidden;}
.icase-box .leftimg,.icase-box .rightimg{position:absolute;top:0;left:50%;}
.icase-box .leftimg img,.icase-box .rightimg img{width:360px;height:600px;}
.icase-box .leftimg{margin-left:-960px;}
.icase-box .rightimg{margin-left:600px;}
.icsae{overflow:hidden;}
.icase dt,.icase dd{float:left;}
.icase dt{width:600px;height:400px;position:relative;overflow:hidden;}
.icase dt ul {width:10000px;height:400px;}
.icase dt li{width:600px;height:400px;float:left;position: relative;}
.icase dt li img{width:600px;height:400px;}
.icase dt .cont{width:190px;height:280px;padding:60px 25px;position:absolute;left:0;top:0;z-index:3;color:#fff;font-size:14px;line-height:24px;}
.icase dt .cont p span{ display:block;padding-bottom: 10px;  font-weight:bold}
.icase dt .cont .blue-bg{z-index:-1;}
.icase dt .dd{position:absolute;width:240px;height:20px;left:0;bottom:20px;z-index:4;text-align:center;overflow:hidden;}
.icase dt .dd span{display:inline-block;width:4px;height:4px;margin:0 4px;border:2px solid #fff;border-radius:50%;cursor:pointer;}
.icase dt .dd span.on{background:#fff;}
.icase dd{width:300px;height:200px;overflow:hidden;}
.icase dd a{display:block;position:relative;z-index:1;}
.icase dd img{width:300px;height:200px;vertical-align:middle;}
.icase dd .ti{position:absolute;width:100%;height:58px;padding-top:22px;line-height:58px;background:url(/uploads/image/sdi/yy.png) no-repeat 50% 40%;left:0;bottom:0;z-index:5;font-size:14px;color:#fff;text-align:center;}
.icase dd .icon,.icase dd .blue-bg{opacity:0;visibility:hidden;}
.icase dd .icon{position:absolute;width:80px;height:80px;background:url(/uploads/image/sdi/icase_icon.png);left:50%;margin-left:-40px;top:50px;}
.icase dd a:hover .icon{opacity:1;visibility:visible;}
.icase dd a:hover .blue-bg{opacity:0.9;visibility:visible;}
.icase dd a:hover .ti{background:none;}


/*icooper*/
.icooper-wrap{padding:60px 0 80px;background:#f6f9ff;}
.icooper-wrap .content{position:relative;height:110px;}
.icooper-wrap h2{position:absolute;left:0;top:0;width:228px;height:116px;color:#fff;font-size:24px;text-align:center;line-height:110px;background:url(/uploads/image/sdi/icooper_ti.png);}
.icooper{height:110px;position:relative;margin-left:260px;overflow:hidden;}
.icooper ul{width:10000px;height:110px;}
.icooper li{float:left;width:218px;height:108px;margin-right:20px;border:1px solid #e2e9f3;border-radius:2px;overflow:hidden;}

/*iadver*/
.iadver{background:#f6f9ff}
.iadver .content{position:relative;height:160px;}
.iadver img{width:1200px;height:160px;position:absolute;top:0;left:0;}
.iadver p{padding-top:90px;position:relative;text-align:center;color:#fff;font-size:14px;}
.iadver span{display:inline-block;vertical-align:middle;font-size:18px;font-family:'verdana';}
.iadver a{display:inline-block;width:110px;height:36px;margin-left:10px;line-height:36px;background:#fff;border-radius:3px;color:#0a57ae;}
.iadver a:hover{background:#0a57ae;color:#fff;}

/*ipwoer*/
.ipwoer{padding:85px 0 90px;background:#f6f9ff;position:relative;z-index:1;}
.ipwoer .bg{position:absolute;width:920px;height:400px;background:url(/uploads/image/sdi/ipwoer_bg.jpg);bottom:90px;left:50%;margin-left:-960px;z-index:-1;}
.ipwoer .content{margin-top:50px;overflow:hidden;}
.ipwoer .video{width:560px;height:400px;position:relative;float:left;}
.ipwoer .video img{width:560px;height:400px;}
.ipwoer .video i{position:absolute;width:160px;height:160px;background:url(/uploads/image/sdi/video_btn.png);top:50%;margin-left:-80px;left:50%;margin-top:-80px; display:none}
.ipwoer .r-c{width:520px;height:320px;padding:50px 40px;background:#fff;margin-top:30px;float:right}
.ipower-tab{overflow:hidden}
.ipower-tab a{display:block;float:left;width:120px;height:40px;margin-right:10px;background:#16314f;font-size:14px;font-weight:bold;color:#fff;text-align:center;line-height:40px;border-radius:3px;}
.ipower-tab a:hover,.ipower-tab a.cur{background:#0a57ae}
.ipwoer .line{display:block;width:25px;height:3px;background:#0a57ae;margin:50px 0 15px;}
.ipwoer-cont{overflow:hidden;}
.ipwoer-cont .img,.ipwoer-cont .img img{width:240px;height:180px;float:right;}
.ipwoer-cont p{font-weight:bold;font-size:20px;color:#333;}
.ipwoer-cont .list{width:240px;margin-top:35px;line-height:24px;}
.ipwoer-cont .list li{padding-left:15px;background:url(/uploads/image/sdi/lx.png) no-repeat 0 8px;font-size:14px;}

/*ishimg*/
.ishimg{padding:60px 0 20px;}
.ishimg-tab{overflow:hidden;margin-bottom:20px;}
.ishimg-tab a{display:block;float:left;height:40px;line-height:40px;font-size:20px;font-weight:bold;color:#333;margin-right:23px;}
.ishimg-tab span{float:left;font-size:14px;margin-left:10px;height:40px;line-height:45px;}
.ishimg-tab a:hover,.ishimg-tab a.cur{color:#0a57ae;}
.ishimg-list{overflow:hidden;}
.ishimg-list ul{height:230px;width:10000px;}
.ishimg-list li{float:left;width:285px;margin-right:20px;}
.ishimg-list a{display:block;}
.ishimg-list .pic,.ishimg-list .pic img{width:285px;height:170px;}
.ishimg-list .ti{height:60px;line-height:60px;overflow:hidden;font-size:14px;text-align:center;color:#333;}
.ishimg-list .ti:hover{color:#0a57ae;}

/*inaq*/
.inaq{padding:40px 0;background:#f6f9ff;}
.inaq .content{overflow:hidden;}
.inews{width:670px;float:left;}
.inaq .hd{height:34px;line-height:34px;}
.inaq .hd .more{float:right;width:88px;height:32px;line-height:32px;text-align:center;font-size:14px;border:1px solid #e2e9f3;background:#fff;border-radius:3px;}
.inaq .hd .more:hover{background:#0a57ae;;border-color:#0a57ae;color:#fff;}
.inaq .hd h2{font-size:20px;color:#0a57ae;}
.inews-list{margin-top:20px;}
.inews-list li{margin-bottom:30px;position:relative;}
.inews-list .img{position:absolute;width:260px;height:150px;top:20px;left:0;}
.inews-list .img img{width:260px;height:150px;}
.inews-list .cont{margin-left:200px;height:130px;padding:30px 45px 30px 95px;background:#fff;}
.inews-list .cont .ti{font-size:16px;font-weight:bold;}
.inews-list .cont .ti a{color:#333;}
.inews-list .cont .desc{margin-top:20px;line-height:24px;font-size:14px;}
.iqa{width:460px;float:right;}
.iqa .pic{margin-top:20px;}
.iqa .pic,.iqa .pic img{width:460px;height:150px;}
.iqa-list{margin-top:10px;font-size:14px;line-height:22px;}
.iqa-list li{padding:25px 0;border-top:1px dashed #e2e9f3;}
.iqa-list li:first-child{border-top:0;}
.iqa-list li p{padding-left:45px;position:relative;min-height:24px;}
.iqa-list li i{position:absolute;width:24px;height:24px;background:url(/uploads/image/sdi/iqa_y.png);line-height:24px;left:0;color:#fff;font-style:normal;text-align:center;}
.iqa-list .q{color:#333;font-weight:bold;height:24px;line-height:24px;margin-bottom:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.iqa-list .q i{font-weight:100;background-position:0 -26px;}
.iqa-list a:hover,.inews-list .cont .ti a:hover{color:#0a57ae}

/*animation*/
.scale{overflow:hidden;}
.scale img{-webkit-transition:all .5s;transition:all .5s;}
.scale:hover img{opacity:0.8;-webkit-transform:scale(1.1);transform:scale(1.1);}
.iserve-list li:hover i{-webkit-animation:rotatey 2s;animation:rotatey 2s;}
.ibanner .btn{-webkit-transition:left .5s,right .5s;transition:left .5s,right .5s;}
.icase dd .blue-bg,.ipro-tab a .jt{-webkit-transition:all .5s;transition:all .5s;}
.icase dd .icon{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .2s ease-out .3s;transition:all .3s ease-out .2s;}
.icase dd:hover .icon{-webkit-transform:scale(1);transform:scale(1);}
.ipro-tab a,.pro-small a img{-webkit-transition:transform .5s;transition:transform .5s;-moz-transition:transform .5s;}
.ipro-tab a:hover{-webkit-transform: translate(0, -10px);transform: translate(0, -10px);}
.pro-small a:hover img{-webkit-transform: translate(-10px, 0);transform: translate(-10px, 0);-moz-transform: translate(-10px, 0);}
.pro-small a .pic{display:block;width:278px;height:204px;overflow:hidden}
.ivotes li:hover .icon{animation:rotatey 1s linear;-webkit-animation:rotatey 1s linear;}
@-webkit-keyframes rotatey{
    to {-webkit-transform: rotatey(360deg);}
}
@keyframes rotatey{
    to {transform: rotatey(360deg);}
}