.clearfix:before, .clearfix:after {

            content: "";

            display: table;

        }

        .clearfix:after {

            clear: both;

        }

        .clearfix {

            *zoom: 1;

        }



.pro_container{ width: 1080px; margin: 0 auto;}



.proinfo {margin:40px 0 20px 0;}

.proinfo .f-bt{font-size: 16px;margin-bottom:20px;

font-weight:300;line-height:30px;color:#3D3D3D; padding-left:65px; position: relative;}

.proinfo  .ani-line:before{

    content: '';

    position: absolute;

    display: block;

    width: 100%;

    top: 16px; left:0;

    height: 2px;

    background-color: #d3d9de;

    transition: none;

}

.proinfo .ani-line:after {

    content: '';

    position: absolute;

    display: block;

    width: 100%;

    top: 16px;left:-200%;

    height: 2px;

    background-color: #d3d9de;

    transition: none;

}

.proinfo .ani-line {

    width: 40px;

    position: absolute;

    height: 50px;

    left: 0rem;

    opacity: 1;    overflow: hidden;

}



.proinfo .ani-line:hover:before,.proinfo .active>.ani-line:before,.proinfo a:hover .ani-line:before {

transition: all .25s ease;

    left: 100%;

transition-delay: .25s;

transition-duration: .25s;

}

.proinfo .ani-line:hover:after,.proinfo .active>.ani-line:after,.proinfo a:hover .ani-line:after {

transition: all .25s ease;

    left: 0;background-color: #0766B9;

    transition-delay: 0s;

}



.pro_container {

    max-width: 1080px;

    width: 100%;

    margin: 0 auto;

}



.progjgjgrow01{
    max-width: 1440px;
    width: 100%;
    margin: auto;
    padding: 30px 0;
    background-color: #f9f9f9;
    margin-bottom: 30px;
} 



.progjgjgrow01 .box1_1 {

    padding-left: 100px;

    width: calc(50% - 30px);

    float:right;

}

.progjgjgrow01 .box1_text_h {

    padding-top: 38px;

    font-size: 30px;

    font-weight: 700;

    line-height: 45px;

    letter-spacing: 0;

    color: #3d3d3d;

}

.progjgjgrow01 .box1_text_1 {

    width: 600px;
    opacity: 1;
    font-size: 16px;
    line-height: 28px;
    color: #3d3d3d; margin-top: 20px;
}

.progjgjgrow01 .gongygyjg1 {width: 45%;float:left;}

.progjgjgrow01 .gongygyjg1 img{max-width: 100%;margin-left: 30px;}

.progjgjgrow02{margin:20px 0 100px 0;}

.progjgjgrow02 img{width: 100%;}

.progjgjgrow02 .txtarea{

    width: 100%; top: -100px; left: 0;

}



.progjgjgrow02 .txtarea .box3{

    margin:0 auto;

    width: 1400px;

	padding-left: 30px;

    padding-right: 10px;

    height: auto;

    background: #f9f9f9;


}



.progjgjgrow02 .txtarea .text_h1 {

    margin:0 auto;

    width: 580px;padding-top: 50px;

    font-size: 30px;

    font-weight: 700;

    line-height: 50px;

    text-align: center;

    letter-spacing: 0;

    color: #3d3d3d;

}

.progjgjgrow02 .txtarea .text_1 {

    padding-top: 26px;

    font-family: SourceHanSansCN-Normal;

    font-size: 16px;

    font-weight: 350;

    line-height: 26px;

    letter-spacing: 0;

}







.progjgjgrow03{margin:230px 0 100px 0; position: relative;}

.progjgjgrow03 img{width: 100%;}

.progjgjgrow03 .txtcover{

    width: 100%;height:700px; position: absolute; top: -120px; left: 0;

}







.progjgjgrow03  .text_h1_2 {

    width: 800px; margin:120px auto 0 auto;

    height: 112px;

    opacity: 1;

    font-size: 30px;

    font-weight: 700;

    line-height: 50px;

    text-align: center;

    letter-spacing: 0;

    color: #FFFFFF;

}



.progjgjgrow03  .text_2 {

    text-align: center;

    width: 800px;

    margin: 30px auto 0 auto;

    font-family: SourceHanSansCN-Regular;

    font-size: 14px;

    font-weight: 400;

    line-height: 30px;

    letter-spacing: 0;

    color: #fff;

}









.progjgjgrow03  .box4 {

    width: calc(50% - 100px); float: left;padding:30px 40px;

    height: 180px;

    background-color: #f9f9f9;

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);

}

.progjgjgrow03 .box5{margin-left: 40px;}

.progjgjgrow03  .box4_h1 {   

    height: 40px;

    opacity: 1;

    font-size: 28px;

    font-weight: bold;

    line-height: 40px;

    letter-spacing: 0em;

    color: #3d3d3d; 

    position: relative;padding-bottom: 10px; overflow:hidden;

	text-align:center;

}



.progjgjgrow03  .box4_h1:before {

content: "";display: block; bottom: 0; left:calc(50% - 20px); position: absolute; width:40px;height: 2px;

 background: #c7c5c5;

}

