@charset "utf-8";
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body{ font-size:12px; color:#666;}
ul,li{ list-style:none;}
.wrapper{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }}
iframe,img{ border:0;}
a{ color:#666; text-decoration:none;}
a:hover{}


.top{ background:#033a88; height:40px; line-height:40px; color:#fff;}
.top a{ color:#fff;}
.top .toper a{ border-right:1px #257fac solid; border-left:1px #58759a solid; padding:0 8px;}
.top .toper a:nth-child(3n){ border-right:none}
.top .toper a.t01{ border-left:none;}
.top .language{ margin-left:15px;}
.top .language a{ margin-right:10px;}
.top .language a:nth-child(2n){ margin-right:0}
.top .language img{ vertical-align:middle; margin-right:3px;}

.logo{ height:90px; line-height:90px;}
.logo .logoer{}
.logo .logoer img{ margin-top:10px;}
.logo .hotline{}
.logo .hotline img{ width:20px; vertical-align:middle; margin-right:10px;}
.logo .hotline span{ font-weight:bold; font-size:17px;}

.menu{ background:#f1f8fb; height:47px; border-top:1px #000 solid; border-bottom:1px #e2e2e2 solid; line-height:47px;}
.menu .menux{ width:80%;}
.menu .menux .li0{ float:left; text-align:center; width:11%; border-left:1px #fff solid; border-right:1px #d7d7d7 solid; margin-right:1px; height:45px;}
.menu .menux .li0 a{ font-weight:bold; font-size:14px;}
.menu .menux .li0 a:hover{ color:#002e81;}
.menu .menux .sub{ background:rgba(3,58,136,0.8); width:280px; padding:12px; display:none; z-index:-99;}
.menu .menux .sub li{ text-align:left; line-height:24px;}
.menu .menux .sub li a{ color:#eee; margin-left:24px;}
.menu .menux .sub li a:hover{ color:#fe0000;}
.menu .contact{}
.menu .contact a{ font-weight:bold; font-size:14px;}
.menu .contact img{ width:18px; vertical-align:middle; margin-right:8px;}
#none{ display:none;}





.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height:530px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }
.bannerslide img{ width:100%; height:530px;}


.tt01{ height:48px; line-height:48px; border-bottom:1px #e6e6e6 solid;}
.tt01 .fl{ color:#787878;}
.tt01 a{ margin-right:15px;}
.tt01 .search{ color:#333;}
.tt01 input{ background: #999999; height: 28px; width: 70px; border-radius:15px; color:#fff; margin-left:40px; border:none;}
.tt02{ background:#f1f8fb; padding:50px 0;}
.tt02 .com{ border-top:2px #ccc solid; width:31%; margin-right:5%}
.tt02 .com h3{ font-size:14px; color:#999; margin-top:10px;}
.tt02 .com h2{ font-size:26px; margin-top:24px; color:#828282;}
.tt02 .com p{ font-size:13px; line-height:160%; margin-top:40px; color:#828282;}
.tt02 .com span{ background: #0999e0; border: 0px; border-radius: 20px; font-weight: bold; padding: 10px 25px; margin-top:50px; display:inline-table}
.tt02 .com span a{ color: #FFFFFF;}
.tt02 .box{ width:64%;}
.tt02 .box li{ width:39%; float:left; padding:20px 40px; height:170px;}
.tt02 .box li.box01{ background:#e0f1fa;}
.tt02 .box li.box02{ background:#0999e0;}
.tt02 .box li.box02 h3{ color:#fff;}
.tt02 .box li.box02 p{ color:#fff;}
.tt02 .box li.box03{ background:#ffffff;}
.tt02 .box li.box04{ background:#ecf6fb;}
.tt02 .box li img{ width:47px;}
.tt02 .box li h3{ color:#888; margin-top:10px; font-size:14px;}
.tt02 .box li p{ color:#888; margin-top:18px; font-size:13px; line-height:160%;}

.house img{ max-width:100%;}
.tt03{ background:#0999e0; padding:58px 0; color:#fff; text-align:center;}
.tt03 h1{}
.tt03 p{ font-size:15px; color:#93d2f1; margin-top:10px;}
.tt03 .counttotal{ margin-top:55px;}
.tt03 .counttotal li{ float:left; width:33%; background:url(../images/comline.jpg) no-repeat right;}
.tt03 .counttotal li:nth-child(3){ background:none;}
.tt03 .counttotal li h2{ font-weight:normal; font-size:12px;}
.tt03 .counttotal li h2 span{ font-weight:bold; font-size:36px; font-family: "Arial Black";}
.tt03 .counttotal li h6{ font-weight:normal; font-size:12px;}
.tt03 em{ border:#93d2f1 1px solid; padding:6px 20px; font-style:normal; margin-top:50px; display:inline-block;}
.tt03 em a{ color:#93d2f1; font-size:14px;}

.tt04{ padding:58px 0;} 
.picScroll-left{ position:relative;}
.picScroll-left .hd ul li{ float:left; width:68px; height:6px; overflow:hidden; text-indent:-999px; cursor:pointer; background:#cccccc; }
.picScroll-left .hd h3{ font-size:20px; color:#666; margin-top:24px;}
.picScroll-left .hd ul li.on{ background:#0999e0; }
.picScroll-left .bd{ margin-top:55px;}
.picScroll-left .bd li{ background:#f1f8fb; margin-right:4px; float:left; width:33%;}
.picScroll-left .bd li .zi{ padding:32px; color:#828282; font-size:13px;}
.picScroll-left .bd li .zi h5{ font-size:20px; font-weight:normal; margin-bottom:15px;}
.picScroll-left .bd li .img img{ width:100%;}
.picScroll-left .pro{ margin-top:10px; width:100%;}
.picScroll-left .pro li{ float:left; border:1px #eee solid; padding:6px 15px; margin-right:9px; margin-bottom:4px; width:21%; height:12px; overflow:hidden; margin-bottom:10px;}
.picScroll-left .pro li:nth-child(4n){ margin-right:0;}
.picScroll-left .pro li.proon{ background:#0999e0;}
.picScroll-left .pro li.proon a{ color:#fff;}

.tt05{ background:#f1f8fb; padding:60px 0;}
.tt05 .contact{ width:510px; margin-right:50px;}
.tt05 .contact h2{ font-size:20px; width:150px; border-top:2px #ccc solid; padding-top:30px;}
.tt05 .contact p{ margin-top:32px; font-size:13px; line-height:160%; margin-bottom:35px; color:#828282;}
.tt05 .contact .contactor{ padding:35px 0; border:1px #e2e6e8 solid; border-left:none; border-right:none;}
.tt05 .contact .contactor .fl{ width:50%;}
.tt05 .contact .contactor li{ line-height:22px;}
.tt05 .contact .more{ margin-top:36px;}
.tt05 .contact .more img{ width:13px; margin-left:10px; vertical-align:middle;}
.tt05 .video{ position:relative;}
.tt05 .video .text{ position:absolute; width:200px; background:#0999e0 url(../images/ggr.png) no-repeat 200px 30px; right:0; top:80px; padding:60px 40px 40px 40px; color:#fff; display:none;}
.tt05 .video .text h1{ font-size:15px;}
.tt05 .video .text p{ font-size:13px; margin-top:24px;}
.tt05 .video .text p a{ color:#fff;}
.tt05 .video .text p a:hover{ text-decoration:underline;}
.tt05 .video .text span{ background:#fff; width:20px; height:2px; margin-top:30px; display:block;}
.tt05 .video .videobg {}

.tt06{ padding:65px 0;}
.tt06 .search02{ line-height:22px; margin-right:120px;}
.tt06 .search02 .ss{ border:1px #CCC solid; margin-top:26px;}
.tt06 .search02 .ss input{ border:none;}
.tt06 .search02 .ss .ss01{ padding:13px 20px 13px 50px; background:url(../images/searchs.jpg) no-repeat 20px 12px; color:#666; font-size:12px;}
.tt06 .search02 .ss .ss02{ background:#0999e0; width:98px; height:auto; color:#fff; height:45px;}
.foot{ padding:36px 0 40px 0; background:#033a88; color:#fff; line-height:20px;}
.tt06 .menubottom{}
.tt06 .menubottom ul{ float:left; margin-right:70px;}
.tt06 .menubottom ul:nth-child(3){ margin-right:0;}
.tt06 .menubottom ul h3{ font-size:12px; margin-bottom:32px;}
.tt06 .menubottom ul li{ line-height:20px;}
.tt06 .fr{ text-align:right;}
.foot .fr{ text-align:right;}
.foot a{ color:#fff;}

.in{ padding:50px 0;}
.in .left{ width:280px; margin-right:40px;}
.in .prolist{}
.in .prolist h3{ font-size:22px; color:#fff; text-align:center; background:#033a88 url(../images/leftbg.jpg) no-repeat left; height:54px; line-height:54px;}
.in .prolist .leftpro{ background:#f1f8fb; padding:20px 10px;}
.in .prolist .leftpro li{ border:1px #e2e2e2 solid; height:38px; line-height:38px; overflow:hidden; margin-bottom:8px; background:#fff url(../images/proleftbg.jpg) no-repeat left; padding-left:40px;}
.in .prolist .leftpro.leftproslide li{ line-height:24px; height:auto;}
.in .prolist .leftpro li.on{background:#049ae6 url(../images/proleftbg01.jpg) no-repeat left;}
.in .prolist .leftpro li:hover{ background:#049ae6 url(../images/proleftbg01.jpg) no-repeat left; cursor:pointer;}
.in .prolist .leftpro li a{ font-size:13px;}
.in .prolist .leftpro li.on a{ color:#fff;}
.in .prolist .leftpro li:hover a{ color:#fff;}
.in .leftcontact{ margin-top:30px; background:#f3f3f3; border-radius:20px; padding:20px; line-height:18px;}
.in .leftcontact h3{ background:#0999e0; text-align:center; height:45px; line-height:45px; font-size:20px; color:#fff; font-weight:normal; margin-bottom:10px;}
.in .incontent{ width:880px;}
.in .intit{ border-bottom:2px #e2e2e2 solid; padding-bottom:10px;}
.in .intit .fl{ font-size:16px; font-weight:bold; border-left:3px #0999e0 solid; padding-left:5px;}
.in .content{ padding-top:30px; line-height:22px;}
.in .content img{ width:100%; max-width:680px; margin:10px 0;}

.newslist .item { width: 100%; float: left; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; }
.newslist .item .name a:hover { color: #ea0000; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../images/hb01img01.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../images/hb01img02.png); }

.proli{ margin:20px 0;}
.proli li span{ color:#033b88;}



@media (max-width: 1200px){ 

.wrapper{ width:95%;}
.top .toper{ display:none;}
.menu .wrapper{ width:100%;}
.menu .menux{ width:90%;}
.menu .menux .li0{ width:11.8%;}
.menu .contact{ width:10%;}
.menu .contact img{ display:none;}
.bannerslide .swiper-slide { height:340px;}
.bannerslide img { height:340px;}
.tt01 .fl{ width:50%; height:48px; overflow:hidden;}
.tt02 .box li{ width:40%; height:225px; padding:20px;}
.picScroll-left .pro{ width:100%; top:80px;}
.picScroll-left .pro .fr{ float:left;}
.picScroll-left .pro li{ padding:6px 30px;}
.picScroll-left .pro li:nth-child(4n){ display:none;}
.picScroll-left .bd{ margin-top:110px;}
.picScroll-left .bd li .zi h5{ font-size:16px;}
.tt05 .contact{ width:45%; margin-right:2%}
.tt05 .video{ width:50%;}
.tt05 .contact .contactor .fl{ float:none;}
.tt05 .video .text{ width:53%; height:200px; display:block;}
.tt05 .video .videobg{ display:none;}
.tt06 .search02{ margin-right:7%;}
.tt06 .menubottom ul{ margin-right:20px;}
.tt06 .menubottom ul:nth-child(2){ width:120px;}
.tt06 .menubottom ul:nth-child(2) li{ height:20px; overflow:hidden; }
.tt06 .search02 .ss .ss02{ width:60px; height:40px;}
.tt06 .search02 .ss .ss01{ padding:8px 0 8px 30px; background: url(../images/searchs.jpg) no-repeat 5px 6px;}
.in .left{ width:32%; margin-right:3%; max-width:270px;}
.in .incontent{ width:65%;}
.tt05 .contact .contactor .fl{ width:100%;}


}



@media (max-width: 720px){
.top{ height:auto; text-align:center; padding:10px; line-height:30px;}
.top .fl{ float:none; font-size:15px;}
.top .fr{ float:none;}
.logo .hotline{ display:none;}
.logo .logoer{ text-align:center;}
.logo .logoer.fl{ float:none;}
.menu{ height:auto;}
.menu .menux{ width:80%;}
.menu .menux .li0{ width:25%; border-left:none; border-right:none; margin-right:0; height:auto; border-bottom:1px #CCC solid;}
.menu .menux .li0 a{ border-left:1px #fff solid; border-right:1px #d7d7d7 solid; display:block; font-size:13px;}
.menu .menux .sub{ display:none;}
#block{ display:none;}
#none{ display:block;}
.menu .contact{ width:20%; background:#06C; text-align:center; height:96px;}
.menu .contact a{ color:#fff; }
.menu .contact img{ display:block; margin:auto; margin-top:22px;}
.bannerslide .swiper-slide { height:180px;}
.bannerslide img { height:180px;}
.picScroll-left .bd li .zi{ padding:10px; font-size:12px;}	
.picScroll-left .bd li .zi h5{ font-size:14px;}	
.tt01{ display:none;}	
.tt02 .com{ width:100%;}
.tt02 .com p{ margin-top:20px;}
.tt02 .com span{ margin-top:20px;}
.tt02 .box{ width:100%; margin-top:40px;}
.tt02 .box li{ width:44%; padding:3%}
.tt02 .box li p{ font-size:12px;}
.tt03 h1{ font-size:22px; padding:0 20px;}
.tt03 p{ font-size:13px;}
.tt03 .counttotal{ margin-top:30px;}
.tt03 .counttotal li{ float:none; background:none; margin-bottom:10px; width:100%;}
.picScroll-left .pro li{ margin-right:1%; width:46%; padding:6px 1%; height:12px; overflow:hidden;}
.picScroll-left .bd{ margin-top:170px;}
.picScroll-left .pro li:nth-child(2n){ margin-right:0;}
.picScroll-left .pro li:nth-child(4n){ display:block}
.picScroll-left .pro .fr{ width:100%;}
.tt05 .contact{ width:100%; margin-right:0;}
.tt05 .video{ width:100%; margin-top:30px;}
.tt05 .video .text{ top:20px; padding:25px; display:block;}
.tt05 .video .videobg iframe{ height:420px;}
.tt06{ display:none;}
.foot .fr{ display:none;}	
.in .fl{ width:100%; max-width:100%;}	
.in .leftcontact{ display:none;}
.in .incontent{ width:100%; margin-top:30px;}
.in .intit .fr{ display:none;}
.tt05 .video .text{ width:92%; height:100px; position:relative}
	
}