@charset "utf-8";
/* CSS Document */
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{margin:0;padding:0;}
em,i{font-style:normal;}
li {list-style:none;}
a {text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
a:focus{text-decoration: none;outline: none;}
img {border:none;vertical-align:middle;}
table{border-collapse:collapse;}
input,textarea{outline:none;background:#fff;border:none;}
textarea{resize:none;overflow:auto;}
body{font-size:12px;font-family:"微软雅黑";overflow-x:hidden;color:#333;}
/* end reset */

/* public */
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after{content:'';display: block;height:0;clear: both;visibility:hidden;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
.img_box img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
.pic_box img{border:none;display:inline-block;max-width:100%;max-height:100%;}
h1,h2,h3,h4,h5{font-weight:normal;}
.fixed{position:fixed;left:0;top:0;z-index:999;}


 
.sidebar-wrapper { 
    position: relative; 
    height: 100%; 
    overflow: auto;
    display:none;
    font-size:15px;
}
#dowebok {
    background-color:#fff;
}
#dowebok .nav { 
    margin-top: 30px; 
    line-height: 60px; 
    list-style-type: none;
}
#dowebok .nav>li>a{ 
    display: block;
    padding:0 20px; 
    color: #464646; 
    background: #fff;
    border-bottom:1px solid #ddd;
    text-decoration: none;
}

#dowebok .nav>li>a:hover,
#dowebok .nav>li>a.on{
    color:#fff;
    background-color: #c9142e;
}
[data-simplersidebar='active']{
    box-shadow:3px 0px 3px 0px rgba(0, 0, 0, 0.5);
}
/*#dowebok .nav .nav_hd{
    background: url(../images/nav_bg.png)no-repeat 180px 22px;
    background-size:10px 20px; 
}
*/
#dowebok .nav .nav_bd{
    padding-left:20px;
    display: none;
    padding:20px 0;
    background: #ebebeb;
}
#dowebok .nav .nav_bd dd{ 
    display: block;
    padding-left:40px; 
    color: #464646; 
    line-height:40px;
    text-decoration: none;
}


/*.bannero*/
.bannero{
    position:relative;
}
.bannero img{
    width:100%;
}

/*.banner*/
.banner{
    position:relative;
}
.banner img{
    width:100%;
}
.banner .pagination{
    position:absolute;
    left:0;
    bottom:20px; 
    margin:auto;
    padding:0;
    text-align:center;
    width: 100%;
    z-index:30;
}
.banner .swiper-pagination-bullet{
    display:inline-block;
    width:20px;
    height:20px;
    cursor:pointer;
    outline: none;
    opacity:1;
    background:url(../images/banner_bg2.png)no-repeat center center;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.banner .swiper-pagination-bullet-active{
    background:url(../images/banner_bg.png)no-repeat center center;
    width:20px;
    height:20px;
}




/*bannero_mobile*/
.bannero_mobile{
    position:relative;
}
.bannero_mobile img{
    width:100%;
}
/*banner_mobile*/
.banner_mobile{
    position:relative;
}
.banner_mobile img{
    width:100%;
}
.banner_mobile .pagination{
    position:absolute;
    left:0;
    bottom:20px; 
    margin:auto;
    padding:0;
    text-align:center;
    width: 100%;
    z-index:30;
}
.banner_mobile .swiper-pagination-bullet{
    display:inline-block;
    width:20px;
    height:20px;
    cursor:pointer;
    outline: none;
    opacity:1;
    background:url(../images/banner_bg2.png)no-repeat center center;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.banner_mobile .swiper-pagination-bullet-active{
    background:url(../images/banner_bg.png)no-repeat center center;
    width:20px;
    height:20px;
}



/*.public_nav*/
.public_nav{
    height:55px;
    margin-bottom:10px;
    border-bottom:1px solid #ddd;
}
.public_nav .left_nav{
    float:left;
    display: inline-block;
}
.public_nav .left_nav ul{
    display: inline-block;
}
.public_nav .left_nav ul li{
    display: inline-block;
    margin:0 15px;
    float:left;
    color:#444;
    font-size:15px;
    height:54px;
    line-height:54px;
    padding: 0 10px;
}
.public_nav .left_nav ul li:hover,
.public_nav .left_nav ul li.on{
    border-bottom:2px solid #d71518;
}



.public_nav .right_nav{
    float:right;
    display: inline-block;
}
.public_nav .right_nav ul li{
    display: inline-block;
    float:left;
    color:#444;
    font-size:14px;
    height:54px;
    line-height:54px;
}
.public_nav .right_nav ul li:hover,
.public_nav .right_nav ul li.on{
    color:#d71518;
}
.public_nav .right_nav a{
    display: inline-block;
    float:left;
    color:#444;
    font-size:14px;
    height:54px;
    line-height:54px;
}
.public_nav .right_nav a:hover,
.public_nav .right_nav a.on{
    color:#d71518;
}

/*在992和1299像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:768px) and (max-width:1300px){

.public_nav{
    text-align:center;
}
.public_nav .left_nav{
    float:none;
    display: inline-block;
}

}

/*在992和1299像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:480px) and (max-width:767px){
.public_nav{
    text-align:center;
}
.public_nav .left_nav{
    float:none;
    display: inline-block;
}
.public_nav .left_nav ul{
    display: inline-block;
}
.public_nav .left_nav ul li{
    display: inline-block;
    margin:0 12px;
    float:left;
    color:#444;
    font-size:14px;
    height:54px;
    line-height:54px;
    padding: 0 6px;
}
.public_nav .left_nav ul li:hover{
    color:#444;
}
  
}

@media (min-width:0px) and (max-width: 479px){
.public_nav{
    text-align:center;
}
.public_nav .left_nav{
    float:none;
    display: inline-block;
}
.public_nav .left_nav ul{
    display: inline-block;
}
.public_nav .left_nav ul li{
    display: inline-block;
    margin:0;
    float:left;
    color:#444;
    font-size:13px;
    height:54px;
    line-height:54px;
    padding: 0 6px;
}
.public_nav .left_nav ul li:hover{
    color:#444;
}


}



/*.header_box*/
.header{ 
    position:relative; 
    z-index:4;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-size: 100% 0;
}
.header:hover{
    background: #fff;
    background-size:100% 100%; 
}
.header_index{ 
    position:fixed; 
    left:0; 
    top:0; 
    width:100%; 
    z-index:500;
}
.header .main{ border-bottom:1px solid #e5e5e5;}
.header_index .main{ border-bottom:none;}
/*.header_hover{
    display: none;
}*/
.header .logo{
    height:100px; 
    display:inline-block; 
    line-height:100px; 
    float:left;
}
.header .logo a{
    display: block;
}
.header .menu{
    width:60px; 
    height:100px; 
    float:right; 
    display:inline-block; 
    background:url(../images/menu.png) no-repeat center center;
    background-size:45px auto; 
    cursor:pointer;
}
.header .index_en{
    width:50px; 
    height:40px; 
    background: #eaeaea;
    float:right;
    color:#000;
    font-size:15px;
    line-height:40px;
    text-align:center;
    margin-left:5px;
    margin-top:30px;
}
.header .index_en a{
    display: block;
}
.header .search_btn{
    width:50px; 
    height:40px; 
    display:inline-block; 
    float:right;
    background:#d71518 url(../images/search_btn.png) no-repeat center center; 
    cursor:pointer;
    margin-top:30px;
}
.header .search_form{
    position:fixed; 
    top:0; 
    left:0; 
    right:0;
    z-index: 200; 
    margin:0 auto;
    width:100%; 
    height:50px; 
    padding:20px 0;
    background:#fff; 
    border:1px solid #eee; 
    display:none;
}
.header .search_form .main{
    position: relative;
}
.header .search_form form{
    width:100%; 
    margin:0 auto;
    display: block;
}
.header .search_form input.text{
    float:left;
    width:80%; 
    height:38px; 
    text-indent:10px; 
    border:1px solid #ddd;
    background:#fff; 
    font-size:15px; 
    color:#595959;
    display:inline-block; 
}
.header .search_form input.submit{
    float:left;
    width:5%; 
    height:40px;
    display:inline-block; 
    background:#333 url(../images/search_btn2.png) no-repeat center center; 
    cursor:pointer;
}

.header .search_form .close {
    background: url(../images/search_btn3.png) no-repeat center center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
}







/*当页面大于1300px时，大屏幕主要是PC端*/
@media (min-width:1300px){

.header .logo{
    margin-left:10px;
}
.header .menu{
    margin:0 5px;
}



}
/*在992和1299像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){
   
.header .logo{
    margin-left:10px;
}
.header .menu{
    margin:0 5px;
}
.header .search_form form{
    width:96%; 
}

}
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.header .logo{
    margin-left:10px;
}
.header .menu{
    margin:0 5px;
}
.header .search_form form{
    width:96%; 
}

}
/*在小于767像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 767px){


.header .logo{
    margin-left:10px;
}
.header .menu{
    margin:0 5px;
}
.header .search_form form{
    width:96%; 
}
.header .search_form input.text{
    width:65%; 
}
.header .search_form input.submit{
    width:12%;  
}


}








.header .nav{
    height:100px;
    text-align:center;
    float:right;
}
.header .nav>ul>li{
    float:left;
}
.header .nav>ul>li>a{
    height:100px; 
    line-height:100px; 
    text-align:center;
    padding:0 27px;
    font-size:15px; 
    color:#333;
    
    position:relative; 
    display:block; 
}
.header .nav>ul>li:hover>a,
.header .nav>ul>li.on>a{
    color:#d71518;
}

.header .nav li>a i{ 
    width:15px; 
    height:7px;
    background:url(../images/index_nav_bg.jpg) no-repeat center bottom; 
    position:absolute; 
    left:50%; 
    margin-left:-7px; 
    top:100%; 
    z-index:3; 
    display:none;
}

.header .submenu{
    position:absolute; 
    left:0; 
    top:100px; 
    background:#fff; 
    width:100%; 
    display:none;
    z-index: 11;
    border-bottom:2px solid #d71518;
    
    animation-duration:1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;

}
.header .submenu .main{
    border-top:1px solid #e5e5e5; 
    overflow:hidden;
    text-align:right;
}
.header .submenu dl{
    display: inline-block;
    margin:0 auto;
    padding:20px 0; 
}
.header .submenu dl.top1{
    margin:0 672px 0 0;
}
.header .submenu dl.top2{
    /* margin:0 330px 0 0; */
}
.header .submenu dl.top3{
    margin:0 274px 0 0;
}
.header .submenu dl.top4{
    margin:0 328px 0 0;
}
.header .submenu dl.top5{
    margin:0 103px 0 0;
}
.header .submenu dl.top6{
    margin:0 102px 0 0;
}

.header .submenu a{
    color:#444;
    font-size:15px;
    display: block;
}
.header .submenu a:hover{ 
    color:#d71518;
}
.header .submenu_about dl{
    width:100%;
    max-width:1300px;
}
.header .submenu_about dd{
    float:left;
    width:18%;
    margin-right:2.5%;
}
.header .submenu_about dd:nth-child(5n){
    margin-right:0;
}
.header .submenu_about dd span{
    display: block;
    width:100%;
    height:125px;
    line-height:125px;
    text-align:center;
}
 .header .submenu_about dd span img{ 
    display:inline-block; 
    vertical-align:middle;
    max-width:100%;
    max-height:100%;
}
.header .submenu_about dd p{
    text-align:left;
    height:50px; 
    line-height:50px;  
    display:block;
    max-width:100%;
}
.header .submenu_pro dd{ 
    float:left; 
    min-width:130px; 
    line-height:50px;
    margin:0 20px;
}
.header .submenu_pro dd a{ 
    display:block;
}
.header .submenu_pro dd p{
    text-align:right;
    height:50px; 
    line-height:50px;  
    display:inline-block;
    max-width:110px;
}
.header .submenu_pro dd span{ 
    display:inline-block; 
    height:50px; 
    line-height:50px; 
    max-width:45px; 
    text-align:right; 
    margin-right:10px;
}
.header .submenu_pro dd span img{ 
    display:inline-block; 
    vertical-align:middle; 
    max-height:50px;
}
.header .submenu_pro dd span img.img_hover{ 
    display:none;
}
/* 
.header .submenu_pro dd a:hover span img{ 
    display:none;
}
.header .submenu_pro dd a:hover span .img_hover{ 
    display:inline-block;
} */
.header .submenu_service dd{ 
    float:left; 
    padding:0 27px;
    display: inline-block;
}
/*.header .submenu_service dd > a{ 
    font-weight:bold;
}*/
.header .submenu_service  a{ 
    display:block; 
    line-height:30px;
}






/*在992和1299像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:0px) and (max-width:1199px){
   .index_en{
        display: block;
    }
}





.index_about{
    padding:40px 0;
}
.index_about .mian{
    text-align:center;
}
.index_about .list_box{
    margin:20px auto;
    max-width:1060px;
    width:100%;
    text-align:center;
}
.index_about .list_box .list{
    float:left;
    /* width:20%; */
	width:16.66%;
    display: inline-block;
    text-align:center;
}
.index_about .list_box .list .img_box{
    display: block;
    width:100%;
	height:75px;
    text-align:center;
}
.index_about .list_box .list p{
    padding-top:20px;
    color:#444;
    font-size:15px;
    line-height:25px;
}

@media (max-width:480px){
	.index_about .list_box .list{
		width:33.33%;
		margin-bottom:15px;
	}
	.index_about .list_box .list .img_box{
		height:50px;
	}
}







.index_pro .htit{
    margin-bottom:35px;
}




.htit h2{
    color:#333;
    font-size:26px;
    line-height:36px;
    text-align:center;
    padding-bottom:10px;
    background: url(../images/htit_bg.jpg)no-repeat center bottom;
    background-size: 200px 1px;
}
.htit p{
    color:#888;
    font-size:15px;
    line-height:25px;
    text-align:center;
    padding-top:10px;
}






/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){

}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:767px){
.htit h2{
    font-size:18px;
    line-height:28px;
}


}


