body{
    width: 100%;
    font-family: 微软雅黑;
    font-size: 15px;
    margin: 0;
    min-width:1200px;
    max-width: 1920px;
}
body, h1, h2, h3, h4, h5, p, dl, dd, ul, ol, form, input, textarea, th, td, select, figure, figcaption,p{
    margin: 0;
    padding: 0;
}

@media screen and (max-width:980px)
{
    body{
        width: 1200px;
    }
}

div{
    display: block;
}
.img_box img{
    max-width: 100%;
    max-height: 100%;
}
.img_box{
   
}
img{
    vertical-align:middle;
}
li{
    list-style: none;
    margin:0px;
}
a{
    color:inherit;
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
    font-style: normal;
    font-weight: normal;
    margin:0;
    padding: 0;
}
i{font-style: normal;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
.main{max-width: 1200px;width: 100%;margin: 0 auto;}
/*--------------------初始化-----------------------*/


.header{
    height: 93px;
    width: 100%;
    line-height: 93px;
    text-align: center;
}
.header .logo{
    display: inline-block;
    float: left;
}

.header .nav{
    display: inline-block;
}
.header .nav ul li{
    display: inline-block;
    width: 69px;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    color: #666666;
    margin: 0 25px;  
    border-bottom: 2px solid transparent;   
    text-align: center;
    transition: all 0.3s;
}
.header .nav ul li a{
    display: inline-block;
    width: 69px;
    height: 44px;
}
.header .nav ul li.on,
.header .nav ul li:hover{
    border-bottom-color:#32ad38;   
    transition: all 0.3s;
}
.search{
    float: right;
    height: 34px;
    margin-top: 31px;
}
#search_text{
    border: 1px solid rgb(229, 229, 229);
    background-color: rgb(243, 243, 243);
    width: 225px;
    height: 32px;
    float: left; 
    text-indent: 10px;   
}
#header_sub{
    background: url(../images/search.png) #5b5b5b no-repeat center;
    width: 35px;
    height: 34px;    
    border: none;
    float: right;
    margin-left: 5px;
}


.banner{
    width: 100%;
    position: relative;
}
.banner img{
    width: 100%;
}
.banner_prev{
    border-radius: 4px;
    background-color: rgba(54, 54, 54,0.26);
    width: 40px;
    height: 84px;
    line-height: 84px;
    text-align: center;
    color: #fff;
    font-family: '宋体';
    font-size: 40px;
    position: absolute;
    top: 42%;  
    left: 227px;
    z-index: 999;
}
.banner_next{
    border-radius: 4px;
    background-color: rgba(54, 54, 54,0.26);
    width: 40px;
    height: 84px; 
    line-height: 84px;
    text-align: center;
    color: #fff;
    font-family: '宋体';
    font-size: 40px;
    position: absolute;
    top: 42%; 
    right: 227px;
    z-index: 999;
}

.banner .swiper-pagination{
    bottom: 30px;
    width: 100%;
}
.banner .swiper-pagination .swiper-pagination-bullet{
    margin: 0 5px;
    width: 10px;
    height: 10px;     
    background: #fff;
    border: 2px solid #fff;
    opacity: 1;
    transition: all 0.3s;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
    background: transparent;
    opacity: 1;
    transition: all 0.3s;
}


