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

/* index common */

body,a{color: #333;}
h3.title-common{text-align: center; color: #00458e; padding-top: 30px;}
h3.title-common b{display: block; text-shadow: -1px -1px 0 rgba(255,255,255,0.5),1px 1px 0 #555,1px 1px 0 rgba(255,255,255,0.5); font-size: 35px; }
h3.title-common p{ font-size: 24px; padding: 10px 0; font-weight: normal;}


/**/

.banner_tabs{ position: absolute; width: 1000px; left: 50%; margin-left: -500px; bottom: 0; height: 64px;  background: #00458e;}
.banner_tabs a{width: 135px; line-height: 50px;
    padding-left: 115px; float: left; color: #fff; font-size: 18px; padding-top: 10px; background-repeat: no-repeat; background-position: 50px 1px;}
.banner_tabs a.icon1{background-image:url(Img/Index/bn_icon1.png);}
.banner_tabs a.icon2{background-image:url(Img/Index/bn_icon2.png);}
.banner_tabs a.icon3{background-image:url(Img/Index/bn_icon3.png);}
.banner_tabs a.icon4{background-image:url(Img/Index/bn_icon4.png);}
.banner_tabs a.icon1:hover,.banner_tabs a.icon1.cur{background-image:url(Img/Index/bn_icon11.png);}
.banner_tabs a.icon2:hover,.banner_tabs a.icon2.cur{background-image:url(Img/Index/bn_icon22.png);}
.banner_tabs a.icon3:hover,.banner_tabs a.icon3.cur{background-image:url(Img/Index/bn_icon33.png);}
.banner_tabs a.icon4:hover,.banner_tabs a.icon4.cur{background-image:url(Img/Index/bn_icon44.png);}


/**/

.fun{background:url(Img/Index/fun_bg.jpg) no-repeat center 0; height: 336px; overflow: hidden; position: relative;}
.fun h3{text-align: center;}

.fun_con{position: absolute; left: 50%; top: 166px; width: 440px; height: 160px;background:url(Img/Index/fun_bg2.png) no-repeat;}
.fun_con h4{text-align: center; padding-top: 20px;}
.fun_con p{margin-left: 14px; width: 409px; height: 49px; background:url(Img/Index/fun_bg3.png) no-repeat; font-size: 19px; color: #fff; line-height: 40px; padding-left: 12px;}
.fun_con p a{color: #ffd300; margin: 0 12px;}

/**/


.apply{padding: 70px 0 50px; background: #fffffe;}
.apply_l{width: 220px; border: 2px solid #00458d;}
.apply_l h3 a{display: block; height: 44px; font-size: 20px; color: #ffd303; text-align: center; line-height: 44px; background: #00458d; font-weight: normal;}
.apply_cats{ padding-left: 40px; padding-top: 10px;}
.apply_cats li{line-height: 60px; font-size: 20px; }
.apply_cats li a{color: #00458d; display: block;}
.apply_cats li a:hover,.apply_cats li.cur a{text-decoration: none; background:url(Img/Index/apply_bg1.gif) no-repeat 0 bottom; color: #fd3f05;}
.apply_cats li span{padding-right: 15px; font-weight: bold;}
.apply_l p{padding-left: 50px;}
.apply_l p{line-height: 50px; font-size: 20px; padding-bottom: 20px;}
.apply_l p a{color: #00458d;}

.apply_pic{ padding: 0 20px 35px 40px; background:url(Img/Index/shadow.png) no-repeat center 0;}
.apply_pic img{ display: block; width: 706px; height: 312px; border: 5px solid #fff;}


.apply_tab{padding-left: 20px;}
.apply_tab a{ color: #00458e; text-align: center; font-size: 17px; width: 82px; padding-top: 4px; display: inline-block; line-height: 22px; background:url(Img/Index/pro_btn_bg2.png) no-repeat center 0; margin: 0 20px; }
.apply_tab i{width: 65px; height: 65px;display: inline-block; background-repeat: no-repeat; background-position: center; margin-bottom: 20px;}
.apply_tab i.icon1{ background-image:url(Img/Index/pro_icon1.png);}
.apply_tab i.icon2{ background-image:url(Img/Index/pro_icon2.png);}
.apply_tab i.icon3{ background-image:url(Img/Index/pro_icon3.png);}
.apply_tab i.icon4{ background-image:url(Img/Index/pro_icon4.png);}
.apply_tab i.icon5{ background-image:url(Img/Index/pro_icon5.png);}
.apply_tab i.icon6{ background-image:url(Img/Index/pro_icon6.png);}
.apply_tab span{display: block;}

.apply_tab a:hover,.apply_tab a.cur{ color: #fb4303; text-decoration: none; background:url(Img/Index/pro_btn_bg.png) no-repeat center 4px;}
.apply_tab a:hover i.icon1,.apply_tab a.cur i.icon1{background-image:url(Img/Index/pro_icon11.png);}
.apply_tab a:hover i.icon2,.apply_tab a.cur i.icon2{background-image:url(Img/Index/pro_icon22.png);}
.apply_tab a:hover i.icon3,.apply_tab a.cur i.icon3{background-image:url(Img/Index/pro_icon33.png);}
.apply_tab a:hover i.icon4,.apply_tab a.cur i.icon4{background-image:url(Img/Index/pro_icon44.png);}
.apply_tab a:hover i.icon5,.apply_tab a.cur i.icon5{background-image:url(Img/Index/pro_icon55.png);}
.apply_tab a:hover i.icon6,.apply_tab a.cur i.icon6{background-image:url(Img/Index/pro_icon66.png);}




/**/


.pro{background: #cbe4ff; padding: 35px 0 20px;}
.pro h3{font-size: 35px;color: #00458a;text-align: center; margin-bottom: 25px;}
.pro_cats{position: relative;}
.pro_cats li{ position: absolute; background:url(Img/Index/cicle_shadow.gif) no-repeat;  background-size: 100% 100%; z-index:9;}
.pro_cats li a{display: block;  font-size: 25px; text-align: center; line-height: 30px; }

.pro_cats li.pro1{ left: 35px; top: 128px;}
.pro_cats li.pro2{ left: 150px; top: 238px;}
.pro_cats li.pro3{ left: 238px; top: 108px;}
.pro_cats li.pro4{ left: 296px; top: 10px;}
.pro_cats li.pro5{ left: 650px; top: 72px;}
.pro_cats li.pro6{ left: 714px; top: 200px;}
.pro_cats li.pro7{ right: 90px; top: 50px;}
.pro_cats li.pro8{ right: 0; top: 212px;}


.pro_cats li.size-s{ padding: 0 24px 20px 0; }
.pro_cats li.size-m{ padding: 0 28px 24px 0; }
.pro_cats li.size-l{ padding: 0 28px 24px 0; }


.pro_cats li.green a{ background:url(Img/Index/cicle_green.gif) no-repeat; background-size: 100% 100%; color: #18791a;}
.pro_cats li.gray a{ background:url(Img/Index/cicle_gray.gif) no-repeat; background-size: 100% 100%; color: #696868;}
.pro_cats li.black a{ background:url(Img/Index/cicle_black.gif) no-repeat; background-size: 100% 100%; color: #383838;}

.pro_cats li.size-s a{width: 90px; height: 82px; padding-top: 14px;}
.pro_cats li.size-m a{ width: 104px; height: 90px;padding-top: 22px;}
.pro_cats li.size-l a{ width: 118px; height: 96px; padding-top: 32px;}

.pro_cats li.cur a, .pro_cats li a:hover{background:url(Img/Index/cicle_red.gif) no-repeat; background-size: 100% 100%; color: #fb4303; text-decoration: none;}

.pro_con{width: 395px;margin: 0 auto;  background:url(Img/Index/pro_bg.gif) no-repeat center;}
.pro_con p{ padding: 59px 53px 47px;}
.pro_con p img{display: block; width: 276px; height: 276px; border-radius: 100%; overflow: hidden; border: 5px solid #c6c3c3;}
.pro_con p.cur img{ border-color: #fb4303;}


/**/


.cust{padding: 30px 0 0;  background:url(Img/Index/cust_bg.png) no-repeat center 30px;}
.cust h3{ text-align: center; padding: 12px 0 30px;}
.cust .tit_int{ text-align: center; color: #00458e; font-size: 24px; margin-bottom: 20px;}

.cust_con dl{float: left; width: 225px; padding: 7px; border: 1px solid #aaa; margin-right: 12px;}
.cust_con dt img{display: block; width: 225px; height: 145px;}
.cust_con dd{}
.cust_con dd h4{padding: 10px 0; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.cust_con dd h4 a{color: #00458a; font-size: 22px;}
.cust_con dd p{font-size: 16px; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 12px;}
.cust_con dd span{text-align: center; display: block; padding-bottom: 15px;}
.cust_con dd span a{ width: 92px; height: 24px; background:url(Img/Index/btn_bg1.png) no-repeat; display: inline-block; line-height: 24px; color: #fff;}
.cust_con dl.cur dd span a{background:url(Img/Index/btn_bg2.png) no-repeat;}
.cust_con dl.cur{border-color: #fb4303;}




/**/
 

.fw{ padding: 20px 0 50px; margin-top:30px; background: #cbe4ff;}
.fw h3{text-align: center;}
.fw h3 i{font-size: 25px; font-family: "Impact"; font-style: normal; color: #bcbcbc;}
.fw h3 em{display: block; color: #c6c3c3; font-size: 33px; padding: 2px 0 10px;}
.fw h3 em b{color: #00458b;}
.fw h3 p{font-size: 24px; color: #00458e; padding-bottom: 15px;}


.fw_cats{margin-bottom: 50px;}
.fw_cats a{width: 25%; float: left; height: 82px; overflow: hidden; line-height: 82px;background:url(Img/Index/fw_bg1.png) no-repeat center; color: #000; font-size: 22px; text-align: center; font-weight: bold;}
.fw_cats a:hover,.fw_cats a.cur{background:url(Img/Index/fw_bg2.png) no-repeat center; text-decoration: none; color: #fff;}

.fw_con{padding: 0 55px; position: relative;}
.fw dt{float: right;background:url(Img/Index/fw_bg.png) no-repeat center 0; padding: 1px 25px 40px;}
.fw dt img{display: block; width: 360px; height: 248px; border: 4px solid #fff;}
.fw dd{float: left; width: 435px; padding-left: 25px;}

.fw dd h4{font-size: 25px; color: #000; line-height: 36px; width: 156px; border-bottom: 3px solid #000;}
.fw dd p{font-size: 16px; line-height: 28px; margin: 16px 0; height: 140px; overflow: hidden;}
.fw dd span{display: block;}
.fw dd span a{display: inline-block; width: 160px;line-height: 53px; height: 53px; background:url(Img/Index/btn1.png) no-repeat center; font-size: 16px; color: #fff; text-align: center; margin-right: 12px;}
.fw dd span a:hover{background:url(Img/Index/btn2.png) no-repeat center; text-decoration: none;}

.fw .prev,.fw .next{ width: 26px; height: 57px; background:url(Img/Index/arrow1.png) no-repeat; position: absolute; top: 100px;}
.fw .prev{left: 0; background-position: 0 0; display:none;}
.fw .next{right: 0; background-position: -26px 0;display:none;}
.fw .prev:hover{ background-position: 0 -57px;}
.fw .next:hover{ background-position: -26px -57px;}


/**/

/**/

.ys{height: 934px; overflow: hidden; background:url(Img/Index/ys_bg.jpg) no-repeat center 0; }
.ys h3{text-align: center; padding: 30px 0;}
.ys h3 p{font-size: 24px; color: #00458e; margin-top: 8px;}

.ys_con{padding-bottom: 30px;}
.ys_desc{padding-left: 30px;}
.ys_desc h4{ font-size: 25px; color: #00458e; text-transform: uppercase;}
.ys_desc h4 b{display: block; color: #00458b; font-size: 45px;}
.ys_desc .text{ font-size: 24px; line-height: 30px; margin: 15px 0 25px;}
.ys_desc .text span{color: #fb4303; padding: 0 5px;}
.ys_desc p span{display: block; line-height: 34px; font-size: 18px; padding-left: 32px; background:url(Img/Index/ys_icon.png) no-repeat 0 center;}


.ys_pic{ width: 500px; position: relative;}
.ys_pic li{  position: absolute;}
.ys_pic1 li img{ display: block; border-radius: 100%; border: 2px solid #fff; box-shadow: 4px 4px 10px rgba(0,0,0,0.4); overflow: hidden;}
.ys_pic2 li img{box-shadow: 4px 4px 10px rgba(0,0,0,0.5);}
.ys_pic1 li.pic1{ left: 10px; top: 20px; z-index: 2;}
.ys_pic1 li.pic2{ left: 226px; top: 10px; z-index: 3;}
.ys_pic1 li.pic3{ left: 194px; top: 150px; z-index: 1;}
.ys_pic2 li.pic1{ left: 35px; top: 45px; z-index: 1;}
.ys_pic2 li.pic2{ left: 296px; top: 100px; z-index: 3;}
.ys_pic2 li.pic3{ left: 110px; top: 210px; z-index: 2;}

.ys_pic li:hover{ z-index: 99;}
.ys_pic li:hover img{ border-color: #fb4303;}

.ys_pic2 li img{display: block; border: 4px solid #fff;}




/**/


.key{background: #cbe4ff;}
.key_list{ background:url(Img/Index/key_bg.jpg) no-repeat center 0; height: 302px; padding-top: 144px; }
.key_list p{height: 48px; margin-bottom: 47px; background:url(Img/Index/key_bg2.png) no-repeat center bottom;}
.key_list i{font-style: normal; font-size: 33px; font-family: "Impact"; color: #00458c; vertical-align: middle; margin-right: 20px;}
.key_list span{font-size: 18px; vertical-align: middle; font-weight: bold;}
.key_list span a:hover{ color: #fb4303;}
.key_list p:hover{ background:url(Img/Index/key_bg3.png) no-repeat center bottom; color: #fb4303;}
.key_list p:hover i{color: #fb4303;}


/**/


.sys{background:url(Img/Index/sys_bg.jpg) no-repeat center bottom; height: 570px; margin-bottom: 5px;}
.sys_con{padding-top: 30px; height: 335px; overflow: hidden;}
.sys_con dl{float: left; text-align: center;padding: 0 68px;}
.sys_con dt img{ display: block; width: 190px; height: 190px; border-radius: 100%; border: 3px solid #fff;}
.sys_con dd p{ font-size: 18px; color: #fff; line-height: 34px; padding: 10px 0;}
.sys_con dd em{display: block; color: #ffc702; font-size: 20px;}

.sys_zx{padding: 0 25px;}
.sys_zx p{float: left; line-height: 80px; color: #fff; font-size: 24px; font-weight: bold; }
.sys_zx a{float: right; margin-top: 20px;}


/**/

.focus{background: #cbe4ff; color: #090909;}
.focus dl{float: left; width: 460px; padding: 23px 20px; margin-bottom: 20px;}
.focus dt{float: right; }
.focus dt img{ display: block; width: 200px; height: 272px; border: 1px solid #ccc; background-color: #fff; padding: 2px;}
.focus dd{float: left; margin-top: -10px; padding-left: 10px; position: relative; background:url(Img/Index/focus_icon1.png) no-repeat right 18px; }
.focus dd h4{font-size: 19px; padding-bottom: 18px; position: relative; margin-bottom: 20px;}
.focus dd h4:before{content: ""; width: 60px; height: 8px; background: #c3c4c4; position: absolute; left: 0;bottom: 0;}
.focus dd h4 i{font-size: 72px; font-style: normal; color: #00458e; font-family: "Impact"; display: block;}
.focus dd span{ font-size: 36px; color: #333; position: absolute; right: 0; top: 0;}
.focus dd p{ font-size: 18px; line-height: 28px;}

.focus dl.down dd{ float: right; text-align: right;}
.focus dl.down dt{float: left; }
.focus dl.down dd{padding-left: 0; padding-right: 10px;}
.focus dl.down dd h4:before{ right: 0; left: auto; }
.focus dl.down dd{ background:url(Img/Index/focus_icon2.png) no-repeat 0 18px;}

.focus dl:hover{background:url(Img/Index/focus_bg.png) no-repeat; }


/**/

.news .title{padding-top: 23px;}
.news .news_left .title h5{background: url(Img/Index/news_bg.gif) no-repeat left center;float: left;padding-left:10px; line-height: 23px;}
.news .news_left .title h5 b{color: #00458e;font-size: 20px;margin-right: 5px;}
.news .news_left .title h5 i{font-size: 13px;color: #bfbfc4;font-style: normal;}
 .title .more{width: 43px; height: 13px;background: url(Img/Index/news_bg2.gif) no-repeat center ;display: block;
float: right;padding:5px 0; }
.news{}
.news .news_left{width: 465px;margin-right:75px;float: left }
.news .news_lc{padding: 16px 0;border-top: 1px solid #b7bab7;}
.news .news_lc img{display: block;float: left;width: 210px;height: 130px;padding: 0 13px; padding: 2px; background: #fff; border: 2px solid #e1e1e2;}
.news .news_lc:hover img{ border-color: #fb4303;}
.news .news_lc:hover h5 a{color: #fb4303;}
.news .news_lc:hover p{color: #fb4303;}

.news .news_lc h5{color: #090909;font-size: 15px;width:220px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;line-height: 29px;}
.news .news_lc .news_cr{width: 220px;float: left; margin-left:12px;}
.news .news_lc p{font-size:14px; color: #090909;line-height: 24px; height: 96px; overflow: hidden; }
.news_left ul li{background: url(Img/Index/news_bg3.gif) no-repeat 10px center;padding-left: 25px;}
.news_left ul li a{width:325px;color: #090909;float: left;
white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 35px;font-size: 14px;}
.news_left  ul li span{font-size: 12px;line-height: 35px;float: right;
}
.news_left ul li a:hover{ color: #fb4303;}

.news_right{width: 460px;float: left;}
.news_right .title li{float: left; width: 90px;font-size: 18px;color: #404144;padding-left: 12px;}
.news_right .title li.frist {background: url(Img/Index/news_bg.gif) no-repeat left;border-right: 2px solid #b7b9b7;}
.news_right .title li a{color:#404144; }
.news_right .title li a:hover,.news_right .title li.cur a{font-size: 18px;color: #00458e;font-weight: bold;text-decoration: none;}
.news_right .news_list{padding: 20px 0 16px 0;border-top: 1px solid #acafac;}
.news_right .news_list li{line-height: 37px;font-size: 15px;color: #090909;padding-left:16px;background: url(Img/Index/news_bg3.gif) no-repeat left center; }
.news_right .news_list li a{color: #090909;font-size: 15px;float: left;width: 310px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_right .news_list li span{font-size: 12px;color: #090909;float: right;}
.news_right .news_list li:hover{background: url(Img/Index/news_bg4.gif) no-repeat left center; }
.news_right .news_list li:hover a{color: #fb4303;}
.news_right .news_list li:hover span{color: #fb4303}




/**/

.friend_link{border-top: 1px solid #bdbec3;background: #cbe4ff;}
 .friend_link .link{position: relative;background: url(Img/Index/link_bg.gif) repeat-y left }
.friend_link .link_left{float: left;}

.friend_link .link_left img{display: block;top: 50%;margin-top: -18px;position: absolute;padding: 0 32px; width: 105px; height: 36px;}
.friend_link .link_right{float: left;padding: 15px 0 15px 206px;width: 794px; min-height:30px;}
 .friend_link .link_right .chaokuan{width: 110%;}
 .friend_link .link_right a{color: #090909;font-size: 15px;line-height: 25px;margin-right: 82px;display: inline-block;}
.friend_link .link_right a:hover{color: #fb4303;}

/**/



/**/



/**/



/**/