* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.head{ width:100%; height:146px; background:url(../image/head.jpg) repeat-x left bottom;} 
.heads{  height:146px;}
.logo{ width:auto; height:98px; float:left;}
.head_right{ width:230px;  height:98px; float:right; 
background:url(../image/phone.jpg) no-repeat right 37px;line-height:30px; text-align:right;}
.menu{ width:1005px; height:45px; float:left;}

.MenuBody{ width:795px; height:45px; float:left;}
.MenuBody ul{ margin:0px; padding:0px;}
.MenuBody ul li{ width:121px; height:45px; float:left; list-style:none;position:relative; z-index:100;}
.MenuBody ul li a{ width:121px; height:45px; display:block;color:#FFFFFF; background:#02477E; line-height:45px; text-align:center; font-size:16px;}
.MenuBody ul li a:link{ background:none;color:#FFFFFF;}
.MenuBody ul li a:visited{ background:none;color:#FFFFFF;}
.MenuBody ul li a:hover{ background:#E67817;color:#FFFFFF;}
.MenuBody ul li a:active{ background:none;color:#FFFFFF;}

.MenuBody ul li:hover a {
color:#fff; background:#E67817;
}

.MenuBody ul li ul { 
display:none;/*display:block;*/
 top:45px; left:0px;background-color: #E67817; padding:10px 0px 20px;
position:absolute; width:196px; height:auto;
}
.MenuBody ul li:hover ul{ display:block;}

.MenuBody ul li ul li{
	width:196px;height:35px; line-height:35px;float:left;background-color: #E67817;
}
.MenuBody ul li ul li a{ width:166px; height:35px; line-height:35px;  display:block; text-align:left; padding-left:25px; font-size:14px; }
.MenuBody ul li ul li a:link{ background-color: #E67817; color:#FFD8B7; background:url(../image/r2_c2.gif) no-repeat 25px bottom;}
.MenuBody ul li ul li a:visited{ background-color: #E67817; color:#FFD8B7; background:url(../image/r2_c2.gif) no-repeat 25px bottom;}
.MenuBody ul li ul li a:hover{ background-color: #E67817; color:#fff; background:url(../image/r2_c2.gif) no-repeat 25px top; }
.MenuBody ul li ul li a:active{ background-color: #E67817; color:#FFD8B7; background:url(../image/r2_c2.gif) no-repeat 25px bottom; }


.menu_and{ display:none;}
.Menubg{ width:100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; left:0px; display:none; z-index:9000;}


.MenuSearch{ width:210px; height:36px; float:left; background:url(../image/r4_c9.jpg) no-repeat right top; padding-top:1px;}
.MenuSearch .inputs{ width:142px; height:26px; line-height:26px; padding-left:20px; border:0px;background:transparent;}
.MenuSearch .ans{ width:44px; height:26px;}

.flash{ width:100%; height:auto; text-align:center;}


.flash .swiper-container{ width:100%; height:100%;}
.flash .swiper-slide{ width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.flash .swiper-slide a{ width:100%; height:100%; display:block;}
.flash .swiper-pagination-bullet { 
        opacity:1; width:20px; height:4px; border-radius:0px; background:#fff; -webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms;
    }
.flash .swiper-pagination-bullet-active{ width:40px; background:#C00726; }
.flash .swiper-container-horizontal>.swiper-pagination-bullets,.flash .swiper-pagination-custom, .flash .swiper-pagination-fraction{  line-height:0px ; bottom:20px;}
.flash .swiper-button-prev,.flash .swiper-button-next{ width:45px; height:45px; opacity:0.5; background:url(../images/leftss.png) center top;}
.flash .swiper-button-prev{ left: -50px;}
.flash .swiper-button-next{ right:-50px; background-position:center bottom;}
.flash .swiper-button-prev:hover,
.flash .swiper-button-next:hover{  opacity:1;}
.flash:hover .swiper-button-prev{left:30px;}
.flash:hover .swiper-button-next{right:30px;}

.IndexCom{ height:102px; background:url(../image/r9_c4.jpg) no-repeat left bottom;}
.IndexCom .title{ width:130px; height:100px; padding-top:60px; float:left; font-size:24px;}
.IndexCom .rights{ width:auto; height:100px; padding-top:60px; float:right; line-height:26px; font-size:18px;  font-weight:bold;}
.IComs{ height:126px;}

.IndexComBody{ width:1035px; height:auto; padding-bottom:20px;}
.IndexComBody .divs{ width:33.33%; height:auto; float:left; padding:20px 15px ; color:#515151;}
.IndexComBody .divs .top{ width:100%; height:70px; padding-top:15px; text-align:center; }
.IndexComBody .divs .com{ width:100%; height:42px; line-height:42px; font-size:16px; text-align:center; color:#000;}

.IndexComBody .divs .bottom{ width:100%; height:auto;  line-height:22px;color:515151;}

.Service{  height:auto; padding:0px 5px 50px; }

.ServiceList{ width:25%; height:auto;  float:left; padding:20px 10px 0px;text-align:center;}
.ServiceTitle{ width:100%; height:30px; float:left; line-height:30px; text-align:center;}
.ServiceTitle a{ font-size:14px;}
.ServiceLists{ width:229px; height:auto; float:left; text-align:right;padding-top:20px;}
.ServiceTitles{ width:229px; height:30px;  line-height:30px; text-align:center;}
.ServiceTitles a{ font-size:14px;}
.IndexComs{  height:86px;}
.IndexComs .divs{padding-top:44px;}
.IndexSerBody{ width:1005px; height:auto;padding:20px 0px 0px; }

.IndexSerBody .swiper-container{ width:100%; height:100%; }
.IndexSerBody .swiper-slide{ width:25%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.IndexSerBody .swiper-slide a{ width:100%; height:auto; display:block;}
.IndexSerBody .feature-title {
	FONT-SIZE: 14px; width:100%; height:43px; line-height:42px; text-align:center; background:url(../image/r18_c9.jpg) no-repeat center bottom; FLOAT: left; 
}
.IndexSerBody .feature-title a{FONT-SIZE: 14px; }
.IndexSerBody .feature-thumb {
	WIDTH: 100%; FLOAT: left; HEIGHT: 60px; padding-top:10px; line-height:20px; padding-left:10px; color:#515151;
}
.IndexSerBody .swiper-button-next {WIDTH: 51px; HEIGHT: 261px;   BACKGROUND: url(../image/feature_left.png)  no-repeat center top; top:0px; margin:0px; left:15px; opacity:0;}
.IndexSerBody .swiper-button-prev{WIDTH: 51px; HEIGHT: 261px; BACKGROUND: url(../image/feature_right.png) no-repeat center top; top:20px;  left:auto; right:15px; opacity:0;}

.IndexSerBody:hover .swiper-button-next,.IndexSerBody:hover .swiper-button-prev{ opacity:1;}

.IndexNew{ width:1005px; height:517px;}
.IndexNewBody{ width:600px; height:511px;float:left;}
.IndexNewTitle{ width:553px; height:69px; float:left; background:url(../image/r9_c4.jpg) no-repeat left bottom;}
.IndexNewTitle .title{ width:130px; height:69px; padding-top:27px; float:left; font-size:24px;color:#024780;font-family:"微软雅黑", "黑体";}
.IndexNewTitle .rights{ height:42px; padding-top:27px; width:auto; float:right; line-height:32px; text-align:center; color:#E97717;}
.IndexNewTitle .rights a:link{color:#E97717;}
.IndexNewTitle .rights a:visited{color:#E97717;}
.IndexNewTitle .rights a:hover{color:#024780;}
.IndexNewTitle .rights a:active{color:#E97717;}


.IndexNewTitles{ width:553px; height:42px; float:left; background:url(../image/r9_c4.jpg) no-repeat left bottom;}
.IndexNewTitles .title{ width:130px; height:42px;  float:left; font-size:24px;color:#024780;font-family:"微软雅黑", "黑体";}
.IndexNewTitles .rights{ height:42px;  width:auto; float:right; line-height:32px; text-align:center; color:#E97717;}
.IndexNewTitles .rights a:link{color:#E97717;}
.IndexNewTitles .rights a:visited{color:#E97717;}
.IndexNewTitles .rights a:hover{color:#024780;}
.IndexNewTitles .rights a:active{color:#E97717;}




.IndexNewFrist{ width:576px; height:auto; float:left;padding-top:10px;}
.IndexNewFrist ul{ margin:0px; padding:0px 5px;}
.IndexNewFrist ul li{margin:0px; padding: 10px 10px 0px; list-style:none; width:33.33%; height:auto; float:left; }

.IndexNewFrist ul li .title{ height:40px; width:100%; text-align:center; float:left; line-height:40px;}
.IndexNewSed{ width:545px; height:28px; line-height:28px; float:left; background:url(../image/r23_c5.gif) no-repeat left 11px;}
.IndexNewSed a{ width:460px; height:28px; float:left; display:block; padding-left:15px;}
.IndexNewSed .time{ width:70px; height:28px; float:right; text-align:right;}

.IndexCompany{ width:405px; height:457px; float:left;}

.IndexComTitle{ width:405px; height:69px; float:left; background:url(../image/r9_c4.jpg) no-repeat left bottom; font-family:"微软雅黑", "黑体";}
.IndexComTitle .title{ width:130px; height:42px; padding-top:27px; float:left; font-size:24px;color:#024780;}
.IndexComTitle .rights{ height:42px; padding-top:27px; width:auto; float:right; line-height:32px; text-align:center; color:#E97717;}

.IndexComTitle .rights a:link{color:#E97717;}
.IndexComTitle .rights a:visited{color:#E97717;}
.IndexComTitle .rights a:hover{color:#024780;}
.IndexComTitle .rights a:active{color:#E97717;}

.IndexCompanyBody{ width:405px; height:420px; line-height:24px; padding-top:20px; float:left; }

.indexLink{ width:1005px; height:77px; background:url(../image/r27_c4.gif) no-repeat center top;}

.indexLinkBody .bodys{float:left; width:auto; padding-right:30px;}

.indexLinkBody{ width:1005px; height:300px;}
.indexLinkBodyTit{ width:52px; height:300px; float:left;}
.indexLinkBodyList{ width:180px; height:300px; float:left;}
.indexLinkBodyList .box{ width:128px; height:241px; float:left; background:#ECECEC; padding:12px;}
.indexLinkBodyList .box .title{ width:128px; height:80px; padding-top:6px; line-height:24px;}
.footer{ width:100%; height:125px; background:url(../image/r34_c2.jpg) repeat-x left bottom;}


.footerDivs{float:left; width:auto; padding-right:30px;}
.footers{  height:124px; background:url(../image/r31_c25.jpg) no-repeat right top; }
.back-to{ width:100%; height:30px; float:left; }
.back-tos{ width:68px; height:30px; float:right; display:block;}
.footersLogo{ 
width:546px; padding-left:40px; height:68px; line-height:22px; padding-top:24px; color:#85A3BB;
float:left; background:url(../image/r32_c4.jpg) no-repeat left 10px;
}
.footerMenu{ width:358px; height:68px; float:left; line-height:68px; text-align:right;}

.footerCnEE{ width:60px; height:68px; float:left;}

/*---------------sub css-------------*/

.SubFlash{ width:100%; height:311px; }
.SubHead{ widows:100%; height:122px; background:url(../image/s_r2_c2.jpg) repeat-x left bottom;}
.SubHeads{ width:1003px; height:121px; background:#F1F1F1 ; border:1px solid #D5D5D5; border-top:none;border-bottom:none;  padding-left:28px; padding-top:48px;}
.SubTitle{ width:212px; height:72px; padding-left:54px; line-height:72px; float:left; border-bottom:1px solid #034277; background:#03487f; color:#FFFFFF; font-size:22px; }

.SubUrl{ width:auto; height:72px; float:left; padding-left:32px;}
.SubUrlTop{ width:100%; height:24px;}
.SubUrlBottom{ width:100%; height:24px; font-size:18px;  color:#3D3D3D;}


.SubBodys{ width:1003px; height:auto; margin-bottom:20px; border:1px solid #D5D5D5; border-top:none;background:#F1F1F1;}
.SubLeft{ width:272px; height:auto; float:left; padding-left:28px;}
.SubLeft ul{ margin:0px; padding:0px;}
.SubLeft ul li{ margin:0px; padding:0px; list-style:none; }
.SubLeft ul li a{ width:212px; height:43px; float:left; display:block; padding-left:55px; line-height:43px; font-size:14px;}
.SubLeft ul li a:link{ background:url(../image/r4_c3.gif) no-repeat left bottom;}
.SubLeft ul li a:visited{ background:url(../image/r4_c3.gif) no-repeat left bottom;}
.SubLeft ul li a:hover{  background:url(../image/r4_c3.gif) no-repeat left top; color:#FFFFFF;}


.SubLeft ul li a:active{  background:url(../image/r4_c3.gif) no-repeat left bottom;}
.SubLeft .lis a:link,.SubLeft .lis a:visited,.SubLeft .lis a:hover,.SubLeft .lis a:active{ background:url(../image/r4_c3.gif) no-repeat left top; color:#FFFFFF;}


.SubLeftBottom{ width:212px; height:10px; line-height:0px; font-size:0px; background:#03487F; float:left;}
.SubRight{ width:704px; height:auto; float:left; line-height:26px; padding:30px 0px;}
.SubRight h1{ text-align:center; line-height:40px; font-size:16px; font-weight:normal;}
.SubRight .times{ width:100%; height:30px; line-height:30px; text-align:center;}

.SubRightCase{ width:714px; height:auto; float:left;padding:30px 0px;}

.CaseList{ width:33.33%; padding:0px 10px; margin-bottom:20px; height:auto; float:left; }

.CaseList .title{ width:100%; height:36px; text-align:center; line-height:36px; float:left; font-size:14px;  background:url(../image/r3_c2.jpg) no-repeat center bottom;}
.PageNext{ width:100%; padding-top:30px; height:auto; line-height:24px; float:left; text-align:center;}
.PageNext .manu{font-size:14px;}
.PageNext .manu a{ padding:2px  8px; font-size:14px; margin:5px 2px; border:1px solid #ccc; display:inline-block; }
.PageNext .current{ padding:5px 6px; background:#FE192D; color:#FFFFFF; margin:0px 3px;}
.PageNext .disabled{ padding:4px 6px; margin:0px 3px;border:1px solid #ccc; }


.NewFirst{ width:704px; height:136px; float:left; border-bottom:1px solid #DDDDDD;}
.NewFirst .imgs{ width:174px; height:113px; float:left;}
.NewFirst h3{ width:calc(100% - 174px); height:30px; float:left; line-height:24px; font-size:14px; font-weight:normal;}
.NewFirst h3 a:link{ color:#3C3C3C; font-weight:bold;}
.NewFirst h3 a:visited{ color:#3C3C3C;}
.NewFirst h3 a:hover{ color:#666;}
.NewFirst h3 a:active{ color:#3C3C3C;}

.NewFirst .coms{ width:calc(100% - 174px); height:78px; float:left;}
.NewSed{ width:704px; height:38px; float:left; border-bottom:1px solid #DDDDDD; 
padding-left:14px; background:url(../image/r9_c2.gif) no-repeat left 15px; line-height:38px;
}
.NewSed a{ width:calc(100% - 80px); height:38px; display:block; float:left;}
.NewSed .time{ width:80px; height:38px; float:left; text-align:right;}

.showNext{ width:100%; height:60px; margin-top:40px; border-top:1px solid #DDDDDD; padding-top:20px; float:left; line-height:20px; }
.showNext .lefts{ width:620px; height:60px; float:left;}
.showNext .rights{ width:60px; height:40px; float:right; padding-top:20px;}

.proList{ width:33.33%; padding:0px 10px 5px; margin-bottom:20px; height:auto; float:left; background:url(../image/r3_c2.jpg) no-repeat center bottom;}

.proList .title{ width:100%; height:36px; text-align:center; line-height:36px; float:left; font-size:14px;}