@import url("global.css");


.ichoose{ width:1000px; height:450px; margin:0 auto;}
#playBox{ width:1000px; height:450px; margin:0px auto; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .smalltitle {width:1000px; height:35px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:110px; margin:0 auto;}
#playBox .smalltitle ul li{ width:30px; height:30px; margin:0 10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1; border:1px solid #313131; font-size:25px; line-height:30px; text-align:center; color:#2652ab; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
#playBox .smalltitle .thistitle{ background:#2652ab; border:1px solid #2652ab; color:#FFF;}

@font-face { 
  font-family: fz; /*这里是说明调用来的字体名字*/ 
  src: url('../images/fzcqjt.ttf'); /*这里是字体文件路径*/ 
} 
.iad{ width:100%; height:170px; margin:0 auto; background:url(../images/ad.png) center no-repeat;}
.iad .content{ width:830px; padding:25px 0 0 170px; margin:0 auto; font-size:28px; font-family:fz; color:#FFF; line-height:40px;}
.iad .content span{ font-size:36px; font-family:Arial, Helvetica, sans-serif; line-height:40px;}


.iproducts{ width:980px; height:455px; border:2px solid #cccccc; margin:0 auto;}
.iproducts h3{ width:980px; height:38px; background:url(../images/products_h3.jpg) no-repeat; margin:0 auto;}
.iproducts h3 a{ display:block; width:85px; height:27px; line-height:27px; float:right; font-size:18px; color:#ffffff; font-weight:normal; text-align:center; margin:3px 5px 0 0;}
.iproducts ul{ width:1000px; height:386px; padding:18px 0 0 27px; margin:0 auto;}
.iproducts ul li{ width:263px; height:386px; float:left; margin:0 67px 0 0; -webkit-box-shadow:0px 5px 10px #bebebe; -moz-box-shadow:0px 5px 10px #bebebe; box-shadow:0px 5px 10px #bebebe;}
.iproducts ul li:last-child{ margin:0;}
.iproducts ul li .img{ display:block; width:263px; height:240px;}
.iproducts ul li img{ width:263px; height:240px;}
.iproducts ul li .content{ height:140px; padding:0 13px; border:2px solid #FFFFFF; border-top:none; border-bottom:5px solid #FFFFFF;}
.iproducts ul li .content .title{ line-height:30px; font-size:16px; color:#666666;}
.iproducts ul li .content .title a{ color:#666666;}
.iproducts ul li .content .info{ line-height:18px; font-size:12px; color:#999999;}
.iproducts ul li .content .info a{ color:#999999;}
.iproducts ul .hover .content{ border:2px solid #151d7b; border-top:none; border-bottom:6px solid #151d7b;}
.iproducts ul .hover .content a{ color:#151d7b;}


.icase{ width:980px; height:490px; border:2px solid #cccccc; margin:25px auto 0;}
.icase h3{ width:980px; height:38px; background:url(../images/case_h3.jpg) no-repeat; margin:0 auto;}
.icase h3 a{ display:block; width:85px; height:27px; line-height:27px; float:right; font-size:18px; color:#ffffff; font-weight:normal; text-align:center; margin:3px 5px 0 0;}
.icase ul{ width:965px; margin:0 auto; padding:20px 0 0 15px;}
.icase ul li{ width:950px; height:136px; background:#eeeeee; border:1px solid #666666; border-bottom:none;}
.icase ul li:last-child{ border-bottom:1px solid #666666;}
.icase ul li .pic{ width:160px; height:136px; float:left;}
.icase ul li .pic img{ width:152px; height:136px;}
.icase ul li .date{ width:780px; height:26px; line-height:26px; font-size:16px; color:#666666; float:left; padding:5px 10px 0 0;}
.icase ul li .title{ width:780px; height:30px; line-height:30px; font-size:16px; color:#666666; float:left; padding:0 10px 0 0;}
.icase ul li .title a{ color:#666666;}
.icase ul li .info{ width:780px; height:50px; line-height:25px; font-size:12px; color:#999999; float:left; padding:0 10px 0 0;}
.icase ul li .info a{ color:#999999;}
.icase ul li .view{ width:780px; font-size:14px; color:#999999; text-align:right; float:left;}
.icase ul li .view a{ text-decoration:underline; color:#999999;}
.icase ul .hover{ background:#2652ab;}
.icase ul .hover .date{ color:#FFFFFF;}
.icase ul .hover .title a{ color:#FFFFFF;}
.icase ul .hover .info a{ color:#FFFFFF;}
.icase ul .hover .view a{ text-decoration:underline; color:#FFFFFF;}


.ibottom{ width:980px; height:382px; margin:0 auto;}
.ipartners{ width:482px; height:382px; float:left; margin:0 18px 0 0;}
.ipartners h3{ width:482px; height:34px; background:url(../images/partners_h3.jpg) no-repeat;}
.ipartners ul{ width:482px; height:300px; padding:7px 0 0 0;}
.ipartners ul li{ width:140px; height:80px; padding:10px; float:left;}
.ipartners ul li img{ width:140px; height:80px;}
.ipartners .more{ line-height:35px; text-align:right; padding:0 15px 0 0;}
.ipartners .more a{ color:#999999; font-size:14px; text-decoration:underline;}
.iteam{ width:480px; height:382px; float:left;}
.iteam h3{ width:480px; height:34px; background:url(../images/team_h3.jpg) no-repeat;}
.iteam ul{ padding:11px 0 0 20px;}
.iteam ul .li1{ width:269px; height:296px; background:#666; float:left;}
.iteam ul .li1 img{ width:269px; height:296px;}
.iteam ul .li2{ width:160px; height:140px; background:#666; float:left; margin:0 0 15px 14px;}
.iteam ul .li2 img{ width:160px; height:140px;}
.iteam ul .li3{ width:160px; height:140px; background:#666; float:left; margin:0 0 0 14px;}
.iteam ul .li3 img{ width:160px; height:140px;}
.iteam .more{ line-height:35px; text-align:right; padding:0 20px 0 0;}
.iteam .more a{ color:#999999; font-size:14px; text-decoration:underline;}


.righterweima{ width:155px; height:280px; background:url(../images/righterweima.png) right top no-repeat; position:fixed; top:100px; right:0; z-index:222;}
.righterweima .close{ width:155px; height:70px; text-align:right; cursor:pointer;}
.righterweima ul{ width:54px; height:162px; background:url(../images/righterweima_ul.jpg) no-repeat; float:right;}
.righterweima ul li{ width:54px; height:54px; position:relative; cursor:pointer;}
.righterweima ul li .erweima{ width:100px; height:100px; position:absolute; right:54px; top:0; display:none;}
.righterweima ul li .erweima img{ width:100px; height:100px;}



.about{}
.about .left .channel{ background:url(../images/left_about.jpg) no-repeat;}
.about .right .content{ padding:20px 10px; font-size:16px; color:#000000; line-height:175%;}
.about .right .content p{ text-indent:2em;}


.team{}
.team .left .channel{ background:url(../images/left_about.jpg) no-repeat;}
.team .right .list{ min-height:464px;}
.team .right .list ul{ padding:28px 0 0 0;}
.team .right .list ul li{ width:305px; height:230px; float:left; margin:0 20px 20px; border:1px solid #cdcdcd; position:relative;}
.team .right .list ul li img{ width:305px; height:230px;}
.team .right .list ul li .bg{ width:305px; height:50px; position:absolute; bottom:0; left:0; background:#0a0e3d; opacity:.5; filter:alpha(opacity=50); z-index:2; display:none;}
.team .right .list ul li .info{ width:295px; height:50px; line-height:50px; padding:0 5px; position:absolute; bottom:0; left:0; color:#FFF; z-index:3; display:none; overflow:hidden;}
.team .right .list ul li .info a{ color:#FFF;}
.team .title{ min-height:40px; text-align:center; line-height:25px; font-size:18px; margin:15px 0 0 0; padding:5px 15px;}
.team .content{ margin:0 auto; line-height:175%; font-size:16px; color:#000; padding:28px 0;}
.team .content p{ text-indent:2em;}



.partners{}
.partners .left .channel{ background:url(../images/left_about.jpg) no-repeat;}
.partners .right h3{}
.partners .right .list{ min-height:336px;}
.partners .right .list ul{ padding:28px 0 0 0;}
.partners .right .list ul li{ width:190px; height:110px; float:left; margin:0 20px 20px; border:1px solid #cdcdcd;}
.partners .right .list ul li img{ width:190px; height:110px;}


.case{}
.case h3{ height:36px; line-height:36px; border-bottom:1px solid #444a95; color:#151d7b; font-weight:normal; font-size:22px; padding:0 0 0 5px;}
.case .list{ height:auto; padding:0 0 40px 0; min-height:1050px;}
.case .list ul{ height:auto; padding:30px 0 0 22px;}
.case .list ul li{ width:270px; height:350px; float:left; margin:0 20px;}
.case .list ul li img{ width:270px; height:245px;}
.case .list ul li .ltitle{ height:38px; line-height:38px; padding:0 5px; text-align:center; color:#ff8b23; font-size:18px;}
.case .list ul li .ltitle a{ color:#333333;}
.case .list ul li .ltitle a:hover{ color:#ff8b23;}
.case .list ul li .info{ padding:0 5px; font-size:14px; line-height:22px; color:#666666; text-align:center;}
.case .list ul li .info a{ color:#666666;}
.case .list ul li .info a:hover{ color:#000000;}
.case .title{ height:40px; line-height:40px; margin:15px 0 0 0; background:#f6f6f6;}
.case .title .date{ width:120px; text-align:center; float:left; font-size:18px; color:#ff8b23;}
.case .title .truetitle{ width:770px; text-align:center; float:left; font-size:18px; color:#ff8b23;}
.case .title .back{ width:70px; height:40px; float:left; font-size:18px; color:#000000; background:url(../images/case_back.jpg) 40px 0 no-repeat;}
.case .title .back a{ color:#000000;}
.case .content{ width:850px; margin:0 auto; min-height:400px; line-height:175%; font-size:16px; color:#000; padding:28px 0;}
.case .content p{ text-indent:2em;}


.products{}
.products .box{ min-height:600px;}
.products .left .channel{ background:url(../images/left_sales.jpg) no-repeat;}
.products .left ul{}
.products .box .left ul li{ text-align:left; padding:0 0 0 60px;}
.products .box .left ul .li1{ padding:0 0 0 80px; font-size:14px; color:#666666;}
.products .box .left ul .li1 a{ color:#666666;}
.products .list{ min-height:500px; padding:0 0 0 0;}
.products .list ul{ padding:25px 0 0 0;}
.products .list ul li{ width:200px; height:248px; float:left; margin:0 15px;}
.products .list ul li img{ width:200px; height:188px;}
.products .list ul li .img{ display:block; width:200px; height:188px;}
.products .list ul li .ltitle{ height:32px; line-height:32px; padding:0 5px; font-size:16px; color:#000000; border:2px solid #FFFFFF; border-top:none; border-bottom:5px solid #FFFFFF;}
.products .list ul li .ltitle span{ float:right; font-size:12px; color:#ff8b23;}
.products .list ul li .ltitle span a{ color:#ffffff;}
.products .list ul .hover .ltitle{ border:2px solid #151d7b; border-top:none; border-bottom:6px solid #151d7b;}
.products .list ul .hover .ltitle a{ color:#ff8b23;}
.products .pic{ width:270px; height:250px; float:left; padding:20px 30px 23px 15px;}
.products .pic img{ width:270px; height:250px; float:left;}
.products .info{ width:360px; color:#000000; font-size:16px; padding:20px 0 0 15px; float:left;}
.products .content{ width:666px; color:#000000; font-size:16px; padding:20px 0 30px 15px;}




.technology{}
.technology h3{ height:36px; line-height:36px; border-bottom:1px solid #444a95; color:#151d7b; font-weight:normal; font-size:22px; padding:0 0 0 5px;}
.technology .list{ min-height:396px; padding:0 0 50px 0;}
.technology .list ul{ padding:25px 0 0 0;}
.technology .list ul li{ height:44px; line-height:44px; padding:0 15px; font-size:16px; color:#000000;} 
.technology .list ul li:nth-child(odd){ background:#f6f6f6;}
.technology .list ul li a{ color:#000000;}
.technology .list ul li a:hover{ color:#ff8c27;}
.technology .list ul li span{ float:right;}
.technology .title{ min-height:40px; text-align:center; line-height:25px; font-size:18px; margin:15px 0 0 0; background:#f6f6f6; padding:5px 15px;}
.technology .content{ width:850px; margin:0 auto; line-height:175%; font-size:16px; color:#000; padding:28px 0;}
.technology .content p{ text-indent:2em;}


.contact{}
.contact .box{ padding:0 0 30px 0;}
.contact h3{ height:40px; line-height:40px; color:#151d7b; font-size:22px; font-weight:normal; padding:0 0 0 5px;}
.contact .name{ height:50px; line-height:90%; background:#eeeeee; font-size:24px; color:#ff8b23; text-align:center; padding:10px 0 0 0;}
.contact .name span{ font-size:12px;}
.contact .content{ width:900px; min-height:194px; line-height:28px; padding:40px 0 40px 40px; font-size:16px; color:#000000;}
.contact .content a{ color:#000000;}
.contact ul{ height:180px; padding:0 0 0 40px;}
.contact ul li{ width:200px; padding:0 140px 0 0; line-height:28px; position:relative; float:left; font-size:16px; color:#000000;}
.contact ul li:last-child{ padding:0;}
.contact ul li img{ width:100px; height:100px; position:absolute; top:36px; left:80px;}



.sales{}
.sales .left .channel{ background:url(../images/left_sales.jpg) no-repeat;}
.sales .right .content{ padding:20px 10px; font-size:16px; color:#000000; line-height:175%;}
.sales .right .content p{ text-indent:2em;}
.sales .right .content span.sty1{ color:#ff8b23;}



.pagination{ height:32px; text-align:center; margin:5px 0 25px 0;}
.pagination ul{ display:inline-block; border:2px solid #2652ab;}
.pagination ul li{ min-width:45px; height:32px; float:left; font-size:14px; text-align:center; line-height:32px; cursor: ointer; color:#2652ab; background:#FFFFFF;}
.pagination ul li a{ display:block; cursor:pointer; color:#2652ab; line-height:32px; padding: 0 10px;}
.pagination ul li a:hover{ color:#FFFFFF; background:#2652ab;}
.pagination ul li.active a{ color:#FFFFFF; background:#2652ab;}