.index_pro{
    background-color: rgb(244, 244, 244);
    height: 880px;  
    padding-top: 105px;  
}
.index h1{
    font-size: 27px;
    font-family: "Arial";
    color: rgb(102, 102, 102);  
    text-transform: uppercase; 
    margin-bottom: 4px;
}
.index h2{
    font-size: 38px;
    color: #272727;  
    text-transform: uppercase; 
    font-weight: bold;
}
.index h2 i{
    font-weight: normal;
    color: #666666;
    font-size: 16px;
    margin-left: 16px;
}
.index_pro_list{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 90px;
}
.index_pro_list ul li{
    position: relative;
    display: inline-block;
}
.index_pro_list ul li:nth-child(2){
    margin: 0 64px;
}
.index_pro_list ul li .img_box{
    width: 354px;
    height: 470px;
    line-height: 470px;
}
.index_pro_list ul li .mask{
    top: 0;
    right: 0;
    width: 354px;
    height: 470px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.49);   
    background-image: url(../images/mask_frame.png);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    visibility: hidden;
    transition: all 0.3s;
    opacity: 0;
}
.index_pro_list ul li p{
    width: 354px;
    height: 75px; 
    line-height: 75px;
    font-size: 16px;
    color: rgb(68, 68, 68);
    text-transform: uppercase;  
    background: #dbdbdb;    
    text-indent: 17px;
    margin-top: 8px;  
    text-align: left;
    position: relative;
}
.index_pro_list p::after{
    width: 26px;
    height: 25px;
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    display: inline-block;
    background: url(../images/Triangle0.png) no-repeat center;
    transition: all 0.3s;
}
.index_pro_list ul li:hover p::after{
    background: url(../images/Triangle1.png) no-repeat center;
    transition: all 0.3s;
}
.index_pro_list ul li a:hover .mask{
    visibility: visible;
    transition: all 0.3s;
    opacity: 1;
}
.index_pro_list .mask h3{
    font-size: 18px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;  
    margin: 129px 0 0 0;   
}
.index_pro_list .mask h4{
    font-size: 80px;
    color: #fff;
}
.index_pro_list .mask i{
    font-size: 15px;
    font-family: "Arial";
    color: rgb(255, 255, 255);
    text-transform: uppercase; 
    margin-top: 28px;  
}
.index_pro .main>a{
    width: 150px;
    height: 24px;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    font-family: "Arial";
    color: rgb(102, 102, 102);
    text-align: center;
    line-height: 26px;
    background-image: url(../images/go_black.png);
    background-repeat: no-repeat;
    background-position-x: 134px;
    background-position-y: center;
}
.index_about{
    height: 440px;
    padding: 80px 0 100px 0;
}

.index_about_content{margin-top: 55px;}
.index_about_content .img_box{
    width: 490px;
    height: 295px;
    display: inline-block;
}
.index_about_content .text_box{
    width: 656px;
    display: inline-block;
    font-size: 15px;
    color: rgb(68, 68, 68);
    text-transform: uppercase;  
    float: right;   
    line-height: 25px;
    padding: 18px 0 11px 0;
}
.index_about_content .text_box>a{
    background-color: rgb(40, 169, 46);
    width: 171px;
    height: 38px;  
    line-height: 38px;   
    font-size: 15px;
    font-family: "Arial";
    color: rgb(255, 255, 255);  
    display: inline-block;  
    background-image: url(../images/go_white.png);
    background-repeat: no-repeat;
    background-position-x: 127px;
    background-position-y: center;
    text-indent: 20px;
    margin-top: 50px;
}

.index_history{
    background: url(../images/history_bg.png) no-repeat center;
    height: 581px;
    padding-top: 86px;
}
.index_history h1{
    font-size: 39px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-indent: 170px;
}
.index_history h2{
    font-size: 29px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 50px;
    text-indent: 170px;
}
.index_history .bd {
    width: 1021px;
    display: inline-block;
    float: right;
    overflow: hidden;
}
.index_history .bd .img_box{
    width: 509px;
    height: 217px;
    display: inline-block;
    float: left;
}
.index_history .bd .text_box{
    display: inline-block;
    width: 440px;
    height: 217px;
    margin-left: 48px;
    overflow: hidden;
}
.index_history .bd .text_box h3{
    font-size: 30px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;     
}
.index_history .bd .text_box p{
    font-size: 15px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;    
    width: 430px;   
    display: inline-block;
    margin-top: 23px;
    line-height: 26px;
}