.index_pro_swiper .swiper-container .swiper-slide{
    width:33%;
    text-align:center;
    position: relative;
}
.index_pro_swiper .swiper-container .swiper-slide .img_box{
    display: block;
    margin:0 auto;
    background: #f6f6f6;
    position: relative;
    height:461px;
    line-height:461px;
}
.index_pro_swiper .swiper-container .swiper-slide .mask{
    width:100%;
    height:100%;
    background: rgba(255,255,255,.8);
    display: none;
    position: absolute;
    left:0;
    top:0;
    right:0;
    z-index: 5;
}
.index_pro_swiper .swiper-container .swiper-slide:hover .mask{
    display: block;
}
.index_pro_swiper .swiper-container .swiper-slide .text{
    width:100%;
    background: none;
    display: none;
    height:60px;
    position: absolute;
    top:45%;
    left:0;
    z-index: 10;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.index_pro_swiper .swiper-container .swiper-slide:hover .text{
    display: block;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.index_pro_swiper .swiper-container .swiper-slide .text i{
    display: block;
    width:100%;
    text-align:center;
    color:#444;
    font-size:18px;
    line-height:28px;
    text-transform: uppercase;
}

.index_pro_swiper .swiper-container .swiper-slide .text span{
    display: block;
    width:100%;
    text-align:center;
    color:#444;
    font-size:15px;
    line-height:25px;
}
.index_pro_swiper .pagination{ 
    margin:auto;
    padding:40px 0;
    text-align:center;
    width: 100%;
    z-index:30;
}
.index_pro_swiper .swiper-pagination-bullet{
    display:inline-block;
    width:20px;
    height:20px;
    cursor:pointer;
    outline: none;
    opacity:1;
    background:url(../images/index_pro_bg1.png)no-repeat center center;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.index_pro_swiper .swiper-pagination-bullet-active{
    background:url(../images/index_pro_bg2.png)no-repeat center center;
    width:20px;
    height:20px;
}




/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){
/*.index_pro_swiper{
    margin: 0 auto;
    width:858px;
    display: block;
}
.index_pro_swiper .swiper-container .swiper-slide .text{
    width:100%;
    background: none;
    display: block;
    height:60px;
    padding-top:20px;
    position: static;
}
.index_pro_swiper .swiper-container .swiper-slide .img_box{
    height:461px;
    line-height:461px;
}*/


}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){
.index_pro_swiper{
    margin: 0 10px;
}
.index_pro_swiper .swiper-container .swiper-slide .text{
    width:100%;
    background: none;
    display: block;
    height:60px;
    padding-top:20px;
    position: static;
}
.index_pro_swiper .swiper-container .swiper-slide .img_box{
    height:350px;
    line-height:350px;
}


}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){
.index_pro_swiper{
    margin: 0 10px;
}
.index_pro_swiper .swiper-container .swiper-slide .text{
    width:100%;
    background: none;
    display: block;
    height:60px;
    padding-top:20px;
    position: static;
}
.index_pro_swiper .swiper-container .swiper-slide .img_box{
    height:250px;
    line-height:250px;
}

}


/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){
.index_pro_swiper{
    margin: 0 10px;
}
.index_pro_swiper .swiper-container .swiper-slide .text{
    width:100%;
    background: none;
    display: block;
    height:60px;
    padding-top:20px;
    position: static;
}
.index_pro_swiper .swiper-container .swiper-slide .img_box{
    height:250px;
    line-height:250px;
}

}



/*.index_pro2
.index_pro2 {
    padding:30px 0;
}*/
.index_pro2 .list_box{
    width:70%;
    margin:0 auto;
}
.index_pro2 .list_box .list{
    float:left;
    width:49%;
    margin-right:2%;
    margin-bottom:40px;
}
.index_pro2 .list_box .list a{
    display: block;
}
.index_pro2 .list_box .list:nth-child(2n){
    margin-right:0;
}
.index_pro2 .list_box .list .img_box{
    display: block;
    width:100%;
    height:285px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.index_pro2 .list_box .list .img_box .mask{
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    z-index: 10;
    width:100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,.3);
}
.index_pro2 .list_box .list:hover .img_box .mask{
    display: block;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.index_pro2 .list_box .list .img_box i{
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    z-index: 11;
    width:100%;
    height:100%;
    display: none;
    background: url(../images/index_pro2_bg.png) no-repeat center center;
    background-size:63px 63px; 
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.index_pro2 .list_box .list:hover .img_box i{
    display: block;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.index_pro2 .list_box .list .text{
    background: #f4f4f4;
    width:90%;
    padding:10px 5%;
}
.index_pro2 .list_box .list .text h3{
    color:#333;
    font-size:16px;
    line-height:26px;
    height:26px;
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
}
.index_pro2 .list_box .list .text p{
    color:#666;
    font-size:14px;
    line-height:24px;
    height:48px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}






/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (max-width:992px){
.index_pro2 .list_box{
    margin: 0 auto;
    max-width:858px;
    width:96%;
    display: block;
}
/*.index_pro2 .list_box{
    margin: 0 auto;
    width:858px;
    display: block;
}
.index_pro2 .list_box .list{
    float:left;
    width:416px;
    margin-right:25px;
    margin-bottom:40px;
}
.index_pro2 .list_box .list:nth-child(3n){
    margin-right:25px;
}
.index_pro2 .list_box .list:nth-child(2n){
    margin-right:0;
}
.index_pro2 .list_box .list .img_box{
    width:100%;
    height:285px;
    vertical-align: bottom;
    display: inline-block;
}
.index_pro2 .list_box .list .img_box img{
    display: inline-block;
    vertical-align: bottom;
}
.index_pro2 .list_box .list:hover .img_box .mask{
    display: none;
}
.index_pro2 .list_box .list:hover .img_box i{
    display: none;
}
*/
}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (max-width:768px) {

.index_pro2 .list_box{
    margin: 0 auto;
    width:96%;
}
.index_pro2 .list_box .list{
    float:left;
    width:48%;
    margin-right:4%;
    margin-bottom:40px;
}
.index_pro2 .list_box .list:nth-child(2n){
    margin-right:0;
}
.index_pro2 .list_box .list .img_box{
    width:100%;
    height:285px;
    vertical-align: bottom;
    display: inline-block;
}
.index_pro2 .list_box .list .img_box img{
    display: inline-block;
    vertical-align: bottom;
}
.index_pro2 .list_box .list:hover .img_box .mask{
    display: none;
}
.index_pro2 .list_box .list:hover .img_box i{
    display: none;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){
.index_pro2 .list_box{
    margin: 0 auto;
    width:96%;
}
.index_pro2 .list_box .list{
    float:left;
    width:48%;
    margin-right:4%;
    margin-bottom:40px;
}
.index_pro2 .list_box .list:nth-child(3n){
    margin-right:4%;
}
.index_pro2 .list_box .list:nth-child(2n){
    margin-right:0;
}
.index_pro2 .list_box .list .img_box{
    width:100%;
    height:220px;
    display: inline-block;
    vertical-align: bottom;
}
.index_pro2 .list_box .list .img_box img{
    display: inline-block;
    vertical-align: bottom;
}
.index_pro2 .list_box .list:hover .img_box .mask{
    display: none;
}
.index_pro2 .list_box .list:hover .img_box i{
    display: none;
}

}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){

.index_pro2 .list_box .list{
    float:left;
    width:48%;
    margin-right:4%;
    margin-bottom:40px;
}
.index_pro2 .list_box .list:nth-child(3n){
    margin-right:4%;
}
.index_pro2 .list_box .list:nth-child(2n){
    margin-right:0;
}
.index_pro2 .list_box .list .img_box{
    width:100%;
    height:150px;
    vertical-align: bottom;
    display: inline-block;
}
.index_pro2 .list_box .list .img_box img{
    display: inline-block;
    vertical-align: bottom;
}
.index_pro2 .list_box .list:hover .img_box .mask{
    display: none;
}
.index_pro2 .list_box .list:hover .img_box i{
    display: none;
}

}



/*index_pro3*/
.index_pro3{
    overflow: hidden;
    height:420px;
    background: url(../images/index_pro3_bg.jpg)no-repeat center center;
    background-size:100% auto; 
}
.index_pro3 .list{
    padding:8% 0;
}
.index_pro3 .list .text_box{
    display: block;
    width:60%;
}
.index_pro3 .list .text_box h3{
    color:#333;
    font-size:32px;
    line-height:36px;
}
.index_pro3 .list .text_box .text{
    color:#444;
    font-size:17px;
    line-height:25px;
    margin:30px 0;
}
.index_pro3 .list .index_pro3_more{
    padding-top:30px;
    display: none;
}
.index_pro3 .list .index_pro3_more a{
    display: inline-block;
    float:left;
    margin-right:10px;
    width:115px;
    height:40px;
    color:#333;
    font-size:14px;
    text-align:center;
    line-height:40px;
    border:1px solid #333;
}
.index_pro3 .list .index_pro3_more a:hover{
    background: #333;
    color:#fff;
}

/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){

.index_pro3{
    overflow: hidden;
    background: url(../images/index_pro3_bg2.jpg)no-repeat center center;
    background-size:100% 100%; 
}

.index_pro3 .list{
    padding:8% 10px;
    width:860px;
    margin:0 auto;
}
.index_pro3 .list .text_box{
    display: block;
}


}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.index_pro3{
    height:400px;
    overflow: hidden;
    background: url(../images/index_pro3_bg2.jpg)no-repeat center center;
    background-size:100% 100%; 
}


.index_pro3 .list{
    padding:12% 10px;
}
.index_pro3 .list .text_box{
    display: block;
    width:100%;
}
.index_pro3 .list .text_box h3{
    color:#333;
    font-size:22px;
    line-height:20px;
}
.index_pro3 .list .text_box .text{
    color:#444;
    font-size:16px;
    line-height:26px;
    margin:25px 0;
    width:60%;
}
.index_pro3 .list .index_pro3_more a:hover{
    background: none;
    color:#333;
    display: static;

}



}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width:767px){

.index_pro3{
    height:350px;
    overflow: hidden;
    background: url(../images/index_pro3_bg2.jpg)no-repeat center center;
    background-size:100% 100%; 
}
.index_pro3 .list{
    padding:10% 10px;
}
.index_pro3 .list .text_box{
    display: block;
    width:100%;
}
.index_pro3 .list .text_box h3{
    color:#333;
    font-size:18px;
    line-height:20px;
}
.index_pro3 .list .text_box .text{
    color:#444;
    font-size:14px;
    line-height:20px;
    margin:20px 0;
    width:60%;
}
.index_pro3 .list .index_pro3_more{
    padding-top:10px;
}
.index_pro3 .list .index_pro3_more a:hover{
    background: none;
    color:#333;
    display: static;

}
.index_pro3 .list .index_pro3_more a{
    width:100px;
    height:30px;
    line-height:30px;
}


}



@media (max-width:480px){


.index_pro3{
    height:300px;
}


}




/*.index_news*/
.index_news{
    padding:50px 0;
}
.index_news .htit{
    margin-bottom:50px;
}
.index_news_swiper{
    position: relative;
    overflow: hidden;
}
.index_news_swiper .snext,
.index_news_swiper .sprev{
    display: block;
    width:40px;
    height:40px;
    border:1px solid #ddd;
    border-radius: 100%;
    position: absolute;
    bottom:50px;
    z-index: 11;
    outline: none;
    cursor: pointer;
}
.index_news_swiper .snext{
    right:36%;
    background: url(../images/r_bg.png)no-repeat center center;
}
.index_news_swiper .sprev{
    left:54%;
    background: url(../images/l_bg.png)no-repeat center center;
}



