@charset "UTF-8";
/* css reset */
body,html,div,p,h1,h2,h3,h4,h5,h6,span,i,strong,small,ul,li,dl,dt,dd,ol,table,a,input,textarea,label{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none;outline:none;display:inline-block;-webkit-transition: .3s;transition: .3s;color:#333}
img{border:0;vertical-align: middle;max-width: 100%;}
span{display:inline-block;}
i{font-style: normal;}
ul,li{list-style: none;}
sub,sup{font-size: 6px;margin-left: 2px}
input:focus,textarea:focus,select:focus{outline:none; }
input,textarea{font-family:Arial,Helvetica,Helvetica Neue,sans-serif;}
body{font-family:Arial,Helvetica,Helvetica Neue,sans-serif;font-weight:300;font-size:1em;color:#333;margin:0 auto;width:100%;max-width: 1920px;background:#FFF;position:relative;overflow-x:hidden}
.clear{clear:both;zoom:1;}
.clear:after,.clear:before{content:""; display:table; height:0; clear: both;}
.wrap{width:1200px;max-width:94%;margin:0 auto;}
.fl{float:left}
.fr{float:right}
/* header */
.header_t{font-size: 12px;line-height: 45px;height: 45px;background: #093e8d;color: #FFF;}
.header_t a{color: #FFF;margin: 0 6px;}
.header_t p a:last-child{margin-right: 0;}
.header_b{height: 95px;position: relative;}
.header_b .logo{line-height:95px}
.header .nav li{float: left; margin-left: 40px; line-height: 95px;}
.header .nav li>a{font-weight: bold;font-size: 16px;color:#36424b;}
.header .nav li>a:hover{color: #093e8d;}
.header .nav li.active>a{color: #093e8d;}
.nav_sub{position: absolute;left: 0;top: 95px;width: 100%;background: #333;color: #FFF;z-index: 3;display: none}
.nav_sub_title{background: #5279b2;height: 66px;line-height: 66px;}
.nav_sub_title p{font-size: 16px;color: #FFF;font-weight: bold;padding-left: 80px;float: left}
.nav_sub_title span{width: 30px;height: 30px;background: url(../images/nav_icon_01.png) no-repeat center;;float: right;margin-top: 18px;margin-right: 10px;cursor: pointer;-webkit-transition: .3s;transition: .3s}
.nav_sub_title span:hover{opacity: 0.75}
.nav_sub_list{padding:40px 0 30px;}
.nav_sub_list a{width:33.33%;font-size: 14px;line-height: 1.5;padding-left: 106px;box-sizing:border-box;-webkit-box-sizing:border-box;background: url(../images/nav_icon_02.png) no-repeat 80px center;margin-bottom: 25px;color: #FFF;border-right: 1px dashed rgba(255,255,255,0.3);float: left}
.nav_sub_list a:nth-child(3n){border-right: 0}
.nav_sub_list a:hover{color: rgba(255,255,255,0.75)}

/* footer */
.footer{background: #5b6770;}
.footer_t{padding: 20px 0 60px;}
.footer_nav{padding: 40px 0; text-align: center; border-bottom: 1px solid #7c858d;}
.footer_nav a{margin: 0 35px; font-weight:bold; color: #FFF;letter-spacing: 0.5px}
.footer_nav a:hover{opacity: 0.75}
.footer_contact{padding-top: 40px;text-align: center;}
.footer_logo{margin-bottom: 22px;}
.footer_contact p{font-size: 12px;margin-bottom: 5px;color: rgba(255,255,255,0.5);line-height: 30px;}
.footer_contact p span{display: inline-block;width: 55px; padding-left: 35px;background-position: left center;background-repeat: no-repeat;vertical-align: top;}
.footer_contact p i{display: inline-block;font-style: normal;vertical-align: top;max-width: 410px;min-width: 260px;text-align: left;}
.footer_contact .tel span{background-image: url(../images/footer_icon_01.png);}
.footer_contact .email span{background-image: url(../images/footer_icon_02.png);}
.footer_contact .address span{background-image: url(../images/footer_icon_03.png);}
.footer_contact .tel i{color: #ed8f14; font-size: 24px}
.footer_contact .address i{text-align: center;}
.footer_b{background: #333f48;}
.footer_b p{font-size: 12px;color:#FFF;line-height: 68px;text-align: center;}

/* index */
/*index_banner*/
.index_banner{position: relative;height:650px;}
.index_banner .swiper-container{height:100%}
.index_banner .swiper-slide{height:100%;background-repeat: no-repeat;background-size:cover;background-position: center;}
.index_banner .txt{max-width: 800px;text-align: center;margin: 0 auto; padding-top: 280px}
.index_banner .txt h2{font-weight:bold;color:#FFF;font-size:48px;line-height: 1.3;margin-bottom: 30px;text-transform: uppercase}
.index_banner .txt a{color:#FFF;font-size:18px;width: 175px;height: 48px;line-height: 48px;text-align: center;background: rgba(9,62,141,0.9);border:1px solid rgba(255,255,255,0.5);border-radius: 3px;text-transform: uppercase}
.index_banner .txt a:hover{background: #093e8d}
.index_banner .swiper-pagination{bottom: 40px}
.index_banner .swiper-pagination span{width: 38px;height: 3px;margin:0 8px !important;border-radius: 3px;background:#FFF;opacity: 0.5}
.index_banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}

/*index_pro*/
.index_pro{padding: 62px 0}
.index_pro li{width: 32%;margin-right: 2%;float: left}
.index_pro li:last-child{margin-right: 0}
.index_pro li a{display: block;border:2px solid #e9e9e9;}
.index_pro li .img{overflow: hidden;height: 220px;}
.index_pro li .img img{transition: .5s;-webkit-transition: .5s;width: 100%;height: 100%;display: block}
.index_pro li .txt{padding: 15px 35px 25px}
.index_pro li .txt h3{font-size: 18px;line-height: 56px;border-bottom:1px solid #eee;color: #333;font-weight:bold;position: relative;margin-bottom: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-transition: .3s;transition: .3s}
.index_pro li .txt h3:after{position: absolute;content:'';width: 53px;height: 3px;bottom: -1px;left: 0;background: #093e8d;-webkit-transition: .3s;transition: .3s}
.index_pro li .txt p{font-size: 12px;color: #999;line-height: 26px;height: 4em;overflow: hidden;}
.index_pro li a:hover{-webkit-box-shadow: 1px 1px 8px 0 #bbb;box-shadow: 1px 1px 8px 0 #bbb}
.index_pro li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.index_pro li a:hover .txt h3{color: #093e8d}
.index_pro li a:hover .txt h3:after{width: 100%}

/*index_about*/
.index_about{padding:5px 0 60px;}
.about_t{margin-bottom: 10px}
.about_tl{width: 42.5%}
.about_tl img{margin-bottom: 24px}
.about_tl p{font-size: 40px;line-height: 62px;color: #36424b;text-transform: uppercase}
.about_tr{width: 52%}
.about_tr p{font-size:14px;color: #36424b;line-height: 24px;margin-bottom: 24px}
.about_b li{float:left;width: 33.33%;text-align: center}
.about_b li .icon{height: 100px;line-height: 100px}
.about_b li h3{height: 80px;line-height: 80px;font-weight:bold;font-size: 60px;color: #174994}
.about_b li p{font-size: 18px;color: #666;text-transform: uppercase;line-height: 1.3}

/*index_contact*/
.button{font-size: 16px;width: 190px;height: 58px;line-height: 58px;border:3px solid #093e8d;color: #093e8d;text-align: center;font-weight: bold}
.button:hover{background: #093e8d;color: #FFF}
.index_contact{padding: 90px 0;background: #f8f8f8}
.index_contact .wrap>.fl{padding-left: 16px;}
.index_contact .icon{margin-right: 24px;padding-top: 9px}
.index_contact .txt h3{font-size:36px;font-weight:bold;color:#333;margin-bottom: 10px;text-transform: uppercase;line-height: 1}
.index_contact .txt p{font-size: 16px;color: #333;line-height: 1.5}
.index_contact .wrap>.fr{margin-right: 16px;}

/* banner */
.banner{height: 500px;overflow: hidden;background-size: cover;background-position: center;background-repeat: no-repeat}
.banner_txt{max-width: 420px;padding-top: 150px}
.banner_txt h1{font-size:36px;color:#093e8d;line-height:2;margin-bottom: 10px;}
.banner_txt p{font-size:16px;color:#093e8d;line-height:1.875;}
.banner_txt.right{float: right}

/* sub_nav */
.sub_nav{padding:24px;background: #f8f8f8}
.sub_nav a{margin:0 30px;font-size:16px;color:#36424b}
.sub_nav a:hover, .sub_nav a.active{color:#093e8d}
.sub_nav a:first-child{margin-left: 0}

/* about */
.about{padding: 120px 0 130px}
.about .about_t{margin-bottom: 60px;}
.about .about_tl{width: 100%;margin-bottom: 40px;}
.about .about_tr{width: 100%}

/* pro */
.pro_item{height: 590px}
.pro_item:nth-child(2n){background: #f3f3f3}
.pro_item .img{width:46.6%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;float:left}
.pro_item:nth-child(2n) .img{float:right}
.pro_item .txt{width:53.4%;height: 100%; float: right;position: relative}
.pro_item:nth-child(2n) .txt{float: left;}
.pro_item .txt_in{padding:2% 15.4% 2% 9.4%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.pro_item:nth-child(2n) .txt_in{padding:2% 9.4% 2% 15.4%}
.pro_item .txt_in h2{font-size: 32px;line-height: 1.3;margin-bottom: 20px;color: #36424b}
.pro_item .txt_in p{font-size: 16px;line-height: 1.875;color: #36424b;margin-bottom: 35px;}
.pro_item .txt_in dl dd a{padding-left: 38px;background:url(../images/dot_01.png) no-repeat left center;line-height: 1.875;font-size: 16px;color: #093e8d}

/* pro_detail */
.pro_detail_t{padding: 100px 0 120px}
.pro_detail_t .img{width: 46.6%}
.pro_detail_t .img img{width: 100%}
.pro_detail_t .txt{width: 48%;padding-top: 15px;}
.pro_detail_t .txt h2{font-size: 32px;line-height: 1.3;margin-bottom: 20px;color: #36424b}
.pro_detail_t .txt p{font-size: 16px;line-height: 1.875;color: #36424b;margin-bottom: 35px;}
.pro_detail_t .txt dl dd a{padding-left: 38px;background:url(../images/dot_01.png) no-repeat left center;line-height: 1.875;font-size: 16px;color: #093e8d}
.pro_detail_b{padding-bottom: 120px}
.pro_detail_b h2{font-size: 32px;line-height: 1;margin-bottom: 30px;color: #36424b}
.pro_detail_b  dl dd{padding: 8px 0 8px 30px;background:url(../images/dot_02.png) no-repeat left 14px;line-height: 1.5;font-size: 16px;color: #333}

/* contact */
.contact{padding: 140px 0 200px}
.contact_l{width: 50%;height: 390px;}
.contact_r{width: 43.6%;padding-top: 50px;}
.contact_r h2{font-size: 30px;margin-bottom: 20px;color: #36424b}
.contact_r dd{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding: 12px 0;border-bottom: 1px dashed #ddd;}
.contact_r dd:last-child{border-bottom: 0}
.contact_r dd>div{width: 60px;margin-right: 30px;}
.contact_r dd p{font-size:14px;line-height:2;width: 350px}
.contact_r dd>div img{margin: 0 0 8px 10px;}
.contact_r dd>div span{font-size: 14px;line-height: 1;color: #999}
.contact_l .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
.contact_l .icon-cir { height: 31px; width: 28px; }
.contact_l .icon-cir-blue { background-position: -11px -55px; }
.amap-container{height: 100%;}
.myinfowindow{width: 300px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; color: #093e8d}
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }

@media (max-width:1556px) {

 }

 @media (max-width:1440px) {

 }

 @media (max-width:1366px) {

 }

 @media (max-width:1280px) {

 }

 @media (max-width:1250px) {

 }


  @media (max-width:1200px){
    html{width: 1200px;margin: auto;}
	.wrap1{min-width: 1150px;}
  }
  @media (max-width:992px){

  }
  @media (max-width:750px){

  }
  @media (max-width:500px){


  }