.hd{
    margin-top: 85px;
    position: relative;
    width: 1021px;
    height: 55px;
    float: right;
}
.hd .swiper-container{
    background: url(../images/history_line_bg.png) no-repeat;
    background-position-x: right;
    background-position-y: 7px;
}
.hd .swiper-slide{
    width: 50px;
    text-align: center;
    
}
.hd .swiper-slide span{
    width: 12px;
    height: 12px;
    border:2px solid #fff;
    border-radius: 13px;
    background: #4bb446;
    display: inline-block; 
    transition: all 0.3s;
}
.hd .swiper-slide i{
    font-size: 20px;
    font-family: "Arial";
    color: rgb(255, 255, 255);
    text-transform: uppercase;  
    margin-top: 13px;
    display: block;   
}
.hd .swiper-slide.on span{
    background: #fff;
    transition: all 0.3s;
}
.history_prev,.history_next{
    border-radius: 40px;
    background-color: rgb(255, 255, 255);
    width: 40px;
    height: 40px; 
    font-family: "宋体";
    font-size: 28px;
    text-align: center;
    line-height: 40px;  
    position: absolute;  
    color: #4bb446; 
    z-index: 999;
}
.history_prev{top: -11px;left: 0;}
.history_next{top: -11px;right: 0;}


.index_video{
    background: url(../images/video_bg.png) no-repeat center;
    padding-bottom: 100px;
    padding-top: 109px;
}
.index_video .video{
    width: 1200px;
    margin-top: 52px;
}
.index_video  video{
    width: 1200px;
}

.footer{
    background-color: rgb(45, 45, 45);
    height: 119px;
    line-height: 119px;
    padding: 50px 0;
}
.footer .logo{
    display: inline-block;
    float: left;
}
.footer .text_box{
    width: 700px;
    display: inline-block;
    line-height: 30px;
    padding: 0 30px;
    margin-left: 40px;
    margin-top: 40px;
    border-left: 1px solid #626262;
}
.footer .text_box p{
    display: inline-block;
    font-size: 15px;
    color: rgb(164, 164, 164);
    text-transform: uppercase;   
}
.Qr{
    float: right;
    position: relative;
    margin-top: 45px;
}
.Qr>.img_box{
    width: 43px;
    height: 43px;
    line-height: 43px;
}
.Qr:hover .Qrshow{
    opacity: 1;
    transition: all 0.4s;
    top: -160px;
    visibility: visible;
}
.Qrshow{
    position: absolute;
    width: 140px;
    height: 140px;
    background: rgba(124, 124, 124, .5);
    top: -140px;
    left: -50px;
    opacity: 0;
    transition: all 0.3s;
    visibility: hidden;
}
.Qrshow .img_box{
    width: 125px;
    height: 125px;
    background: #272727;
    margin: 7px auto;
}

.inner_base{
    background: #f1f1f1;
    position: relative;
    padding-top: 23px;
    padding-bottom: 56px;
}
.base_main{
    width: 1166px;
    background: #fff;
    padding: 28px 34px 0 21px;
}
.right{
    float: right;
    width: 830px;
    padding-bottom: 50px;
}
.left_nav .nav_top{
    background-image: -moz-linear-gradient( -90deg, rgb(18,120,204) 0%, rgb(1,85,157) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(18,120,204) 0%, rgb(1,85,157) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(18,120,204) 0%, rgb(1,85,157) 100%);
    width: 250px;
    height: 134px;     
}
.left_nav{display: inline-block;}
.left_nav .nav_top h1{
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;   
    margin: 46px 0 0 25px;  
    display: inline-block;
}
.left_nav .nav_top h2{
    font-size: 22px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;      
    margin: 13px 0 0 25px;
}
.left_nav .nav_list{
    border-bottom: 1px solid #c9c9c9;
}
.left_nav .nav_list ul li{
    font-size: 15px;
    width: 250px;
    height: 49px;     
    color: rgb(102, 102, 102);   
    line-height: 49px;
}
.left_nav .nav_list ul li a{
    display: inline-block;
    width: 250px;
    height: 49px;
    text-indent: 25px;
}
.left_nav .nav_list ul li.on{
    color: #fff;
    background-color: rgb(50, 173, 56);
}
.location{
    width: 830px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #c9c9c9;
    font-size: 15px;
    color: rgb(102, 102, 102);
    text-transform: uppercase;     
}
.about_content{
    margin-top: 46px;
    font-size: 15px;
    color: rgb(68, 68, 68);    
}
.about_content p{
    line-height: 25px;
}
.about_video{
    margin-top: 50px;
}
.inner_history{
    margin-right: 48px;
}