.progjgjgrow03  .box4_h1:after {

	content: "";display: block; bottom: 0; 

    left: calc(50% - 20px);

    position: absolute; width:0px;height: 2px;

    z-index: 2;

    background: #0766B9;

	transition: all .4s ease;

}

.progjgjgrow03 .box4:hover .box4_h1:after{width:40px;}

.progjgjgrow03  .box4_text_1 {     margin: auto;margin-top: 20px; margin-bottom:20px;

    height: 64px;

    opacity: 1;

    font-family: SourceHanSansCN-Regular;

    font-size: 14px;

    font-weight: normal;

    line-height: 32px;

    letter-spacing: 0em;

    color: #3d3d3d;    max-width: 275px

}

.progjgjgrow03  .box4_text_1 ul{margin-bottom: 20px;}



.progjgjgrow03  .box4_text_1 li{height: 30px; line-height: 32px; padding-left: 10px; position: relative;}

.progjgjgrow03  .box4_text_1 li:before {

content: "";display: block; top: 13px; left:0; position: absolute; width:3px;height: 3px;

 background: #3D3D3D; border-radius:50%;

}



.morelink {-webkit-transition: all 0.5s; height: 16px; line-height: 16px; overflow:hidden;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;}

.morelink span{width: 60px;overflow:hidden; float: left;color: #0766B9;margin-left: -60px;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.morelink em{width: 16px; height: 16px; display: inline-block;background:url(../image/arr11.png) top center no-repeat;transition: background 0.5s;

transition-duration:800ms;}

.morelink:hover em{background:url(../image/arr11.png) bottom center no-repeat;transform:rotate(360deg);}

.morelink:hover span{margin-left:0;}

.progjgjgrow03 .box4 .more{text-align:center;}

.progjgjgrow03 .box4 .more a{width: 146px; height:32px;text-align: center; line-height: 32px; display: inline-block;

 background: #fff;border:1px solid #0766b9;color: #3D3D3D; 

  border-radius:30px;

}

.progjgjgrow03 .box4 .more a:hover{ background: #0766b9; border-color: #0766b9; color:#fff;}

.progjgjgrow03 .box4:hover .more a{ background: #0766b9; border-color: #0766b9; color:#fff;}

@media only screen and (max-width:1366px) {

.progjgjgrow01 .box1_1 {padding-left: 20px; width: calc(50% - 40px);}

.progjgjgrow01 .box1_text_1{width: 100%;}

}



@media only screen and (max-width:1280px) {

.pro_container{ width: calc(100% - 40px);}

.progjgjgrow01 .box1_text_h {padding-top: 20px; font-size: 24px;line-height: 40px; }

}



@media only screen and (max-width:1024px) {

    .progjgjgrow02 .txtarea .text_h1 {font-size:24px; line-height:40px; }

    .progjgjgrow03 .box4_h1{font-size: 24px;}

    .progjgjgrow01 .box1_text_h {font-size: 20px;line-height:30px; }

    .progjgjgrow01 .box1_text_1{line-height: 20px;font-size: 12px;}

    .progjgjgrow03 .text_h1_2 {margin-top: 40px; height: auto; font-size: 24px;

     line-height: 40px; }

     .progjgjgrow03 .text_2{margin-top: 20px;}

     .progjgjgrow03 {margin: 180px 0 60px 0;}

     .progjgjgrow02 {margin: 160px 0 100px 0;}

}



@media only screen and (max-width:768px) {

.progjgjgrow01 .box1_1 {padding: 10px; width: calc(100% - 20px); float: none;}

.progjgjgrow01 .gongygyjg1 {padding: 10px; width: calc(100% - 20px); float: none; }

.progjgjgrow01 .box1_text_h{padding-top: 0;font-size: 16px;}

.progjgjgrow01{margin-top: 0;}

.progjgjgrow02 .txtarea .box3{width: calc(100% - 60px); }

.progjgjgrow02 .txtarea .text_h1{width: calc(100% - 20px);line-height: 30px; font-size: 16px;padding-top: 0px;}

.progjgjgrow02 .txtarea .box3{height: auto;padding:20px;}

.progjgjgrow02 .txtarea .text_1{font-size: 12px;line-height: 18px;padding-top: 10px;}

.progjgjgrow02 {margin: 120px 0 0 0;}

.progjgjgrow03  .box4 {

    width: calc(100% - 40px); float: none;padding:20px;

    height: 180px;

}

.progjgjgrow03 .box5{margin-left: 0;margin-top: 20px;}

.progjgjgrow03 .txtcover{height: auto;position: relative; top: 0;margin-top: -120px;}

.progjgjgrow03 {margin:40px 0;}

.progjgjgrow03 .text_h1_2,.progjgjgrow03 .text_2{color: #333;

width: calc(100% - 20px); padding:10px;}

.progjgjgrow03 .text_h1_2{font-size: 16px;line-height: 24px;margin-top: 20px;}

.progjgjgrow03 .text_2{font-size: 12px; line-height: 20px;margin-top: 0;}

.progjgjgrow03 .box4_h1{font-size: 18px;}



}