.index_news_swiper .swiper-container .swiper-slide a{
    display: block;
}
.index_news_swiper .swiper-container .swiper-slide .img_box{
    float:left;
    max-width:618px;
    width:50%;
    height:360px;
    line-height:360px;
    display: block;
    border:1px solid #ddd;
    overflow: hidden;
}
.index_news_swiper .swiper-container .swiper-slide .img_box img{
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.index_news_swiper .swiper-container .swiper-slide:hover .img_box img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}


.index_news_swiper .swiper-container .swiper-slide .text_box{
    float:right;
    max-width:600px;
    width:48%;
    padding:5% 0;
}
.index_news_swiper .swiper-container .swiper-slide .text_box .day{
    color:#666;
    font-size:15px;
    line-height:20px;
}
.index_news_swiper .swiper-container .swiper-slide .text_box h3{
    color:#333;
    font-size:18px;
    line-height:28px;
    margin:10px 0;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.index_news_swiper .swiper-container .swiper-slide .text_box .text{
    color:#666;
    font-size:15px;
    line-height:28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    overflow: hidden;
}
.index_news_swiper .swiper-pagination,
.index_news_swiper .swiper-pagination{
    display: inline-block;
    left:65%;
    bottom:60px;
    width:5%;
}









/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){
/*.index_news_swiper{
    width:620px;
    display: block;
    margin:0 auto;
}
.index_news_swiper .swiper-container{
    padding-bottom:40px;
}
.index_news_swiper .snext{
    right:0;
    bottom:0;
}
.index_news_swiper .sprev{
    left:0;
    bottom:0;
}
.index_news_swiper .swiper-pagination,
.index_news_swiper .swiper-pagination{
    display: inline-block;
    left:45%;
    bottom:0;
    width:15%;
}

.index_news_swiper .swiper-container .swiper-slide .img_box{
    float:none;
    width:99%;
    height:360px;
    line-height:360px;
    border:1px solid #ddd;
}
.index_news_swiper .swiper-container .swiper-slide .text_box{
    float:none;
    width:100%;
    padding:5% 0;
}
*/
}
/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.index_news_swiper{
    width:620px;
    display: block;
    margin:0 auto;
}
.index_news_swiper .swiper-container .swiper-slide .img_box{
    float:none;
    width: 99%;
    height:360px;
    line-height:360px;
    border:1px solid #ddd;
}
.index_news_swiper .swiper-container .swiper-slide .text_box{
    float:none;
    width:100%;
    padding:5% 0;
}
.index_news_swiper .swiper-container{
    padding-bottom:40px;
}
.index_news_swiper .snext{
    right:0;
    bottom:0;
}
.index_news_swiper .sprev{
    left:0;
    bottom:0;
}
.index_news_swiper .swiper-pagination,
.index_news_swiper .swiper-pagination{
    display: inline-block;
    left:45%;
    bottom:0;
    width:15%;
}





}

@media (min-width:620px) and (max-width:767px){

.index_news_swiper{
    width:620px;
    display: block;
    margin:0 auto;
}
.index_news_swiper .swiper-container{
    padding-bottom:40px;
}
.index_news_swiper .snext{
    right:0;
    bottom:0;
}
.index_news_swiper .sprev{
    left:0;
    bottom:0;
}
.index_news_swiper .swiper-pagination,
.index_news_swiper .swiper-pagination{
    display: inline-block;
    left:45%;
    bottom:0;
    width:15%;
}

.index_news_swiper .swiper-container .swiper-slide .img_box{
    float:none;
    width:99%;
    height:360px;
    line-height:360px;
    border:1px solid #ddd;
}
.index_news_swiper .swiper-container .swiper-slide .text_box{
    float:none;
    width:100%;
    padding:5% 0;
}
.index_news_swiper .swiper-container .swiper-slide .text_box h3{
    font-size:17px;
}


}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:619px){
.index_news_swiper .swiper-container{
    display: block;
    margin:0 10px;
}
.index_news_swiper .swiper-container{
    padding-bottom:40px;
}
.index_news_swiper .snext{
    right:0;
    bottom:0;
}
.index_news_swiper .sprev{
    left:0;
    bottom:0;
}
.index_news_swiper .swiper-pagination,
.index_news_swiper .swiper-pagination{
    display: inline-block;
    left:45%;
    bottom:0;
    width:15%;
}


.index_news_swiper .swiper-container .swiper-slide .img_box{
    float:none;
    width:99%;
    height:260px;
    line-height:260px;
    border:1px solid #ddd;
}
.index_news_swiper .swiper-container .swiper-slide .text_box{
    float:none;
    width:100%;
    padding:5% 0;
}
.index_news_swiper .swiper-container .swiper-slide .text_box h3{
    font-size:17px;
}


}






/*.footer*/
.footer{
    padding:54px 0 20px 0;
    background: #f5f5f5;
}
.footer .foot_box1{
    width:50%;
    margin:0 auto 50px auto;
}
.footer .foot_box1 .list{
    float:left;
    width:48%;
    height:124px;
    margin-right:3%;
    border:1px solid #ddd;
}
.footer .foot_box1 .list a{
    display: block;
}

.footer .foot_box1 .list:nth-child(2n){
    margin-right:0;
}
.footer .foot_box1 .list:hover{
    background: #fff;
}
.footer .foot_box1 .list .pic{
    float:left;
    width:24%;
    height:65px;
    margin-left:20%;
    margin-top:30px;
}
.footer .foot_box1 .list .text{
    float:left;
    width:39%;
    height:65px;
    margin-left:20px;
    margin-top:30px;
}
.footer .foot_box1 .list .text h3{
    color:#333;
    font-size:18px;
    line-height:26px;
}
.footer .foot_box1 .list .text .foot_more{
    color:#666;
    font-size:14px;
    line-height:24px;
}



/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){
/*.footer{
    padding:25px 0;
}
.footer .foot_box1{
    width:640px;
    display: block;
    margin:0 auto;
}
.footer .foot_box1 .list{
    float:left;
    width:48%;
    height:124px;
    margin-right:3%;
    margin-bottom:20px;
    border:1px solid #ddd;
}
*/

/*.footer .foot_box1 .list:nth-child(2n){
    margin-right:0;
}*/
.footer .foot_box1 .list:hover{
    background: none;
}




}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){
.footer{
    padding:25px 0;
}
.footer .foot_box1{
    width:640px;
    display: block;
    margin:0 auto;
}
.footer .foot_box1 .list{
    float:left;
    width:48%;
    height:124px;
    margin-right:3%;
    margin-bottom:20px;
    border:1px solid #ddd;
}


.footer .foot_box1 .list:nth-child(2n){
    margin-right:0;
}
.footer .foot_box1 .list:hover{
    background: none;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

.footer{
    padding:25px 0;
}
.footer .foot_box1{
    width:96%;
    display: block;
    margin:0 2%;
}
.footer .foot_box1 .list{
    float:left;
    width:48%;
    height:124px;
    margin-right:3%;
    margin-bottom:20px;
    border:1px solid #ddd;
}


.footer .foot_box1 .list:nth-child(2n){
    margin-right:0;
}
.footer .foot_box1 .list:hover{
    background: none;
}


}



/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){

.footer{
    padding:25px 0;
}
.footer .foot_box1{
    width:96%;
    display: block;
    margin:0 2%;
}
.footer .foot_box1 .list{
    float:left;
    width:48%;
    height:124px;
    margin-right:2%;
    margin-bottom:20px;
    border:1px solid #ddd;
}


.footer .foot_box1 .list:nth-child(2n){
    margin-right:0;
}
.footer .foot_box1 .list:hover{
    background: none;
}

.footer .foot_box1 .list .pic{
    float:left;
    width:30%;
    height:65px;
    margin-left:10%;
    margin-top:30px;
}
.footer .foot_box1 .list .text{
    float:left;
    width:42%;
    height:65px;
    margin-left:20px;
    margin-top:30px;
}
.footer .foot_box1 .list .text h3{
    font-size:15px;
}
.footer .foot_box1 .list .text .foot_more{
    font-size:12px;
}



}




.footer .foot_box2 .left{
    display: inline-block;
    float:left;
    max-width:720px;
    width:70%;
}
.footer .foot_box2 .left .foot_nav dl{
    float:left;
    width:12%;
    margin-right:5.5%;
    display: inline-block;
}
.footer .foot_box2 .left .foot_nav dl:nth-child(6n){
    margin-right:0;
}
.footer .foot_box2 .left .foot_nav dl dt{
    color:#333;
    font-size:15px;
    line-height:30px;
    padding-bottom:10px;
}
.footer .foot_box2 .left .foot_nav dl dd{
    color:#666;
    font-size:12px;
    line-height:26px;
}
.footer .foot_box2 .right{
    float:right;
    max-width:430px;
    width:30%;
    display:block;
    margin:0 auto;
    position: relative;
}
.footer .foot_box2 .right .foot_form{
    position: absolute;
    left:0;
    top:0;
    width:65%;
    padding:10px 0;
    background: #fff;
}

.footer .foot_box2 .right .foot_form input.text{
    float:left;
    width:80%; 
    height:25px; 
    text-indent:10px; 
    border:none;
    background:none; 
    font-size:15px; 
    color:#595959;
    display:inline-block; 
}
.footer .foot_box2 .right .foot_form input.submit{
    float:left;
    width:15%; 
    height:25px;
    display:inline-block; 
    background: url(../images/search_btn4.png) no-repeat center center; 
    cursor:pointer;
}

.footer .foot_box2 .right .text_box{
    width:75%;
    float:left;
    padding-top:70px;
}
.footer .foot_box2 .right .text_box .text{
    color:#666;
    font-size:15px;
    line-height:30px;
}
.footer .foot_box2 .right .text_box .text h3{
    color:#ee0707;
    font-size:26px;
    line-height:36px;
}


.footer .foot_box2 .right .foot_er{
    width:24%;
    float:right;
}
.footer .foot_box2 .right .foot_er .er_box{
    width:100%;
    display: block;
    text-align:center;
    overflow: hidden;
}
.footer .foot_box2 .right .foot_er p{
    color:#666;
    font-size:14px;
    line-height:24px;
    padding-top:10px;
    text-align:center;
}








/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){

/*.footer .foot_box2 .left{
    float:none;
    width:640px;
    display: block;
    margin:0 auto;
}*/
.footer .foot_box2 .left .foot_nav dl{
    margin-right:7%;
    text-align:center;
}

/*.footer .foot_box2 .right{
    float:none;
    width:430px;
    display:block;
    margin:40px auto 0 auto;
}*/



}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.footer .foot_box2 .left{
    float:none;
    width:640px;
    display: block;
    margin:0 auto;
}
.footer .foot_box2 .left .foot_nav dl{
    margin-right:7%;
    text-align:center;
}

.footer .foot_box2 .right{
    float:none;
    width:480px;
    display:block;
    margin:40px auto 0 auto;
}


}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

.footer .foot_box2 .left{
    float:none;
    width:100%;
    display: block;
    margin:0 auto;
}
.footer .foot_box2 .left .foot_nav{
    margin:0 10px;
}
.footer .foot_box2 .left .foot_nav dl{
    margin-right:6%;
    width:15%;
    text-align:center;
}
.footer .foot_box2 .right{
    float:none;
    width:470px;
    display:block;
    margin:40px auto 0 auto;
}

}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){


.footer .foot_box2 .left{
    float:none;
    width:100%;
    display: block;
    margin:0 auto;
}
.footer .foot_box2 .left .foot_nav{
    margin:0 10px;
}
.footer .foot_box2 .left .foot_nav dl:nth-child(4){
    display: none;
}
.footer .foot_box2 .left .foot_nav dl{
    width:20%;
    margin-right:6%;
    text-align:center;
}

.footer .foot_box2 .right{
    float:none;
    width:95%;
    display:block;
    margin:40px 10px 0 10px;
}

.footer .foot_box2 .right .text_box{
    width:75%;
    float:left;
    padding-top:70px;
}
.footer .foot_box2 .right .text_box .text h3{
    font-size:22px;
}
.footer .foot_box2 .right .foot_er{
    width:30%;
    float:right;
}


}






/*.footer2*/
.footer2{
    background: #202020;
    padding:10px 0;
}
.index_link{
   background: #f6f6f6;
}

.index_link .index_link_bd{
    padding:15px 20px;
    display: block;
}
.index_link .index_link_bd i{
    color:#444;
    font-size:15px;
    line-height:25px;
    display: inline-block;
}
.index_link .index_link_bd a{
    color:#444;
    font-size:15px;
    line-height:25px;
    display: inline-block;
    margin-right:15px;
}
.footer2 .foot_box3 .text{
    color:#858585;
    font-size:15px;
    line-height:30px;
    text-align:center;
    display: block;
}

