@charset "utf-8";







body{margin: 0; padding: 0; font-size: 12px; font-family:Arial; 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:320px;}

ul.nav>li.navindex4 div.child{  width:300px;}

ul.nav>li.navindex2 div.child{  width:300px;}

























.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: 37px; float: left; background: url(line.png) right top no-repeat; min-height: 158px;}







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







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







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







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







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







.footertree ul li.ft6{width: 95px; 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) {







	







}