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;overflow-x: hidden;}
html, body {font-size: 16px;color: #333333;font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
a {color: #333333;text-decoration: none;}
a:hover {color: #0c3865;text-decoration: none;}
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"], input[type="reset"] {cursor: pointer;}
textarea{font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ov {overflow: hidden;}
input, textarea, select {outline: none;}

.BMap_Marker img{max-width: 9999999%;}
.BMap_pop img{max-width: 20px;}
.BMap_Marker label{max-width: 1000px;}
i,em{font-style: normal;}
h1,h2,h3,h4,b{font-weight: normal;}

@media (min-width: 1500px){
    html, body{font-size: 20px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    html, body{font-size: 18px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    html, body{font-size: 16px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}
@media (max-width: 767px){
    html, body{font-size: 14px;}
}
.clear{clear: both;}
/*menu*/
.top{background: #fff;}
.top_phone{background: url(../images/index_06.png) center left no-repeat; padding-left: 50px; height: 50px; color: #172e7d; font-weight: bold; text-align: right;}
.top_phone .icon{background: url(../images/header_06.png) center left no-repeat;}
.top_reglogin{border:1px #5d6976 solid; color: #5d6976; text-align: center; overflow: hidden;}
.top_reglogin a{display: block;}
.top_reglogin a:hover{background: #172e7d; color: #fff;}
.navbar{}
.navbar .logo img{max-height: 100%;}
.navbar-nav li>a{color: #fff;}
.navbar-nav li:hover a,.navbar-nav li.active a{background: #025f70;}
.navbar-nav li{text-align: center;}
.navbar-nav li:nth-child(1){background: none;}
.nav_caidan{position: absolute; left: 0px; line-height: 3; background: #fff; width: 100%; z-index: 9; display: none; box-shadow: 0px 0px 6px #ccc;}
.nav_caidan a{display: block; }
.navbar-nav li:hover .nav_caidan{display: block;}
@media (min-width: 1500px){
    .top{height: 125px;}
    .top_logo{padding-top: 26px;}
    .top_phone{margin-top: 32.5px; margin-right: 80px; line-height: 30px; font-size: 20px;}
    .top_reglogin{margin-top: 44px;}
    .top_phone .icon{background-position: left 8px center;}
    .navbar{height:60px; font-size: 24px;}
    .navbar-nav li{}
    .navbar-nav li>a{padding: 0px 44px;line-height: 60px;}
    .nav_caidan{top: 60px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .top{height: 111px;}
    .top_logo{padding-top: 18px;}
    .top_phone{margin-top: 30px; margin-right: 50px; line-height: 28px; font-size: 18px;}
    .top_reglogin{margin-top: 37.5px;}
    .top_phone .icon{background-position: left 8px center;}
    .navbar{height: 60px; font-size: 21px;}
    .navbar-nav li{}
    .navbar-nav li>a{padding: 0px 32px;line-height: 60px;}
    .nav_caidan{top: 60px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .top{height: 100px;}
    .top_logo{padding-top: 15px;}
    .top_logo img{height: 70px;}
    .top_phone{margin-top:25px; margin-right: 50px; line-height: 28px; font-size: 17px;}
    .top_reglogin{margin-top: 31.5px;}
    .top_phone .icon{background-position: left 8px center;}
    .navbar{height: 55px; font-size: 18px;}
    .navbar-nav li{}
    .navbar-nav li>a{padding: 0px 25px;line-height: 55px;}
    .nav_caidan{top: 55px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .top{height: 90px;}
    .top_logo{padding-top: 15px;}
    .top_logo img{height: 60px;}
    .top_phone{margin-top:20px; margin-right: 25px; line-height: 26px; font-size: 15px;}
    .top_reglogin{margin-top: 31.5px;}
    .top_phone .icon{background-position: left 5px center;}
    .navbar{height: 50px; font-size: 15px;}
    .navbar-nav li{}
    .navbar-nav li>a{padding: 0px 17px;line-height: 50px;}
    .nav_caidan{top: 50px;}
}
@media (max-width: 767px) {
    .top{display: none;}
    .header_height1{height: 3.6em;}
    .navbar{height: 3.5em; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; background: #fff;}
    .navbar-nav{min-height: 350px;}
    .navbar .logo{position: absolute; left: 2%; max-width: 72%; max-height: 80%; top:0px;}
    .navbar .logo img{ height: 2.5em; margin-top: 0.5em;}
    .navbar-collapse{position: fixed;  right: 0px;  top: 3.5em;  z-index: 10;  background: #0c3865; height: 100%;   width:100%;}
    .navbar-collapse li{border-bottom: 1px #eee solid; padding: 1em 0px;}
    
    .wap_nav{background: #0c3865;}
    .wap_nav li{float: left; width: 25%; text-align: center; line-height: 2; background: url(../images/line_03.jpg) center left no-repeat; background-size:1px 80% ;}
    .wap_nav li:nth-child(4n-3){background: none;}
    .wap_nav li a{display: block; color: #fff;}
}
@media (min-width: 768px){
    .navbar .logo{display: none;}
    .top_logo{float: left;}
    .top_phone,.top_reglogin{float: right;}
    .top_reglogin{width: 120px; line-height: 35px; border-radius: 17.5px; font-size: 16px;}
    .navbar{ background: #0c3865;}
    .navbar-collapse.collapse{padding: 0px;}
    .navbar-nav li{ position: relative;background: url(../images/line_03.jpg) center left no-repeat;}
    .header_right .navbar-collapse{padding: 0px; float: left;}
    .navbar-nav li:hover>a span,.navbar-nav li.act>a span{background: url(../images/fffbg_03.jpg) center bottom no-repeat; padding-bottom: 8px;}
    .footer a{ /*margin:0px 2%;*/ margin:0px 0px; display: inline-table;}
    .wap_nav {display: none;}
}



.banner .swiper-pagination-bullet-active{background: #0c3865;}



.footer{background: #a09f9f; line-height: 2; color: #fff;}
.footer a{color: #fff;}
.footer span{display: inline-table;}
.footer_box{margin: 0px auto;}


.suspension{position:fixed;right:30px;bottom:60px;z-index:999}
.suspension .consult{background:url(../images/footer_03.png) center center no-repeat; background-size: 100%; display:block;position:relative;}
.suspension .consult .suspension-list{position:absolute;z-index:30;display:none; background: #fff; border-radius: 8px; font-weight: bold; color: #333; text-align: center;}
.suspension a.consult:hover .suspension-list{display:inline !important}
.suspension .cart{background:url(../images/footer_06.png) center center no-repeat;display:block;position:relative;margin-top:10px;}
.suspension a.cart:hover .pic {display: block;}
.suspension .back-top {background: url(../images/footer_08.png) center center no-repeat; display: block; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; margin-top: 10px;}
.suspension .cart .pic {display: none; position: absolute; background: #fff; text-align: center; border-radius: 8px;}
@media (min-width: 1500px){
    .footer{font-size: 18px; padding: 30px 0px; margin-top: 100px;}
    .footer_box{width: 900px;}
    .suspension{width:56px;}
    .suspension .consult,.suspension .back-top,.suspension .cart{width:56px;height:56px;}
    .suspension .consult .suspension-list{width:170px;right:70px;top:-25px; padding: 20px 0px;}
    .suspension .cart .pic{ right: 70px; top: -120px; width: 150px; font-size: 18px; padding: 20px 0px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .footer{font-size: 17px; padding: 25px 0px; margin-top: 80px;}
    .footer_box{width: 800px;}
    .suspension{width:52px;}
    .suspension .consult,.suspension .back-top,.suspension .cart{width:52px;height:52px;}
    .suspension .consult .suspension-list{width:170px;right:65px;top:-25px; padding: 20px 0px;}
    .suspension .cart .pic{ right: 65px; top: -120px; width: 150px; font-size: 16px; padding: 20px 0px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .footer{font-size: 16px; padding: 25px 0px; margin-top: 60px;}
    .suspension{width:50px;}
    .suspension .consult,.suspension .back-top,.suspension .cart{width:50px;height:50px;}
    .suspension .consult .suspension-list{width:170px;right:65px;top:-25px; padding: 20px 0px;}
    .suspension .cart .pic{ right: 65px; top: -120px; width: 150px; font-size: 16px; padding: 20px 0px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .footer{font-size: 15px; padding: 20px 0px; margin-top: 50px;}
    .suspension{width:50px;}
    .suspension .consult,.suspension .back-top,.suspension .cart{width:50px;height:50px;}
    .suspension .consult .suspension-list{width:170px;right:65px;top:-25px; padding: 20px 0px;}
    .suspension .cart .pic{ right: 65px; top: -120px; width: 150px; font-size: 16px; padding: 20px 0px;}
}
@media (max-width: 767px) {
    .footer{font-size: 15px; padding: 1em 0px; margin-top: 2.5em;}
    .suspension{display: none;}
}
@media (min-width: 768px){
    
}



.login_bg{background: rgba(0,0,0,0.45); position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 999; display: none;}
.login_reg{background: #fff; left: 50%; top:50%; position: relative;}
.login_reg .close{position: absolute; color: #8a8e91;}
.login_reg .tab{line-height: 2; text-align: center;}
.login_reg .tab a{text-align:center; text-align-last: center; display: inline-table; color: #9c9c9e; font-weight: bold; }
.login_reg .tab a:hover,.login_reg .tab a.on{border-bottom:2px #000 solid; color: #000;}
.login_form li{display: none;}
.login_form li span.code,.login_form li span.txt{border:1px #e3e3e3 solid; border-radius: 8px; overflow: hidden; display: block;}
.login_form li input{border-width: 0px;}
.login_form li .code input{text-indent: 15px;}
.login_form li .code #btn{border-left: 1px #e3e3e3 solid; background: #f5f7fa; float: right;text-indent: 0px; text-align:center; color: #0c3865;}
.login_form li .txt input{text-indent: 15px; width: 100%;}
.login_form li .sub{display: block;}
.login_form li .sub input{width: 100%; background: #0c3865; color: #fff; border-radius: 5px;}
.login_form li .desc{color: #9c9c9e;}
.login_form li .desc span,.login_form li .desc a{float: left; margin-right: 10px;}
.login_form li .desc .weixin{background: url(../images/login_03.jpg) center center no-repeat;}
.login_form li .aurl{text-align: right; line-height: 2; margin-top: 5px; display: block;}
.login_form li .code input#btn[type="button" i]:disabled{color: #999;} 

@media (min-width: 768px){
    .login_reg{width: 500px; padding:50px 50px; margin-top: -232px; margin-left: -267.5px; border-radius: 20px;}
    .login_reg .close{ right: 38px; top:20px;font-size: 34px;}
    .login_reg .tab{font-size: 18px;}
    .login_reg .tab a{margin: 0px 10px;}
    .login_form{padding-top: 5px;}
    .login_form li span.code,.login_form li span.txt{ line-height: 46px; height: 46px; margin-top: 12px;}
    .login_form li input{ line-height: 46px; height: 46px;}
    .login_form li .code input{width: 220px;}
    .login_form li .code #btn{width: 110px;}
    .login_form li .aurl a{margin-left: 10px;}
    .login_form li .sub{ margin: 40px 0px 50px;}
    .login_form li .desc{line-height: 32px;}
    .login_form li .desc .weixin{width: 32px; height: 32px; }
}

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


.ind_title{border-top:1px #e5e5e5 solid; background: url(../images/index_13.jpg) left bottom no-repeat; background-size: 8.5%; position: relative;}
.ind_title h3{font-weight: bold; line-height: 2;}
.ind_more{position: absolute; right: 0px; bottom:0px; display: block; color: #5c5c5d; text-align: right;}
.ind_more span{display: block;}



@media (min-width: 1500px){
    .ind_title{margin: 70px auto 20px;}
    .ind_title h3{font-size: 40px; padding-bottom: 15px;}
    .ind_title p{ padding-bottom: 15px;}
    .ind_more{line-height: 36px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .ind_title{margin: 60px auto 18px;}
    .ind_title h3{font-size: 34px; padding-bottom: 14px;}
    .ind_title p{ padding-bottom: 14px;}
    .ind_more{line-height: 32px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .ind_title{margin: 50px auto 16px;}
    .ind_title h3{font-size: 30px; padding-bottom: 13px;}
    .ind_title p{ padding-bottom: 13px;}
    .ind_more{line-height: 30px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_title{margin: 45px auto 15px;}
    .ind_title h3{font-size: 26px; padding-bottom: 12px;}
    .ind_title p{ padding-bottom: 12px;}
    .ind_more{line-height: 28px;}
}
@media (max-width: 767px) {
    .ind_title{margin: 1.4em auto 0.6em;}
    .ind_title h3{font-size: 1.4em; padding-bottom: 0.5em;}
    .ind_title p{ padding-bottom: 0.5em; max-width: 70%;}
    .ind_more{line-height: 1.6;}
}
@media (min-width: 768px){
    .ind_title p{max-width: 80%;}
}





.ind_honor_list{background: #f4f0f0;}
.ind_honor_list table{width: 100%; text-align: center;}
.ind_honor_list td{overflow: hidden;}
.ind_honor_list td img{transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.ind_honor_list td:hover 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);}

@media (min-width: 1500px){
    .ind_honor_list{padding: 30px 30px 40px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .ind_honor_list{padding: 28px 28px 38px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .ind_honor_list{padding: 25px 25px 34px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_honor_list{padding: 20px 20px 30px;}
}
@media (max-width: 767px) {
    .ind_honor_list{padding: 1.2em 2% 2em;}
}
@media (min-width: 768px){
    
}






.ind_case_list{background: url(../images/case_02.png) center top no-repeat; background-size: 100% ;}
.ind_case_list01{background: #f4f0f0;}
.ind_case_list01 a{background: #fff; float: left; text-align: center;}
.ind_case_list01 a .img{display: table-cell;    vertical-align: middle;    text-align: center; width: 500px;overflow: hidden;}
.ind_case_list01 a .img img{transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.ind_case_list01 a:hover 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);}

@media (min-width: 1500px){
    .ind_case_list{padding-top: 180px;}
    .ind_case_list01{padding: 20px 20px;}
    .ind_case_list01 a{width: 15.6666%; margin: 10px 0.5%; height: 220px;}
    .ind_case_list01 a .img{height: 220px;}
    .ind_case_list01 a .img img{max-height: 210px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .ind_case_list{padding-top: 150px;}
    .ind_case_list01{padding: 20px 20px;}
    .ind_case_list01 a{width: 15.6666%; margin: 10px 0.5%; height: 175px;}
    .ind_case_list01 a .img{height: 175px;}
    .ind_case_list01 a .img img{max-height: 165px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .ind_case_list{padding-top: 120px;}
    .ind_case_list01{padding: 20px 20px;}
    .ind_case_list01 a{width: 15.6666%; margin: 10px 0.5%; height: 145px;}
    .ind_case_list01 a .img{height: 145px;}
    .ind_case_list01 a .img img{max-height: 135px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_case_list{padding-top: 80px;}
    .ind_case_list01{padding: 20px 20px;}
    .ind_case_list01 a{width: 15.6666%; margin: 10px 0.5%; height: 111px;}
    .ind_case_list01 a .img{height: 111px;}
    .ind_case_list01 a .img img{max-height: 100px;}
}
@media (max-width: 767px) {
    .ind_case_list{padding-top: 3em;}
    .ind_case_list01{padding: 1em 2%;}
    .ind_case_list01 a{width: 32.333%; margin: 10px 0.5%; height: 8em;}
    .ind_case_list01 a .img{height: 8em;}
    .ind_case_list01 a .img img{max-height: 7em;}
}
@media (min-width: 768px){
    
}




.ind_pro01_list{}
.ind_pro01_list a{float: left; position: relative;}
.ind_pro01_list a .img{ background: #f4f0f0;display: table-cell;    vertical-align: middle;    text-align: center; width: 500px; overflow: hidden;}
.ind_pro01_list a .img img{transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.ind_pro01_list a .img:hover 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_pro01_list .ind_pro01te{background: none;}
.ind_pro01_list .ind_pro01te .imga{overflow: hidden;}
.ind_pro01_list .ind_pro01te .imga img{transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.ind_pro01_list .ind_pro01te:hover .imga 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_pro01_list .ind_pro01te span{background: #0c3865; border: 1px #0c3865 solid; color: #fff; font-size: 16px;display: inline-table; text-align: center;}
.ind_pro01_list .ind_pro01te span:hover{background: none; color: #0c3865;}
.ind_pro01_list a .img_fu{position: absolute; max-width: 25%;}
.ind_pro01_list a h3{text-align: center; line-height: 2;white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;}
.ind_pro01_list a p{color: #0c3865;text-align: center;}
@media (min-width: 1500px){
    .ind_pro01_list a{width: 23.5%; margin:30px 0px 30px 2%; height: 596px;}
    .ind_pro01_list a:nth-child(1){margin-left: 0px;}
    .ind_pro01_list .ind_pro01te .imga{margin-bottom: 40px;}
    .ind_pro01_list .ind_pro01te span{width: 120px; line-height: 45px;}
    .ind_pro01_list a .img_fu{top: 10px ;left: 10px; display:none;}
    .ind_pro01_list a .img{height: 533px;}
    .ind_pro01_list a .img img{max-height: 533px;}
    .ind_pro01_list a h3{margin-top: 15px; font-size: 24px;}
    .ind_pro01_list a p{font-size: 23px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .ind_pro01_list a{width: 23.5%; margin:25px 0px 25px 2%; height: 504px;}
    .ind_pro01_list a:nth-child(1){margin-left: 0px;}
    .ind_pro01_list .ind_pro01te .imga{margin-bottom: 35px;}
    .ind_pro01_list .ind_pro01te span{width: 120px; line-height: 45px;}
    .ind_pro01_list a .img_fu{top: 10px ;left: 10px; display:none;}
    .ind_pro01_list a .img{height: 450px;}
    .ind_pro01_list a .img img{max-height: 444px;}
    .ind_pro01_list a h3{margin-top: 14px; font-size: 20px;}
    .ind_pro01_list a p{font-size: 19px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .ind_pro01_list a{width: 23.5%; margin:20px 0px 20px 2%; height: 418px;}
    .ind_pro01_list a:nth-child(1){margin-left: 0px;}
    .ind_pro01_list .ind_pro01te .imga{margin-bottom: 30px;}
    .ind_pro01_list .ind_pro01te span{width: 120px; line-height: 40px;}
    .ind_pro01_list a .img_fu{top: 10px ;left: 10px; display:none;}
    .ind_pro01_list a .img{height: 370px;}
    .ind_pro01_list a .img img{max-height: 368px;}
    .ind_pro01_list a h3{margin-top: 12px; font-size: 18px;}
    .ind_pro01_list a p{font-size: 17px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_pro01_list a{width: 23.5%; margin:15px 0px 15px 2%; height: 332px;}
    .ind_pro01_list a:nth-child(1){margin-left: 0px;}
    .ind_pro01_list .ind_pro01te .imga{margin-bottom: 25px;}
    .ind_pro01_list .ind_pro01te span{width: 110px; line-height:36px;}
    .ind_pro01_list a .img_fu{top: 10px ;left: 10px; display:none;}
    .ind_pro01_list a .img{height: 290px;}
    .ind_pro01_list a .img img{max-height: 285px;}
    .ind_pro01_list a h3{margin-top: 10px; font-size: 16px;}
    .ind_pro01_list a p{font-size: 15px;}
}
@media (max-width: 767px) {
    .ind_pro01_list a{width: 49%; margin:0.8em 0px; height: 23.5em;}
    .ind_pro01_list a:nth-child(2n){float: right;}
    .ind_pro01_list .ind_pro01te .imga{margin-bottom: 1em;}
    .ind_pro01_list .ind_pro01te span{width: 60%; line-height:2;}
    .ind_pro01_list a .img_fu{top: 10px ;left: 10px; display:none;}
    .ind_pro01_list a .img{height: 21em;}
    .ind_pro01_list a .img img{max-height: 20em;}
    .ind_pro01_list a h3{margin-top: 0.5em; font-size: 1em;}
    .ind_pro01_list a p{font-size: 1em;}
}
@media (min-width: 768px){
    
}





.ind_pro02_list .right a{float: left; line-height: 1.8;}
.ind_pro02_list .right a .img{background: #f4f0f0;display: table-cell;    vertical-align: middle;    text-align: center; width: 500px; overflow: hidden;}
.ind_pro02_list .right a .img img{transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.ind_pro02_list .right a:hover 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_pro02_list .right a h3{line-height: 1.8;white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;}
.ind_pro02_list .right a p{white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;}
@media (min-width: 1500px){
    .ind_pro02_list .left{width: 35%;}
    .ind_pro02_list .right{width: 64%;}
    .ind_pro02_list .right a{width: 32%;}
    .ind_pro02_list .right a:nth-child(3n-1){margin: 0px 2%;}
    .ind_pro02_list .right a:nth-child(1),.ind_pro02_list .right a:nth-child(2),.ind_pro02_list .right a:nth-child(3){ margin-bottom: 30px;}
    .ind_pro02_list .right a .img{height: 270px;}
    .ind_pro02_list .right a .img img{max-height: 260px;}
    .ind_pro02_list .right a h3{font-size: 24px; margin-top: 10px;}
    .ind_pro02_list .right a p{font-size: 18px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .ind_pro02_list .left{width: 35%;}
    .ind_pro02_list .right{width: 64%;}
    .ind_pro02_list .right a{width: 32%;}
    .ind_pro02_list .right a:nth-child(3n-1){margin: 0px 2%;}
    .ind_pro02_list .right a:nth-child(1),.ind_pro02_list .right a:nth-child(2),.ind_pro02_list .right a:nth-child(3){ margin-bottom: 24px;}
    .ind_pro02_list .right a .img{height: 216px;}
    .ind_pro02_list .right a .img img{max-height: 210px;}
    .ind_pro02_list .right a h3{font-size: 20px; margin-top: 10px;}
    .ind_pro02_list .right a p{font-size: 16px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .ind_pro02_list .left{width: 35%;}
    .ind_pro02_list .right{width: 64%;}
    .ind_pro02_list .right a{width: 32%;}
    .ind_pro02_list .right a:nth-child(3n-1){margin: 0px 2%;}
    .ind_pro02_list .right a:nth-child(1),.ind_pro02_list .right a:nth-child(2),.ind_pro02_list .right a:nth-child(3){ margin-bottom: 24px;}
    .ind_pro02_list .right a .img{height: 172px;}
    .ind_pro02_list .right a .img img{max-height: 170px;}
    .ind_pro02_list .right a h3{font-size: 18px; margin-top: 10px;}
    .ind_pro02_list .right a p{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_pro02_list .left{width: 35%;}
    .ind_pro02_list .right{width: 64%;}
    .ind_pro02_list .right a{width: 32%;}
    .ind_pro02_list .right a:nth-child(3n-1){margin: 0px 2%;}
    .ind_pro02_list .right a:nth-child(1),.ind_pro02_list .right a:nth-child(2),.ind_pro02_list .right a:nth-child(3){ margin-bottom: 24px;}
    .ind_pro02_list .right a .img{height: 122px;}
    .ind_pro02_list .right a .img img{max-height: 120px;}
    .ind_pro02_list .right a h3{font-size: 16px; margin-top: 10px;}
    .ind_pro02_list .right a p{font-size: 13px;}
}
@media (max-width: 767px) {
    .ind_pro02_list .left{display: none;}
    .ind_pro02_list .right a{width: 49%; margin-bottom: 0.8em;}
    .ind_pro02_list .right a:nth-child(2n){float: right;}
    .ind_pro02_list .right a .img{height: 10em;}
    .ind_pro02_list .right a .img img{max-height: 9em;}
    .ind_pro02_list .right a h3{font-size: 1.2em; margin-top: 0.5em;}
    .ind_pro02_list .right a p{font-size: 1em;}
}
@media (min-width: 768px){
    .ind_pro02_list .left{float: left;}
    .ind_pro02_list .right{float: right;}
}






.main_ban{text-align: center;}
.main_ban .line{height: 1px; background: #e5e5e5; }


.main_about{line-height: 2;}
.main_about .right .title{ text-align: center; display: none;}
.main_about .right .title span{background: url(../images/about_line_03.jpg) left bottom no-repeat; display: inline-table;}
.main_about .right .content{overflow:auto;}
.main_about_ul{text-align: center;}
.main_about_ul li{text-align: left;}
.main_about_ul li span{background: #0c3865; color: #fff; float: left; border-radius: 50%; text-align: center;}
.main_about_ul li div.desc{float: left; line-height: 2;}
.main_about_ul li div.desc p{display: table-cell;    vertical-align: middle; }
@media (min-width: 1660px){
    .main_ban .line{margin: 70px auto 20px;}
    .main_honor{margin-top: 60px;}
    .main_about{margin: 60px 0px;}
    .main_about .left{width: 46%;}
    .main_about .right{width: 53%; height: 560px; padding: 80px 40px 40px; font-size: 18px;}
    .main_about .right .title{font-size: 30px; margin-bottom: 30px;}
    .main_about .right .content{height: 396px;}
    .main_about_ul li{margin: 0px 20px;}
    .main_about_ul span{width: 80px; line-height: 80px; font-size: 22px;}
    .main_about_ul div.desc{font-size: 18px; margin-left: 20px;}
    .main_about_ul div.desc p{height: 80px;}
}
@media (min-width: 1500px) and (max-width: 1660px){
    .main_ban .line{margin: 60px auto 18px;}
    .main_honor{margin-top: 50px;}
    .main_about{margin: 50px 0px;}
    .main_about .left{width: 46%;}
    .main_about .right{width: 53%; padding:60px 30px 30px; font-size: 16px;}
    .main_about .right .title{font-size: 26px; margin-bottom: 26px;}
    .main_about .right .content{height: 360px;}
    .main_about_ul li{margin: 0px 20px;}
    .main_about_ul span{width: 74px; line-height: 74px; font-size: 20px;}
    .main_about_ul div.desc{font-size: 16px; margin-left: 20px;}
    .main_about_ul div.desc p{height: 74px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .main_ban .line{margin: 50px auto 16px;}
    .main_honor{margin-top: 45px;}
    .main_about{margin: 45px 0px;}
    .main_about .left{width: 46%; padding-top: 80px;}
    .main_about .right{width: 53%; padding:60px 30px 30px; font-size: 16px;}
    .main_about .right .title{font-size: 26px; margin-bottom: 26px;}
    .main_about .right .content{}
    .main_about_ul li{margin: 0px 20px;}
    .main_about_ul span{width: 74px; line-height: 74px; font-size: 20px;}
    .main_about_ul div.desc{font-size: 16px; margin-left: 20px;}
    .main_about_ul div.desc p{height: 74px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .main_ban .line{margin: 45px auto 15px;}
    .main_honor{margin-top: 40px;}
    .main_about{margin: 40px 0px;}
    .main_about .left{width: 46%; padding-top: 100px;}
    .main_about .right{width: 53%; padding:60px 30px 30px; font-size: 15px;}
    .main_about .right .title{font-size: 20px; margin-bottom: 20px;}
    .main_about .right .content{}
    .main_about_ul li{margin: 0px 20px;}
    .main_about_ul span{width: 68px; line-height: 68px; font-size: 18px;}
    .main_about_ul div.desc{font-size: 15px; margin-left: 20px;}
    .main_about_ul div.desc p{height: 68px;}
}
@media (min-width: 991px){
    .main_about .left{float: left;}
    .main_about .right{float: right;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_ban .line{margin: 40px auto 15px;}
    .main_ban .line{margin: 1.4em auto 0.6em;}
    .main_honor{margin-top: 35px;}
    .main_about{margin: 35px 0px;}
    .main_about .left{}
    .main_about .right{margin-top:40px; padding:60px 30px 30px; font-size: 15px;}
    .main_about .right .title{font-size: 20px; margin-bottom: 20px;}
    .main_about .right .content{}
    .main_about_ul li{margin: 0px 6px;}
    .main_about_ul span{width: 64px; line-height: 64px; font-size: 17px;}
    .main_about_ul div.desc{font-size: 14px; margin-left: 16px;}
    .main_about_ul div.desc p{height: 64px;}
}
@media (max-width: 767px) {
    .main_ban .line{margin: 1.4em auto 0.6em;}
    .main_honor{margin-top: 1.6em;}
    .main_about{margin: 1.6em 0px;}
    .main_about .left{}
    .main_about .right{margin-top:1.2em; font-size: 15px;}
    .main_about .right .title{font-size: 1.2em; margin-bottom: 1em;}
    .main_about .right .content{}
    .main_about_ul li{margin: 0.4em 6px; padding:0px 10%;}
    .main_about_ul span{width: 64px; line-height: 64px; font-size: 1.3em;}
    .main_about_ul div.desc{font-size: 14px; margin-left: 0.8em;}
    .main_about_ul div.desc p{height: 64px;}
}
@media (min-width: 768px){
    .main_about .right{background: url(../images/about_08.png) right center no-repeat; background-size:auto 100% ;}
    .main_about_ul li{display: inline-table;}
}






.main_contact{line-height: 2;}
.main_contact .right{box-shadow: 0px 0px 8px #999;}
.main_contact .right #map{width:100%;font-size:12px; border-radius: 8px;}
@media (min-width: 1500px){
    .main_contact{margin-top: 30px;}
    .main_contact .left{width: 750px; font-size: 24px;}
    .main_contact .right{width: 590px; height: 390px; position: relative; }    
    .main_contact .right #map{height:590px; position: absolute; left: 0px; bottom: 0px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .main_contact{margin-top: 30px;}
    .main_contact .left{width: 600px; font-size: 20px;}
    .main_contact .right{width: 500px; height: 390px; position: relative; }    
    .main_contact .right #map{height:500px; position: absolute; left: 0px; bottom: 0px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .main_contact{margin-top: 30px;}
    .main_contact .left{width: 500px; font-size: 18px;}
    .main_contact .right{width: 400px; height: 400px; position: relative; }    
    .main_contact .right #map{height:400px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_contact{margin-top: 30px;}
    .main_contact .left{font-size: 16px; margin-bottom: 30px;}
    .main_contact .right{height: 400px;}    
    .main_contact .right #map{height:400px;}
}
@media (max-width: 767px) {
    .main_contact{margin-top: 1.5em;}
    .main_contact .left{font-size: 1em; margin-bottom: 1.5em;}
    .main_contact .right{}    
    .main_contact .right #map{height:24em;}
}
@media (min-width: 991px){
    .main_contact .left{float: left;}
    .main_contact .right{float: right;}
}





.main_reg{background: url(../images/reg_line_03.png) top left no-repeat; background-size: 100%;}
.main_reg i{color: #f35240;}
.reg_title h3{line-height: 2;}
.reg_form span{display: block;}
.reg_form li{line-height: 2;}
.reg_form li span{margin-bottom: 5px;}
.reg_form li input,.reg_form li textarea{background: #fafafa; border:1px #a9a6a6 solid; width: 100%;}
.reg_form li.sub input{background: #0c3865;  border:1px #0c3865 solid; color: #fff; text-align: center; text-indent: 0px;}
@media (min-width: 1500px){
    .main_reg{margin-top: 40px; font-size: 24px;}
    .reg_title h3{font-size: 32px; padding: 10px 0px 20px;}
    .reg_form{max-width: 685px;}
    .reg_form li{margin-top: 30px;}
    .reg_form li input{height: 50px;}
    .reg_form li textarea{height: 170px;}
    .reg_form li.sub input{width: 200px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .main_reg{margin-top: 30px; font-size: 20px;}
    .reg_title h3{font-size: 28px; padding: 10px 0px 20px;}
    .reg_form{max-width: 645px;}
    .reg_form li{margin-top: 25px;}
    .reg_form li input{height: 46px;}
    .reg_form li textarea{height: 150px;}
    .reg_form li.sub input{width: 200px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .main_reg{margin-top: 25px; font-size: 18px;}
    .reg_title h3{font-size: 24px; padding: 10px 0px 20px;}
    .reg_form{max-width: 600px;}
    .reg_form li{margin-top: 20px;}
    .reg_form li input{height: 44px;}
    .reg_form li textarea{height: 150px;}
    .reg_form li.sub input{width: 180px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_reg{margin-top: 20px; font-size: 16px;}
    .reg_title h3{font-size: 20px; padding: 10px 0px 20px;}
    .reg_form{max-width: 600px;}
    .reg_form li{margin-top: 20px;}
    .reg_form li input{height: 40px;}
    .reg_form li textarea{height: 150px;}
    .reg_form li.sub input{width: 160px;}
}
@media (max-width: 767px) {
    .main_reg{margin-top: 1em; font-size: 1em;}
    .reg_title h3{font-size: 1.4em; padding: 0.5em 0px 1em;}
    .reg_form li{margin-top: 1em;}
    .reg_form li input{height: 2.4em;}
    .reg_form li textarea{height: 6em;}
    .reg_form li.sub input{width: 60%;}
}
@media (min-width: 768px){
    .reg_form li input{text-indent: 8px;}
    .reg_form li textarea{padding: 8px;}
}



.main_newtitle{background: url(../images/index_13.jpg) left bottom no-repeat; background-size: 8.5%;}
.main_newtitle h3{font-weight: bold;}
.main_newtitle p{color: #0a3966;}
.main_zhishi_list a img{width: 100%; height: 100%; object-fit: cover;}
.main_zhishi_list a .img{overflow: hidden;}
.main_zhishi_list a .img img{transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.main_zhishi_list a:hover 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_zhishi_list a{line-height: 1.8;}
.main_zhishi_list a h3{line-height: 2;white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;}
.main_zhishi_list a p{display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.main_zhishi_list a span{color: #0c3867;}
@media (min-width: 1500px){
    .main_zhishi{margin-top: 60px;}
    .main_newtitle h3{font-size: 48px; padding-bottom: 30px;}
    .main_newtitle p{padding-bottom: 10px; font-size: 28px;}
    .main_zhishi_list a{margin-top: 50px;}
    .main_zhishi_list a .img{height: 300px;}
    .main_zhishi_list a h3{font-size: 24px; margin: 15px 0px 5px;}
    .main_zhishi_list a p{height: 72px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .main_zhishi{margin-top: 50px;}
    .main_newtitle h3{font-size: 40px; padding-bottom: 26px;}
    .main_newtitle p{padding-bottom: 10px; font-size: 24px;}
    .main_zhishi_list a{margin-top: 40px;}
    .main_zhishi_list a .img{height: 240px;}
    .main_zhishi_list a h3{font-size: 22px; margin: 15px 0px 5px;}
    .main_zhishi_list a p{height: 65px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .main_zhishi{margin-top: 45px;}
    .main_newtitle h3{font-size: 34px; padding-bottom: 24px;}
    .main_newtitle p{padding-bottom: 10px; font-size: 20px;}
    .main_zhishi_list a{margin-top: 35px;}
    .main_zhishi_list a .img{height: 200px;}
    .main_zhishi_list a h3{font-size: 20px; margin: 15px 0px 5px;}
    .main_zhishi_list a p{height: 58px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_zhishi{margin-top: 40px;}
    .main_newtitle h3{font-size: 28px; padding-bottom: 20px;}
    .main_newtitle p{padding-bottom: 10px; font-size: 18px;}
    .main_zhishi_list a{margin-top: 30px;}
    .main_zhishi_list a .img{height: 154px;}
    .main_zhishi_list a h3{font-size: 18px; margin: 15px 0px 5px;}
    .main_zhishi_list a p{height: 50px;}
}
@media (max-width: 767px) {
    .main_zhishi{margin-top: 2em;}
    .main_newtitle h3{font-size: 1.4em; padding-bottom: 10px;}
    .main_newtitle p{padding-bottom: 0.5em; font-size: 1.2em;}
    .main_zhishi_list a{margin-top: 1em;  display: block;}
    .main_zhishi_list a .img{height: 11em;}
    .main_zhishi_list a h3{font-size: 1.1em; margin: 0.8em 0px 0.2em;}
}
@media (min-width: 768px){
    .main_zhishi_list a{float: left; width: 49%;}
    .main_zhishi_list a:nth-child(2n){float: right;}
}



.main_hangye_list a img{width: 100%; height: 100%; object-fit: cover;}
.main_hangye_list a .img{overflow: hidden;}
.main_hangye_list a .img img{transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.main_hangye_list a:hover 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_hangye_list a{line-height: 1.8;}
.main_hangye_list a h3{line-height: 2;}
.main_hangye_list a p{white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;}
.main_hangye_list a span{color: #0c3867;}
@media (min-width: 1500px){
    .main_hangye_list a{margin-top: 50px;}
    .main_hangye_list a .img{height: 364px;}
    .main_hangye_list a h3{font-size: 24px; margin: 15px 0px 5px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .main_hangye_list a{margin-top: 40px;}
    .main_hangye_list a .img{height: 290px;}
    .main_hangye_list a h3{font-size: 22px; margin: 15px 0px 5px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .main_hangye_list a{margin-top: 35px;}
    .main_hangye_list a .img{height: 242px;}
    .main_hangye_list a h3{font-size: 20px; margin: 15px 0px 5px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_hangye_list a{margin-top: 30px;}
    .main_hangye_list a .img{height: 187px;}
    .main_hangye_list a h3{font-size: 18px; margin: 15px 0px 5px;}
}
@media (max-width: 767px) {
    .main_newtitle p{padding-bottom: 0.5em;}
    .main_hangye_list a{margin-top: 1em;  display: block;}
    .main_hangye_list a .img{height: 13.5em;}
    .main_hangye_list a h3{font-size: 1.1em; margin: 0.8em 0px 0.2em;}
}
@media (min-width: 768px){
    .main_hangye_list a{float: left; width: 49%;}
    .main_hangye_list a:nth-child(2n){float: right;}
}



.main_left{background: #fbfafa;}
.main_left h3{color: #fff; background: #0c3865; text-align: center; line-height: 2.2;}

.main_cate li .main_cate2{display: none; background: #fff; border:1px solid #CFCFCF;}
.main_cate li .main_cate2 a{display: block; border-bottom:1px solid #CFCFCF;}
.main_cate li{position: relative;}
.main_cate li>a{display: block;}
.main_cate li>a.cate1{background: url(../images/productlist_05.png) center left no-repeat;}
.main_cate li>a.cate2{background: url(../images/productlist_18.png) center left no-repeat;}
.main_cate li>a.cate3{background: url(../images/productlist_20.png) center left no-repeat;}
.main_cate li>a.cate4{background: url(../images/productlist_22.png) center left no-repeat;}
.main_cate li>a.cate5{background: url(../images/productlist_24.png) center left no-repeat;}
.main_cate li>a.cate6{background: url(../images/productlist_30.png) center left no-repeat;}
.main_cate li>a.cate7{background: url(../images/productlist_32.png) center left no-repeat;}
.main_cate li>a.cate8{background: url(../images/productlist_41.png) center left no-repeat;}
.main_cate li>a.cate9{background: url(../images/productlist_44.png) center left no-repeat;}
.main_cate li>a.cate10{background: url(../images/productlist_46.png) center left no-repeat;}
.main_cate li>a.cate11{background: url(../images/productlist_49.png) center left no-repeat;}
.main_cate li>a.cate12{background: url(../images/productlist_57.png) center left no-repeat;}
.main_cate li>a.cate13{background: url(../images/productlist_60.png) center left no-repeat;}
@media (min-width: 1500px){
    .main_left h3{font-size: 20px;}
    .main_cate{padding: 10px 0px;}
    .main_cate li>a{font-size: 18px; line-height: 40px; text-indent: 40px; margin-left: 12px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .main_left h3{font-size: 18px;}
    .main_cate{padding: 10px 0px;}
    .main_cate li>a{font-size: 17px; line-height: 40px; text-indent: 40px; margin-left: 12px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .main_left h3{font-size: 17px;}
    .main_cate{padding: 10px 0px;}
    .main_cate li>a{font-size: 16px; line-height: 40px; text-indent: 40px; margin-left: 12px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_left h3{font-size: 16px;}
    .main_cate{padding: 10px 0px;}
    .main_cate li>a{font-size: 15px; line-height: 40px; text-indent: 40px; margin-left: 12px;}
}
@media (max-width: 767px) {
    .main_left{ margin-bottom: 1em;}
    .main_left h3{font-size: 1.2em; background: url(../images/jia.png) center right 4% no-repeat #0c3865; background-size: 1.3em;}
    .main_cate{padding: 10px 0px; display: none;}
    .main_cate.act{display: block;}
    .main_cate li{line-height: 2.5em; background: url(../images/erjijia.png) top 0.8em right 5% no-repeat; background-size: 1.2em;}
    .main_cate li.active{background: url(../images/erjijian.png) top 0.8em right 5% no-repeat; background-size: 1.2em;}
    .main_cate li span{background: url(../images/cate_jia.png) center center no-repeat; background-size: 1.3em; position:absolute; right: 0px; top: 0px; width: 8%; height: 2.5em;}
    .main_cate li span.close1{background: url(../images/cate_jian.png) center center no-repeat; background-size: 1.3em;}
    .main_cate li>a{font-size: 15px; line-height: 40px; text-indent: 40px; margin-left: 12px; width: 80%;}
    .main_cate li .main_cate2{padding: 0.5em 0px 1em;}
    .main_cate li .main_cate2 a{margin: 0px 4%;}
    .main_cate li.active .main_cate2{display: block;}
}
@media (min-width: 768px){
    .main_left{width: 180px;}
    .main_cate li .main_cate2{position: absolute; left: 100%; top: 0px;width: 220px; padding: 10px 0px 20px; line-height: 2.2;}
    .main_cate li .main_cate2 a{margin: 0px 20px;}
    .main_cate li:hover{background: #eee;}
    .main_cate li:hover .main_cate2{display: block;}
}


.main_search{border:1px #0c3865 solid; padding: 3px;}
.main_search select{float: left; background: none; border:0px #fff solid;}
.main_search input{float: left; background: none; border:0px #fff solid;}
.main_search input.txt{border-left: 1px #e6ebef solid; text-indent: 15px;}
.main_search input.sub{background: #0c3865; color: #fff;}
.main_pro{}
.main_pro_title{color: #fff; background: #0c3865;line-height: 2.2; padding-left: 2%;}
.main_pro_list a img{width: 100%; height: 100%; object-fit: cover;}
.main_pro_list a .img{overflow: hidden;}
.main_pro_list a .img img{transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.main_pro_list a:hover 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_pro_list a p{text-align: center; line-height: 2;white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;}
@media (min-width: 1500px){
    .main_search{margin:20px 0px 20px 220px; width: 520px;}
    .main_right{width: 1240px;}
    .main_pro_title{font-size: 20px;}
    .main_pro_list a{float: left; width: 23%; margin-left: 2.666666%; margin-top: 30px;}
    .main_pro_list a:nth-child(4n-3){margin-left: 0px;}
    .main_pro_list a .img{height: 285px;}
    .main_pro_list a p{margin-top: 10px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .main_search{margin:20px 0px 20px 220px; width: 520px;}
    .main_right{width: 950px;}
    .main_pro_title{font-size: 18px;}
    .main_pro_list a{float: left; width: 23%; margin-left: 2.666666%; margin-top: 25px;}
    .main_pro_list a:nth-child(4n-3){margin-left: 0px;}
    .main_pro_list a .img{height: 217px;}
    .main_pro_list a p{margin-top: 10px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .main_search{margin:20px 0px 20px 220px; width: 520px;}
    .main_right{width: 750px;}
    .main_pro_title{font-size: 17px;}
    .main_pro_list a{float: left; width: 23%; margin-left: 2.666666%; margin-top: 20px;}
    .main_pro_list a:nth-child(4n-3){margin-left: 0px;}
    .main_pro_list a .img{height: 173px;}
    .main_pro_list a p{margin-top: 10px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_search{margin:20px 0px 20px 220px; width: 520px;}
    .main_right{width: 550px;}
    .main_pro_title{font-size: 16px;}
    .main_pro_list a{float: left; width: 23%; margin-left: 2.666666%; margin-top: 20px;}
    .main_pro_list a:nth-child(4n-3){margin-left: 0px;}
    .main_pro_list a .img{height: 127px;}
    .main_pro_list a p{margin-top: 10px;}
}
@media (max-width: 767px) {
    .main_search{margin:1em 0px;}
    .main_search{height: 40px; border-radius: 20px;}
    .main_search select{height: 32px; margin-left: 2%; width: 30%;}
    .main_search input.txt{margin-left: 2%; width: 50%;}
    .main_search input{height: 32px;}
    .main_search input.sub{border-radius: 16px; padding: 0px 15px; float: right; width: 15%;}
    .main_pro_title{font-size: 1.2em;}
    .main_pro_list a{float: left; width: 49%; margin-top: 1em;}
    .main_pro_list a:nth-child(2n){float: right;}
    .main_pro_list a .img{height: 14em;}
    .main_pro_list a p{margin-top: 10px;}
}
@media (min-width: 768px){
    .main_search{height: 40px; border-radius: 20px;}
    .main_search select{height: 32px; margin-left: 20px;}
    .main_search input.txt{margin-left: 15px;}
    .main_search input{height: 32px;}
    .main_search input.sub{border-radius: 16px; padding: 0px 15px; float: right;}
    .main_left{float: left;}
    .main_right{float: right;}
}







.main_case_list a .img{background: #f4f0f0; border-radius: 10px;display: table-cell;    vertical-align: middle;    text-align: center;  width: 500px;overflow: hidden;}
.main_case_list a .img img{transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.main_case_list a:hover 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_case_list a p{text-align: center; line-height: 2;white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;}
@media (min-width: 1500px){
    .main_case{margin-top: 60px;}
    .main_case_list a{float: left; width: 23%; margin-left: 2.666666%; margin-bottom: 30px;}
    .main_case_list a:nth-child(4n-3){margin-left: 0px;}
    .main_case_list a .img{height: 285px;}
    .main_case_list a .img img{max-height: 260px;}
    .main_case_list a p{margin-top: 10px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .main_case{margin-top: 50px;}
    .main_case_list a{float: left; width: 23%; margin-left: 2.666666%; margin-bottom: 25px;}
    .main_case_list a:nth-child(4n-3){margin-left: 0px;}
    .main_case_list a .img{height: 217px;}
    .main_case_list a .img img{max-height: 200px;}
    .main_case_list a p{margin-top: 10px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .main_case{margin-top: 45px;}
    .main_case_list a{float: left; width: 23%; margin-left: 2.666666%; margin-bottom: 20px;}
    .main_case_list a:nth-child(4n-3){margin-left: 0px;}
    .main_case_list a .img{height: 173px;}
    .main_case_list a .img img{max-height: 150px;}
    .main_case_list a p{margin-top: 10px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_case{margin-top: 40px;}
    .main_case_list a{float: left; width: 23%; margin-left: 2.666666%; margin-bottom: 20px;}
    .main_case_list a:nth-child(4n-3){margin-left: 0px;}
    .main_case_list a .img{height: 127px;}
    .main_case_list a .img img{max-height: 120px;}
    .main_case_list a p{margin-top: 10px;}
}
@media (max-width: 767px) {
    .main_case{margin-top: 1.6em;}
    .main_case_list a{float: left; width: 49%; margin-bottom: 1em;}
    .main_case_list a:nth-child(2n){float: right;}
    .main_case_list a .img{height: 14em;}
    .main_case_list a .img img{max-height: 12em;}
    .main_case_list a p{margin-top: 10px;}
}
@media (min-width: 768px){

}






.main_page{text-align: center;}
.main_page a,.main_page span{display: inline-table; width: 30px; height: 30px; line-height: 30px; margin: 4px; border:1px solid #d9d9d9; border-radius: 4px;}
.main_page  .nums{ width:50px;}
.main_page a:hover,.main_page span.current{border-color:#004ea2; color: #004ea2;}

@media (min-width: 1500px){
    .main_page{margin-top: 50px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .main_page{margin-top: 40px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .main_page{margin-top: 30px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_page{margin-top: 20px;}
}
@media (max-width: 767px) {
    .main_page{margin-top: 1.6em;}
    .main_page  .nums{display: none;}
}
@media (min-width: 768px){
    
}





.main_show{line-height: 2;}
.main_show h3.title{text-align: center; line-height: 2;}
.main_show .content{border-top:1px #ccc solid;border-bottom:1px #ccc solid;}
.prev_next a{display: table-cell;    vertical-align: middle;  display: block;}
@media (min-width: 1500px){
    .main_show{margin-top: 60px;}
    .main_show h3.title{font-size: 24px;}
    .main_show .content{padding: 30px 0px; margin: 30px 0px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .main_show{margin-top: 50px;}
    .main_show h3.title{font-size: 20px;}
    .main_show .content{padding: 25px 0px; margin: 25px 0px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .main_show{margin-top: 40px;}
    .main_show h3.title{font-size: 18px;}
    .main_show .content{padding: 20px 0px; margin: 20px 0px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_show{margin-top: 30px;}
    .main_show h3.title{font-size: 17px;}
    .main_show .content{padding: 20px 0px; margin: 20px 0px;}
}
@media (max-width: 767px) {
    .main_show{margin-top: 1.6em;}
    .main_show h3.title{font-size: 1.2em;}
    .main_show .content{padding: 1.5em 0px; margin: 1.5em 0px;}
}
@media (min-width: 768px){
    .prev_next a{width: 49%; float: left;}
    .prev_next a.next{float: right; text-align: right;}
}








@media (min-width: 1500px){
    
}
@media (min-width: 1200px) and (max-width: 1500px){
    
}
@media (min-width: 991px) and (max-width: 1200px){
    
}
@media (min-width: 768px) and (max-width: 991px){
    
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px){
    
}








@media (min-width: 1500px){
    
}
@media (min-width: 1200px) and (max-width: 1500px){
    
}
@media (min-width: 991px) and (max-width: 1200px){
    
}
@media (min-width: 768px) and (max-width: 991px){
    
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px){
    
}








@media (min-width: 1500px){
    
}
@media (min-width: 1200px) and (max-width: 1500px){
    
}
@media (min-width: 991px) and (max-width: 1200px){
    
}
@media (min-width: 768px) and (max-width: 991px){
    
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px){
    
}








@media (min-width: 1500px){
    
}
@media (min-width: 1200px) and (max-width: 1500px){
    
}
@media (min-width: 991px) and (max-width: 1200px){
    
}
@media (min-width: 768px) and (max-width: 991px){
    
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px){
    
}