.inner_history{
    margin-top: 39px;
    background: url(../images/inner_history_line_bg.png);
    background-repeat: repeat-y;
    background-position-x: 113px;
}
.inner_history ul li{
    width: 816px;
    height: 368px;
    margin-bottom: 30px;
}
.inner_history ul li .img_box{
    width: 508px;
    height: 217px;
    margin-bottom: 40px;
}
.inner_history ul li h1{
    font-size: 24px;
    color: rgb(68, 68, 68);
    text-transform: uppercase;  
    font-style: italic;   
    display: inline-block;
    float: left;
}
.inner_history ul li span{
    width: 16px;
    height: 16px;
    border:3px solid #32ad38;
    border-radius: 16px;
    background: #fff;
    display: inline-block; 
    margin: 5px 30px 0 23px;
}
.inner_history ul li p{
    font-size: 15px;
    color: rgb(68, 68, 68);
    text-transform: uppercase;
    width: 652px;  
    line-height: 26px;   
    display: inline-block;
    float: right;
}


.pro_list{
    text-align: left;
 
}
.pro_list ul{
    margin-bottom: 70px;
}
.pro_list ul li{
    position: relative;
    display: inline-block;
}
.pro_list ul li:nth-child(n-3){
    margin-top: 60px;
}
.pro_list ul li:nth-child(3n-1){
    margin: 0 28px;
}
.pro_list ul li .img_box{
    width: 255px;
    height: 338px;
    line-height: 338px;
    text-align: center;
}
.pro_list ul li .mask{
    top: 0;
    right: 0;
    width: 255px;
    height: 338px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.49);   
    background-image: url(../images/mask_frame.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 225px auto;
    text-align: center;
    visibility: hidden;
    transition: all 0.3s;
    opacity: 0;
}
.pro_list ul li p{
    width: 255px;
    height: 54px; 
    line-height: 54px;
    font-size: 16px;
    color: rgb(68, 68, 68);
    text-transform: uppercase;  
    background: #dbdbdb;    
    text-indent: 17px;
    margin-top: 8px;  
    text-align: left;
    position: relative;
}
.pro_list p::after{
    width: 26px;
    height: 25px;
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    display: inline-block;
    background: url(../images/Triangle0.png) no-repeat;
    transition: all 0.3s;
    background-size: 20px auto;
    background-position-x: right;
    background-position-y: bottom;
}
.pro_list ul li:hover p::after{
    background: url(../images/Triangle1.png) no-repeat;
    background-size: 20px auto;
    transition: all 0.3s;
    background-position-x: right;
    background-position-y: bottom;
}
.pro_list ul li a:hover .mask{
    visibility: visible;
    transition: all 0.3s;
    opacity: 1;
}
.pro_list .mask h3{
    font-size: 13px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;  
    margin: 101px 0 0 0;   
}
.pro_list .mask h4{
    font-size: 50px;
    color: #fff;
}
.pro_list .mask i{
    font-size: 11px;
    font-family: "Arial";
    color: rgb(255, 255, 255);
    text-transform: uppercase; 
    margin-top: 28px;  
}
.page{
    border-top:1px solid #dcdcdc;
    text-align: left;
    padding: 23px 0; 
}
.page a{
    font-size: 16px;
    color: #666666;   
    margin: 0 9px;
}
.page a.on{
    text-decoration: underline;
    color: #444444;
}
.page a:first-child{
    margin-left: 0;
}
.page a:hover{
    text-decoration: underline;
    color: #444444;
}

