@charset "utf-8";



body{margin: 0; padding: 0; font-size: 12px; font-family: "微软雅黑"; line-height: 24px; color: #666666;}



img{vertical-align: middle; }



a:link,a:visited{color: #666; text-decoration: none;}



a:hover{color: #00a4e9;}



a.active{color: #00a4e9;}



p{margin: 0; padding: 0;}



ul,ul li{margin: 0; padding: 0; list-style: none;}



img.img-responsive{max-width: 100%; height: auto;}



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



.fl{float: left;}



.fr{float: right;}



.clear{clear: both;}



.clear:after{content: ''; clear: both;}



.header{padding: 30px 0 19px 0;}



.logo{ height: 87px; width: 83px; float: left; }



.logo a.logolink{display: block; height: 87px; background: url(index_03.jpg) center no-repeat; background-size:contain;}







.logo a.mobileBtn{width:30px; height:30px; float: right; margin: 15px 0px 0 0;  cursor:pointer; position: relative;  display: none;



transition:.2s .1s; -moz-transition:.2s .1s; -ms-transition:.2s .1s; -o-transition:.2s .1s; -webkit-transition:.2s .1s;



transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 



-moz-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 



-ms-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1);



 -o-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 



-webkit-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }



.logo a.mobileBtn hr{height:4px; background:#ffffff; background:#00c0ff; display:block; margin:0; padding:0; border:none; position:absolute;



transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}



.logo a.mobileBtn hr:nth-child(1){width:100%; top:0; right:0;}



.logo a.mobileBtn hr:nth-child(2){width:40%; top:50%; left:0; margin-top:-2px; opacity:1;}



.logo a.mobileBtn hr:nth-child(3){width:40%; top:50%; right:0; margin-top:-2px; opacity:1;}



.logo a.mobileBtn hr:nth-child(4){width:100%; bottom:0; right:0;}



.topbar{height: 27px; line-height: 27px; padding: 17px 0 0 0; float: right;  margin: 0 0 11px 200px;}



.topbar .lang{margin-right: 10px; float:left;}



.topbar .search{ display: inline-block; padding: 0 7px;  border-radius: 7px; border: 1px solid #c8c8c8; float: right;}



.topbar .search form{margin: 0; padding: 0; }



.topbar .search .txt{width: 124px; height: 25px; display: inline-block; border: 0; background: none; padding: 0; outline: none; float: left;}



.topbar .search .btn{width: 20px; height: 25px; background: url(index_06.jpg) center no-repeat; border: none; float: right;}







ul.nav{ float: right;}



ul.nav>li{float: left; padding: 0 26px; line-height: 30px; background: url(index_10.jpg) right center no-repeat; position: relative;}



ul.nav>li:last-child{background: none;}



ul.nav>li a{font-size: 14px;}



ul.nav>li a:hover,ul.nav>li a.active{color: #00A4E9;}



ul.nav>li div.child{ display: none; position: absolute; top: 30px; left: 0px; width:218px; z-index: 999;}



ul.nav>li div.child .arrow{height: 18px; background:none; /*background: url(nav_arrow.png) bottom center no-repeat;*/}



ul.nav>li div.child ul{ background:#fff; padding: 10px 0 15px 0 ; border-top: 3px solid #035cac;}



ul.nav>li div.child ul li{ line-height: 36px; }



ul.nav>li div.child ul li a{line-height: 36px;border-bottom: 1px dotted #ddd; color: #666; display: block; padding-left:25px; text-align: left;}



ul.nav>li div.child ul li a:hover{border-bottom: 1px dotted #eee; color: #00A4E9;}



ul.nav>li.navindex5 div.child{  width:220px;}











.banner{width: 100%;}



.banner .slide div{height: 594px; background-position: center; background-repeat: no-repeat; background-size: cover;}







.i-info{ padding: 34px 0;}



.i-info .block{ width: 371px; margin: 0 40px 0 0; float: left;}



.i-info .block.last{margin: 0;}



.block .pic{ width: 100%; height: 149px; position: relative;}



.block .pic .tit{ background: rgba(0,0,0,.5); color: #FFF; padding: 0 15px; line-height: 45px; font-size: 18px; position: absolute; bottom: 0; left: 0; right: 0;}



.block .con{ border: 1px solid #ddd; font-size: 13px; padding: 20px 18px 10px 18px; line-height: 32px;}



.block .con p{display: block; height: 224px;}



.block .more{text-align: right;}



.block .more a{color: #00a4e9; font-size: 14px;}





.case{padding-top:40px;}

.case .tit{ height:19px; position:relative; border-bottom:1px solid #f1f1f1; margin-bottom: 47px;}



.case .tit .title{ width:183px; height:38px; margin:0 auto -19px auto; background:#2c4a91; text-align:center; font-size:18px; line-height:38px; color:#fff;}



.case .con{ padding-bottom: 60px;}



.case .con ul li{width: 184px; height: 56px; float: left; margin: 16px 16px 16px 0; border: 1px solid #d2d2d2}



.case .con ul li:nth-child(6n){ margin-right: 0;}











.footertree{width: 100%; background: #f2f2f4; padding: 30px 0 40px  0; }



.footertree ul li{ padding-left: 71px; float: left; background: url(line.png) right top no-repeat; min-height: 158px;}



.footertree ul li.ft1{padding: 0; width: 110px;}



.footertree ul li.ft2{width: 135px;}



.footertree ul li.ft3{width: 124px;}



.footertree ul li.ft4{width: 124px;}



.footertree ul li.ft5{width: 226px;}



.footertree ul li.ft6{width: 119px; background: none;}



.footertree ul li a{display: block; line-height: 30px;}



.footertree ul li a.tit{font-size: 14px; font-weight: bold;}







.footer{height: 40px; background: #343434; color: #fff; line-height: 40px;}

.footer img{ height:30px; vertical-align:middle;}





.infobanner{ height: 296px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position:relative;}

.infobanner .catename{position:absolute; bottom:10px; width:20%; left:40%; right:40%; font-size:28px; line-height:36px; padding:0 0 30px 0; background:url(info-arrow.png) bottom center no-repeat; color:#fff; text-align:center;}



.color-main{color: #00A4E9;}







.maininfo .cate{ padding: 44px 0; text-align:center;}



.maininfo .cate a{  text-align: center;  line-height: 36px; font-size: 16px; color: #565656; padding:0 25px; background: url(index_101.jpg) right center no-repeat;   margin-bottom:20px;}

.maininfo .cate a:nth-last-child(2){ background:none;}



.maininfo .cate a:hover,.maininfo .cate a.active{color: #00A4E9; }







.maincon{ padding-bottom: 60px;}



.maincon .sidepic{width: 403px; float: left; margin-right: 33px; }



.maincon .con{ color: #666; line-height: 32px; width: 760px; float: right;  }







.newslist{}



.newslist li{ margin-bottom: 10px; padding: 0 0 10px 0; background: url(xline.jpg) bottom repeat-x;}



.newslist li .newscon{}



.newslist li .newscon p{ line-height: 26px; }



.newslist li .newscon p span{ font-size: 16px; line-height: 30px; color: #666;}



.newslist li .newscon p a{ padding-left: 12px; background: url(newsinc.jpg) 0 10px no-repeat; display: block;}



.newslist li.first{ padding-bottom: 30px;}



.newslist li.first .pic{width: 30%; margin-right: 2%; float: left;}



.newslist li.first .newscon p a{ font-size: 18px; color: #00A4E9; display: inline-block; margin-right: 20px; background: none; padding: 0;}



.newslist li.first .newscon p.more a{ font-size: 14px; color: #fff; background: #153396; line-height: 22px; padding: 0px 20px; border-radius: 10px; display: inline-block;}



.newslist li.first .newscon p span{color: #22cc94;}







.prolist li{border: 1px solid #d0d0d0; float: left; margin: 0 -1px 30px 0; width: 24.5%;}



.prolist li a{display: block; text-align: center;}



.prolist li a.tit{background: #efefef; color: #153396; font-size: 20px; line-height: 48px;}



.pd-pic{width: 40%; padding: 10px 5% 10px 0; background: url(line.png) right repeat-y; float: left;}



.pd-desc{width: 45%; padding: 10px 10px 10px 5%; float: right;}



.pd-desc .tit{line-height: 36px; color: #0059FF; font-size: 16px;}



.pd-desc p{line-height: 32px;}







.yf-side{width: 453px; float: left;}



.yf-side .intro{background: #1e5aa8; font-size: 16px; line-height: 40px; color: #fff;}



.yf-side .intro>p{padding: 10px 20px;}



.yf-side .more{text-align: right; padding-right: 20px;}



.yf-side .more a{display: inline-block; width: 22px; height: 22px; background: url(arr.png) no-repeat;}



.yf-side .introcon{border: 1px solid #d0d0d0; border-top: none; color: #666; line-height: 40px; padding: 10px 20px;}

.yf-intro{height:359px; margin-bottom:30px;}

.yf-intro .intro{width:420px; padding:20px; height:319px; background:#1f5aa8; float:left; color:#fff; line-height:30px; font-size:14px;}

.yf-intro .intro_pic{height:359px; margin-left:300px; background-position: center;background-repeat: no-repeat;background-size: cover;}

.yf-pic-1{ width:100%;}



.yf-pic-1 li{width: 49%; margin:0 1% 10px 0; float: left; font-size:14px;  text-align:center; line-height:20px; color:#666666;}

.yf-pic-1 li:nth-child(2n){ margin:0 0 10px 0; float:right;}



.yf-pic{ width: 736px; float: right;}



.yf-pic li{width: 333px; margin-left: 35px; float: left; margin-bottom: 30px; text-align:center; line-height:30px; color:#666666;}







.formbox{}



.formbox .linef{ margin-bottom:10px; padding:0 20px; width:70%; }



.formbox .linef label{display:block; line-height:22px; }



.formbox .linef .inputtxt{ border:1px dashed #aaa; background:#eee; height:24px; line-height:24px; color:#666; width:100%;}



.formbox .linef .inputtxt:focus{outline:none; border-color:#faa821;}



.formbox .linef .inputtxt.error{color:#f00; border:1px dashed #f00; }



.formbox .linef .inputtxt.success{color:#0ab;}



.formbox .linef .tips.error{color:#f00;}



.formbox .linef .tips.success{color:#0ab;}



.formbox .linef .big{height:120px;}



.formbox .linef .inputtxt.small{width:50%;}



.formbox .linef .btn{width:20%; border:2px solid #00a7a7; color:#fff; background:#00a7a7; display:block; line-height:24px; margin:0 auto; }



.pages {

    margin: 15px 0;

    text-align: center;

}



.pages a ,.pages span {

    font-size: 12px;

    cursor: pointer;

    margin: 0 5px;

    background: #fff;

    border: 1px solid #ccc;

    color: #1f1f1f;

}



.pages a:hover ,.pages a.current {

    background: #0066d9;

    color: #fff;

    border: 1px solid #0066d9;

}



.pages a,.pages span {

    padding: 4px 8px;

    margin: 0 4px;

    line-height: 22px;

}









@media only screen and (max-width:390px ) {



	.block .con p{height: auto;}



}







@media(max-width:640px ) {



	.case .con ul{padding: 0 5%;}



	.case .con ul li{width: 47%; margin-right: 10px 5% 10px 0; height: auto;}



	.case .con ul li img{max-width: 100%;}



	.case .con ul li:nth-child(2n){margin-right: 0;}



	.footer .fl{text-align: center; float: none;}



	.footer .fr{text-align: center; float: none;}

	.formbox{padding:30px 0 0 0;}

.formbox .linef{width:80%; margin:0 auto;}

	



}







@media(max-width:760px) {



	.logo a.mobileBtn{display: block;}



	.logo a.mobileBtn.open hr:nth-child(1){width:100%; top:50%; margin-top:-2px; transform:rotate(45deg); -moz-transform:rotate(45deg);



-ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); 



transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; 



-o-transform-origin:center; -webkit-transform-origin:center;}



.logo a.mobileBtn.open hr:nth-child(2){opacity:0; left:-50%;}



.logo a.mobileBtn.open hr:nth-child(3){opacity:0; right:-50%;}



.logo a.mobileBtn.open hr:nth-child(4){width:100%; bottom:50%; margin-bottom:-2px; transform:rotate(-45deg); -moz-transform:rotate(-45deg);



-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); 



transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; 



-o-transform-origin:center; -webkit-transform-origin:center;}



	.logo a.logolink{ float: left; width: 60px; height: 63px;}



	.wrap{width: 100%;}



	.header{padding: 10px 0; background: #fff; }



	.logo{ width: 90%; padding: 0 5%; float: none; height: 63px;}



	.topbar{padding: 10px 5%; margin: 0; width: 90%; display: none; transition: all .4s;}



	.topbar.open{display: block;}



	.topbar .search{width: 60%;}



	.topbar .search .txt{width: 80%;}



	ul.nav{float: none; width: 90%; padding: 0 5%; height: 0; overflow: hidden; transition: all .4s;}



	ul.nav.open{display: block; height: auto;}



	ul.nav>li{ width: 100%; background: none; padding: 0;}



	ul.nav>li div.child {position: relative; top: 0; }



	ul.nav>li div.child .arrow{display: none; }



	ul.nav>li div.child ul{background: none; padding: 0 10px;}



	ul.nav>li div.child ul li{ line-height: 22px;}



	ul.nav>li div.child ul li a{color: #666; text-align: left;}



	ul.nav>li div.child ul li a:hover{color: #00A4E9; border-bottom: 1px dotted #75ADD2;}



	.banner .slide div{height: 220px;}



	.i-info .block{width: 90%; padding: 0 5%; margin: 0 0 10px 0;}



	.i-info .block .pic{height: auto;}



	.i-info .block .pic img{width: 100%;}



	



	.footertree ul li{width: 90% !important; padding:0 5%!important; float: none; min-height: auto; background: none;}



	.footertree ul li div.child a{display: inline; margin-right: 10px;}



	



	.footer{padding: 0 5%; height: auto;}



	



	.infobanner{height: 196px; position:relative;}



	.infobanner .catename{position:absolute; bottom:10px; width:30%; left:35%; right:35%; font-size:24px; line-height:36px; padding:0 0 30px 0; background:url(info-arrow.png) bottom center no-repeat;}



	.maininfo .cate{ padding: 20px 5%;}



	.maininfo .cate a{display: inline; font-size: 14px; color: #565656; padding:0 5px; margin-bottom:10px;}

	



	.maininfo .cate a:hover,.maininfo .cate a.active{color: #00A4E9; }



	.maininfo .cate.jt a{width:48%;}

	.maininfo .cate.jt a:nth-child(2n){margin-right:0;}

	.maininfo .cate.jt a:nth-child(5n){margin-right:1.8%;}

	



	.maininfo .maincon{padding: 0 5%;}



	



	.maincon .sidepic{width: auto; float: none; margin-right: 0; }



	.maincon .con{ color: #666; line-height: 32px; width: auto; float: none;  }



	



	.prolist li{ width: 49.5%;}



	.prolist li a.tit{font-size: 14px; line-height: 36px;}



	.pd-pic{width: 100%; padding: 10px 0; background: none; float: none;}



	.pd-desc{width: 90%; padding: 10px 10px 10px 10%; float: none;}



	



	.yf-side{width: 100%; float: left; margin-bottom: 20px;}



	.yf-side .intro{background: #1e5aa8; font-size: 16px; line-height: 40px; color: #fff;}



	.yf-side .intro>p{padding: 10px 20px;}



	.yf-side .more{text-align: right; padding-right: 20px;}



	.yf-side .more a{display: inline-block; width: 22px; height: 22px; background: url(arr.png) no-repeat;}



	.yf-side .introcon{border: 1px solid #d0d0d0; border-top: none; color: #666; line-height: 40px; padding: 10px 20px;}



	



	.yf-pic{ width: 100%; float: right;}



	.yf-pic li{width: 45%; margin:  0 2.5% 20px 2.5%; float: left; }



	



}



@media(min-width:641px) and (max-width:760px) {



	



	.case .con ul{padding: 0 5%;}



	.case .con ul li{width: 30%; margin-right: 10px 3% 10px 0; height: auto;}



	.case .con ul li img{max-width: 100%;}



	.case .con ul li:nth-child(3n){margin-right: 0;}



}



@media(min-width:761px) and (max-width:1000px) {



	.wrap{width: 100%;}



	ul.nav{float: none; margin: 0 auto; padding: 10px 0 0 0; clear: both;}



	.banner .slide div{height: 320px;}



	



	.i-info .block{width: 30%; margin-right: 5%;}



	.block .pic{height: auto;}



	.block .pic .tit{line-height: 20px; font-size: 14px;}



	.block .con{padding: 2px;}



	.block .con p{height: auto;}



	.case .con ul li{width: 22.6%; margin: 10px 2% 10px 0; height: auto;}



	.case .con ul li:nth-child(4n){margin-right: 0;}



	.case .con ul li:nth-child(6n){margin-right: 2%;}



	



	.footertree ul li{ padding-left: 20px; float: left; background: url(line.png) right top no-repeat; min-height: 158px;}



	.footertree ul li.ft1{padding: 0 0 0 20px; width: 100px;}



	.footertree ul li.ft2{width: 105px;}



	.footertree ul li.ft3{width: 85px;}



	.footertree ul li.ft4{width: 85px;}



	.footertree ul li.ft5{width: 170px;}



	.footertree ul li.ft6{width: 80px; background: none;}



	



	.infobanner{height: 246px; position:relative;}



	.infobanner .catename{position:absolute; bottom:10px; width:20%; left:40%; right:40%; font-size:24px; line-height:36px; padding:0 0 30px 0; background:url(info-arrow.png) bottom center no-repeat;}



	



	.maininfo .cate{ padding: 20px 5%;}



	.maininfo .cate a{display: inline;font-size: 14px; color: #565656; padding:0 15px; }



	.maininfo .cate a:hover,.maininfo .cate a.active{color: #00A4E9;}



	



	.maininfo .maincon{padding: 0 5%;}



	



	.maincon .sidepic{width: 28%; float: left; margin-right: 0; }



	.maincon .con{ color: #666; line-height: 32px; width: 70%; float: right;  }



	.prolist li{ width: 33.11%;}



	.prolist li a.tit{font-size: 16px; line-height: 36px;}



	.yf-side{width: 30%; float: left;}



	.yf-side .intro{background: #1e5aa8; font-size: 16px; line-height: 40px; color: #fff;}



	.yf-side .intro>p{padding: 10px 20px;}



	.yf-side .more{text-align: right; padding-right: 20px;}



	.yf-side .more a{display: inline-block; width: 22px; height: 22px; background: url(arr.png) no-repeat;}



	.yf-side .introcon{border: 1px solid #d0d0d0; border-top: none; color: #666; line-height: 40px; padding: 10px 20px;}



	



	.yf-pic{ width: 69%; float: right;}



	.yf-pic li{width: 45%; margin-left: 5%; float: left; margin-bottom: 30px;}



}



@media(min-width:1001px) and (max-width:1200px) {



	.wrap{width: 100%;}



	.banner .slide div{height: 420px;}



	.i-info .block{width: 32%; margin-right: 2%;}



	.block .pic{height: auto;}



	.block .pic .tit{line-height: 30px; font-size: 16px;}



	.block .con{padding: 10px;}



	.block .con p{height: auto;}



	



	.case .con ul li{width: 18.4%; margin: 10px 1.5% 10px 0; height: auto;}



	.case .con ul li:nth-child(5n){margin-right: 0;}



	.case .con ul li:nth-child(6n){margin-right: 1.5%;}



	.footertree ul li{ padding-left: 40px; float: left; background: url(line.png) right top no-repeat; min-height: 158px;}



	.footertree ul li.ft1{padding: 0 0 0 20px; width: 100px;}



	



	



	.maininfo .cate{ padding: 20px 5%;}



	.maininfo .cate a{display: inline; font-size:14px; padding:0 20px;}



	



	.maininfo .cate a:hover,.maininfo .cate a.active{color: #00A4E9;}



	



	.maininfo .maincon{padding: 0 5%;}



	



	.maincon .sidepic{width: 28%; float: left; margin-right: 0; }



	.maincon .con{ color: #666; line-height: 32px; width: 70%; float: right;  }



	



	.yf-side{width: 30%; float: left;}



	.yf-side .intro{background: #1e5aa8; font-size: 16px; line-height: 40px; color: #fff;}



	.yf-side .intro>p{padding: 10px 20px;}



	.yf-side .more{text-align: right; padding-right: 20px;}



	.yf-side .more a{display: inline-block; width: 22px; height: 22px; background: url(arr.png) no-repeat;}



	.yf-side .introcon{border: 1px solid #d0d0d0; border-top: none; color: #666; line-height: 40px; padding: 10px 20px;}



	



	.yf-pic{ width: 69%; float: right;}



	.yf-pic li{width: 45%; margin-left: 5%; float: left; margin-bottom: 30px;}



	



	



}



@media(min-width:1201px) {



	



}