/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){


}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.footer2 .foot_box3 .text{
    width:100%;
    text-align:center;
}
}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){


.footer2{
    padding:10px;
}
.footer2 .foot_box3 .text{
    width:100%;
    text-align:center;
}


}

@media (min-width:0px) and (max-width:479px){



.footer2{
    padding:10px;
}
.footer2 .foot_box3 .text{
    width:100%;
    text-align:center;
}

}




/*cont_htit*/
.cont_htit h2{
    color:#333;
    font-size:24px;
    line-height:34px;
}
.cont_htit p{
    color:#666;
    font-size:15px;
    line-height:35px;
}



/*contact*/
.contact{
    padding:75px 0;
}
.contact .left{
    width:50%;
    float:left;
}
.contact .left .cont_htit{
    margin-bottom:30px;
}
.cont_more{
    color:#333;
    font-size:15px;
    text-align:center;
    width:160px;
    height:50px;
    line-height:50px;
    background: #ebebeb;
    cursor: pointer;
}

.cont_form{
    width:100%;
    height:100%;
    display: none;
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index: 999;
    background: rgba(0,0,0,.8);
}

.cont_form .cont_form_box{
    width:816px;
    height:640px;
    background: #fff;
    overflow-y:auto;/*溢出滚动条*/
    margin:6% auto 0 auto;
    padding:2% 4%;
    display: block;
    position: relative;
}
.cont_form .cont_form_box .close{
    background: url(../images/search_btn5.png) no-repeat center center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
    right: 4%;
    top: 2%;
    cursor: pointer;
}
.cont_form .cont_form_box h3{
    color:#444;
    font-size:20px;
    line-height:36px;
}
.cont_form .cont_form_box form .f1_box p{
    display: inline-block;
    float:left;
    margin-right:40px;
}
.cont_form .cont_form_box form .f1_box p:nth-child(2n){
    margin-right:0;
}
.cont_form .cont_form_box form .f1_box p{
    color:16px;
    font-size:#444;
    margin-right:6%;
    margin-bottom:15px;
    width:47%;
}
.cont_form .cont_form_box form .f1_box p span{
    display: block;
    width:100%;
    line-height:34px;
}
.cont_form .cont_form_box form .f1_box p span i{
    color:#f40000;
    line-height:34px;
}
.cont_form .cont_form_box form .f1_box input.text{
    width:100%;
    height:48px;
    color:16px;
    font-size:#444;
    text-indent:10px;
    line-height:48px;
    border:1px solid #ddd;
}
.cont_form .cont_form_box form .f2_box p{
    color:16px;
    font-size:#444;
    margin-bottom:20px;
}
.cont_form .cont_form_box form .f2_box p span{
    display: block;
    width:100%;
    line-height:34px;
}
.cont_form .cont_form_box form .f2_box p span i{
    color:#f40000;
    line-height:34px;
}
.cont_form .cont_form_box form .f2_box textarea.text2{
    width:100%;
    height:150px;
    color:16px;
    font-size:#444;
    text-indent:10px;
    line-height:48px;
    border:1px solid #ddd;
}


.cont_form .cont_form_box form .f3_box p{
    float:left;
    color:16px;
    font-size:#444;
    margin-right:15px;
    margin-bottom:20px;
    width:20%;
    display: inline-block;
}
.cont_form .cont_form_box form .f3_box p span{
    display: block;
    width:100%;
    line-height:34px;
}
.cont_form .cont_form_box form .f3_box p span i{
    color:#f40000;
    line-height:34px;
}
.cont_form .cont_form_box form .f3_box input.num{
    width:100%;
    height:48px;
    color:#444;
    font-size:16px;
    text-indent:10px;
    line-height:48px;
    border:1px solid #ddd;
}
.cont_form .cont_form_box form .f3_box .pic{
    width:120px;
    height:48px;
    line-height:48px;
    float:left;
    margin-top:32px;
}
.cont_form .cont_form_box form .f3_box .pic img{
    max-width:100%;
    max-height:100%;
}

.cont_form .cont_form_box form .f3_box input.submit{
    float:right;
    width:30%;
    height:48px;
    color:#fff;
    font-size:16px;
    text-align:center;
    line-height:48px;
    background: #333;
    margin-top:35px;
    border:1px solid #ddd;
}




.contact .right{
    width:50%;
    float:right;
}
.contact .right .text{
    color:#666;
    font-size:15px;
    line-height:25px;
}
.contact .right .text div {
    display: block;
    line-height:25px;
}
.contact .right .text div i{
    color:#d81a1d;
    display: inline-block;
    max-width:20%;
    font-size:15px;
    line-height:25px;
    float:left;
}

.contact .right .text div span{
    color:#666;
    display: inline-block;
    max-width:78%;
    font-size:15px;
    line-height:25px;
    padding-left:2%;
    float:left;
}

/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){

.contact .left{
    width:80%;
    display: block;
    margin:0 auto;
    float:none;
}
.cont_form .cont_form_box{
    width:80%;
    height:80%;
    padding:2% 5%;
}
.contact .right{
    width:80%;
    display: block;
    margin:30px auto 0 auto;
    float:none;
}



}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.contact .left{
    width:80%;
    display: block;
    margin:0 auto;
    float:none;
}

.cont_form .cont_form_box{
    width:80%;
    padding:2% 5%;
}
.cont_form .cont_form_box form .f1_box p{
    width:100%;
}

.cont_form .cont_form_box form .f3_box p{
    width:50%;
}
.cont_form .cont_form_box form .f3_box input.submit{
    width:100%;
    margin-top:10px;
    margin-bottom:40px;
}
.contact .right{
    width:80%;
    display: block;
    margin:30px auto 0 auto;
    float:none;
}


}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

.contact .left{
    width:96%;
    display: block;
    margin:0 auto;
    float:none;
}

.cont_form .cont_form_box{
    width:80%;
    padding:2% 5%;
}
.cont_form .cont_form_box form .f1_box p{
    width:100%;
}

.cont_form .cont_form_box form .f3_box p{
    width:50%;
}
.cont_form .cont_form_box form .f3_box input.submit{
    width:100%;
    margin-top:10px;
    margin-bottom:40px;
}
.contact .right{
    width:96%;
    display: block;
    margin:30px auto 0 auto;
    float:none;
}



}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){

.contact .left{
    width:96%;
    display: block;
    margin:0 auto;
    float:none;
}
.cont_form .cont_form_box{
    width:70%;
    margin:6% auto 0 auto;
    padding:2% 5%;
}
.cont_form .cont_form_box .close{
    width:20px;
    height:20px;
    right: 4%;
    top: 2%;
}
.cont_form .cont_form_box h3{
    font-size:15px;
    line-height:30px;
}
.cont_form .cont_form_box{
    width:80%;
    padding:2% 5%;
}
.cont_form .cont_form_box form .f1_box p{
    width:100%;
}

.cont_form .cont_form_box form .f3_box p{
    width:50%;
}
.cont_form .cont_form_box form .f3_box input.submit{
    width:100%;
    margin-top:10px;
    margin-bottom:40px;
}
.cont_htit p{
    line-height:26px;
    padding-top:10px;
}
.contact .right{
    width:96%;
    display: block;
    margin:30px auto 0 auto;
    float:none;
}
.contact .right .text p i{
    max-width:30%;
}

.contact .right .text p span{
    max-width:68%;
    padding-left:2%;
}


}






/*.map_box*/
.map_box{
    width:100%;
    overflow: hidden;
}
.map_box .map img{
    width:100%;
}


/*.map_box*/
.map_box2{
    width:100%;
    overflow: hidden;
}
.map_box2 .map2 img{
    width:100%;
}





/*.news*/
.news{
    padding:10px 0 60px 0;
}

.news .list_box{
  /* padding-bottom:50px;*/
	color:#748cb5; 
	font-size:20px;
	
}
.news .list_box .list{
    padding:50px 0;
    border-bottom:1px solid #ddd;
}

.news .list_box .list .img_box{
    float:left;
    width:478px;
    height:280px;
    line-height:280px;
    overflow: hidden;
}
.news .list_box .list .img_box img{
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.news .list_box .list:hover .img_box img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.news .list_box .list .text_box{
    float:right;
    width:750px;
    padding:30px 0;
}
.news .list_box .list .text_box h3{
    color:#444;
    font-size:18px;
    line-height:28px;
    padding-bottom:10px;
    width: 100%; 
    display: inline-block; 
    white-space: nowrap;
    overflow: hidden; 
    text-overflow:ellipsis;
}

.news .list_box .list .text_box .text{
    color:#666;
    font-size:15px;
    line-height:25px;
    width:100%;
    display:block;
    margin:20px 0 0 0;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.news .list_box .list .text_box .news_more{
    width:135px;
    height:45px;
    color:#444;
    font-size:15px;
    line-height:45px;
    border:1px solid #444;
    text-align:center;
    margin-top:40px;
    display: block;
}
.news .list_box .list .text_box .news_more:hover{
    background: #444;
    color:#fff;
}

.news .list_box .pages_box{
    margin:50px 0 0 0;
}

.pages_box{
    text-align:center;
}
.pages{
    display: inline-block;
}
.pages a{
    float:left;
    color:#888;
    font-size:16px;
    height:40px;
    line-height:40px;
    border:1px solid #888;
    padding:0 15px;
    margin:0 2px;
    display: inline-block;
}

.pages a:hover,
.pages a.on{
    color:#444;
    border:1px solid #444;
}


.pages2{
    text-align:center;
    padding:40px;
}
.pages2 a{
    display: inline-block;
    padding:0 5px;
    color:#666;
    font-size:15px;
    margin:0 15px;
    font-family: "微软雅黑";
    height:30px;
    line-height:30px;
}
.pages2 a:hover,
.pages2 a.on{
    color:#000;
}





/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){
.news .list_box{
    width:96%;
    margin:0 2%;
}


.news .list_box .list .img_box{
    width:40%;
    height:280px;
    line-height:280px;
    margin:0 auto;
    display: block;
}
.news .list_box .list .text_box{
    width:50%;
    padding:20px 0 0 0;
    margin:0 auto;
}

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.news .list_box{
    width:478px;
    margin:0 auto;
}
.news .list_box .list{
    padding-bottom: 20px;
}


.news .list_box .list .img_box{
    float:none;
    width:100%;
    height:284px;
    line-height:284px;
    margin:0 auto;
    display: block;
}
.news .list_box .list .text_box{
    float:none;
    width:100%;
    padding:30px 0;
    margin:0 auto;
}

.news .list_box .list .text_box .news_more:hover{
    background: none;
    color:#444;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

.news .list_box{
    width:478px;
    margin:0 auto;
}
.news .list_box .list{
    padding-bottom: 20px;
}

.news .list_box .list .img_box{
    float:none;
    width:100%;
    height:284px;
    line-height:284px;
    margin:0 auto;
    display: block;
}
.news .list_box .list .text_box{
    float:none;
    width:100%;
    padding:30px 0;
    margin:0 auto;
}
.news .list_box .list .text_box .news_more:hover{
    background: none;
    color:#444;
}

}



/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){

.news .list_box{
    width:96%;
    margin:0 2%;
}

.news .list_box .list{
    padding-bottom: 10px;
}
.news .list_box .list .img_box{
    float:none;
    max-width:345px;
    width:100%;
    height:200px;
    line-height:200px;
    margin:0 auto;
    display: block;
}
.news .list_box .list .text_box{
    float:none;
    max-width:345px;
    width:100%;
    padding:30px 0;
    margin:0 auto;
}
.news .list_box .list .text_box .news_more:hover{
    background: none;
    color:#444;
}

.news .list_box .list .text_box .news_more{
    width:120px;
    height:40px;
    line-height:40px;
}


.pages_box{
    text-align:center;
}
.pages{
    display: inline-block;
}
.pages a{
    float:left;
    color:#888;
    font-size:14px;
    height:30px;
    line-height:30px;
    border:1px solid #888;
    padding:0 10px;
    margin:0 2px;
    display: inline-block;
}

.pages a:hover,
.pages a.on{
    color:#444;
    border:1px solid #444;
}



}










/*.pro*/
.pro{
    padding:50px 0;
}
.pro .list_box{
    padding:40px 0;
}
.pro .list_box .list{
    float:left;
    width:309px;
    margin-right:20px;
    margin-bottom:25px;
}
.pro .list_box .list a{
    display: block;
}
.pro .list_box .list:nth-child(4n){
    margin-right:0;
}
.pro .list_box .list .img_box{
    width:100%;
    height:384px;
    line-height:384px;
    display: block;
    background: #f6f6f6;
    overflow: hidden;
}
.pro .list_box .list .img_box img{
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.pro .list_box .list:hover .img_box img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.pro .list_box .list .text{
    width:100%;
    color:#444;
    font-size:16px;
    line-height:26px;
    text-align:center;
    padding:15px 0;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow:ellipsis;
}


.pro .pages_box{
    margin:20px 0;
}



/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){

.pro .list_box{
    width:96%;
    margin:0 2%;
}
.pro .list_box .list{
    float:left;
    width:24%;
    margin-right:1.3%;
    margin-bottom:25px;
}
.pro .list_box .list:nth-child(4n){
    margin-right:0;
}
.pro .list_box .list .img_box{
    width:100%;
    height:384px;
    line-height:384px;
    display: block;
}



}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){



.pro .list_box{
    width:640px;
    margin:0 auto;
}
.pro .list_box .list{
    float:left;
    width:309px;
    margin-right:22px;
    margin-bottom:25px;
}
.pro .list_box .list:nth-child(4n){
    margin-right:0;
}
.pro .list_box .list:nth-child(2n){
    margin-right:0;
}
.pro .list_box .list .img_box{
    width:100%;
    height:384px;
    line-height:384px;
    display: block;
}


}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){
.pro .list_box{
    width:96%;
    margin:0 2%;
}
.pro .list_box .list{
    float:left;
    width:48%;
    margin-right:4%;
    margin-bottom:25px;
}
.pro .list_box .list:nth-child(4n){
    margin-right:0;
}
.pro .list_box .list:nth-child(2n){
    margin-right:0;
}

.pro .list_box .list .img_box{
    width:100%;
    height:300px;
    line-height:300px;
    display: block;
}

}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){
.pro .list_box{
    width:96%;
    margin:0 2%;
    padding-bottom:0;
}
.pro .list_box .list{
    float:left;
    width:48%;
    margin-right:4%;
    margin-bottom:25px;
}
.pro .list_box .list:nth-child(4n){
    margin-right:0;
}
.pro .list_box .list:nth-child(2n){
    margin-right:0;
}
.pro .list_box .list .img_box{
    width:100%;
    height:260px;
    line-height:260px;
    display: block;
}
}















