
.banner { position:relative; width:100%; height:650px; min-width:1100px; overflow:hidden;}
.banner_list{ width:100%; height:650px; overflow:hidden;}
.banner_list li { height:650px; position:absolute; width:100%; display:none; }
.banner_list li img{ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:650px;}
.banner_btn_o a{ display:none; position:absolute; top:37%; z-index:20; width:34px; height:64px;}
.banner_prev{ background:url(../images/banner_lac.png) no-repeat; left:2%;}
.banner_next{ background:url(../images/banner_rac.png) no-repeat; right:2%;}
.banner_prev:hover{ background:url(../images/banner_lho.png) no-repeat;}
.banner_next:hover{ background:url(../images/banner_rho.png) no-repeat;}
.banner_owd{ position:relative; width:100%; height:22px; bottom:20px; z-index:200; text-align:center;}
.banner_btn{ width:100%; height:10px;}
.banner_btn span{ display:inline-block; background:url(../images/banner_ac.png) no-repeat; width:9px; height:9px; margin:0 2px; cursor:pointer;  transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;}
.banner_btn span.on{ background:url(../images/banner_ho.png) no-repeat; width:18px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;}


/*main1*/
.main1{ width:1200px; margin:20px auto; overflow:hidden;}
.titile_nav{ width:1200px; margin:auto; text-align:center;}
.titile_nav p{ color:#013173; font-size:32px; font-weight:bold; line-height:46px;}
.titile_nav span{ color:#acacac; font-size:24px;}
.s_service{ width:1200px; margin:30px auto; }
.s_service ul li{ width:200px; float:left; text-align:center;}
.s_service ul li img{ width:148px; height:148px; overflow:hidden;}
.s_service ul li p{ text-align:center; font-size:16px; font-weight:bold; line-height:32px; margin-top:5px;}
.s_service ul li a:hover img{ transform:scale(1.1,1.1); transition:all 1s; opacity:0.9;}

/*main2*/
.main2{ margin:25px auto; overflow:hidden;width:100%;}
.s_advantage{ background:url(../images/advantage.jpg) no-repeat top center; height:550px;}

/*main3*/
.main3{ width:1200px; overflow:hidden; margin:30px auto;}
.s_about{ margin:25px auto; width:1200px; overflow:hidden;}
.s_about ul li{ width:285px; float:left; margin-right:20px; background:#f3f3f3; height:300px;}
.s_about ul li img{ width:285px; height:152px; overflow:hidden;}
.s_about ul li h3{ width:105px; text-align:center; margin:auto; line-height:40px; border-bottom:3px #183269 solid; color:#183269; font-size:20px; font-weight:bold; margin-top:5px;} 
.s_about ul li p{ padding:10px 12px; line-height:24px; text-align:center; margin-top:5px; font-family:'Microsoft YaHei'; font-size:14px;}
.s_about ul li a{ display:block;}
.s_about ul li a:hover{ background:#183269; color:#fff;}
.s_about ul li a:hover h3{ border-bottom:3px #fff solid; color:#fff;}

/*main4*/
.main4{ overflow:hidden; background:#f3f3f3; width:100%; padding:25px 0px;}
.s_news{width:1200px; margin:25px auto;}
.new_left{ width:560px; float:left; background:#fff; padding:10px; height:370px;}
.new_left img{ width:560px; height:242px; overflow:hidden;}
.new_left h3{ font-size:16px; font-weight:bold; margin-top:10px; line-height:30px;}
.new_left p{ margin-top:3px; line-height:24px;}

.new_right{ width:585px; height:370px; float:right; background:#fff; padding:10px; overflow:hidden; }
.new_right ul li{ height:100px;margin-bottom:25px; margin-top:8px;}
.new_right ul li span{ float:left; width:110px; height:100px; border-right:3px #d2d2d2 solid; margin-right:15px; text-align:center; line-height:100px; font-size:14px; font-size:52px; font-weight:bold; color:#d2d2d2;}
.new_right ul li h3{ font-size:16px; font-weight:bold;}
.new_right ul li h4{ font-size:14px;}
.new_right ul li p{ margin-top:3px; line-height:22px;}


/*main5*/
.main5{ width:1200px; margin:25px auto; overflow:hidden;}
.s_case{ width:1200px; margin:25px auto;}
.s_case ul li{ float:left; border:1px #dadada solid; margin-right:10px; margin-bottom:10px; padding:10px 0px;}
.s_case ul li img{ width:230px; height:90px; overflow:hidden;-webkit-filter: grayscale(100%);-moz-filter: grayscale(1);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); filter: gray; }
.s_case ul li a:hover img{-webkit-filter: grayscale(0%);}


/*other*/
.other{ width:100%; overflow:hidden;}
#subbanner{background-repeat:no-repeat;background-position:center center;height:350px}
#subbanner .classname{display:table;width:1200px;margin-right:auto;margin-left:auto;height:350px}
#subbanner .classname div{vertical-align:middle;display:table-cell}
#subbanner .classname div strong{font-size:40px;color:#FFF}
#subbanner .classname div i{display:block;height:5px;width:80px;font-size:0;line-height:0;background-color:#FFF;margin-top:12px}
#submenu{height:72px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e5e6e8;background-color:#FFF}
#submenu ul{width:1200px;margin-right:auto;margin-left:auto}
#submenu ul li{float:left;line-height:70px;height:70px;font-size:16px;padding-right:38px;padding-left:38px}
#submenu ul li.cur{border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#0061B0;height:71px}
#submenu ul li.cur a{color:#0061B0}


#aboutmain .layer{clear: both;float: none;padding-top: 10px;padding-bottom: 20px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e5e6e8;}
#aboutmain .layer .con{width: 1200px;margin-right: auto;margin-left: auto;display: table;font-size: 14px;line-height: 24px;}
#aboutmain .layer .con .text{display: table-cell;vertical-align: middle;width: 50%;font-size: 14px;line-height: 28px;box-sizing:border-box;}
#aboutmain .layer .con .text strong.tit{font-size: 30px;font-weight: normal;display: block;padding-bottom: 35px;color: #333333;}
#aboutmain .layer .con .pic{vertical-align: middle;display: table-cell;width: 50%;box-sizing:border-box;}
#aboutmain .layer .con .full_text{text-align: center;}
#aboutmain .layer .con .full_text strong.tit{font-size: 30px;color: #333333;font-weight: normal;display: block;padding-bottom: 35px;}
#aboutmain .layer .con .full_pic{text-align: center;padding-top: 60px;}
#aboutmain .layer .con li{display: inline-block!important;margin-right: 20px;font-size: 18px;}
#aboutmain .layer .con .text .data{height: 60px;margin-bottom: 15px;}
#aboutmain .layer .con .text .data span{display: block;height: 60px;float: left;padding-right: 30px;padding-left: 30px;border-right-width: 1px;border-right-style: solid;border-right-color: #E5E6E8;}
#aboutmain .layer .con .text .data span:nth-child(1){padding-left: 0px;}
#aboutmain .layer .con .text .data span:last-child{border-right-style: none;}
#aboutmain .layer .con .text .data span i{display: block;text-align: center;font-style: normal;font-size: 42px;font-family: "Times New Roman", Times, serif;line-height: 36px;color: #0061b0;}
#aboutmain .layer .con .text ul.li1{width: 340px;}
#aboutmain .layer .con .text ul.li1 li{float: left;width: 125px;margin: 0px;background-image: url(../images/bg5.gif);background-repeat: no-repeat;background-position: left 3px;padding-left: 35px;padding-bottom: 10px;}
#aboutmain .layer .con .text ul.li2{}
#aboutmain .layer .con .text ul.li2 li{float: none;margin: 0px;background-repeat: no-repeat;background-position: left 3px;padding-left: 35px;padding-bottom: 10px;clear: both;display: block!important;background-image: url(../images/bg5.gif);}
#aboutmain .layer .con .text ul.li3{padding-top: 15px;}
#aboutmain .layer .con .text ul.li3 li{float: none;margin: 0px;background-repeat: no-repeat;background-position: left 8px;padding-left: 25px;padding-bottom: 10px;clear: both;display: block!important;background-image: url(../images/bg6.gif);font-size: 14px;}
#aboutmain .layer .con div.tit{font-size: 30px;color: #333333;text-align: center;padding-bottom: 35px;}
#aboutmain .layer .con .tab{text-align: center;padding-bottom: 70px;}
#aboutmain .layer .con .tab a{display: inline-block;height: 40px;padding-right: 50px;padding-left: 50px;font-size: 18px;border: 1px solid #E3E3E3;margin-right: 10px;margin-left: 10px;line-height: 40px;-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;}
#aboutmain .layer .con .tab a.on{color: #FFFFFF;background-color: #0061b0;border-top-color: #0061b0;border-right-color: #0061b0;border-bottom-color: #0061b0;border-left-color: #0061b0;}
.bottomfade{
-webkit-animation:fadeInUp 1s .2s ease both;
-moz-animation:fadeInUp 1s .2s ease both;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.rightfade{
-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

.leftfade{
-webkit-animation:fadeInLeft 1s .2s ease both;
-moz-animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}





/*news*/
/*new*/
.new{overflow:hidden; width:1200px; margin:15px auto;}
.hot_new{ margin-top:5px; padding-bottom:20px; border-bottom:2px #666666 solid; overflow:hidden; margin-bottom:10px;}
.hot_new ul li{ width:286px; height:325px; border:1px #dadada solid; margin-right:15px; float:left; overflow:hidden;}
.hot_new ul li img{ width:286px; height:175px;  overflow:hidden; height:181px; margin-bottom:10px;}
.hot_new ul li h3{ font-size:14px; font-weight:bold; font-family:"微软雅黑"; line-height:12px; margin-left:10px;}
.hot_new ul li p{ padding:10px; line-height:20px; margin-bottom:5px;}
.hot_new ul li span a{ background:#0f5eba; padding:8px 15px; color:#fff; margin-left:10px;}
.hot_new ul li span a:hover{  background:#d7261b; transition:all 500ms; -webkit-transition:all 500ms;}
.new_list{}
.new_list ul li{ line-height:40px; border-bottom:1px #dadada dotted; background:url(../images/icon2.png) no-repeat left center; padding-left:15px; font-size:14px;}
.new_list ul li span{ float:right;}

.fanye{ margin:auto; margin-top:10px; margin-bottom:10px; width: auto; text-align:center;}
.fanye span{  border:1px solid #ccc;  margin:0 5px; padding:3px 5px;}
.fanye a{ border:1px solid #ccc;  margin:0 5px; padding:3px 5px;}
.fanye p{ text-align:center;}


.new_xq_nav{ line-height:55px;  color:#013173;}
.new_xq_nav p{ text-align:center;font-family:"微软雅黑"; font-size:16px; font-weight:bold;}
.new_xq_nav1 p{ text-align:center;font-family:"微软雅黑"; font-size:12px; font-weight: normal; line-height:25px;}
.new_xq_con{ margin-top:10px; line-height:24px; overflow:hidden;}

