@charset "utf-8";
body{ margin:0; padding:0; font-family: "微软雅黑"; font-size:14px; color:#333;transition:all 500ms;}
div,ul,li,ol,dd,dl,dt,p,i,h3,img,a,h1,h2,h3,h4,h5,h6,select,input,span{ list-style:none; padding:0; margin:0;}
input,textarea{ outline:none;font-family: "微软雅黑";color:#000;padding:0; margin:0;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#000;}
.clearfix{overflow:hidden;_zoom:1;}
.clear{ clear:both}

.wrap{ width:1200px; margin:0 auto;}

.header .headtop{ height:86px; background:#f1b900;}
.header .headtop .logo{ padding-top:18px; float:left;}
.header .headtop .tel{ float:right; margin-top:30px; font-size:20px; font-style:italic; background:url(../images/icon01.png) no-repeat left center; padding-left:30px;}
.header .nav{ background:#1274ce; height:52px; line-height:52px;}
.header .nav ul li{ float:left; width:130px; text-align:center;}
.header .nav ul li.logo2{ position:relative; z-index:999; width:156px;}
.header .nav ul li.logo2 img{ position:absolute; top:-45px; left:8px;}
.header .nav ul li.logo2:hover{ background:none;}
.header .nav ul li:hover{ background:#0c5aa3;}
.header .nav ul li a{ font-size:15px; color:#fff; display:block;}
.header .nav ul li .subnav{ display:none;}

.banner .swiper-container{ height:570px; width:100%; overflow:hidden; position:relative;}
.banner .swiper-container .swiper-slide{height:570px; width:100%;}
.banner .pagination {position: absolute;z-index: 20;bottom:0px;width: 100%; height:30px; padding-top:30px;text-align: center; background:url(../images/bannerbg.png) no-repeat center bottom;}
.banner .swiper-pagination-switch {display: inline-block; width: 12px; height: 12px; border-radius:12px; background: #1274ce; margin: 0 5px; opacity: 0.8; cursor: pointer;}
.banner .swiper-active-switch {background:#fb891b;}

.i_about{ padding-bottom:100px;}
.i_about .tit{ text-align:center; padding:38px 0; font-size:16px; color:#999; line-height:1.5; letter-spacing:5px;}
.i_about .tit span{ font-size:30px; font-weight:bold; color:#1274ce; border-bottom:#00719e solid 1px;letter-spacing:0px}
.i_about .box{ position:relative; text-align:right;}
.i_about .box dl{ position:absolute; top:20px; left:0; width:615px; background:#d2e4f7; padding:30px; line-height:2.2; text-align:left;}
.i_about .box dl .more{ width:130px; height:34px; line-height:34px; color:#1274ce; border:#1274ce solid 1px; border-radius:20px; display:block; text-align:center; margin-top:15px;}
.i_about .box ul{ width:280px; position: absolute; top:180px; right:120px;}
.i_about .box ul li{ float:left; width:50%;}
.i_about .box ul li a{ margin:2px; background:rgba(255,255,255,0.8); display:block; text-align:center; line-height:44px; color:#1274ce; font-size:15px; font-weight:bold;}

.ipro{ background:#1064b1 url(../images/ipro_bg.jpg) no-repeat center top; padding-bottom:40px;}
.ipro .tit{ text-align:center; padding:38px 0; font-size:16px; color:#fff; line-height:1.5; letter-spacing:5px;}
.ipro .tit span{ font-size:30px; font-weight:bold; color:#fff; border-bottom:#fff solid 1px;letter-spacing:0px}
.ipro .box ul{ width:1300px;}
.ipro .box ul li{ float:left; margin-right:9px;}
.ipro .box ul li img{ display:block;}
.ipro .box ul li p{ text-align:center; line-height:40px; color:#fff;}
.ipro .box .more{ width:130px; height:34px; line-height:34px; color:#fff; border:#fff solid 1px; border-radius:20px; display:block; text-align:center; margin:30px auto 0;}

.contact_news{ padding:55px 0 70px;}
.contact_news .icontact{ float:left; }
.contact_news .icontact dl{ font-size:16px; color:#999; overflow:hidden; line-height:1; padding:32px 0;}
.contact_news .icontact dl h2{ font-size:30px; color:#1274ce; float:left;}
.contact_news .icontact dl span{ margin-top:17px; float:left; margin-left:10px;}
.contact_news .icontact ol{background:#1274ce; color:#fff; border-left:#fb891b solid 8px; width:486px; height:300px; padding:37px; line-height:2;}
.contact_news .icontact ol h3{ font-size:24px; font-weight:normal; line-height:1; margin-bottom:30px;}
.contact_news .icontact ol h3 span{ font-size:18px;}
.contact_news .i_news{ width:590px; float:right;}
.contact_news .i_news dl{ font-size:16px; color:#999; overflow:hidden; line-height:1; padding:32px 0;}
.contact_news .i_news dl h2{ font-size:30px; color:#1274ce; float:left;}
.contact_news .i_news dl span{ margin-top:17px; float:left; margin-left:10px;}
.contact_news .i_news .box ul li{ overflow:hidden; margin-bottom:37px;font-size:12px;}
.contact_news .i_news .box ul li img{ float:left; margin-right:15px;}
.contact_news .i_news .box ul li ol h3{ font-size:14px; margin-bottom:5px;}
.contact_news .i_news .box ul li ol p{ height:50px;}

.nei_banner{ height:300px;}

.content{ background:#f2f2f2; padding:45px 0 100px;}
.content .wrap{ overflow:hidden;}
.content .left{ width:240px; float:left;}
.content .left .left_nav{ margin-bottom:15px;}
.content .left .left_nav dl{ background:#1b6ebc; color:#fff; height:80px; text-align:center;}
.content .left .left_nav dl h3{ font-size:25px; padding-top:14px;}
.content .left .left_nav ul{ background:#fff; padding:0 12px 20px;}
.content .left .left_nav ul li{ border-bottom:#eaeaea solid 1px;}
.content .left .left_nav ul li a{ line-height:50px; color:#666; display:block; font-size:15px; text-indent:20px;}
.content .left .left_nav ul li a:hover,.content .left .left_nav ul li.cur a{ color:#1b6ebc; font-weight:bold;}
.content .left .left_contact{text-align:center;}
.content .left .left_contact dl{background:#fb891b; color:#fff; height:80px;}
.content .left .left_contact dl h3{ font-size:25px; font-weight:normal; padding-top:14px;}
.content .left .left_contact .box{ background:#1b6ebc; color:#fff; text-align:left; padding:25px; font-size:13px; line-height:25px;}

.content .right{ width:930px; float:right}
.content .right .bread_crumbs{ background:#fff url(../images/icon03.png) repeat-x bottom;  overflow:hidden; padding:10px 20px 15px;}
.content .right .bread_crumbs h3{ line-height:54px; background:url(../images/icon05.png) no-repeat left center; padding-left:40px; font-size:23px; font-weight:normal; color:#000; float:left; width:230px;}
.content .right .bread_crumbs p{ float:right; text-align:right; line-height:54px; font-size:12px;}
.content .right .bread_crumbs p a{ color:#666;}
.content .right .bread_crumbs p a:hover{ color:#1b6ebc;}
.content .right .text{ background:#fff;min-height:548px;*+height:100%;_height:548px; padding:40px; line-height:35px;}
.content .right .text img{display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.content .right .news{background:#fff;min-height:450px;*+height:100%;_height:450px; padding:40px 40px 20px; }
.content .right .news ul li{ line-height:50px; border-bottom:#e4e4e4 solid 1px;}
.content .right .news ul li a{ background:url(../images/icon02.png) no-repeat left center; padding-left:25px;}
.content .right .news ul li span{ float:right;}
.content .right .news_view{ background:#fff;min-height:450px;*+height:100%;_height:450px; padding:50px;} 
.content .right .news_view .title{ text-align:center; border-bottom:#c5c5c5 solid 1px; font-size:17px; line-height:50px; margin-bottom:20px; padding-bottom:20px;}
.content .right .news_view .title p{ font-size:12px; line-height:20px; color:#666;}
.content .right .news_view .box{ line-height:25px;}
.content .right .news_view .link_back{ padding:50px 0;}
.content .right .news_view .link_back a{ width:180px; height:40px; line-height:40px; background:#eee; color:#333; display:block; margin:0 auto; border-radius:5px; border:#d2d2d2 solid 1px;text-align:center;}
.content .right .news_view .link_back a:hover{ background:#1b6ebc; color:#fff;}
.content .right .pro{background:#fff; padding:45px 32px 10px; overflow:hidden;}
.content .right .pro ul{ width:1000px; overflow:hidden; margin-bottom:10px;}
.content .right .pro ul li{ float:left; margin-right:40px;}
.content .right .pro ul li img{ display:block; border:#999 solid 1px;}
.content .right .pro ul li p{ text-align:center; line-height:40px; color:#333;}
.content .right .proview{padding:50px; background:#fff; overflow:hidden;min-height:485px;*+height:100%;_height:485px; }
.content .right .proview dl{ float:left; border:#999 solid 1px; margin-right:30px;}
.content .right .proview dl img{ display:block;}
.content .right .proview ol{ line-height:2;}

.page{ text-align:center; color:#666; font-size:13px; padding:30px 0px;}
.page a{ color:#666; margin:0 5px; padding:2px 7px; border:#bbb solid 1px;}
.page a:hover,.page a.cur{ color:#fff; background:#0046bb; border:#0046bb solid 1px;}

.footer{ height:145px; background:#e3e3e3; color:#333;}
.footer .wrap{ position:relative;}
.footer .gotop{ width:254px; height:60px; margin:0 auto; background:url(../images/footer.png) no-repeat center; position:absolute; top:-60px; left:473px; cursor:pointer;}
.footer a{ color:#333;}
.footer p{ float:left; margin-top:40px; line-height:2;}
.footer span{ float:right; margin-top:40px;}

@media all and (min-width: 640px) and (max-width:1024px) {
.banner .swiper-container{ height:320px;}
.banner .swiper-container .swiper-slide{height:320px;}
.banner .pagination {position: absolute;z-index: 20;bottom:0px;width:100%; height:30px; background: none;}
.nei_banner{ height:300px;}
}

@media all and (max-width:640px) {
.banner .swiper-container{ height:200px;}
.banner .swiper-container .swiper-slide{height:200px;}
.banner .pagination {position: absolute;z-index: 20;bottom:0px;width:100%; height:30px; background: none;}
.nei_banner{ height:200px;}
}

@media all and (max-width:1024px) {
.wrap{ width:100%;}

.header{ position:fixed; z-index:99999; width:100%;}
.header .headtop{ width:100%; height:60px; background:#f1b900;}
.header .headtop .logo{ padding-top:15px; width:240px; margin-left:15px;}
.header .headtop .logo img{ width:100%; height:auto; display:block;}
.header .headtop .tel{ display:none;}
.header .nav{ width:100%; height:100vh;background:#fff; position:fixed; left:0; top:60px; z-index:99998; display:none; line-height:40px;}
.header .nav ul li{ float: none; width:auto; text-align:left; border-bottom:#aaa solid 1px; background:#eee;}
.header .nav ul li.logo2{ display:none}
.header .nav ul li:hover{ background:#999;}
.header .nav ul li a{ font-size:15px; color:#000; display:block; text-indent:20px;}
.header .nav ul li .subnav{ display:none; background:#ddd; padding:10px 20px; }
.header .nav ul li .subnav a{ display:block; line-height:1.8; white-space:nowrap; width:100%;font-size:15px;}

.header .menu-toggle{ width:60px; height:60px; position:absolute; right:0px; top:0px;  float:right; z-index:99999;}
.header .menu-toggle span{ width:35px; height:2px; background:#000;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#000;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#000;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
.header .menu-toggle.cur span{background-color:transparent;}
.header .menu-toggle.cur span:before{transform:rotate(45deg); top:2px;}
.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:2px;}

.i_about{ padding-bottom:0;}
.i_about .tit{ text-align:center; padding:20px 0; font-size:16px; color:#999; line-height:1.5; letter-spacing:5px;}
.i_about .tit span{ font-size:30px; font-weight:bold; color:#1274ce; border-bottom:#00719e solid 1px;letter-spacing:0px}
.i_about .box{ position:static;}
.i_about .box img{ width:100%; height:auto; display:block;}
.i_about .box dl{ position:static;width: auto;padding:15px; line-height:1.8; text-align:left;}
.i_about .box dl .more{ width:130px; height:34px; line-height:34px;margin:15px auto;}
.i_about .box ul{ display:none;}

.ipro{ background:#1064b1 url(../images/ipro_bg.jpg) no-repeat center top; padding-bottom:40px;}
.ipro .tit{ text-align:center; padding:30px 0; font-size:16px; color:#fff; line-height:1.5; letter-spacing:5px;}
.ipro .box ul{ width:102%; padding-left:2%;}
.ipro .box ul li{ float:left; margin-right:2%; width:46%;}
.ipro .box ul li:nth-last-child(1),.ipro .box ul li:nth-last-child(2),.ipro .box ul li:nth-last-child(3),.ipro .box ul li:nth-last-child(4){ display:none;}
.ipro .box ul li img{ display:block; width:100%; height:auto;}

.contact_news{ padding:0;}
.contact_news .icontact{ float:none; }
.contact_news .icontact dl{ font-size:16px; color:#999; overflow:hidden; line-height:1; padding:20px;}
.contact_news .icontact dl h2{ font-size:30px; color:#1274ce; float:left;}
.contact_news .icontact dl span{ margin-top:17px; float:left; margin-left:10px;}
.contact_news .icontact ol{border-left:0; width:auto; height: auto; padding:30px 20px; line-height:1.6;}
.contact_news .icontact ol h3{ font-size:24px; font-weight:normal; line-height:1; margin-bottom:30px;}
.contact_news .icontact ol h3 span{ font-size:14px;}
.contact_news .i_news{ width:100%; float:none;}
.contact_news .i_news dl{ font-size:16px; color:#999; overflow:hidden; line-height:1; padding:20px;}
.contact_news .i_news dl h2{ font-size:30px; color:#1274ce; float:left;}
.contact_news .i_news dl span{ margin-top:17px; float:left; margin-left:10px;}
.contact_news .i_news .box{ padding:0 15px;}
.contact_news .i_news .box ul li{ overflow:hidden; margin-bottom:15px;font-size:12px;}
.contact_news .i_news .box ul li img{ float:left; margin-right:15px;}
.contact_news .i_news .box ul li ol h3{ font-size:14px; margin-bottom:5px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.contact_news .i_news .box ul li ol p{ height:auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.content{ background:#f2f2f2; padding:0;}

.content .left{ display:none;}
.content .right{ width:100%; float:none}
.content .right .bread_crumbs{padding:5px 15px 10px;}
.content .right .bread_crumbs h3{ width:100%;}
.content .right .bread_crumbs p{display:none;}
.content .right .text{min-height:auto;*+height:auto;_height:auto; padding:20px 15px; line-height:2.2;}

.content .right .pro{background:#fff; padding:20px 0 10px; overflow:hidden;}
.content .right .pro ul{ width:102%;padding-left:3%; overflow:hidden; margin-bottom:10px;}
.content .right .pro ul li{ float:left; margin-right:2%; width:45%;}
.content .right .pro ul li img{ display:block;width:100%; height:auto;}
.content .right .pro ul li p{ text-align:center; line-height:40px; color:#333;}

.content .right .proview{padding:20px 15px 30px; background:#fff; overflow:hidden;min-height:auto;*+height:auto;_height:auto; }
.content .right .proview dl{ float: none; border:#999 solid 1px; margin-right:0px; margin-bottom:20px;}
.content .right .proview dl img{ display:block; width:100%; height:auto;}
.content .right .proview ol{ line-height:2;}

.content .right .news{min-height:auto;*+height:auto;_height:auto; padding:20px 15px 30px; }
.content .right .news ul li{ line-height:40px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.content .right .news ul li a{ background:url(../images/icon02.png) no-repeat left center; padding-left:15px;}
.content .right .news ul li span{ display:none;}
.content .right .news_view{ background:#fff;min-height:auto;*+height:auto;_height:auto; padding:20px 15px;} 
.content .right .news_view .title{ font-size:17px; line-height:50px; margin-bottom:20px; padding-bottom:20px;}
.content .right .news_view .title p{ font-size:12px; line-height:20px; color:#666;}
.content .right .news_view .box{ line-height:2;}

.footer{ height:auto; padding:15px;}
.footer .gotop{ display:none;}
.footer p{ float:none; margin-top:0; line-height:1.6; text-align:center;}
.footer span{ float:none; display:none;}
}