/*.pro_nav*/

.pro_nav>ul{
    height:56px;
    background: #e3e3e3;
}
.pro_nav>ul>li{
    float:left;
    position: relative;
}
.pro_nav>ul>li:first-child{
    width:216px;
    height:56px;
    display: block;
}
.pro_nav>ul>li>i{
    position: absolute;
    left:0;
    bottom:0;
    width:216px;
    height:66px;
    color:#fff;
    font-size:18px;
    line-height:66px;
    text-align:center;
    display: block;
    background: url(../images/pro_nav_bg.png)no-repeat left bottom;
    background-size:100% 100%; 
}
.pro_nav>ul>li{
    display: inline-block;
    width:220px;
    height:56px;
    color:#333;
    font-size:16px;
    line-height:56px;
    text-indent:15px;
    background: url(../images/pro_nav_bg2.png) no-repeat 80% center;
}
.pro_nav>ul>li:hover,
.pro_nav>ul>li.on{
    background: #9a9a9a url(../images/pro_nav_bg3.png) no-repeat 80% center;
    color:#fff;
}
.pro_nav>ul>li>ul.bd{
    position: absolute;
    top:56px;
    left:0;
    display: none;
    width:100%;
}
.pro_nav>ul>li:hover>ul.bd{
    display: block;
}
.pro_nav>ul>li>ul.bd>li{
    background: rgba(0,0,0,.5);
    height:50px;
    line-height:50px;
    color:#fff;
    font-size:15px;
    text-align:center;
}
.pro_nav>ul>li>ul.bd>li>a{
    display: block;
}
.pro_nav>ul>li>ul.bd>li:hover{
    background:#333;
}



.pro_nav2_box .nav1{
    /* height:60px; */
    background: #4a4a4a;
}
.pro_nav2_box .nav1 ul li{
    float:left;
    /* width:260px; */
	width:16.66%;
    line-height:60px;
    color:#fff;
    font-size:17px;
    text-align:center;
}
.pro_nav2_box .nav1 ul li:hover,
.pro_nav2_box .nav1 ul li.on{
    background: #222;
}
.pro_nav2_box .nav1 ul li a{
    display: block;
}



.pro_nav2_box .nav2{
    height:30px;
    padding:18px 0;
    background: #f6f6f6;
}
.pro_nav2_box .nav2 ul li{
    float:left;
    width:140px;
    color:#444;
    font-size:15px;
    text-align:center;
    line-height:30px;
    border-radius: 10px;
    margin-right:10px;
}
.pro_nav2_box .nav2 ul li:hover,
.pro_nav2_box .nav2 ul li.on{
    color:#fff;
    background: #d71518;
}
.pro_nav2_box .nav2 ul li a{
    display: block;
}
.pro_nav2_box .nav2 ul li:first-child{
    background: url(../images/nav2_bg.png)no-repeat 20px 10px ;
}
.pro_nav2_box .nav2 ul li:first-child:hover,
.pro_nav2_box .nav2 ul li:first-child.on{
    color:#444;
    background: url(../images/nav2_bg.png)no-repeat 20px 10px ;
}




/*.pro_mobile_nav*/
.pro_mobile_nav>ul>li{
    position: relative;
}
.pro_mobile_nav>ul>li>a.hd{
    width:100%;
    line-height:70px;
    color:#d71518;
    font-size:22px;
    text-indent:15px;
    display: block;
    background: #e7e7e7 url(../images/pro_mobile_nav_bg.png)no-repeat 97% center;
}
.pro_mobile_nav>ul>li>ul.bd{
    /*position: absolute;
    left:0;
    top:75px;
    z-index: 11;*/
    display: none;
    width:100%;
}
.pro_mobile_nav>ul>li>ul.bd>li{
    width:100%;
    margin-bottom:5px;
    position: relative;
}
.pro_mobile_nav>ul>li>ul.bd>li>a.hd{
    width:100%;
    line-height:70px;    
    color:#fefefe;
    font-size:22px;
    text-indent:15px;
    display: block;
    background: #888;
}
.pro_mobile_nav>ul>li>ul.bd>li>a.hd.on{
    background: #888;
}
.pro_mobile_nav>ul>li>ul.bd>li>ul.bd{
    width:100%;
    /*position: absolute;
    left:0;
    top:70px;
    z-index: 12;*/
    padding:20px 0;
    background: #e7e7e7;
}
.pro_mobile_nav>ul>li>ul.bd>li>ul.bd>li{
    width:100%;
    background: #e7e7e7;
}
.pro_mobile_nav>ul>li>ul.bd>li>ul.bd>li>a{
    width:100%;
    height:50px;
    line-height:50px;    
    color:#333;
    font-size:22px;
    text-indent:40px;
    display: block;
}

.pro_mobile_nav2{
    width:560px;
    background: #f6f6f6;
    padding:12px 0;
}
.pro_mobile_nav2 ul li{
    float: left;
    width: 140px;
    color: #444;
    font-size: 15px;
    text-align: center;
    line-height: 30px;
    border-radius: 10px;
    margin-right: 10px;
}
.pro_mobile_nav2 ul li:hover,
.pro_mobile_nav2 ul li.on{
    color:#fff;
    background: #d71518;
}

/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){
.pro_mobile_nav{
    width:96%;
    margin:0 auto;
    display: block;
}
.pro_mobile_nav2{
    width:96%;
    margin:0 auto;
    display: block;
}


}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.pro_mobile_nav{
    width:96%;
    margin:0 auto;
    display: block;
}   
.pro_mobile_nav2{
    width:96%;
    margin:0 auto;
    display: block;
}


}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){
.pro_mobile_nav{
    width:96%;
    margin:0 auto;
    display: block;
}

.pro_mobile_nav>ul>li>a.hd{
    line-height:50px;
    font-size:17px;
}
.pro_mobile_nav>ul>li>ul.bd>li>a.hd{
    line-height:45px;
    font-size:15px;
}
/*.pro_mobile_nav>ul>li>ul.bd{
    position: absolute;
    left:0;
    top:55px;
}*/
.pro_mobile_nav2{
    width:96%;
    margin:0 auto;
    display: block;
}
    


}


@media (min-width:0px) and (max-width:479px){

.pro_mobile_nav{
    width:96%;
    margin:0 auto;
    display: block;
}

.pro_mobile_nav>ul>li>a.hd{
    line-height:50px;
    font-size:17px;
}
.pro_mobile_nav>ul>li>ul.bd>li>a.hd{
    line-height:45px;
    font-size:15px;
}
/*.pro_mobile_nav>ul>li>ul.bd{
    position: absolute;
    left:0;
    top:55px;
}*/
.pro_mobile_nav2{
    width:96%;
    margin:0 auto;
    display: block;
}
    
.pro_mobile_nav2 ul li{
    width:30%;
}

}


/*.prov*/
.prov .prov_swiper{
    width:48%;
    float:left;
}
.prov .prov_swiper .gallery-top{
    width:75%;
    overflow: hidden;
    float:right;
}
.prov .prov_swiper .gallery-top .swiper-slide{
    width:100%;
    cursor: pointer;
}
.prov .prov_swiper .gallery-top .swiper-slide .img_box{
    width:99%;
    height:565px;
    line-height:565px;
    display: block;
    margin:0 1px;
    border:1px solid #ddd;
    background: #f6f6f6;
    overflow: hidden;
 }

.prov .prov_swiper .gallery-thumbs{
    width:20%;
    height: 566px;
    overflow: hidden;
    float:left;
    cursor: pointer;
}
.prov .prov_swiper .gallery-thumbs .swiper-slide{
    width:100%;
    margin-bottom:7%;
}
.prov .prov_swiper .gallery-thumbs .swiper-slide .img_box{
    width:98%;
    height:163px;
    line-height:163px;
    display: block;
    background: #f6f6f6;
    border:1px solid #ddd;
}
.prov .prov_swiper .gallery-thumbs .swiper-slide-thumb-active .img_box{
    border:1px solid #d71518;
}





/*prov*/
.prov .main{
    padding:50px 0;
    border-bottom:12px solid #f4f4f4;
}
.prov .right{
    float:right;
    width:47%;
    padding-bottom:65px;
    position: relative;
}
.prov .right .t1{
    padding:20px 0;
    border-bottom:1px solid #ddd;
}
.prov .right .t1 h3{
    color:#444;
    font-size:30px;
    line-height:40px;
    padding-bottom:25px;
}
.prov .right .t1 .text{
    color:#444;
    font-size:15px;
    line-height:25px;
}
.prov .right .t1 .text p{
    width:48%;
    float:left;
    margin-right:4%;
}
.prov .right .t1 .text p:nth-child(5){
    display: none;
}

.prov .right .t1 .text p:nth-child(2n){
    margin-right:0;
}
.prov .right .t1 .text p i{
    max-width:42%;
    display: inline-block;
    float:left;
    color:#d71518;
}
.prov .right .t1 .text p span{
    max-width:58%;
    display: inline-block;
    float:left;
}


.prov .right .t2{
    padding:30px 0 0 0;
}
.prov .right .t2 h3{
    color:#444;
    font-size:20px;
    line-height:30px;
    padding-bottom:10px;
}
.prov .right .t2 .text{
    color:#444;
    font-size:15px;
    line-height:28px;
}
.prov .right .t2 .text p{
    padding-left:15px;
    background: url(../images/prov_bg.png)no-repeat left 10px;
}

.prov .right .more_box{
    position: absolute;
    left:0;
    bottom:20px;
    z-index: 11;
}
.prov .right .more_box a{
    color:#666;
    font-size:15px;
    line-height:15px;
    display: inline-block;
}
.prov .right .more_box a:nth-child(2){
    padding: 0 15px;
    border-right:1px solid #666;
    border-left:1px solid #666;
    margin:0 10px;
}
/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){

/*

.prov .prov_swiper{
    width:60%;
    float:none;
    display: block;
    margin:0 auto;
}

.prov .right{
    float:none;
    width:60%;
    display: block;
    margin:0 auto;
}
*/
.prov .prov_swiper .gallery-thumbs{
    height: 566px;
}

.prov .prov_swiper .gallery-top .swiper-slide .img_box{
    height:555px;
    line-height:555px;
    padding:5px 0;
}

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

/*.prov*/
.prov .prov_swiper{
    width:70%;
    float:none;
    display: block;
    margin:0 auto;
}
/*prov*/
.prov .right{
    float:none;
    width:70%;
    display: block;
    margin:0 auto;
}


.prov .prov_swiper .gallery-thumbs{
    height: 530px;
    padding-bottom:10px;
}


.prov .prov_swiper .gallery-top .swiper-slide .img_box{
    height:535px;
    line-height:535px;
    padding:5px 0;
}



}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

