@charset "utf-8";



html{color:#000;background:#FFF;}



body{color:#666;font:14px "Microsoft YaHei",arial,helvetica,clean,sans-serif;min-width:1200px;width:100%;}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}



table{border-collapse:collapse;border-spacing:0;}



fieldset,img{border:0;}



address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}



del,ins{text-decoration:none;}



li{list-style:none;}



caption,th{text-align:left;}



q:before,q:after{content:'';}



abbr,acronym{border:0;font-variant:normal;}



sup{vertical-align:baseline;}



sub{vertical-align:baseline;}



input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}



input,button,textarea,select{*font-size:100%;outline:none;}



input,select{vertical-align:middle;}



select,input,button,textarea,button{font:99% "Microsoft YaHei",arial,helvetica,clean,sans-serif;}



table{font-size:inherit;font:100%;border-collapse:collapse;}



pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/*title*/



h1{font-size:32px;}



h2{font-size:26px;}



h3{font-size:20px;}



h4{font-size:14px;}



h5{font-size:12px;}



h6{font-size:10px;}







.mt10{ margin-top:10px;}







a{color:#666;text-decoration:none;}



a:focus{outline:0;}



a:hover{ text-decoration:none;}



.vam{vertical-align:middle;}



.clear{clear:both;height:0;line-height:0;font-size:0;}



p{word-spacing:-1.5px;}



.tr{text-align:right;}



.tl{text-align:left;}



.center{text-align:center;}



.fl{float:left;}



.fr{float:right;}



.pa{position:absolute;}



.pr{position:relative}



/* -- 购物车外部框架 -- */



.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}







.cart_content{ margin-top:15px; margin-bottom:15px;}















/* -- 页面整体布局 -- */



.footer{ width:1200px; margin:0 auto;  }





.content{ width:1200px; margin:0 auto;  }



.left,.leftr{ width:300px; float:left; overflow:hidden;}



.leftr{ float:left;}



.left2 { width:910px; float:left; overflow:hidden; margin-top:15px;}



.left3 { width:754px; float:left; overflow:hidden; color:#666;}



.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}



.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}



.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }







.right,.rightl{ width:870px; float:right; display:inline;overflow:hidden;}



.rightl{ float:right;}



.right2 { width:275px;  float:right; overflow:hidden;margin-top:110px;}



.right3 { width:260px; float:right; overflow:hidden; color:#666;}



.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}



.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}







.right_main { width:870px; overflow:hidden;border:solid 0 #d5d5d5;border-top:0;border-bottom:0;padding-bottom:15px; }



.right2_main { width:273px;overflow:hidden;border:solid 0 #d5d5d5;border-top:0;border-bottom:0;padding-bottom:15px;}



.left2_main { width:910px;overflow:hidden;border:solid 0 #d5d5d5;border-top:0;border-bottom:0;padding-bottom:15px;}















.h_nav li a:-webkit-any-link{ display:block;}







i,em{ font-style:normal;}









/*f-top*/



.footer-wrap{background:#2e3438;position:relative;z-index:1;}



.footer-wrap .bg-top{position:absolute;width:100%;height:0px;background:#fff;left:0;top:0;z-index:-1;}



.footer-wrap .bg-bottom{position:absolute;width:100%;height:70px;background:#292e31;left:0;bottom:0;z-index:-1;}



.f-link{height:0px;padding-left:225px;position:relative;line-height:70px;}



.f-link a{font-size:14px;margin-left:40px;}



.f-link .title{position:absolute;width:228px;height:30px; padding:36px 0; line-height:1px; left:0;top:-15px;z-index:1;background-image:url(../images/flink_bg.png);text-align:center;}



.f-link .title i{position:absolute;width:100%;height:60px;background-color:#0e59ae;left:0;top:15px;z-index:-1;}



.f-link .title span{display:inline-block;vertical-align:middle;}



.f-link .title .txten{height:30px;line-height:1;font-size:30px;color:#fff;font-family:Impact,'Microsoft YaHei';text-transform:uppercase;}



.f-link .title .txtbg{width:93px;height:25px;margin-left:3px;line-height:25px;background-color:#fff;font-size:14px;color:#0a57ae;}



.f-link a:hover{color:#0e59ae;}



.f-middle{padding:35px 0 5px;color:#999;font-size:14px;overflow:hidden;}



.f-middle dt{float:right;margin-left:20px;text-align:center;}



.f-middle dt .pic{margin-bottom:15px;}



.f-middle dt .pic,.f-middle dt .pic img{width:120px;height:120px;}



.f-middle dd{float:left;width:395px;margin:10px 25px 0 0;padding-left:40px;line-height:26px;position:relative;}



.f-middle dd i{width:26px;height:26px;position:absolute;left:0;top:0;background:url(../images/f_icon.png);}



.f-middle dd.it1 i{background-position:0 0;}



.f-middle dd.it2 i{background-position:0 -30px;}



.f-middle dd.it3 i{background-position:0 -60px;}



.f-middle dd.it4 i{background-position:0 -90px;}



.f-middle dd.it5 i{background-position:0 -120px;}



.f-middle dd.it6 i{background-position:0 -150px;}



.f-nav{height:60px;line-height:60px;font-size:14px;text-align:center;}



.f-nav a{padding:0 8px 0 10px;color:#7f7f7f}



.f-nav a:hover{color:#0a55ab;}







/*animation*/







@charset "utf-8";



/* CSS Document */



/*common*/



.mb10 { margin-bottom:10px;}



.ml10 { margin-left:10px;}



.bg { background:#FFF;}









/*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:#1a56c2;}



.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(../images/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;}











/*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(../images/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 40px;background:#f6f9ff;position:relative;z-index:1;}



.ipwoer .bg{position:absolute;width:920px;height:400px;background:url(../images/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(../images/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:left; padding-left:40px;}



.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:500px;margin-top:25px;line-height:24px;}



.ipwoer-cont .list li{padding-left:15px;background:url(../images/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:#ffff;}



.inaq .content{overflow:hidden;}



.inews{width:1200px;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:200px;height:150px;top:20px;left:0;}



.inews-list .img img{width:200px;height:150px;}



.inews-list .cont{/* margin-left:200px; */height:130px;padding: 30px 45px 30px 35px; width:500px; border:1px solid #e3e3e3}



.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(../images/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);}



}