@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;padding: 0;}
html {overflow-y: scroll;}
html, body {font-family: Arial,"Microsoft YaHei","Georgia", sans-serif;color: #333;background: #fff;}
iframe { background-image: none; border: none;}
a {color: #333;text-decoration: none;}
a:hover {color: #f05613;}
img {border: 0 none; max-width: 100%;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"] {cursor: pointer;}
button {cursor: pointer;}
i,em{font-style: normal;}
.en{font-family:"Georgia", sans-serif;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.box {width: 1200px;height: auto;margin: 0 auto;}
/*header*/


@media (min-width: 1200px){
    html, body{font-size: 16px;}
}

@media (min-width: 991px) and (max-width: 1200px){
    html, body{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}


.navbar{background: url(../images/headerbj.jpg) center center no-repeat; background-size: 100% 100% ;}
.navbar .navbar-collapse{background: #0d3ab3;}


.navbar-default .navbar-text{color:#fff}
.navbar-default .navbar-nav>li>a{color:#fff}
.dropdown-menu{width: 100%;}
.navbar-default .navbar-nav>li:hover .dropdown-menu{display: block;}
.navbar-default .navbar-nav>li:hover{background-color:#f05613}
.navbar-default .navbar-nav>li>a:hover{background-color:#f05613}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover{background-color:#f05613}


@media screen and (min-width:1440px){
    .navbar{line-height: 100px;}
    .navbar-brand{padding-top: 23px; }
    .navbar-brand img{height: 53px;}
    .navbar-default .navbar-nav>li>a{padding: 0px 20px;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .navbar{line-height: 90px;}
    .navbar-brand{padding-top: 20px;}
    .navbar-brand img{height: 50px;}
    .navbar-default .navbar-nav>li>a{padding: 0px 10px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .navbar{line-height: 80px;}
    .navbar-brand{padding-top: 22px;}
    .navbar-brand img{height: 36px;}
    .navbar-default .navbar-nav>li>a{padding: 0px 8px;}
}

@media screen and (max-width:991px){
	.navbar-toggle span{display: block;width: 20px;height: 1px;margin: 6px;background-color: #ffffff;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
	.navbar-toggle .span1{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transform-origin: 0% 0%;}
	.navbar-toggle .span2{opacity: 0;}
	.navbar-toggle .span3{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin: 0% 100% ;}
	.navbar-toggle.collapsed .span1{-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);transform-origin: 0% 0%;}
	.navbar-toggle.collapsed .span2{opacity: 1;}
	.navbar-toggle.collapsed .span3{-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);transform-origin: 0% 100% ;}

	.navbar-collapse{line-height: 3; z-index: 999; position: absolute; width: 100%; left: 0px; text-align: center;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .navbar{height: 70px;}
    .navbar-brand{padding-top: 10px; float: left;}
    .navbar-brand img{height: 50px;}
    .navbar-default .navbar-nav>li>a{padding: 0px 8px;}
    .navbar-toggle{padding:21px 10px;}
}
@media screen and (max-width:768px){
    .dropdown-menu{background: #fff; text-align: center;}
    .navbar-brand{float: left; width: 40%; margin-top: 11px;}
    .navbar-brand img{height: 28px; }
     .navbar-toggle{padding:12px 10px;}
}
@media screen and (min-width:991px){
	.navbar-brand{float: left;}
    .navbar .navbar-collapse{float: right;}
}






.footer{color: #6d6d6d; background: #181d1b; font-size: 14px; line-height:2;}
.footer a{color: #6d6d6d;}
.foot_bottom{border-top: 1px rgba(255,255,255,0.6) solid;  text-align: center;}
.foot_bottom a{display: inline-table;}
.foot_contact{float: left;}
.foot_nav{float: left;}
.foot_nav li{float: left;}
.foot_nav a{display: block;}
.foot_erweima{float: right; text-align: center; line-height: 2;}
.foot_top h3{ font-weight: bold;font-size: 16px; margin-bottom: 5px; line-height: 2; color: #d6d6d6;}
.foot_top h3 a{color: #d6d6d6;}
@media screen and (min-width:1440px){
	.foot_top{padding: 40px 0px;}
    .foot_contact{width: 275px; padding-bottom: 20px;}
    .foot_nav li{margin-left: 70px;}
    .foot_erweima{width: 128px;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .foot_top{padding: 40px 0px;}
    .foot_contact{width: 250px; padding-bottom: 20px;}
    .foot_nav li{margin-left: 45px;}
    .foot_erweima{width: 110px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .foot_top{padding: 35px 0px;}
    .foot_contact{width: 220px; padding-bottom: 20px;}
    .foot_nav li{margin-left: 25px;}
    .foot_erweima{width: 100px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .foot_top{padding: 30px 0px;}
    .foot_contact{width: 220px; padding-bottom: 20px;}
    .foot_nav li{margin-left: 32px;}
    .foot_nav li:nth-child(2),.foot_nav li:nth-child(5),.foot_nav li:nth-child(6){display: none;}
    .foot_erweima{width: 100px;}
}  
@media screen and (max-width:768px){
    .foot_top{padding: 1.6em 0px;}
    .foot_contact{width: 70%;}
    .foot_nav li{display: none;}
    .foot_erweima{width: 26%;}
    .foot_bottom{padding: 0.5em 0px;}
}
@media screen and (min-width:768px){
    .foot_bottom{padding: 10px 0px;}
    .foot_contact{ border-right: 1px rgba(255,255,255,0.6) solid;}

}



.banner{}


.banner2{overflow: hidden;height:100%;}
.banwz{overflow:hidden; position:absolute; top:50%; padding-left:7%;}
.banwz .titen{font-weight: bold; line-height: 1; background: url(../images/index_ban.jpg) left bottom no-repeat; padding-bottom: 25px;}
.banwz .titcn{font-weight:bold;color: #2f2f2f; line-height: 2;}
.banwz .more span{color: #fff; display: inline-table; background: #0d3ab3; text-align: center; border-radius: 8px;}
.banner2 .swiper-pagination { bottom:30px!important;}
.banner2 .swiper-pagination .swiper-pagination-bullet{ background:#ffffff;opacity:1; width:12px; height:12px; margin:0 5px!important;}
.banner2 .swiper-pagination .swiper-pagination-bullet-active{ background:#f05613;}
.leftnav{display: none;}

@media screen and (min-width:1440px){
    .leftnav{ width:8%;}
    .leftname span{font-size: 44px;}
    .banner2{width:92%;}
    .banwz{width: 700px; margin-top:-155px;}
	.banwz .titen{font-size: 40px;}
	.banwz .titcn{font-size: 24px; margin:25px 0; }
	.banwz .more span{width: 160px; line-height: 54px; font-size: 18px;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .leftnav{ width:8%;}
    .leftname span{font-size: 42px;}
    .banner2{width:92%;}
    .banwz{width: 600px; margin-top:-140px;}
	.banwz .titen{font-size: 35px;}
	.banwz .titcn{font-size: 20px; margin:25px 0; }
	.banwz .more span{width: 160px; line-height: 50px; font-size: 17px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .leftnav{ width:8%;}
    .leftname span{font-size: 35px;}
    .banner2{width:92%;}
    .banwz{width: 500px; margin-top:-107px;}
	.banwz .titen{font-size: 30px;}
	.banwz .titcn{font-size: 18px; margin:22px 0; }
	.banwz .more span{width: 140px; line-height: 44px; font-size: 16px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .leftnav{ width:8%;}
    .leftname span{font-size: 28px;}
    .banner2{width:92%;}
    .banwz{width: 450px; margin-top:-103px;}
	.banwz .titen{font-size: 26px;}
	.banwz .titcn{font-size: 17px; margin:22px 0; }
	.banwz .more span{width: 140px; line-height: 44px; font-size: 15px;}
}  
@media screen and (max-width:768px){
    .ban_pc{display: none;}
    .leftnav{display: none;}
    .banner2{}
    .banwz{margin-top:-8em; padding: 0px 7%;}
	.banwz .titen{font-size: 1.3em;}
	.banwz .titcn{font-size: 1.1em; margin:1em 0; }
	.banwz .more span{width: 6em; line-height: 2.6em; font-size: 1em;}
}
@media screen and (min-width:768px){
    .ban_wap{display: none;}
    .leftnav{height:100%; position:relative; float: left; text-align:center;}
    .leftname{line-height:1;}
	.leftname span{writing-mode:tb-rl; text-transform:uppercase; color:#cccccc; font-family:Impact; text-align:center;}
	.banner2{float: right;}
}
.banner .banner2{width:100%;}



.ind_video video{width: 100%;}

@media screen and (min-width:1440px){
    .ind_video{padding: 60px 0px;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .ind_video{padding: 50px 0px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .ind_video{padding: 40px 0px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .ind_video{padding: 30px 0px;}
}  
@media screen and (max-width:768px){
    .ind_video{padding: 1.5em 0px;}
}
@media screen and (min-width:768px){
    
}




.ind_title .left{float: left;}
.ind_title .left h2{text-transform:uppercase; color: #4c6cc8; font-family: "Impact";}
.ind_title .left h3{font-weight: bold; background: url(../images/index_11.jpg) center left no-repeat;}
.ind_title .right{float: right;}
.ind_title .right a{display: inline-table; border:1px #646464 solid; text-align: center;}
.ind_title .right span{padding-left: 30px; background: url(../images/index_18.png) center left no-repeat;}
.ind_title .right a:hover{background: #f05613; color: #fff; border-color: #f05613;}
.ind_title .right a:hover span{ background: url(../images/index_18fff.png) center left no-repeat;}
.ind_about_more a{display: inline-table; border:1px #fff solid; text-align: center; color: #fff;}
.ind_about_more span{padding-left: 30px; background: url(../images/index_18fff.png) center left no-repeat;}
.ind_about_more a:hover{background: #fff; color: #f05613;}
.ind_about_more a:hover span{ background: url(../images/index_18.png) center left no-repeat;}
@media screen and (min-width:1440px){
	.ind_title .left h2{font-size: 30px;}
	.ind_title .left h3{font-size: 30px;}
	.ind_title .right{margin-top: 11px;}
    .ind_title .right a,.ind_about_more a{width: 170px; line-height: 50px;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .ind_title .left h2{font-size: 28px;}
	.ind_title .left h3{font-size: 28px;}
	.ind_title .right{margin-top: 11px;}
    .ind_title .right a,.ind_about_more a{width: 160px; line-height: 47px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .ind_title .left h2{font-size: 24px;}
	.ind_title .left h3{font-size: 24px;}
	.ind_title .right{margin-top: 10px;}
    .ind_title .right a,.ind_about_more a{width: 140px; line-height: 40px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .ind_title .left h2{font-size: 22px;}
	.ind_title .left h3{font-size: 22px;}
	.ind_title .right{margin-top: 10px;}
    .ind_title .right a,.ind_about_more a{width: 140px; line-height: 36px;}
}  
@media screen and (max-width:768px){
	.container{padding-right:2%;padding-left:2%;}
    .ind_title .left h2{font-size: 1.6em; margin-bottom: 0.2em;}
	.ind_title .left h3{font-size: 1.6em; background: none;}
	.ind_title .right{margin-top: 0.6em;}
    .ind_title .right a,.ind_about_more a{line-height: 2.6em; padding: 0px 0.6em;}
}
@media screen and (min-width:768px){
	.ind_title .left h2{ margin-bottom: 8px;}
	.ind_title .left h3{ padding-left: 60px; background-size: 60px;}
}





.ind_product_list{}
.ind_product_list .tab a{display: inline-table; background: #0d3ab3; color: #fff; text-align: center;}
.ind_product_list .tab a:hover,.ind_product_list .tab a.on{background: #f05613;}
.ind_product_list .tab p{float: right; text-align: right;}
.ind_product_list li{display: none;}
.ind_product_list li a{float: left; text-align: center;}
.ind_product_list li a .img{overflow: hidden;}
.ind_product_list li a .img img{width: 100%; height: 100%; object-fit: cover;transition: all 0.8s; -moz-transition: all 0.8s;  -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.ind_product_list li a:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.ind_product_list li a h3{line-height: 2; margin: 10px 0px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.ind_product_list li a:hover{background: #f05613; color: #fff;}
@media screen and (min-width:1440px){
    .ind_product_list{padding: 60px 0px;}
    .ind_product_list .tab a{width: 160px; line-height: 50px;}
    .ind_product_list .tab p{width: 390px;}
    .ind_product_list li a{width: 23.5%; margin-left: 2%; margin-top: 50px;}
    .ind_product_list li a:nth-child(4n-3){margin-left: 0px;}
    .ind_product_list li a .img{height: 254px;}
    .ind_product_list li a h3{font-size: 16px;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .ind_product_list{padding: 50px 0px;}
    .ind_product_list .tab a{width: 130px; line-height: 45px;}
    .ind_product_list .tab p{width: 390px;}
    .ind_product_list li a{width: 23.5%; margin-left: 2%; margin-top: 42px;}
    .ind_product_list li a:nth-child(4n-3){margin-left: 0px;}
    .ind_product_list li a .img{height: 212px;}
    .ind_product_list li a h3{font-size: 16px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .ind_product_list{padding: 40px 0px;}
    .ind_product_list .tab a{width: 110px; line-height: 42px;}
    .ind_product_list .tab p{width: 390px;}
    .ind_product_list li a{width: 23.5%; margin-left: 2%; margin-top: 38px;}
    .ind_product_list li a:nth-child(4n-3){margin-left: 0px;}
    .ind_product_list li a .img{height: 176px;}
    .ind_product_list li a h3{font-size: 16px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .ind_product_list{padding: 30px 0px;}
    .ind_product_list .tab a{width: 110px; line-height: 40px;}
    .ind_product_list .tab p{display: none;}
    .ind_product_list li a{width: 32%; margin-top: 34px;}
    .ind_product_list li a:nth-child(3n-1){margin: 34px 2% 0px;}
    .ind_product_list li a:nth-child(7),.ind_product_list li a:nth-child(8){display: none;}
    .ind_product_list li a .img{height: 185px;}
    .ind_product_list li a h3{font-size: 16px;}
}  
@media screen and (max-width:768px){
    .ind_product_list{padding: 1.6em 0px;}
	.ind_product_list .tab{ background-color:#0d3ab3; width:100%;}
    .ind_product_list .tab a{padding: 0px 0.4em; line-height: 2.6;}
    .ind_product_list .tab p{display: none;}
    .ind_product_list li a{width: 49%; margin-top: 1em;}
    .ind_product_list li a:nth-child(2n){float: right;}
    .ind_product_list li a .img{height: 10em;}
    .ind_product_list li a h3{font-size: 1em;}
}
@media screen and (min-width:768px){
    
}


.ind_about{}
.ind_about .left{color: #fff;}
.ind_about .left .title h3{font-weight: bold;}
.ind_culture li{background: #fff;}
.ind_culture li .img{float: left;}
.ind_culture li .img img{width: 100%; height: 100%; object-fit: cover;}
.ind_culture li:nth-child(2) .img{float: right;}
.ind_culture li .desc{float: right; text-align: center;}
.ind_culture li:nth-child(2) .desc{float: left;}
.ind_culture li .desc h3{font-weight: bold;}
.ind_culture li .desc div{display: table-cell; vertical-align: middle; text-align: center; width: 500px;}
@media screen and (min-width:1440px){
    .ind_about{padding: 70px 0px; line-height: 2.4;}
    .ind_about .left{width: 680px;}
    .ind_about .left .title h3{font-size: 30px; margin-bottom: 15px;}
    .ind_about .left .content{margin: 40px 0px;}
    .ind_about .right{width: 650px;}
    .ind_culture li:first-child{margin-bottom: 20px;}
    .ind_culture li .img{width: 302px; height: 277px;}
    .ind_culture li .desc{padding: 0px 10px; width: 348px;}
    .ind_culture li .desc div{height: 277px;}
    .ind_culture li .desc h3{font-size: 24px; margin-bottom: 10px;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .ind_about{padding: 60px 0px; line-height: 2;}
    .ind_about .left{width: 580px;}
    .ind_about .left .title h3{font-size: 26px; margin-bottom: 15px;}
    .ind_about .left .content{margin: 30px 0px;}
    .ind_about .right{width: 540px;}
    .ind_culture li:first-child{margin-bottom: 20px;}
    .ind_culture li .img{width: 250px; height: 250px;}
    .ind_culture li .desc{padding: 0px 10px; width: 290px;}
    .ind_culture li .desc div{height: 250px;}
    .ind_culture li .desc h3{font-size: 22px; margin-bottom: 10px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .ind_about{padding: 50px 0px; line-height: 2;}
    .ind_about .left{width: 480px;}
    .ind_about .left .title h3{font-size: 22px; margin-bottom: 15px;}
    .ind_about .left .content{margin: 25px 0px; height: 210px; overflow: auto;}
    .ind_about .right{width: 440px;}
    .ind_culture li:first-child{margin-bottom: 20px;}
    .ind_culture li .img{width: 200px; height: 200px;}
    .ind_culture li .desc{padding: 0px 10px; width: 240px;}
    .ind_culture li .desc div{height: 200px;}
    .ind_culture li .desc h3{font-size: 18px; margin-bottom: 10px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .ind_about{padding: 40px 0px; line-height: 2;}
    .ind_about .left{width: 380px;}
    .ind_about .left .title h3{font-size: 18px; margin-bottom: 15px;}
    .ind_about .left .content{margin: 25px 0px; height: 140px; overflow: auto;}
    .ind_about .right{width: 330px;}
    .ind_culture li:first-child{margin-bottom: 20px;}
    .ind_culture li .img{width: 150px; height: 150px;}
    .ind_culture li .desc{padding: 0px 10px; width: 180px;}
    .ind_culture li .desc div{height: 150px;}
    .ind_culture li .desc h3{font-size: 16px; margin-bottom: 10px;}
}  
@media screen and (max-width:768px){
    .ind_about{background: url(../images/index_02.jpg) left top no-repeat; padding: 1.6em 0px 0px; line-height: 2;}
    .ind_about .left .title h3{font-size: 1.2em; margin-bottom: 15px;}
    .ind_about .left .content{margin: 1.2em 0px; overflow: auto;}
    .ind_about .right{background: #f6f6f6; padding: 1em 2%; margin-top: 2em;}
    .ind_culture li:first-child{margin-bottom: 1em;}
    .ind_culture li .img{width: 45%; height: 10em;}
    .ind_culture li .desc{padding: 0px 0.6em; width: 55%; font-weight:500;}
    .ind_culture li .desc div{height: 10em;}
    .ind_culture li .desc h3{font-size: 1em; margin-bottom: 10px; font-weight:900;}
}
@media screen and (min-width:768px){
    .ind_about{background: url(../images/index_02.jpg) center center no-repeat;}
    .ind_about .left{float: left;}
    .ind_about .right{float: right;}
}





.ind_youshi{}
.ind_youshi_con .left img{width: 100%; height: 100%; object-fit: cover;}
.ind_youshi_con .right{background: url(../images/index_55.jpg) center center no-repeat; color: #fff; background-size: 100% 100%;}

@media screen and (min-width:1440px){
    .ind_youshi{padding: 70px 0px;}
    .ind_youshi_con{margin-top: 60px;}
    .ind_youshi_con .left{width: 670px; height: 625px;}
    .ind_youshi_con .right{width: 730px; height: 625px; padding: 30px; line-height: 2.2;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .ind_youshi{padding: 60px 0px;}
    .ind_youshi_con{margin-top: 50px;}
    .ind_youshi_con .left{width: 570px; height: 532px;}
    .ind_youshi_con .right{width: 600px; height: 532px; padding: 20px; line-height: 2; overflow: auto;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .ind_youshi{padding: 50px 0px;}
    .ind_youshi_con{margin-top: 40px;}
    .ind_youshi_con .left{width: 470px; height: 532px;}
    .ind_youshi_con .right{width: 500px; height: 532px; padding: 20px; line-height: 2; overflow: auto;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .ind_youshi{padding: 40px 0px;}
    .ind_youshi_con{margin-top: 30px;}
    .ind_youshi_con .left{width: 100%;}
    .ind_youshi_con .right{width: 100%; padding: 20px; line-height: 2; }
}  
@media screen and (max-width:768px){
    .ind_youshi{padding: 1.6em 2%;}
    .ind_youshi_con{margin-top: 1.2em;}
    .ind_youshi_con .left{width: 100%;}
    .ind_youshi_con .right{width: 100%; padding: 1em 2%; line-height: 2; }
}
@media screen and (min-width:991px){
    .ind_youshi_con .left{float: left;}
    .ind_youshi_con .right{float: right;}
}



.ind_fuwu{background: #f6f6f6;}

.ind_fuwu_list a .img{overflow: hidden;}
.ind_fuwu_list a .img img{transition: all 0.8s; -moz-transition: all 0.8s;  -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.ind_fuwu_list a:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.ind_fuwu_list a:hover{ background: url(../images/index_50.png) center bottom no-repeat;}
.ind_fuwu_list .swiper-button-prev:after,.ind_fuwu_list .swiper-button-next:after{content:"";}
.ind_fuwu_list .swiper-button-prev{background: url(../images/index_05.png) center center no-repeat; background-size: 100%; left: 0px;}
.ind_fuwu_list .swiper-button-next{background: url(../images/index_07.png) center center no-repeat; background-size: 100%; right: 0px;}
.ind_fuwu_list .swiper-button-prev:hover{background: url(../images/index_05fff.png) center center no-repeat; background-size: 100%;}
.ind_fuwu_list .swiper-button-next:hover{background: url(../images/index_07fff.png) center center no-repeat; background-size: 100%;}
.ind_fuwu_list a{position: relative; color: #fff;}
.ind_fuwu_list a .desc{position: absolute;left: 10%; width: 80%; background: rgba(76,108,200,0.5); bottom:0px; text-align: center;}
.ind_fuwu_list a .desc h3{font-weight: bold;}
.ind_fuwu_list a .desc span{width: 20%; background: #fff; display: inline-table;}
.ind_fuwu_list a:hover .desc{background: rgba(240,86,24,1);}
@media screen and (min-width:1440px){
    .ind_fuwu{padding: 70px 0px;}
    .ind_fuwu_list{margin-top: 60px;}
    .ind_fuwu_list a{position: relative;}
    .ind_fuwu_list .swiper-button-prev,.ind_fuwu_list .swiper-button-next{width: 43px; height: 38px;}
    .ind_fuwu_list a .desc{padding: 20px 0px;}
    .ind_fuwu_list a .desc h3{font-size: 18px;}
    .ind_fuwu_list a .desc span{height: 4px;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .ind_fuwu{padding: 60px 0px;}
    .ind_fuwu_list{margin-top: 50px;}
    .ind_fuwu_list a{position: relative;}
    .ind_fuwu_list .swiper-button-prev,.ind_fuwu_list .swiper-button-next{width: 43px; height: 38px;}
    .ind_fuwu_list a .desc{padding: 20px 0px;}
    .ind_fuwu_list a .desc h3{font-size: 17px;}
    .ind_fuwu_list a .desc span{height: 3px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .ind_fuwu{padding: 50px 0px;}
    .ind_fuwu_list{margin-top: 40px;}
    .ind_fuwu_list a{position: relative;}
    .ind_fuwu_list .swiper-button-prev,.ind_fuwu_list .swiper-button-next{width: 40px; height: 36px;}
    .ind_fuwu_list a .desc{padding: 15px 0px;}
    .ind_fuwu_list a .desc h3{font-size: 16px;}
    .ind_fuwu_list a .desc span{height: 3px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .ind_fuwu{padding: 40px 0px;}
    .ind_fuwu_list{margin-top: 30px;}
    .ind_fuwu_list a{position: relative;}
    .ind_fuwu_list .swiper-button-prev,.ind_fuwu_list .swiper-button-next{width: 40px; height: 36px;}
    .ind_fuwu_list a .desc{padding: 15px 0px;}
    .ind_fuwu_list a .desc h3{font-size: 16px;}
    .ind_fuwu_list a .desc span{height: 3px;}
}  
@media screen and (max-width:768px){
    .ind_fuwu{padding: 1.6em 0px;}
    .ind_fuwu_list{margin-top: 1.2em;}
    .ind_fuwu_list a{position: relative;}
    .ind_fuwu_list .swiper-button-prev,.ind_fuwu_list .swiper-button-next{width: 40px; height: 36px;}
    .ind_fuwu_list a .desc{padding: 0.6em 0px;}
    .ind_fuwu_list a .desc h3{font-size: 1.1em; margin-bottom: 0.4em;}
    .ind_fuwu_list a .desc span{height: 3px;}
}
@media screen and (min-width:768px){
    .ind_fuwu_list a .desc h3{margin-bottom: 10px;}
}






.ind_new{}
.ind_new_list{position: relative;}
.ind_new_list img{max-height: 100%;}
.ind_new_list .swiper {width: 100%;margin-left: auto;margin-right: auto;}
.ind_new_list a {text-align: center;background: #fff; border:1px #dcdcdc solid; border-radius: 8px; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; overflow: hidden;}
.ind_new_list a .img{overflow: hidden;}
.ind_new_list a .img img{transition: all 0.8s; -moz-transition: all 0.8s;  -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.ind_new_list a:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.ind_new_list a .desc{float: right; text-align: left; line-height: 2;}
.ind_new_list a .desc div{display: table-cell;    vertical-align: middle;  width: 1000px;}
.ind_new_list a .desc h3{line-height: 2; font-weight: bold;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1; overflow: hidden;}
.ind_new_list a .desc p{color: #767676;display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden;}
.ind_new_list a .desc span{color: #0d3ab3;}

.ind_new_list a:hover{background: #f05613; color: #fff;}
.ind_new_list a:hover p,.ind_new_list a:hover span{color: #fff;}

.ind_new_list .swiper-button-prev:after,.ind_new_list .swiper-button-next:after{content:"";}
.ind_new_list .swiper-button-prev,.ind_new_list .swiper-button-next{top: auto;}
.ind_new_list .swiper-button-prev{background: url(../images/index_83.jpg) center center no-repeat; background-size: 100%;left: 50%;}
.ind_new_list .swiper-button-next{background: url(../images/index_87.jpg) center center no-repeat; background-size: 100%;right:50%;}
.ind_new_list .zhongjian{background: url(../images/index_85.jpg) center center no-repeat; background-size: 100% 100%; position: absolute; left: 50%;}
.ind_new_list .swiper-button-prev:hover{background: url(../images/index_83hover.jpg) center center no-repeat; background-size: 100%;}
.ind_new_list .swiper-button-next:hover{background: url(../images/index_87hover.jpg) center center no-repeat; background-size: 100%;}

@media screen and (min-width:1440px){
    .ind_new{padding: 70px 0px 150px;}
    .ind_new_list{margin-top: 50px; height: 580px;}
    .ind_new_list .swiper{height: 100%;}
    .ind_new_list a{height: calc((100% - 20px) / 2);}
    .ind_new_list a .ind_new_c{ padding: 20px;}
    .ind_new_list a .img{ width: 224px; height: 224px;}
    .ind_new_list a .desc{width: 422px; padding-left: 20px;}
    .ind_new_list a .desc div{height: 224px;}
    .ind_new_list a .desc h3{font-size: 16px;}
    .ind_new_list a .desc p{ -webkit-line-clamp: 4;margin: 8px 0px;}
    .ind_new_list .swiper-button-prev,.ind_new_list .swiper-button-next{width: 46px; height: 48px; bottom: -90px;}
    .ind_new_list .zhongjian{width: 60px; height: 48px; bottom: -90px; margin-left: -30px;}
    .ind_new_list .swiper-button-prev{ margin-left: -100px;}
    .ind_new_list .swiper-button-next{ margin-right: -100px;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .ind_new{padding: 60px 0px 150px;}
    .ind_new_list{margin-top: 50px; height: 480px;}
    .ind_new_list .swiper{height: 100%;}
    .ind_new_list a{height: calc((100% - 20px) / 2);}
    .ind_new_list a .ind_new_c{ padding: 20px;}
    .ind_new_list a .img{ width: 190px; height: 190px;}
    .ind_new_list a .desc{width: 342px; padding-left: 20px;}
    .ind_new_list a .desc div{height: 190px;}
    .ind_new_list a .desc h3{font-size: 16px;}
    .ind_new_list a .desc p{ -webkit-line-clamp: 3;margin: 8px 0px;}
    .ind_new_list .swiper-button-prev,.ind_new_list .swiper-button-next{width: 46px; height: 48px; bottom: -90px;}
    .ind_new_list .zhongjian{width: 60px; height: 48px; bottom: -90px; margin-left: -30px;}
    .ind_new_list .swiper-button-prev{ margin-left: -100px;}
    .ind_new_list .swiper-button-next{ margin-right: -100px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .ind_new{padding: 50px 0px 150px;}
    .ind_new_list{margin-top: 50px; height: 400px;}
    .ind_new_list .swiper{height: 100%;}
    .ind_new_list a{height: calc((100% - 20px) / 2);}
    .ind_new_list a .ind_new_c{ padding: 20px;}
    .ind_new_list a .img{ width: 150px; height: 150px;}
    .ind_new_list a .desc{width: 282px; padding-left: 15px;}
    .ind_new_list a .desc div{height: 150px;}
    .ind_new_list a .desc h3{font-size: 15px;}
    .ind_new_list a .desc p{ -webkit-line-clamp: 2;margin: 6px 0px;}
    .ind_new_list .swiper-button-prev,.ind_new_list .swiper-button-next{width: 46px; height: 48px; bottom: -90px;}
    .ind_new_list .zhongjian{width: 60px; height: 48px; bottom: -90px; margin-left: -30px;}
    .ind_new_list .swiper-button-prev{ margin-left: -100px;}
    .ind_new_list .swiper-button-next{ margin-right: -100px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .ind_new{padding: 40px 0px 150px;}
    .ind_new_list{margin-top: 50px; height: 320px;}
    .ind_new_list .swiper{height: 100%;}
    .ind_new_list a{height: calc((100% - 20px) / 2);}
    .ind_new_list a .ind_new_c{ padding: 10px;}
    .ind_new_list a .img{ width: 120px; height: 120px;}
    .ind_new_list a .desc{width: 210px; padding-left: 15px;}
    .ind_new_list a .desc div{height: 120px;}
    .ind_new_list a .desc h3{font-size: 14px;}
    .ind_new_list a .desc p{ -webkit-line-clamp: 2;margin: 4px 0px;}
    .ind_new_list .swiper-button-prev,.ind_new_list .swiper-button-next{width: 46px; height: 48px; bottom: -90px;}
    .ind_new_list .zhongjian{width: 60px; height: 48px; bottom: -90px; margin-left: -30px;}
    .ind_new_list .swiper-button-prev{ margin-left: -100px;}
    .ind_new_list .swiper-button-next{ margin-right: -100px;}
}  
@media screen and (max-width:768px){
    .ind_new{padding: 1.6em 2% 5em;}
    .ind_new_list{margin-top: 1.2em; height: 42em;}
    .ind_new_list .swiper{height: 100%;}
    .ind_new_list a{height: calc((100% - 20px) / 2);}
    .ind_new_list a .ind_new_c{ padding: 0.6em;}
    .ind_new_list a .img{height: 12em; padding-top: 0.5em;}
    .ind_new_list a .img img{width: 100%; height: 100%; object-fit: cover;}
    .ind_new_list a .desc{}
    .ind_new_list a .desc div{height: 7.5em;}
    .ind_new_list a .desc h3{font-size: 14px;}
    .ind_new_list a .desc p{ -webkit-line-clamp: 1;margin: 4px 0px;}
    .ind_new_list .swiper-button-prev,.ind_new_list .swiper-button-next{width: 31px; height: 32px; bottom: -50px;}
    .ind_new_list .zhongjian{width: 40px; height: 32px; bottom: -50px; margin-left: -20px;}
    .ind_new_list .swiper-button-prev{ margin-left: -60px;}
    .ind_new_list .swiper-button-next{ margin-right: -60px;}
}
@media screen and (min-width:768px){
    .ind_new_list a .img{float: left;}
    .ind_new_list a .desc{font-size: 14px; float: right;}
    .ind_new_list a .desc div p{}
}





.main{background: url(../images/about_02.png) top center no-repeat; background-size: 100%;}

.main_ban{display: table-cell;vertical-align: middle; width: 1920px;}
.main_ban h3{font-weight: bold;}
.main_ban p{color: #0d3ab3;text-transform:uppercase;font-family: "Impact";}
.location{background: #0d3ab3; color: #fff;}
.location a{color: #fff;}
.location .left{float: left;}
.location .left a{display: inline-table;}
.location .left a:hover,.location .left a.act{background: #f05613;}
.location .right{float: right; margin-right: 2%;}

.main_con{background: #fff; line-height: 2;}
.main_con .left{text-align: center;}
.main_con .left a{background: #f1f1f1;}
.main_con .left a:hover,.main_con .left a.act{background: #f05613; color: #fff;}

.main_show{line-height: 2;}
.main_show .title{text-align: center;  font-weight: bold; line-height: 2;}
.main_show .desc{text-align: center; color: #999; font-size: 14px; border-bottom: 1px #e9e9e9 solid;}
.main_show .fanye{border-top: 1px #e9e9e9 solid;}
.main_show .fanye a{white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis; }
@media screen and (min-width:1440px){
    .main_ban{height: 400px;}
    .main_ban h3{font-size: 48px;}
    .main_ban p{font-size: 30px;}

    .location{line-height: 55px;}
    .location .left a{padding: 0px 30px;}

    .main_con{margin-top: 40px; padding: 20px 0px;}
    .main_con .left{ line-height: 50px;}
    .main_con .right{width: 1270px; padding:0px 20px 80px;}
    .main_about{padding: 0px 20px;}
    .main_show{padding: 0px 20px;}
    .main_show .title{font-size: 26px;}
    .main_show .desc{padding-bottom: 10px;}
    .main_show .content{padding: 30px 0px;}
    .main_show .fanye{padding-top: 30px;}
    .main_show .fanye a.next{float: right;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .main_ban{height: 320px;}
    .main_ban h3{font-size: 44px;}
    .main_ban p{font-size: 28px;}

    .location{line-height: 52px;}
    .location .left a{padding: 0px 20px;}

    .main_con{margin-top: 35px; padding: 18px 0px;}
    .main_con .left{ line-height:48px;}
    .main_con .right{width: 1040px; padding:0px 18px 70px;}
    .main_about{padding: 0px 18px;}
    .main_show{padding: 0px 18px;}
    .main_show .title{font-size: 20px;}
    .main_show .desc{padding-bottom: 8px;}
    .main_show .content{padding: 26px 0px;}
    .main_show .fanye{padding-top: 26px;}
    .main_show .fanye a.next{float: right;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .main_ban{height: 260px;}
    .main_ban h3{font-size: 40px;}
    .main_ban p{font-size: 24px;}

    .location{line-height: 50px;}
    .location .left a{padding: 0px 20px;}

    .main_con{margin-top: 30px; padding: 18px 0px;}
    .main_con .left{ line-height: 45px;}
    .main_con .right{width: 840px; padding:0px 18px 60px;}
    .main_about{padding: 0px 18px;}
    .main_show{padding: 0px 18px;}
    .main_show .title{font-size: 18px;}
    .main_show .desc{padding-bottom: 8px;}
    .main_show .content{padding: 24px 0px;}
    .main_show .fanye{padding-top: 24px;}
    .main_show .fanye a.next{float: right;}

}
@media screen and (min-width:768px) and (max-width:991px){
    .main_ban{height: 200px;}
    .main_ban h3{font-size: 36px;}
    .main_ban p{font-size: 22px;}

    .location{line-height: 48px;}
    .location .left a{padding: 0px 20px;}

    .main_con{margin-top: 30px; padding: 15px 0px;}
    .main_con .left{ line-height: 42px;}
    .main_con .right{width: 620px; padding:0px 15px 50px;}
    .main_about{padding: 0px 15px;}
    .main_show{padding: 0px 15px;}
    .main_show .title{font-size: 16px;}
    .main_show .desc{padding-bottom: 6px;}
    .main_show .content{padding: 20px 0px;}
    .main_show .fanye{padding-top: 20px;}
    .main_show .fanye a.next{float: right;}
}  
@media screen and (max-width:768px){
    .main_ban{height: 12em;}
    .main_ban h3{font-size: 2em;}
    .main_ban p{font-size: 1.4em;}

    .location{line-height: 2.4;}
    .location .left{display: none;}

    .main_con{margin-top: 1.2em; padding-top: 1em;}
    .main_con .left{ line-height: 42px; text-align: center;}
    .main_con .left a{display: inline-table; padding: 0px 0.8em;}
    .main_con .right{margin-top: 1.6em;padding-bottom:3em; }
    .main_about{padding: 0px;}
    .main_show{padding: 0px;}
    .main_show .title{font-size: 1.2em;}
    .main_show .desc{padding-bottom: 0.3em;}
    .main_show .content{padding: 1em 0px;}
    .main_show .fanye{padding-top: 1em;}

}
@media screen and (min-width:768px){
    .main_con .left{float: left; width: 130px;}
    .main_con .left a{display: block; margin-bottom: 10px;}
    .main_con .right{float: right;}

    .main_show .fanye a{max-width: 48%; float: left;}
}


.pages{text-align: center;}
.pages a,.pages span{display: inline-table; width: 30px; height: 30px; line-height: 30px; margin: 4px; border:1px solid #d9d9d9; border-radius: 4px;}
.pages  .nums{ width:50px;}
.pages a:hover,.pages span.current{border-color:#0d3ab3; color: #0d3ab3;}

.main_product_list a{float: left; text-align: center;}
.main_product_list a .img{overflow: hidden;}
.main_product_list a .img img{width: 100%; height: 100%; object-fit: cover;transition: all 0.8s; -moz-transition: all 0.8s;  -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.main_product_list a:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.main_product_list a h3{line-height: 2; margin-top: 10px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
@media screen and (min-width:1440px){
    .main_product_list a{width: 23.5%; margin-left: 2%; margin-bottom: 35px;}
    .main_product_list a:nth-child(4n-3){margin-left: 0px;}
    .main_product_list a .img{height: 223px;}
    .main_product_list a h3{font-size: 16px;}
    .pages{margin-top: 30px;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .main_product_list a{width: 23.5%; margin-left: 2%; margin-bottom: 30px;}
    .main_product_list a:nth-child(4n-3){margin-left: 0px;}
    .main_product_list a .img{height: 212px;}
    .main_product_list a h3{font-size: 16px;}
    .pages{margin-top: 30px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .main_product_list a{width: 23.5%; margin-left: 2%; margin-bottom: 25px;}
    .main_product_list a:nth-child(4n-3){margin-left: 0px;}
    .main_product_list a .img{height: 176px;}
    .main_product_list a h3{font-size: 16px;}
    .pages{margin-top: 25px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .main_product_list a{width: 32%; margin-top: 34px;}
    .main_product_list a:nth-child(3n-1){margin: 34px 2% 0px;}
    .main_product_list a:nth-child(7),.main_product_list a:nth-child(8){display: none;}
    .main_product_list a .img{height: 185px;}
    .main_product_list a h3{font-size: 16px;}
    .pages{margin-top: 20px;}
}  
@media screen and (max-width:768px){
    .main_product_list a{width: 49%; margin-bottom: 1em;}
    .main_product_list a:nth-child(2n){float: right;}
    .main_product_list a .img{height: 10em;}
    .main_product_list a h3{font-size: 1em;}
    .pages{margin-top: 20px;}
}
@media screen and (min-width:768px){
    
}


.main_new_list a {text-align: center;background: #fff; border:1px #dcdcdc solid; border-radius: 8px; }
.main_new_list a .img{overflow: hidden;float: left;}
.main_new_list a .img img{transition: all 0.8s; -moz-transition: all 0.8s;  -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.main_new_list a:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.main_new_list a .desc{float: right; text-align: left; line-height: 2;}
.main_new_list a .desc div{display: table-cell;    vertical-align: middle;  width: 1000px;}
.main_new_list a .desc h3{line-height: 2; font-weight: bold;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1; overflow: hidden;}
.main_new_list a .desc p{color: #767676;display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden;}
.main_new_list a .desc span{color: #0d3ab3;}

.main_new_list a:hover{background: #f05613; color: #fff;}
.main_new_list a:hover p,.main_new_list a:hover span{color: #fff;}
@media screen and (min-width:1440px){
    .main_new_list{}
    .main_new_list a{width: 49%; padding: 20px; margin-bottom: 20px;}
    .main_new_list a:nth-child(2n){float: right;}
    .main_new_list a .img{ width: 224px; height: 224px;}
    .main_new_list a .desc{width: 336px; padding-left: 20px;}
    .main_new_list a .desc div{height: 224px;}
    .main_new_list a .desc h3{font-size: 16px;}
    .main_new_list a .desc p{ -webkit-line-clamp: 4;margin: 8px 0px;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .main_new_list{}
    .main_new_list a{width: 49%; padding: 16px; margin-bottom: 16px;}
    .main_new_list a:nth-child(2n){float: right;}
    .main_new_list a .img{ width: 190px; height: 190px;}
    .main_new_list a .desc{width: 266px; padding-left: 20px;}
    .main_new_list a .desc div{height: 190px;}
    .main_new_list a .desc h3{font-size: 16px;}
    .main_new_list a .desc p{ -webkit-line-clamp: 3;margin: 8px 0px;}

}
@media screen and (min-width:991px) and (max-width:1200px){
    .main_new_list{}
    .main_new_list a{width: 49%; padding: 14px; margin-bottom: 16px;}
    .main_new_list a:nth-child(2n){float: right;}
    .main_new_list a .img{ width: 120px; height: 120px;}
    .main_new_list a .desc{width: 242px; padding-left: 15px;}
    .main_new_list a .desc div{height: 120px;}
    .main_new_list a .desc h3{font-size: 15px;}
    .main_new_list a .desc p{ -webkit-line-clamp: 2;margin: 4px 0px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .main_new_list{}
    .main_new_list a{display: block; margin-bottom: 20px; padding: 15px;}
    .main_new_list a .img{ width: 200px; height: 200px;}
    .main_new_list a .desc{width: 358px; padding-left: 15px;}
    .main_new_list a .desc div{height: 200px;}
    .main_new_list a .desc h3{font-size: 14px;}
    .main_new_list a .desc p{ -webkit-line-clamp: 3;margin: 4px 0px;}
}  
@media screen and (max-width:768px){
    .main_new_list{}
    .main_new_list a{display: block; margin-bottom: 1em; padding: 0.6em;}
    .main_new_list a .img{ width: 30%; height: 7.5em;}
    .main_new_list a .desc{width: 70%; padding-left: 15px;}
    .main_new_list a .desc div{height: 7.5em;}
    .main_new_list a .desc h3{font-size: 14px;}
    .main_new_list a .desc p{ -webkit-line-clamp: 1;margin: 4px 0px;}
}
@media screen and (min-width:991px){
    .main_new_list a {float: left;}
}
@media screen and (min-width:768px){
    .main_new_list a .desc{font-size: 14px;}
    .main_new_list a .desc div p{}
}


input,textarea{outline: none;}
.main_message{}

.main_message .meleft label{font-weight: normal; float: left; text-align: right; }
.main_message .meleft input{text-indent: 10px}
.main_message .meleft input,.main_message .meleft textarea{border:1px #e8e8e8 solid; border-radius: 6px; }
.main_message .meleft textarea{padding: 10px}
.main_message .meleft input.sub{background: #0d3ab3; color: #fff; border-color: #0d3ab3;}

@media screen and (min-width:1440px){
    .main_message{padding: 20px;}
    .main_message .meleft{width: 520px; line-height: 50px;}
    .main_message .meleft li{margin-bottom: 15px;}
    .main_message .meleft label{width:90px;}
    .main_message .meleft input{width: 330px;}
    .main_message .meleft textarea{width: 420px; height: 200px;}
    .main_message .meright{padding-top: 40px;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .main_message{padding: 18px;}
    .main_message .meleft{width: 450px; line-height: 45px;}
    .main_message .meleft li{margin-bottom: 15px;}
    .main_message .meleft label{width:90px;}
    .main_message .meleft input{width: 280px;}
    .main_message .meleft textarea{width: 340px; height: 180px;}
    .main_message .meright{padding-top: 40px; width: 480px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .main_message{padding: 15px;}
    .main_message .meleft{width: 350px; line-height: 40px;}
    .main_message .meleft li{margin-bottom: 15px;}
    .main_message .meleft label{width:90px;}
    .main_message .meleft input{width: 200px;}
    .main_message .meleft textarea{width: 260px; height: 150px;}
    .main_message .meright{padding-top: 40px; width: 380px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .main_message{padding: 15px;}
    .main_message .meleft{line-height: 36px;}
    .main_message .meleft li{margin-bottom: 15px;}
    .main_message .meleft label{width:100px;}
    .main_message .meleft input{width: 300px;}
    .main_message .meleft textarea{width: 380px; height: 150px;}
    .main_message .meright{padding-top: 40px; text-align: center;}
}  
@media screen and (max-width:768px){
    .main_message{padding: 1.6em 0px;}
    .main_message .meleft{line-height: 2.4;}
    .main_message .meleft li{margin-bottom: 0.8em;}
    .main_message .meleft label{width:26%;}
    .main_message .meleft input{width: 58%;}
    .main_message .meleft textarea{width: 68%; height: 8em;}
    .main_message .meright{padding-top: 1.4em; text-align: center;}
}
@media screen and (min-width:991px){
    .main_message .meleft{float: left;}
    .main_message .meright{float: right;}
}








@media screen and (min-width:1440px){
    
}
@media screen and (min-width:1200px) and (max-width:1440px){
    
}
@media screen and (min-width:991px) and (max-width:1200px){
    
}
@media screen and (min-width:768px) and (max-width:991px){
    
}  
@media screen and (max-width:768px){
    
}
@media screen and (min-width:768px){
    
}








@media screen and (min-width:1440px){
    
}
@media screen and (min-width:1200px) and (max-width:1440px){
    
}
@media screen and (min-width:991px) and (max-width:1200px){
    
}
@media screen and (min-width:768px) and (max-width:991px){
    
}  
@media screen and (max-width:768px){
    
}
@media screen and (min-width:768px){
    
}








@media screen and (min-width:1440px){
    
}
@media screen and (min-width:1200px) and (max-width:1440px){
    
}
@media screen and (min-width:991px) and (max-width:1200px){
    
}
@media screen and (min-width:768px) and (max-width:991px){
    
}  
@media screen and (max-width:768px){
    
}
@media screen and (min-width:768px){
    
}








@media screen and (min-width:1440px){
    
}
@media screen and (min-width:1200px) and (max-width:1440px){
    
}
@media screen and (min-width:991px) and (max-width:1200px){
    
}
@media screen and (min-width:768px) and (max-width:991px){
    
}  
@media screen and (max-width:768px){
    
}
@media screen and (min-width:768px){
    
}








@media screen and (min-width:1440px){
    
}
@media screen and (min-width:1200px) and (max-width:1440px){
    
}
@media screen and (min-width:991px) and (max-width:1200px){
    
}
@media screen and (min-width:768px) and (max-width:991px){
    
}  
@media screen and (max-width:768px){
    
}
@media screen and (min-width:768px){
    
}