/*.prov*/
.prov .prov_swiper{
    width:96%;
    float:none;
    display: block;
    margin:0 2%;
}
/*prov*/
.prov .right{
    float:none;
    width:96%;
    display: block;
    margin:0 2%;
}
.prov .right .t1 .text p{
    width:100%;
    float:none;
    margin-right:0;
}
.prov .prov_swiper .gallery-thumbs{
    height:310px;
}
.prov .right .t1 h3{
    font-size:17px;
    padding-bottom:10px;
}
.prov .right .t2 h3{
    font-size:17px;
}

.prov .prov_swiper .gallery-top .swiper-slide .img_box{
    width:98%;
    height:300px;
    line-height:300px;
    padding:5px 0;
}
.prov .prov_swiper .gallery-thumbs .swiper-slide .img_box{
    height:90px;
    line-height:90px;
    width:96%;
    padding:5px 0;
 }

}

@media (min-width:0px) and (max-width:479px){

/*.prov*/
.prov .prov_swiper{
    width:96%;
    float:none;
    display: block;
    margin:0 2%;
}
.prov .prov_swiper .gallery-thumbs{
    height:300px;
    padding-bottom:10px;
}
.prov .prov_swiper .gallery-top .swiper-slide .img_box{
    width:98%;
    height:300px;
    line-height:300px;
    padding:5px 0;
}
.prov .right .t1 h3{
    font-size:17px;
    padding-bottom:10px;
}
.prov .right .t2 h3{
    font-size:17px;
}

.prov .prov_swiper .gallery-thumbs .swiper-slide .img_box{
    height:90px;
    line-height:90px;
    width:96%;
    padding:5px 0;
 }



/*prov*/
.prov .right{
    float:none;
    width:96%;
    display: block;
    margin:0 2%;
}
.prov .right .t1 .text p{
    width:100%;
    float:none;
    margin-right:0;
}

}








.prov_htit h3{
    color:#444;
    font-size:30px;
    height:35px;
    line-height:30px;
    padding-left:30px;
    border-left:4px solid #d71518;
}

/*prov2*/
.prov2{
    padding:50px 0;
}
.prov2 .text_box{
    width:100%;
}
.prov2 .prov_htit{
    padding:20px 0;
}
.prov2 .text_box .text{
    color:#444;
    font-size:15px;
    line-height:25px;
}







/*.prov3*/
.prov3{
    padding:40px 0;
}
.prov3 .prov_htit{
    padding:20px 0;
}
.prov3 .list_box{
    width:100%;
    margin:20px auto;
}
.prov3 .list_box .list{
    float:left;
    width:24%;
    margin-right:1.3%;
}
.prov3 .list_box .list a{
    display: block;
}
.prov3 .list_box .list:nth-child(4n){
    margin-right:0;
}
.prov3 .list_box .list .img_box{
    width:100%;
    height:384px;
    line-height:384px;
    background: #f6f6f6;
    display: block;
    overflow: hidden;
}

.prov3 .list_box .list .img_box img{
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.prov3 .list_box .list:hover .img_box img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.prov3 .list_box .list .text{
    color:#444;
    font-size:16px;
    line-height:26px;
    text-align:center;
    padding:10px 0;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow:ellipsis;
}





/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){
/*
.prov2 .text_box{
    width:60%;
    display: block;
    margin:0 auto;
}

.prov3 .prov_htit{
    width:60%;
    display: block;
    margin:0 auto;
}
.prov3 .list_box{
    width:60%;
    display: block;
    margin:20px auto;
}
.prov3 .list_box .list{
    width:48%;
    margin-right:4%;
    margin-bottom:20px;
}
.prov3 .list_box .list:nth-child(2n){
    margin-right:0;
}

.prov3 .list_box .list .img_box{
    height:384px;
    line-height:384px;
}
*/

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.prov2 .text_box{
    width:70%;
    display: block;
    margin:0 auto;
}

.prov3 .prov_htit{
    width:70%;
    display: block;
    margin:0 auto;
}
.prov3 .list_box{
    width:70%;
    display: block;
    margin:20px auto;
}
.prov3 .list_box .list{
    width:48%;
    margin-right:4%;
    margin-bottom:20px;
}
.prov3 .list_box .list:nth-child(2n){
    margin-right:0;
}
.prov3 .list_box .list .img_box{
    height:384px;
    line-height:384px;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){
.prov2 .text_box{
    width:96%;
    display: block;
    margin:0 2%;
}

.prov3 .prov_htit{
    width:96%;
    display: block;
    margin:0 2%;
}
.prov3 .list_box{
    width:96%;
    display: block;
    margin:20px 2%;
}
.prov3 .list_box .list{
    width:48%;
    margin-right:4%;
    margin-bottom:20px;
}
.prov3 .list_box .list:nth-child(2n){
    margin-right:0;
}

.prov3 .list_box .list .img_box{
    height:384px;
    line-height:384px;
}
.prov_htit h3{
    font-size:17px;
    height:23px;
    line-height:23px;
    padding-left:15px;
}

}




/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){

.prov2 .text_box{
    width:96%;
    display: block;
    margin:0 2%;
}

.prov3 .prov_htit{
    width:96%;
    display: block;
    margin:0 2%;
}
.prov3 .list_box{
    width:96%;
    display: block;
    margin:20px 2%;
}
.prov3 .list_box .list{
    width:48%;
    margin-right:4%;
    margin-bottom:20px;
}
.prov3 .list_box .list:nth-child(2n){
    margin-right:0;
}

.prov3 .list_box .list .img_box{
    height:284px;
    line-height:284px;
}
.prov_htit h3{
    font-size:17px;
    height:23px;
    line-height:23px;
    padding-left:15px;
}

}


/*news_v*/
.news_v_htit{
    text-align:center;
}
.news_v_htit h2{
    color:#333;
    font-size:26px;
    line-height:46px;
}
.news_v_htit p{
    color:#666;
    font-size:16px;
    line-height:26px;
}

.news_v {
    padding:50px 0;
}
.news_v .list_box{
    width:96%;
    display: block;
    margin:0 2%;
}
.news_v .list_box .text {
    color: #666;
    font-size: 15px;
    line-height: 25px;
    padding-top:20px;
}
.news_v .list_box .text video{
    width: 100%;
    height: auto;
}
.news_v .list_box img{
    max-width:100%;
    max-height:100%;
}
.news_v .pages_box{
    margin-top:50px;
}


@media (min-width:0px) and (max-width:767px){
.news_v_htit h2{
    color:#333;
    font-size:17px;
    line-height:27px;
}


}



/*.down*/
.down{
    padding:40px 0;
}
.down .list_box{
    width:100%;
	color:#748cb5; 
	font-size:20px;
	text-align:center;
	
}
.down .list_box .list{
    float:left;
    width:31%;
    margin-right:3.2%;
    margin-bottom:60px;
    border:1px solid #ddd;
}
.down .list_box .list a{
    display: block;
}
.down .list_box .list:nth-child(3n){
    margin-right:0;
}
.down .list_box .list .img_box{
    width:100%;
    height:266px;
    line-height:266px;
    display: block;
    overflow: hidden;
}
.down .list_box .list .img_box img{
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.down .list_box .list:hover .img_box img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.down .list_box .list .text_box{
    padding:15px 10px 15px 20px;
    position: relative;
}
.down .list_box .list .text_box h3{
    color:#444;
    font-size:15px;
    line-height:25px;
    padding-bottom:10px;
}
.down .list_box .list .text_box .day{
    color:#666;
    font-size:15px;
    line-height:25px;
}
.down .list_box .list .text_box .down_more{
    position: absolute;
    right:18px;
    bottom:20px;
    z-index: 10;
    color:#666;
    font-size:15px;
    line-height:25px;
    padding-left:40px;
    background: url(../images/down_bg.png)no-repeat left center;
}
.down .list_box .list:hover .text_box .down_more{
    background: url(../images/down_bg2.png)no-repeat left center;
}



.down .pages_box{
    margin:30px 0;
}


/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){

.down .list_box{
    width:96%;
    margin:0 2%;
}
.down .list_box .list{
    float:left;
    width:31%;
    margin-right:3%;
    margin-bottom:60px;
    border:1px solid #ddd;
}
.down .list_box .list .img_box{
    height:266px;
    line-height:266px;
}


}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.down .list_box{
    width:96%;
    max-width:846px;
    margin:0 auto;
}
.down .list_box .list{
    float:left;
    width:48%;
    margin-right:3%;
    margin-bottom:60px;
    border:1px solid #ddd;
}
.down .list_box .list .img_box{
    height:266px;
    line-height:266px;
}
.down .list_box .list:nth-child(2n){
    margin-right:0;
}
.down .list_box .list:nth-child(3n){
    margin-right:3%;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

.down .list_box{
    width:96%;
    margin:0 auto;
}
.down .list_box .list{
    float:left;
    width:48%;
    margin-right:3%;
    margin-bottom:60px;
    border:1px solid #ddd;
}
.down .list_box .list .img_box{
    height:200px;
    line-height:200px;
}
.down .list_box .list:nth-child(2n){
    margin-right:0;
}
.down .list_box .list:nth-child(3n){
    margin-right:3%;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){

.down .list_box{
    width:96%;
    margin:0 auto;
}
.down .list_box .list{
    float:left;
    width:48%;
    margin-right:2%;
    margin-bottom:30px;
    border:1px solid #ddd;
}
.down .list_box .list .img_box{
    height:160px;
    line-height:160px;
}
.down .list_box .list:nth-child(2n){
    margin-right:0;
}
.down .list_box .list:nth-child(3n){
    margin-right:2%;
}
.down .list_box .list .text_box{
    padding:10px 5px 40px 5px;
}
.down .list_box .list .text_box h3{
    font-size:14px;
    line-height:25px;
    padding-bottom:0px;
}
.down .list_box .list .text_box .day{
    font-size:13px;
    line-height:25px;
}
.down .list_box .list .text_box .down_more{
    position: absolute;
    left:5px;
    right:0;
    bottom:10px;
}
.down .list_box .list:hover .text_box .down_more{
    background: url(../images/down_bg.png)no-repeat left center;
}



}








/*.problem_slide*/

.problem_nav ul{
    width:100%;
    display: inline-block;
}
.problem_nav ul li{
    display: inline-block;
    margin-right:1%;
    padding:0 3%;
    line-height:55px;
    color:#333;
    font-size:15px;
    background: #efefef;
}
.problem_nav ul li a{
    display: block;
}
.problem_nav ul li:last-child{
    margin-right:0;
}
.problem_nav ul li:hover,
.problem_nav ul li.on{
    color:#fff;
    background: #d71518;
}



/*.problem*/
.problem{
    padding:30px 0 40px 0;
}
.problem .pro_mobile_nav>ul>li>ul.bd>li{
    width:100%;
    margin-bottom:5px;
}
.problem .pro_mobile_nav>ul>li>ul.bd>li>a{
    width:100%;
    line-height:70px;    
    color:#fefefe;
    font-size:22px;
    text-indent:15px;
    display: block;
    background: #888;
}
.problem .pro_mobile_nav>ul>li>ul.bd>li>a.on{
    background: #888;
}
.problem_slide{
    width:100%;
    margin-top:40px;
}
.problem_slide .slide_box{
    margin-bottom:12px;
}
.problem_slide .slide_box .slide_hd {
    background:#eee url(../images/slide_btn2.png) no-repeat left center;
    height:60px;
    cursor: pointer;
}
.problem_slide .slide_box .slide_hd h3{
    background: url(../images/slide_btn.png) no-repeat 97% 20px;
    color:#444;
    font-size:16px;
    line-height:30px;
    display: block;
    padding:15px 0 15px 90px;
}
.problem_slide .slide_box .slide_hd.on{
    background: #eee url(../images/slide_btn2_on.png) no-repeat left center;
}
.problem_slide .slide_box .slide_hd.on h3{
    background: url(../images/slide_btn_on.png) no-repeat 97% 28px;
}
.problem_slide .slide_box .slide_bd{
    display: none;
    margin-top:10px;
    border:1px solid #ddd;
}
.problem_slide .slide_box .slide_bd .text_box{
    padding:3% 2%;
}
.problem_slide .slide_box .slide_bd .text_box .text{
    color:#444;
    font-size:15px;
    line-height:28px;
}



.problem .pages_box{
    margin:50px 0;
}







/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){

.problem_nav{
    width:96%;
    margin:0 2%;
}
.problem_slide{
    width:96%;
    margin: 40px auto 0 auto;
}

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.problem_nav{
    width:96%;
    margin:0 2%;
}
.problem_slide{
    width:96%;
    margin: 40px auto 0 auto;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

.problem_nav{
    width:96%;
    margin:0 2%;
}
.problem_slide{
    width:96%;
    margin: 40px auto 0 auto;
}
.problem .pro_mobile_nav>ul>li>ul.bd>li>a{
    line-height:45px;
    font-size:15px;
}


}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){

.problem_slide{
    width:96%;
    margin: 40px auto 0 auto;
}
.problem .pro_mobile_nav>ul>li>ul.bd>li>a{
    line-height:45px;
    font-size:15px;
}


}