.pro_view{
    padding-top: 58px;
    position: relative;
    margin-bottom: 67px;
}
.pro_view_pic {
    float: left;
    outline: 1px solid #d9d9d9;
}
.pro_view_pic .img_box{
    width: 314px;
    height: 418px; 
    line-height: 418px;
    text-align: center;   
}
.pro_view .logo{
    width: 210px;
    height: 74px;     
    position: absolute;
    right: 0;
    top: 333px; 
}
.pro_detail{
    display: inline-block;
    margin-left: 67px;
    height: 420px;
}
.pro_detail h1{
    font-size: 22px;
    color: rgb(68, 68, 68);
    text-transform: uppercase;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
}
.pro_detail .img_box{
    width: 290px;
    height: 336px;
	color: #444444;   
}
.parameter h1{
    height: 54px;
    line-height: 54px;
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 30px;
    font-size: 20px;
    color: #444444;
    text-transform: uppercase;     
}
.parameter .img_box{
    width: 831px;
    height: 294px;
    line-height: 294px;
}

.links{
    margin-top: 47px;
    text-align: left;
}
.links ul li{
    width: 240px;
    display: inline-block;
    margin-bottom: 45px;
}
.links ul li:nth-child(3n-1){
    margin-right: 50px;
    margin-left: 50px;
}
.links ul li .img_box{
    width: 240px;
    height: 108px;
}
.links ul li  p{
    width: 240px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: rgb(102, 102, 102);
    /*text-transform: uppercase; */ 
    text-align: center;    
}
.contact{
    margin-top: 56px;
}
.contact ul li{
    font-size: 15px;
    color: rgb(68, 68, 68);
    text-transform: uppercase;  
    height: 36px;
    line-height: 36px;   
    text-indent: 60px;
    display: inline-block;
}
.contact ul li:last-child{
    margin-left: 50px;
}
.contact .phone{
    background: url(../images/phone_icon.png) no-repeat;
    background-position-x: left;
    background-position-y: center;
}
.contact .loca{
    background: url(../images/loaction_icon.png) no-repeat;
    background-position-x: left;
    background-position-y: center;
}
.contact .map{
    width: 830px;
    height: 377px;
    margin-top: 34px;
}

.message{margin-top: 36px;}
.message p{
    font-size: 15px;
    color: rgb(218, 0, 0);
    line-height: 26px;    
    margin-bottom: 43px; 
}
.message input{
    border-width: 1px;
    border-color: rgb(210, 210, 210);
    border-style: solid;
    background-color: rgb(248, 248, 248);
    width: 404px;
    height: 43px;   
    line-height: 43px;  
    font-size: 15px;
    color: rgb(102, 102, 102);
    text-align: Left;  
    text-indent: 12px;
    margin-bottom: 17px;   
}
.message textarea{
    border-width: 1px;
    border-color: rgb(210, 210, 210);
    border-style: solid;
    background-color: rgb(248, 248, 248);
    width: 787px;
    height: 127px;
    line-height: 26px;
    resize: none;
    padding: 12px 14px;     
    font-size: 15px;
    color: rgb(102, 102, 102);    
    font-family: '微软雅黑'; 
    margin-bottom: 36px;
}
#check{
    border-width: 1px;
    border-color: rgb(210, 210, 210);
    border-style: solid;
    background-color: rgb(248, 248, 248);
    width: 183px;
    height: 43px;     
}
.message form .check{
    display: inline-block;
    margin-left: 9px;
}
#sub{
    background-color: rgb(50, 173, 56);
    width: 406px;
    height: 45px;    
    font-size: 15px;
    color: rgb(255, 255, 255);
    line-height: 45px;     
    border: none;
    float: right;
}