@charset "utf-8";
/* CSS Document */


.mainbanner{height:400px;overflow:hidden; position:relative;}
.mainbanner_window{left:50%;width:1920px;height:400px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:400px;position:relative;}
.mainbanner_window li{background:#fff;width:1920px;height:400px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{ width:210px; left:50%; margin-left:-105px; bottom:15px; height:4px;position:absolute;}
.mainbanner_list li{width:60px;height:4px;overflow:hidden;float:left;display:inline; margin:0 5px;}
.mainbanner_list a{width:60px;height:4px; display:block; background:#fff;}
.mainbanner_list li.active a{ background:#0079c2;}

.search{ width:100%; height:40px; line-height:40px; border-bottom:solid 1px #ccc;}
.search .box{ width:960px; margin:0 auto; position:relative;}
.search .box h1{ font-size:12px;}
.search .box h1 a{ margin:0 5px;}
.search .box form{ width:200px; height:25px; background:url(../images/search.png) no-repeat; position:absolute; right:0; top:7px;}
.search .box form .txt{ width:160px; height:25px; line-height:25px; background:none; border:none; margin-left:10px;}
.search .box form .btn{ width:30px; height:25px; background:none; border:none; cursor:pointer;}

.customer{ width:100%; height:191px; background:url(../images/customer.png) repeat-x; padding-top:50px;}
.customer h3{ text-align:center; font-size:40px; color:#01118d; font-weight:bold; height:40px; line-height:40px; position:relative;}
.customer h3 span{ font-size:30px; border-bottom:dashed 1px #ccc;}
.customer h3 span b{ color:#000;}
.customer h3 a img{ position:absolute; top:0; right:210px;}
#CSSBox2{float:left;width:912px;height:96px; margin:0 auto;overflow:hidden;}
#CSSBox2 ul li{ float:left;}
#CSSBox2 ul li img{ width:124px; height:72px; border:solid 1px #e2e2e2; margin:0 13px 0;}
#CSSBox2 ul li p{ text-align:center; font-size:12px; line-height:24px;}
#LeftButton2{cursor:pointer;height:80px;width:21px;float:left;background:url(../images/left.png) center center no-repeat;}
#RightButton2{cursor:pointer;height:80px;width:21px;float:left;background:url(../images/right.png) center center no-repeat;}
#probox{width:960px; margin:30px auto 0;}

.prolist{ width:217px; margin-top:35px; float:left;}
.prolist h3{ height:52px; background:url(../images/list_title.png) no-repeat; font-size:32px; font-weight:bold; color:#fff; text-align:center; padding-top:65px;}
.prolist dl{ background:url(../images/list_bg.png) repeat-y; padding:0 3px 8px;}
.prolist dl dt{ font-size:20px; line-height:38px; border-bottom:solid 1px #071790; text-align:center; font-weight:bold;} 
.prolist dl dd{ line-height:30px; border-bottom:dashed 1px #ccc; text-indent:58px; background:url(../images/icon.png) no-repeat 45px 12px;}
.prolist dl dd a{ color:#fc9a20;}
.prolist dl dd a:hover{ text-decoration:underline;}
.prolist .pro_bottom{ height:14px; background:url(../images/list_bottom.png) no-repeat;}

.pro{ width:713px; margin-top:35px; float:right;} 
.pro h3{ height:45px; line-height:40px; font-size:26px; color:#000; font-weight:bold; background:url(../images/title_bg01.png) no-repeat 0 5px; text-indent:16px; border-bottom:solid 1px #ccc;}
.pro h3 a{ font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; float:right;}
.pro ul{ margin-top:15px;}
.pro li{ float:left; width:227px; height:200px; background:url(../images/pro_bg.png) no-repeat center 152px; margin-top:15px; text-align:center;}
.pro li.space{ margin:15px 16px 0;}
.pro li img{ width:225px; height:150px; border:solid 1px #fff;}
.pro li:hover img{ border:solid 1px #d31e23;}
.pro li p{ font-size:14px; line-height:45px;}

.customized_title{ width:909px; height:100px; margin:50px auto 0; position:relative;}
.customized_title h3{ font-size:45px; color:#01118c; height:45px; line-height:45px;}
.customized_title h4{ font-size:28px; color:#000; position:absolute; line-height:25px; top:3px; left:190px;}
.customized_title h4 span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ccc;}
.customized_title h5{ font-size:24px; font-weight:bold; color:#01118c; position:absolute; left:0; top:55px;}
.customized_title h5 strong{ font-size:30px; color:#000;} 
.customized_title img{ position:absolute; top:0; right:0;}

.customized{ width:935px; height:552px; margin:20px auto 0; position:relative;}
.customized strong a{ font-size:18px; color:#fff; position:absolute; bottom:30px; left:185px;}
.customized strong a:hover{ color:#d31e23;}
.customized dl{ position:absolute;}
.customized dt{ font-size:18px; color:#000; height:35px; line-height:20px; font-weight:bold; background:url(../images/vantage_p.png) repeat-x 0 bottom;}
.customized dt span{ font-family:Arial, Helvetica, sans-serif; color:#ccc; margin-left:10px; font-weight:normal;}
.customized dd{ font-size:15px; margin-top:10px; padding-bottom:15px; border-bottom:dashed 1px #ccc;}
.customized dd span{ color:#ff1b00;}
.customized .one{ width:405px; right:20px; top:15px;}
.customized .two{ width:315px; right:20px; top:125px;}
.customized .three{ width:300px; right:20px; top:240px;}
.customized .four{ width:255px; right:90px; top:360px;}
.customized .five{ width:420px; right:0; top:455px;}

.service{ width:100%; height:285px; background:url(../images/service_bg.png) no-repeat center top #113aae; margin:30px 0; padding-top:57px;}
.service ul{ width:960px; margin:0 auto;}
.service ul li{ width:240px; text-align:center; float:left;}
.service ul li img{ width:182px; margin:0 auto;}
.service ul li p{ font-size:18px; font-weight:bold; color:#fff; margin-top:10px; line-height:22px;}
.service ul li p span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#586ab6; font-weight:normal;}

.case{ margin-top:30px;}
.case h3{ height:39px; line-height:30px; background:url(../images/title_bg02.png) no-repeat; font-size:18px; font-weight:bold; color:#fff; text-indent:30px;}
.case h3 a{ font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; float:right;}
#pro{ width:960px; height:343px; overflow:hidden; margin:16px auto 0;} 
#pro li{ float:left; margin-right:10px; width:232px; height:343px; background:#f3f3f3; text-align:center; position:relative;}
#pro li .detail{ position:absolute; bottom:0; right:0;}
#pro li .detail img{ width:31px; height:31px;}
#pro img {width:232px; height:151px;}
#pro li h4{ font-weight:bold; margin-top:20px;}
#pro li p{ text-align:left; line-height:22px; color:#666; width:205px; margin:10px auto 0;}
#inpro{float: left;width: 800%; }
#pro1,#pro2{height:343px;float:left; display:inline-table;}

.about{ width:100%; height:322px; border-bottom:solid 1px #8ea2dd; background:#1238a3; margin-top:30px; padding-top:35px;}
.about .profile{ width:616px; float:left;}
.about h3{ height:33px; line-height:33px; background:url(../images/title_bg03.png) no-repeat; font-size:14px; color:#01118d; font-weight:bold; text-indent:19px; margin-bottom:27px;}
.about .profile img{ float:left;}
.about .profile p{ float:right; color:#a8afd4; width:320px; margin-top:15px;}
.about .profile p strong{ color:#fff;}
.about .profile p a{ color:#fff;}
.about .profile p a:hover{ text-decoration:underline;}

.about .contact{ width:280px; float:right;}
.about .contact p{ font-size:14px; line-height:30px; color:#fff; padding-left:20px;}

.news{ width:306px; margin-top:25px; text-align:center; float:left;}
.news h3{ height:36px; line-height:36px; font-weight:bold; color:#333; font-size:18px; background:url(../images/title_news.png) no-repeat 0 10px; text-indent:10px; border-bottom:solid 1px #ccc; text-align:left;}
.news h3 a{ font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; float:right;}
.news img{ width:295px; margin:0 auto; padding:2px; border:solid 1px #ccc; margin:15px 0;}
.news ul{ width:300px; margin:0 auto;}
.news li{ line-height:30px; border-bottom:dashed 1px #ccc; background:url(../images/icon.png) no-repeat 0 11px; text-indent:10px; text-align:left;}
.news li span{ float:right;}
.newsspace{ margin:25px 21px 0;}