/*culture*/
.culture{
    padding:60px 0;
}
.culture .list_box{
    width:100%;
    margin:0 auto;
}
.culture .list_box .list{
    float:left;
    width:49%;
    margin-right:2%;
    margin-bottom:35px;
    background: #f9f9f9;
}
.culture .list_box .list:nth-child(2n){
    margin-right:0;
}
.culture .list_box .img_box{
    width:100px;
    height:76px;
    padding:20px 0;
    float:left;
}
.culture .list_box .text_box{
    max-width:70%;
    display: inline-block;
    padding:20px 0;
    float:left;
}
.culture .list_box .text_box h3{
    color:#d81a1d;
    font-size:15px;
    line-height:25px;
    font-weight: bold;
    padding-bottom:10px;
}
.culture .list_box .text_box .text{
    color:#666;
    font-size:14px;
    line-height:25px;
}

/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){

.culture .list_box{
    width:96%;
    margin:0 auto;
}

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.culture .list_box .list{
    float:none;
    width:96%;
    margin-right:2%;
    margin-left:2%;
    margin-bottom:35px;
    background: #f9f9f9;
}

.culture .list_box .list:nth-child(2n){
    margin-right:2%;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

.culture .list_box .list{
    float:none;
    width:96%;
    margin-right:2%;
    margin-left:2%;
    margin-bottom:35px;
    background: #f9f9f9;
}

.culture .list_box .list:nth-child(2n){
    margin-right:2%;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){
.culture .list_box .list{
    float:none;
    width:96%;
    margin-right:2%;
    margin-left:2%;
    margin-bottom:35px;
    background: #f9f9f9;
}
.culture .list_box .img_box{
    max-width:30%;
    width:70px;
    height:76px;
    padding:20px 10px;
    float:left;

}
.culture .list_box .list:nth-child(2n){
    margin-right:2%;
}

.culture .list_box .text_box{
    max-width:70%;
}
.culture .list_box .text_box .text{
    color:#666;
    font-size:13px;
    line-height:25px;
}

}









/*human*/
.human{
    padding:50px 0;
}
.human .list_box .list{
    margin-bottom:12px;
    background: #f9f9f9;
}
.human .list_box .list .img_box{
    width:50%;
    float:left;
}
.human .list_box .list .img_box img{
    width:100%;
}
.human .list_box .list .text_box{
    width:44%;
    margin:0 3%;
    direction: block;
    float:right;
}
.human .list_box .list:nth-child(2n) .img_box{
    float:right;
}
.human .list_box .list:nth-child(2n) .text_box{
    float:left;
}
.human .list_box .list .text_box h3{
    color:#d71518;
    font-size:16px;
    line-height:26px;
    font-weight: bold;
    margin-top:40px;
}
.human .list_box .list .text_box .text{
    color:#666;
    font-size:14px;
    line-height:26px;
    margin:30px 0 50px 0;
}




/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){

.human .list_box .list{
    margin-bottom:12px;
    background: #f9f9f9;
    width:96%;
    margin:0 2% 12px 2%;
}


}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.human .list_box .list{
    margin-bottom:12px;
    background: #f9f9f9;
    width:96%;
    margin:0 2% 12px 2%;
}
.human .list_box .list .img_box{
    width:100%;
    display: block;
    float:none;
}
.human .list_box .list .img_box img{
    width:100%;
}
.human .list_box .list .text_box{
    width:94%;
    margin:0 3%;
    direction: block;
    float:right;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

.human .list_box .list{
    margin-bottom:12px;
    background: #f9f9f9;
    width:96%;
    margin:0 2% 12px 2%;
}
.human .list_box .list .img_box{
    width:100%;
    display: block;
    float:none;
}
.human .list_box .list .img_box img{
    width:100%;
}
.human .list_box .list .text_box{
    width:94%;
    margin:0 3%;
    direction: block;
    float:right;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){

.human .list_box .list{
    margin-bottom:12px;
    background: #f9f9f9;
    width:96%;
    margin:0 2% 12px 2%;
}
.human .list_box .list .img_box{
    width:100%;
    display: block;
    float:none;
}
.human .list_box .list .img_box img{
    width:100%;
}
.human .list_box .list .text_box{
    width:94%;
    margin:0 3%;
    direction: block;
    float:right;
}

}





/*recruit*/
.rect{
    padding:50px 0;
}
.rect .list_box .img_box{
    width:50%;
    float:left;
}
.rect .list_box .text_box{
    width:50%;
    float:right;
}
.rect .list_box .text_box .text{
    color:#666;
    font-size:14px;
    line-height:26px;
    padding-bottom:20px;
}
.rect .list_box .text_box .text h3{
    color:#d71518;
    font-size:16px;
    line-height:26px;
    font-weight: bold;
    padding-bottom:10px;
}






/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){

.rect .list_box{
    margin:0 10px;
}

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.rect .list_box{
    width:60%;
    margin:0 auto;
}
.rect .list_box .img_box{
    width:100%;
    float:none;
}
.rect .list_box .text_box{
    width:100%;
    float:none;
    padding-top:30px;
}


}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

.rect .list_box{
    width:80%;
    margin:0 auto;
}
.rect .list_box .img_box{
    width:100%;
    float:none;
}
.rect .list_box .text_box{
    width:100%;
    float:none;
    padding-top:30px;
}


}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){

.rect .list_box{
    width:94%;
    margin:0 3%;
}
.rect .list_box .img_box{
    width:100%;
    float:none;
}
.rect .list_box .text_box{
    width:100%;
    float:none;
    padding-top:30px;
}


}






/*.recruit2*/
.rect2{
    padding:50px 0;
}
.rect2_nav ul li{
    float:left;
    display: block;
    color:#444;
    font-size:16px;
    text-align:center;
    line-height:50px;
    width:200px;
    margin-right:10px;
    background: #efefef;
}
.rect2_nav ul li a{
    display: block;
}
.rect2_nav ul li:hover,
.rect2_nav ul li.on{
    background: #d71518;
    color:#fff;
}
.rect2_nav ul li:last-child{
    margin-right:0;
}

.rect2 .list_box{
    margin-top:50px;
}
.rect2 .list_box .rect2_slide{
    float:left;
    width:50%;
}
.rect2 .list_box .rect2_slide .slide_box{
    margin-bottom:13px;
}
.rect2 .list_box .rect2_slide .rect2_hd{
    background:#f1f1f1;
    height:56px;
    cursor: pointer;
}
.rect2 .list_box .rect2_slide .rect2_hd.on{
    background:#313131;
}

.rect2 .list_box .rect2_slide .rect2_hd h3{
    color:#444;
    font-size:16px;
    line-height:26px;
    background:  url(../images/rect2_bg2.png) no-repeat 97% center;
    padding:15px 0 15px 30px;
}
.rect2 .list_box .rect2_slide .rect2_hd.on h3{
    color:#fff;
    background:  url(../images/rect2_bg.png) no-repeat 97% 28px
}
.rect2 .list_box .rect2_slide .rect2_bd{
    display: none;
    border:1px solid #ddd;
}
.rect2 .list_box .rect2_slide .rect2_bd .text{
    padding:20px 30px;
    color:#444;
    font-size:15px;
    line-height:28px;
}






.rect2 .list_box .right{
    float:right;
    width:45%;
}

.rect2 .list_box .right .text_box .text h3{
    color:#333;
    font-size:16px;
    line-height:26px;
    margin-bottom:10px;
}
.rect2 .list_box .right .text_box .text{
    color:#666;
    font-size:14px;
    line-height:24px;
     margin-bottom:20px;
}
.rect2 .list_box .right h4{
    color:#d71518;
    font-size:14px;
    line-height:24px;
}




/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){

.rect2_nav{
    width:96%;
    margin:0 auto;
}
.rect2 .list_box{
    width:96%;
    margin:50px auto 0 auto;
}




}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.rect2_nav{
    width:96%;
    margin:0 auto;
}
.rect2 .list_box{
    width:96%;
    margin:50px auto 0 auto;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){
.rect2_nav{
    width:96%;
    margin:0 auto;
}
.rect2_nav ul li{
    width:40%;
}
.rect2 .list_box .rect2_slide{
    float:none;
    width:96%;
    margin:0 2%;
}


.rect2 .list_box .right{
    float:none;
    width:96%;
    margin:20px 2% 0 2%;
}


}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){


.rect2_nav{
    width:96%;
    margin:0 auto;
}
.rect2_nav ul li{
    width:40%;
}


.rect2 .list_box .rect2_slide{
    float:none;
    width:96%;
    margin:0 2%;
}


.rect2 .list_box .right{
    float:none;
    width:96%;
    margin:20px 2% 0 2%;
}


}








/*.rect3*/
.rect3{
    padding:50px 0;
}
.rect3 .list_box{
    display: block;
	color:#748cb5; 
	font-size:20px;
	text-align:center;
}
.rect3 .list_box .list{
    float:left;
    width:406px;
    margin-right:41px;
    margin-bottom:50px;
    cursor: pointer;
}
.rect3 .list_box .list:nth-child(3n){
    margin-right:0;
}
.rect3 .list_box .list .img_box{
    width:100%;
    height:300px;
    line-height:300px;
    overflow: hidden;
}
.rect3 .list_box .list .text{
    direction: block;
    color:#444;
    font-size:15px;
    line-height:25px;
    padding:15px 5px;
    border-bottom:1px solid #dcdcdc;
}
.rect3 .list_box .list:hover .text{
    border-bottom:1px solid #484848;
}
.rect3 .list_box .list .img_box img{
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -ms-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s;
}
.rect3 .list_box .list:hover .img_box img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}


.rect3 .pages_box{
    margin:20px 0;
}


/*当页面大于12

00px时，大屏幕主要是PC端*/
@media (min-width:1300px){


}
/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){

.rect3 .list_box{
    width:90%;
    margin:0 auto;
    display: block;
}
.rect3 .list_box .list{
    width:32%;
    margin-right:2%;
    margin-bottom:50px;
    cursor: pointer;
}

.rect3 .list_box .list .img_box{
    height:300px;
    line-height:300px;
}

}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.rect3 .list_box{
    width:80%;
    margin:0 auto;
    display: block;
}
.rect3 .list_box .list{
    width:48%;
    margin-right:4%;
    margin-bottom:50px;
    display: block;
    cursor: pointer;
}

.rect3 .list_box .list .img_box{
    height:300px;
    line-height:300px;
}
.rect3 .list_box .list .img_box img{
    width:100%;
}
.rect3 .list_box .list:nth-child(2n){
    margin-right:0;
}
.rect3 .list_box .list:nth-child(3n){
    margin-right:4%;
}




}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){


.rect3 .list_box{
    width:96%;
    margin:0 auto;
    display: block;
}
.rect3 .list_box .list{
    width:48%;
    margin-right:4%;
    margin-bottom:50px;
    display: block;
    cursor: pointer;
}

.rect3 .list_box .list .img_box{
    height:250px;
    line-height:250px;
}
.rect3 .list_box .list .img_box img{
    width:100%;
}
.rect3 .list_box .list:nth-child(2n){
    margin-right:0;
}
.rect3 .list_box .list:nth-child(3n){
    margin-right:4%;
}




}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:0px) and (max-width:479px){

.rect3 .list_box{
    width:96%;
    margin:0 auto;
    display: block;
}
.rect3 .list_box .list{
    width:48%;
    margin-right:4%;
    margin-bottom:30px;
    display: block;
    cursor: pointer;
}
.rect3 .list_box .list .img_box{
    height:200px;
    line-height:200px;
}
.rect3 .list_box .list .img_box img{
    width:100%;
}
.rect3 .list_box .list:nth-child(2n){
    margin-right:0;
}
.rect3 .list_box .list:nth-child(3n){
    margin-right:4%;
}
.rect3 .list_box .list .text{
    padding:10px 5px;
}


}








.htita1 p{
    font-size:16px;
    color:#9a9a9a;
    font-family: 'Arial';
    text-transform: uppercase;
}
.htita1 h2{
    font-size:30px;
    color:#444;
    font-family: '微软雅黑';
    padding:10px 0;
}
.htita1 i{
    width:55px;
    height:4px;
    display:inline-block;
    background:#d7191c;
}



.about{
    padding:70px 0;
}
.about .about_t1{
    font-size:15px;
    color:#444;
    line-height:30px;
    padding:5px;
}


.about2 img{
    width:100%;
}


.about3 .main{
    background:#eee;
}
.about3 .about_t2{
    max-width:540px;
    font-size:15px;
    color:#444;
    line-height:30px;
    display:block;
    margin:0 auto;
    margin-top:65px;
}
.about3 .pic_box{
    width:100%;
    background:#efefef;
    padding-top: 73px;

}
.about3 .pic_box img{
    width:100%;
}


.about4{
    padding:80px 0;
}
.about4 .pic_box img{
    width:100%;
}


/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){


}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.htita1{
    padding:0 5px;
    padding-bottom:20px;
}
.about{
    padding:30px 0;
}

.about3 .about_t2{
    margin-top:0;
    padding:25px 5px;
    max-width:100%;
}
.about4{
    padding:60px 0;
}



}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

.htita1{
    padding:0 5px;
    padding-bottom:20px;
}
.htita1 h2{
    font-size:25px;
}
.about{
    padding:30px 0;
}


.about3 .main{
    background:#fff;
}
.about3 .about_t2{
    margin-top:0;
    padding:20px 5px;
    max-width:100%;
}

.about4{
    padding:50px 0;
}


}
/*sx*/
/*在479像素超小屏幕*/
@media (max-width:479px){

.htita1{
    padding:0 5px;
    padding-bottom:20px;
}
.htita1 p{
    font-size:14px;
}
.htita1 h2{
    font-size:20px;
}
.about{
    padding:30px 0;
}


.about3 .main{
    background:#fff;
}
.about3 .about_t2{
    margin-top:0;
    padding:10px 5px;
}

.about4{
    padding:30px 0 40px 0;
}



}


/*关于我们视频*/
.video{
    padding:50px 0 100px 0;
    text-align:center;
}
.video .video_box .list_box{
    width:415px;
    margin-bottom:60px;
    display:inline-block;
}
.video .video_box .list_box .img_box{
    width:415px;
    height:286px;
    position: relative;
}
.video .video_box .list_box .img_box .mask{
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    z-index: 10;
    width:100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,.3);
}
.video .video_box .list_box:hover .img_box .mask{
    display: block;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.video .video_box .list_box .img_box span{
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    z-index: 11;
    width:100%;
    height:100%;
    display: none;
    background: url(../images/video_bg.png) no-repeat center center;
    background-size:63px 63px; 
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.video .video_box .list_box:hover .img_box span{
    display: block;
    width:100%;
    height:100%;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.video .video_box .list_box p{
    width:100%;
    height:70px;
    line-height:70px;
    font-size:15px;
    color:#444;
    background:#eee;
}



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

.video .video_box .list_box{
    width:380px;
    margin-bottom:40px;
}
.video .video_box .list_box .img_box{
    width:380px;
    height:260px;
}

}

/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){


.video .video_box .list_box{
    width:320px;
    margin-bottom:40px;
}
.video .video_box .list_box .img_box{
    width:320px;
    height:220px;
}



}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.video{
    padding:50px 0 80px 0;
}
.video .video_box .list_box{
    width:230px;
    margin-bottom:30px;
}
.video .video_box .list_box .img_box{
    width:230px;
    height:155px;
}
.video .video_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:13px;
}



}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

.video{
    padding:30px 0 60px 0;
}
.video .video_box .list_box{
    width:416px;
    margin-bottom:30px;
}
.video .video_box .list_box .img_box{
    width:416px;
    height:286px;
}
.video .video_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:13px;
}


}
/*sx*/
/*在479像素超小屏幕*/
@media (max-width:479px){

.video{
    padding:30px 0 60px 0;
}
.video .video_box .list_box{
    width:300px;
    margin-bottom:30px;
}
.video .video_box .list_box .img_box{
    width:300px;
    height:206px;
}
.video .video_box .list_box p{
    height:35px;
    line-height:35px;
    font-size:12px;
}


}



.honor_slide{
    width:100%;
    max-width:1300px;
    display:block;
    margin:0 auto;
    text-align:center;
    overflow:hidden;
    padding:90px 0 120px 0;
    position:relative;
}
.honor_slide .swiper-container{
    width:500px;
    overflow:visible;
}
.honor_slide .swiper-slide{
    width:500px;
    height:400px;
}
.honor_slide .swiper-slide .img_box{
    width:380px;
    height:280px;
    line-height:280px;
    display:inline-block;
    margin-top:30px;
    background:#eee;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.honor_slide .swiper-slide p{
    display:none;
}
.honor_slide .swiper-slide-active{
    z-index: 666;
}
.honor_slide .swiper-slide-active .img_box{
    width:500px;
    height:340px;
    line-height:340px;
    margin-top:0;
}
.honor_slide .swiper-slide-active p{
    height:60px;
    line-height:60px;
    font-size:16px;
    color:#444;
    display:block;
}
.honor_slide .swiper-slide-prev .img_box{
    margin-left:200px;
}
.honor_slide .swiper-slide-next .img_box{
    margin-left:-220px;
}
.honor_slide .swiper-pagination{
    height:20px;
    bottom:-40px;
}
.honor_slide .swiper-pagination-bullet{
    width:20px;
    height:20px;
    background:url(../images/honor_pagination.png) no-repeat center;
    opacity:1;
}
.honor_slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 12px;
}
.honor_slide .swiper-pagination-bullet-active{
    background:url(../images/honor_paginationo.png) no-repeat center;
}

.honor_slide .honor_prev,
.honor_slide .honor_next{
    width:55px;
    height:55px;
    display:inline-block;
    position:absolute;
    top:38%;
    cursor:pointer;
    background-repeat:no-repeat;
    background-size:55px;
    background-position:center;
    z-index: 600;
}
.honor_slide .honor_prev{
    background-image:url(../images/hprev.png);
    left:0;
}
.honor_slide .honor_next{
    background-image:url(../images/hnext.png);
    right:0;
}
.honor_slide .honor_prev:focus,
.honor_slide .honor_next:focus{
    outline:none;
}


/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){


.honor_slide{
    width:100%;
    padding:30px 0 70px 0;
}
.honor_slide .swiper-container{
    width:400px;
}
.honor_slide .swiper-slide{
    width:300px;
    height:325px;
}
.honor_slide .swiper-slide .img_box{
    width:300px;
    height:210px;
    line-height:210px;
    margin-top:30px;
}
.honor_slide .swiper-slide-active .img_box{
    width:400px;
    height:285px;
    line-height:285px;
    margin-top:0;
}
.honor_slide .swiper-slide-active p{
    height:40px;
    line-height:40px;
    font-size:14px;
}
.honor_slide .swiper-pagination{
    height:20px;
    bottom:-40px;
}
.honor_slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 6px;
}
.honor_slide .honor_prev,
.honor_slide .honor_next{
    width:35px;
    height:35px;
    top:35%;
    background-size:35px;

}



}
/*sx*/
/*在479像素超小屏幕*/
@media (max-width:479px){

.honor_slide{
    width:100%;
    padding:30px 0 70px 0;
}
.honor_slide .swiper-container{
    width:300px;
}
.honor_slide .swiper-slide{
    width:250px;
    height:230px;
}
.honor_slide .swiper-slide .img_box{
    width:200px;
    height:140px;
    line-height:140px;
    margin-top:20px;
}
.honor_slide .swiper-slide-active .img_box{
    width:250px;
    height:180px;
    line-height:180px;
    margin-top:0;
}
.honor_slide .swiper-slide-active p{
    height:40px;
    line-height:40px;
    font-size:14px;
}
.honor_slide .swiper-pagination{
    height:20px;
    bottom:-40px;
}
.honor_slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 6px;
}
.honor_slide .honor_prev,
.honor_slide .honor_next{
    width:35px;
    height:35px;
    top:35%;
    background-size:35px;

}


}



/*历史进程*/

.history_slide{
    width:100%;
    max-width:1300px;
    display:block;
    margin:0 auto;
    padding:90px 0;
    background:#fff;
    position:relative;
}
.history_slide .parhd{
    text-align:center;
    height:80px;
    background:url(../images/line.png) no-repeat center 65px;
    margin-bottom:30px;
}
.history_slide .sslide{
    display:inline-block;
}
.history_slide .sslide li{
    display:inline-block;
    width:120px;
    height:80px;
    line-height:60px;
    text-align:center;
    font-size:20px;
    color:#888;
    background-repeat:no-repeat;
    background-position:center 56px;
    background-size:10px;
    background-image:url(../images/honor_pagination.png);
    cursor:pointer;
}
.history_slide .sslide li.on{
    color:#d71518;
    font-size:28px;
    background-position:center 55px;
    background-size:20px;
    background-image:url(../images/honor_paginationo.png);
}
.history_slide .parbd{
    width:100%;
    max-width:920px;
    height:300px;
    margin:0 auto;
}
.history_slide .parbd .img_box{
    width:50%;
    height:300px;
    float:left;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.history_slide .parbd .text_box{
    width:50%;
    height:300px;
    float:left;
    background-color:#f5f5f5;
    background-repeat:no-repeat;
    background-position:right bottom;
    background-image:url(../images/angle.png);
}
.history_slide .parbd .text_box .text{
    padding:40px 80px 0 80px;
}
.history_slide .parbd .text_box .text h3{
    font-size:45px;
    color:#bbb;
}
.history_slide .parbd .text_box .text p{
    font-size:16px;
    color:#333;
    line-height:24px;
	padding-top:20px;
}
.history_slide .parbd .text_box .text i{
    display:inline-block;
    width:50px;
    height:4px;
    background:#d81a1d;
    margin-top:40px;
}
.history_slide .hsprev,
.history_slide .hsnext{
    width:55px;
    height:55px;
    display:inline-block;
    position:absolute;
    top:53%;
    background-size:55px;
    background-position:center;
    background-repeat:no-repeat;
    cursor:pointer;
    z-index: 300;
}
.history_slide .hsprev{
    left:0;
    background-image:url(../images/hprev.png);
}
.history_slide .hsnext{
    right:0;
    background-image:url(../images/hnext.png);
}



/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){

.history_slide{
    padding:40px 0;
}
.history_slide .parhd{
    height:60px;
    background:url(../images/line.png) no-repeat center 45px;
}
.history_slide .sslide li{
    width:80px;
    height:60px;
    line-height:40px;
    font-size:15px;
    background-position:center 40px;
}
.history_slide .sslide li.on{
    font-size:18px;
    background-position:center 37px;
    background-size:16px;
    background-image:url(../images/honor_paginationo.png);
}
.history_slide .parbd{
    height:auto;
}
.history_slide .parbd .img_box{
    width:100%;
    height:200px;
    float:static;
}
.history_slide .parbd .text_box{
    width:100%;
    height:200px;
    float:static;
}
.history_slide .parbd .text_box .text{
    padding:20px;
}
.history_slide .parbd .text_box .text h3{
    font-size:30px;
}
.history_slide .parbd .text_box .text p{
    font-size:14px;
}

.history_slide .hsprev,
.history_slide .hsnext{
    width:35px;
    height:35px;
    top:48%;
    background-size:35px;
}



}
/*sx*/
/*在479像素超小屏幕*/
@media (max-width:479px){

.history_slide{
    padding:40px 0;
}
.history_slide .parhd{
    height:60px;
    background:url(../images/line.png) no-repeat center 45px;
}
.history_slide .sslide li{
    width:80px;
    height:60px;
    line-height:40px;
    font-size:15px;
    background-position:center 40px;
}
.history_slide .sslide li.on{
    font-size:18px;
    background-position:center 37px;
    background-size:16px;
    background-image:url(../images/honor_paginationo.png);
}
.history_slide .parbd{
    height:auto;
}
.history_slide .parbd .img_box{
    width:100%;
    height:200px;
    float:static;
}
.history_slide .parbd .text_box{
    width:100%;
    height:200px;
    float:static;
}
.history_slide .parbd .text_box .text{
    padding:20px;
}
.history_slide .parbd .text_box .text h3{
    font-size:30px;
}
.history_slide .parbd .text_box .text p{
    font-size:14px;
}

.history_slide .hsprev,
.history_slide .hsnext{
    width:35px;
    height:35px;
    top:48%;
    background-size:35px;
}


}






.service{
    padding:50px 0;
}
.service .service_box{
    margin-bottom:25px;
}
.service .service_box h3{
    color:#444;
    font-size:16px;
    line-height:26px;
    font-weight: bold;
}
.service .service_box{
    color:#444;
    font-size:15px;
    line-height:25px;
}
.service .service_box img{
    max-width:100%;
}






/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){
.service .service_box{
    margin:0 10px;
}


}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){
.service .service_box{
    margin:0 10px;
}

}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){
.service .service_box{
    margin:0 10px;
}

}
/*sx*/
/*在479像素超小屏幕*/
@media (max-width:479px){
.service .service_box{
    margin:0 10px;
}

}







/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1299px){


}

/*md*/
/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){





}

/*sm*/
/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width:480px) and (max-width:767px){





}
/*sx*/
/*在479像素超小屏幕*/
@media (max-width:479px){





}