.pro_no1{width:130px;text-align:center;line-height:58px;line-height:58px; margin_left:5px; margin-right:5px; background:#333333; display:inline-block;border-radius:30px; margin-bottom:10px}
.pro_no1 .lili{width:130px;text-align:center;line-height:48px;line-height:48px; text-align:center;color:#ffffff; font-size:14px; cursor:pointer}
.pro_no1 .lili a{ width:130px; height:48px;  display:block; color:#ffffff; font-size:14px}
.pro_no1 .lili a:hover{ width:130px; height:48px;  display:block; color:#ffffff; font-size:14px;}

.pro_yes1{width:130px;text-align:center;line-height:58px;line-height:58px;background:#ba0000; margin_left:5px; margin-right:5px; display:inline-block;border-radius:30px; margin-bottom:10px}
.pro_yes1 .lili{width:130px;text-align:center;line-height:48px;line-height:48px; text-align:center;  color:#ffffff; font-size:14px; cursor:pointer}
.pro_yes1 .lili a{ width:130px; height:48px;  display:block; color:#ffffff; font-size:14px;}
.pro_yes1 .lili a:hover{ width:130px; height:48px; display:block; color:#ffffff; font-size:14px}


.container{ width: 1400px; margin:auto }
#Content{ width:1400px; margin:auto}
@media screen and (max-width:1400px) {
.container{ width: 1000px; margin:auto }
#Content{ width:100%; margin:auto}	
}
@media screen and (max-width:1024px) {
.container{ width: 100%; margin:auto }
#Content{ width:100%; margin:auto}	
}
@media screen and (max-width:781px) {
.container{ width: 100%; margin:auto }
#Content{ width:100%; margin:auto}	
}
@media screen and (max-width:481px) {
.container{ width: 100%; margin:auto }
#Content{ width:100%; margin:auto}	
}	











.index_product{width:100%; margin:auto;}
.index_productclass{ width:1200px; margin:auto; text-align:center; line-height:40px}
.index_product_body{ width:1400px; margin:auto}
.index_product_pro_body{width:25%;  float:left; padding-top:5px; padding-bottom:5px}
.index_product_pro_body_img{ width:300px; height:300px; overflow:hidden; margin:auto; text-align:center; margin-top:20px}
.index_product_pro_body_img img{ width:300px; height:300px}
.index_product_pro_body_title{width:300px; text-align:center; line-height:45px; margin:auto; background:#1a1d86; color:#ffffff}
.index_product_pro_body_title a{ color:#ffffff; width:100%; height:auto; display:block}
.index_product_pro_body_title a:hover{ color:#ffffff; width:100%; height:auto; display:block}

@media screen and (max-width:1400px) {
.index_product{width:100%; margin:auto;}
.index_productclass{ width:1000px; margin:auto; text-align:center; line-height:40px}	
.index_product_body{ width:100%; margin:auto}
.index_product_pro_body{width:25%;  float:left; padding-top:5px; padding-bottom:5px}
.index_product_pro_body_img{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:20px}
.index_product_pro_body_img img{ width:100%; height:auto}
.index_product_pro_body_title{width:90%; text-align:center; line-height:45px; margin:auto; background:#1a1d86; color:#ffffff}
.index_product_pro_body_title a{ color:#ffffff; width:100%; height:auto; display:block}
.index_product_pro_body_title a:hover{ color:#ffffff; width:100%; height:auto; display:block}
	
}
@media screen and (max-width:1024px) {
.index_product{width:100%; margin:auto;}
.index_productclass{ width:700px; margin:auto; text-align:center; line-height:40px}
.index_product_body{ width:100%; margin:auto}
.index_product_pro_body{width:25%;  float:left; padding-top:5px; padding-bottom:5px}
.index_product_pro_body_img{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:20px}
.index_product_pro_body_img img{ width:100%; height:auto}
.index_product_pro_body_title{width:90%; text-align:center; line-height:45px; margin:auto; background:#1a1d86; color:#ffffff}
.index_product_pro_body_title a{ color:#ffffff; width:100%; height:auto; display:block}
.index_product_pro_body_title a:hover{ color:#ffffff; width:100%; height:auto; display:block}
}
@media screen and (max-width:781px) {
.index_product{width:100%; margin:auto}
.index_productclass{ width:90%; margin:auto; text-align:center; line-height:40px}
.index_product_body{ width:100%; margin:auto}
.index_product_pro_body{width:50%;  float:left; padding-top:5px; padding-bottom:5px}
.index_product_pro_body_img{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:20px}
.index_product_pro_body_img img{ width:100%; height:auto}
.index_product_pro_body_title{width:90%; text-align:center; line-height:45px; margin:auto; background:#1a1d86; color:#ffffff}
.index_product_pro_body_title a{ color:#ffffff; width:100%; height:auto; display:block}
.index_product_pro_body_title a:hover{ color:#ffffff; width:100%; height:auto; display:block}
}
@media screen and (max-width:481px) {
.index_product{width:100%; margin:auto;}
.index_productclass{ width:90%; margin:auto; text-align:center; line-height:40px}
.index_product_body{ width:100%; margin:auto}
.index_product_pro_body{width:100%;  float:left; padding-top:5px; padding-bottom:5px}
.index_product_pro_body_img{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:20px}
.index_product_pro_body_img img{ width:100%; height:auto}
.index_product_pro_body_title{width:90%; text-align:center; line-height:45px; margin:auto; background:#1a1d86; color:#ffffff}
.index_product_pro_body_title a{ color:#ffffff; width:100%; height:auto; display:block}
.index_product_pro_body_title a:hover{ color:#ffffff; width:100%; height:auto; display:block}
}	

















.web_body_case{ width:1400px; margin:auto}

.index_case_on{width:1400px; margin:auto; margin-bottom:30px;}
.index_case_on_img{float:left; width:700px;}
.index_case_on_img img{width:700px; height:525px}
.index_case_on_middle{ float:left; width:40px}
.index_case_on_content{ float:left; width:660px}
.index_case_on_content_1{width:100%; text-align:left; line-height:70px}
.index_case_on_content_1 a{font-size:24px; color:#ba0000; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#ba0000; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#ba0000; margin-bottom:10px}
.index_case_on_content_3{ width:100%; text-align:left; line-height:30px; padding-top:30px}
.index_case_on_content_4{ width:100%; text-align:left; line-height:30px}
.index_case_on_content_5{width: calc(100% - 40px); text-align:left; line-height:30px; height:180px; overflow:hidden; padding-right:40px}
.index_case_more{ display:block; width:130px; padding-top:30px}
.index_case_more a{width: 170px;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        height: 44px;
        text-align:center;
        border: none;
        background-size: 300% 100%; line-height:44px;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; display:block;background-image: linear-gradient(-57.87deg, #bc0210, #8a0812, #ba0000, #8a0812, #bc0210); width:170px; height:44px;border-radius: 50px;}
 .index_case_more a:hover{  background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; display:block; color:#ffffff;background-image: linear-gradient(-57.87deg, #bc0210, #8a0812, #ba0000, #8a0812, #bc0210); width:170px; height:44px;border-radius: 50px;}

.index_case_list{ width:1400px; margin:auto; padding-bottom:30px}

#demost {
overflow:hidden;
width: 100%;
height:175px;
}
#indemo {
float: left;
width: 800%;
}
#demo1e {
float: left;
}
#demo211 {
float: left;
}

.project_smallc_pic{ float:left; margin-left:10px; margin-right:10px}
.project_smallc_pic img{ width:220px; height:165px; border:5px solid #f0f0f0}
.project_smallc_pic:hover img{ width:220px; height:165px; border:5px solid #ba0000}

@media screen and (max-width:1400px) {
.index_case_on{width:1000px; margin:auto; padding-bottom:30px}
.index_case_on_img{float:left; width:500px;}
.index_case_on_img img{width:500px; height:auto}
.index_case_on_middle{ float:left; width:40px}
.index_case_on_content{ float:left; width:460px}
.index_case_on_content_1{width:100%; text-align:left; line-height:70px}
.index_case_on_content_1 a{font-size:24px; color:#ba0000; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#ba0000; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#ba0000}
.index_case_on_content_3{ width:100%; text-align:left; line-height:30px; padding-top:30px}
.index_case_on_content_4{ width:100%; text-align:left; line-height:30px}
.index_case_on_content_5{width:100%; text-align:left; line-height:30px; height:120px; overflow:hidden}
.index_case_more{ display:block; width:130px; padding-top:10px}
.index_case_more a{width: 170px;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        height: 44px;
        text-align:center;
        border: none;
        background-size: 300% 100%; line-height:44px;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; display:block;background-image: linear-gradient(-57.87deg, #bc0210, #8a0812, #ba0000, #8a0812, #bc0210); width:170px; height:44px;border-radius: 50px;}
 .index_case_more a:hover{  background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; display:block; color:#ffffff;background-image: linear-gradient(-57.87deg, #bc0210, #8a0812, #ba0000, #8a0812, #bc0210); width:170px; height:44px;border-radius: 50px;}

.index_case_list{ width:1000px; margin:auto; padding-bottom:30px}
.web_body_case{ width:100%; margin:auto}

}



@media screen and (max-width:1024px) {
.index_case_on{width:100%; margin:auto; padding-bottom:30px}
.index_case_on_img{float:left; width:50%;}
.index_case_on_img img{width:100%; height:auto}
.index_case_on_middle{ float:left; width:2%}
.index_case_on_content{ float:left; width:48%}
.index_case_on_content_1{width:100%; text-align:left; line-height:35px}
.index_case_on_content_1 a{font-size:24px; color:#ba0000; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#ba0000; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#ba0000}
.index_case_on_content_3{ width:100%; text-align:left; line-height:25px; padding-top:10px}
.index_case_on_content_4{ width:100%; text-align:left; line-height:25px}
.index_case_on_content_5{width:100%; text-align:left; line-height:25px; height:100px; overflow:hidden}
.index_case_more{ display:block; width:130px; padding-top:30px}
.index_case_more a{width: 170px;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        height: 44px;
        text-align:center;
        border: none;
        background-size: 300% 100%; line-height:44px;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; display:block;background-image: linear-gradient(-57.87deg, #bc0210, #8a0812, #ba0000, #8a0812, #bc0210); width:170px; height:44px;border-radius: 50px;}
 .index_case_more a:hover{  background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; display:block; color:#ffffff;background-image: linear-gradient(-57.87deg, #bc0210, #8a0812, #ba0000, #8a0812, #bc0210); width:170px; height:44px;border-radius: 50px;}

.index_case_list{ width:100%; margin:auto; padding-bottom:30px}	
}

@media screen and (max-width:781px) {
.web_body_case{ width:90%; margin:auto}

.index_case_on{width:98%; margin:auto; padding-bottom:30px}
.index_case_on_img{float:left; width:100%;}
.index_case_on_img img{width:100%; height:auto;}
.index_case_on_middle{ float:left; width:100%}
.index_case_on_content{ float:left; width:100%}
.index_case_on_content_1{width:100%; text-align:left; line-height:35px;}
.index_case_on_content_1 a{font-size:24px; color:#ba0000; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#ba0000; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#ba0000}
.index_case_on_content_3{ width:100%; text-align:left; line-height:25px; padding-top:10px}
.index_case_on_content_4{ width:100%; text-align:left; line-height:25px}
.index_case_on_content_5{width:100%; text-align:left; line-height:25px; height:auto; overflow:hidden}
.index_case_more{ display:block; width:130px; padding-top:10px}
.index_case_more a{width: 170px;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        height: 44px;
        text-align:center;
        border: none;
        background-size: 300% 100%; line-height:44px;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; display:block;background-image: linear-gradient(-57.87deg, #bc0210, #8a0812, #ba0000, #8a0812, #bc0210); width:170px; height:44px;border-radius: 50px;}
 .index_case_more a:hover{  background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; display:block; color:#ffffff;background-image: linear-gradient(-57.87deg, #bc0210, #8a0812, #ba0000, #8a0812, #bc0210); width:170px; height:44px;border-radius: 50px;}

.index_case_list{ width:100%; margin:auto; padding-bottom:30px}		
}

@media screen and (max-width:481px) {
.index_case_on{width:98%; margin:auto; padding-bottom:30px}
.index_case_on_img{float:left; width:100%;}
.index_case_on_img img{width:100%; height:auto;}
.index_case_on_middle{ float:left; width:100%}
.index_case_on_content{ float:left; width:100%}
.index_case_on_content_1{width:100%; text-align:left; line-height:35px;}
.index_case_on_content_1 a{font-size:24px; color:#ba0000; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#ba0000; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#ba0000}
.index_case_on_content_3{ width:100%; text-align:left; line-height:25px; padding-top:10px}
.index_case_on_content_4{ width:100%; text-align:left; line-height:25px}
.index_case_on_content_5{width:100%; text-align:left; line-height:25px; height:auto; overflow:hidden}
.index_case_more{ display:block; width:130px; padding-top:10px}
.index_case_more a{width: 170px;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        height: 44px;
        text-align:center;
        border: none;
        background-size: 300% 100%; line-height:44px;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; display:block;background-image: linear-gradient(-57.87deg, #bc0210, #8a0812, #ba0000, #8a0812, #bc0210); width:170px; height:44px;border-radius: 50px;}
 .index_case_more a:hover{  background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; display:block; color:#ffffff;background-image: linear-gradient(-57.87deg, #bc0210, #8a0812, #ba0000, #8a0812, #bc0210); width:170px; height:44px;border-radius: 50px;}

.index_case_list{ width:100%; margin:auto; padding-bottom:30px}		

#demost {
overflow:hidden;
width: 100%;
height:175px;
}
#indemo {
float: left;
width: 800%;
}
#demo1e {
float: left;
}
#demo211 {
float: left;
}
}


.ly{width:100%; margin:auto;background:url(../images/index_yy.jpg) center top no-repeat}
.ly_body{ width:1400px; margin:auto; padding-bottom:60px}
.ly_li{ float:left; width:33.3%; padding-top:25px; padding-bottom:25px}
.ly_li_li{width:100%; margin:auto; text-align:center}
.ly_li_li img{ width:329px}
@media screen and (max-width:1400px) {
.ly{width:100%; margin:auto;background:url(../images/index_yy.jpg) center top no-repeat}
.ly_body{ width:1000px; margin:auto; padding-bottom:60px}
.ly_li{ float:left; width:33.3%; padding-top:25px; padding-bottom:25px}
.ly_li_li{width:100%; margin:auto; text-align:center}
.ly_li_li img{ width:300px}
}

@media screen and (max-width:1024px) {
.ly{width:100%; margin:auto;background:url(../images/index_yy.jpg) center top no-repeat}
.ly_body{ width:100%; margin:auto; padding-bottom:60px}
.ly_li{ float:left; width:33.3%; padding-top:25px; padding-bottom:25px}
.ly_li_li{width:100%; margin:auto; text-align:center}
.ly_li_li img{ width:80%}	
}

@media screen and (max-width:781px) {
.ly{width:100%; margin:auto;background:url(../images/index_yy.jpg) center top no-repeat}
.ly_body{ width:100%; margin:auto; padding-bottom:60px}
.ly_li{ float:left; width:50%; padding-top:25px; padding-bottom:25px}
.ly_li_li{width:100%; margin:auto; text-align:center}
.ly_li_li img{ width:80%}	
}

@media screen and (max-width:481px) {
.ly{width:100%; margin:auto;background:url(../images/index_yy.jpg) center top no-repeat}
.ly_body{ width:100%; margin:auto; padding-bottom:60px}
.ly_li{ float:left; width:50%; padding-top:25px; padding-bottom:25px}
.ly_li_li{width:100%; margin:auto; text-align:center}
.ly_li_li img{ width:80%}	
}


.con{width: 1400px;margin-top: 10px; margin:auto;}
.proa li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:1400px; height:210px;}
.proa li a.proa{  margin-right:20px; width:250px; height:188px; position:absolute; left: 10px; top:10px;}
.proa li a img{width:250px; height:188px; }
.proa li h2 a{ color:#444; font-size:18px; position:absolute; left:270px; top:10px;line-height:40px;width:1100px;}
.proa li p{ position:absolute;left:270px; top:40px;width:1100px; height:65px; color:#666; font-size:16px; line-height:30px; padding-top:20px}
.proa li a.more{ position:absolute; right:10px; top:160px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa li:hover a{ color:#ba0000; border-color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }


@media screen and (max-width:1400px) {
.con{width: 100%;margin-top: 10px; margin:auto;}
.proa li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:100%; height:210px;}
.proa li a.proa{  margin-right:20px; width:20%; position:absolute; left: 10px; top:10px;}
.proa li a img{width:100%;}
.proa li h2 a{ color:#444; font-size:18px; position:absolute; left:25%; top:10px;line-height:40px;width:75%;}
.proa li p{ position:absolute;left:25%; top:40px;width:75%; height:110px; color:#666; font-size:16px; line-height:30px; padding-top:20px; overflow:hidden}
.proa li a.more{ position:absolute; right:10px; top:160px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa li:hover a{ color:#ba0000; border-color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
}

@media screen and (max-width:1024px) {
.con{width: 100%;margin-top: 10px; margin:auto;}
.proa li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:100%; height:210px;}
.proa li a.proa{  margin-right:20px; width:20%; position:absolute; left: 10px; top:10px;}
.proa li a img{width:100%;}
.proa li h2 a{ color:#444; font-size:18px; position:absolute; left:25%; top:10px;line-height:40px;width:75%;}
.proa li p{ position:absolute;left:25%; top:40px;width:75%; height:110px; color:#666; font-size:16px; line-height:30px; padding-top:20px; overflow:hidden}
.proa li a.more{ position:absolute; right:10px; top:160px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa li:hover a{ color:#ba0000; border-color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
}

@media screen and (max-width:781px) {
.con{width: 100%;margin-top: 10px; margin:auto;}
.proa li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:100%; height:210px;}
.proa li a.proa{  margin-right:20px; width:40%; position:absolute; left: 10px; top:10px;}
.proa li a img{width:100%;}
.proa li h2 a{ color:#444; font-size:18px; position:absolute; left:45%; top:10px;line-height:40px;width:55%;}
.proa li p{ position:absolute;left:45%; top:40px;width:55%; height:110px; color:#666; font-size:16px; line-height:30px; padding-top:20px; overflow:hidden}
.proa li a.more{ position:absolute; right:10px; top:160px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa li:hover a{ color:#ba0000; border-color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
}

@media screen and (max-width:600px) {
.con{width: 100%;margin-top: 10px; margin:auto;}
.proa li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:100%; height:210px;}
.proa li a.proa{  margin-right:20px; width:40%; position:absolute; left: 10px; top:10px;}
.proa li a img{width:100%;}
.proa li h2 a{ color:#444; font-size:18px; position:absolute; left:45%; top:10px;line-height:40px;width:55%;}
.proa li p{ position:absolute;left:45%; top:40px;width:55%; height:110px; color:#666; font-size:16px; line-height:30px; padding-top:20px; overflow:hidden}
.proa li a.more{ position:absolute; right:10px; top:160px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa li:hover a{ color:#ba0000; border-color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
}

@media screen and (max-width:481px) {
.con{width: 100%;margin-top: 10px; margin:auto;}
.proa li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px;width:100%; height:450px;}
.proa li a.proa{  margin-right:0px; width:100%; position:inherit; left: 0px; top:10px}
.proa li a img{width:100%;}
.proa li h2 a{ color:#444; font-size:18px; position:inherit; left:45%; top:10px;line-height:60px;width:100%;}
.proa li p{ position:inherit;left:0%; top:0px;width:100%; height:120px; color:#666; font-size:16px; line-height:30px; padding-top:0px; overflow:hidden}
.proa li a.more{ position:inherit; left:0px; top:15px; padding:5px 10px; border:1px solid #ccc; color:#444;}
.proa li:hover a{ color:#ba0000; border-color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }

}

.pindex_1{ width:100px; height:43px; cursor:pointer; background:#ba0000; color:#b51b13}
.pindex_1 a{ color:#b51b13; font-size:16px}
.pindex_1 a:hover{ color:#b51b13; font-size:16px}









.in_pro{ width:1400px; margin:auto}
.in_pro_left{float:left; width:250px; background:#f3f3f3}
.in_pro_left_title_cn{width:100%; margin:auto; height:50px; line-height:50px; color:#000000; font-size:20px; font-weight:bold; text-align:center}
.in_pro_left_title_en{width:100%; margin:auto; height:25px; line-height:25px; color:#454545; font-size:14px;text-align:center}
.in_pro_left_title_line{width:80%; height:1px; line-height:1px; background:#cccccc; margin:auto; margin-bottom:10px}
.in_pro_case{width:250px; margin:auto}
.in_pro_case_img{width:200px; height:150px;overflow:hidden; margin:auto;}
.in_pro_case_img img{ width:200px; height:150px}
.in_pro_case_title{width:200px; text-align:center; height:40px; line-height:40px; margin:auto}
.in_pro_left_1{ display:none}
.in_pro_m{ float:left; width:20px}

.in_pro_r{float:left; width:1400px;}
.pro_b_img{width:400px; float:left;}
.pro_b_img .abc{ width:400px; height:300px}
.pro_img{ display:none}
.pro_right{width:690px; float:right;}
.pro_right_title{width:100%;padding-bottom:10px;font-size:24px; height:40px; line-height:40px; font-weight:bold; color:#000;}

.pro_right_title2{width:100%;line-height:30px; height:30px;font-size:16px}
.pro_right_title2 b{color:#000; font-size:18px}

.pro_right_title3{width:100%;line-height:30px; height:30px;font-size:16px}
.pro_right_title3 b{color:#000; font-size:18px}

.pro_right_des1{width:100%;padding-bottom:10px; line-height:25px; height:180px;overflow:auto;overflow-x:hidden;font-size:14px}
.pro_right_des1 b{color:#000; font-size:18px}

.pro_right_des{width:100%;padding-bottom:10px; line-height:25px; height:240px;overflow:auto;overflow-x:hidden; padding-top:20px; font-size:14px}
.pro_right_des b{color:#000; font-size:18px}
.pro_contact{width:100%; margin:auto; height:80px; background:#f3f3f3; margin-top:10px}
.pro_contact .l{float:left; height:80px; line-height:80px; padding-left:20px; font-size:20px; color:#ba0000}
.pro_contact .m{float:left; padding-left:10px; width:100px}
.pro_contact .m a{width:100px; height:40px; line-height:40px; background:#f57a10; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .m a:hover{width:100px; height:40px; line-height:40px; background:#ba0000; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .r{float:left; padding-left:10px; width:100px}
.pro_contact .r a{width:100px; height:40px; line-height:40px; background:#f57a10; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .r a:hover{width:100px; height:40px; line-height:40px; background:#ba0000; color:#ffffff; display:block; text-align:center; margin-top:20px}



@media screen and (max-width:1400px) {
.in_pro{ width:1000px; margin:auto}
.in_pro_left{float:left; width:250px; background:#f3f3f3}
.in_pro_left_title_cn{width:100%; margin:auto; height:50px; line-height:50px; color:#000000; font-size:20px; font-weight:bold; text-align:center}
.in_pro_left_title_en{width:100%; margin:auto; height:25px; line-height:25px; color:#454545; font-size:14px;text-align:center}
.in_pro_left_title_line{width:80%; height:1px; line-height:1px; background:#cccccc; margin:auto; margin-bottom:10px}
.in_pro_case{width:250px; margin:auto}
.in_pro_case_img{width:200px; height:150px;overflow:hidden; margin:auto;}
.in_pro_case_img img{ width:200px; height:150px}
.in_pro_case_title{width:200px; text-align:center; height:40px; line-height:40px; margin:auto}
.in_pro_left_1{ display:none}
.in_pro_m{ float:left; width:20px}

.in_pro_r{float:left; width:730px;}
.pro_b_img{width:400px; float:left;}
.pro_b_img .abc{ width:400px; height:300px}
.pro_img{ display:none}
.pro_right{width:320px; float:right;}
.pro_right_title{width:100%;padding-bottom:10px;font-size:24px; height:40px; line-height:40px; font-weight:bold; color:#000;}
.pro_right_des{width:100%;padding-bottom:10px; line-height:25px; height:230px;overflow:auto;overflow-x:hidden; padding-top:20px; font-size:14px}

.pro_right_title2{width:100%;line-height:30px; height:30px;font-size:14px}
.pro_right_title2 b{color:#000; font-size:16px}

.pro_right_title3{width:100%;line-height:30px; height:30px;font-size:14px}
.pro_right_title3 b{color:#000; font-size:16px}

.pro_right_des1{width:100%;padding-bottom:10px; line-height:25px; height:180px;overflow:auto;overflow-x:hidden;font-size:14px}
.pro_right_des1 b{color:#000; font-size:16px}


.pro_right_des b{color:#000; font-size:18px}
.pro_contact{width:100%; margin:auto; height:80px; background:#f3f3f3; margin-top:10px}
.pro_contact .l{float:left; height:80px; line-height:80px; padding-left:20px; font-size:20px; color:#ba0000; display:none}
.pro_contact .m{float:left; padding-left:10px}
.pro_contact .m a{width:100px; height:40px; line-height:40px; background:#f57a10; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .m a:hover{width:100px; height:40px; line-height:40px; background:#ba0000; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .r{float:left; padding-left:10px}
.pro_contact .r a{width:100px; height:40px; line-height:40px; background:#f57a10; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .r a:hover{width:100px; height:40px; line-height:40px; background:#ba0000; color:#ffffff; display:block; text-align:center; margin-top:20px}

.pro_content_inc{width:730px; height:43px; border-bottom:1px solid #e9f2f2; margin-top:30px}
.pindex_1b{background:#ba0000; cursor:pointer; color:#ffffff;float:left; width:110px;height:43px; line-height:43px;font-size:16px; text-align:center}
.pindex_1b a{ color:#ffffff; font-size:16px}
.pindex_1b a:hover{ color:#ffffff; font-size:16px}
.pro_content{width:730px; padding-top:20px; margin:auto; padding-bottom:20px; text-align:left; background:#ffffff;}
.pro_content img { width:100%}
	
}


@media screen and (max-width:1024px) {
.in_pro{ width:780px; margin:auto}
.in_pro_left{float:left; width:250px; background:#f3f3f3; display:none}
.in_pro_left_title_cn{width:100%; margin:auto; height:50px; line-height:50px; color:#000000; font-size:20px; font-weight:bold; text-align:center}
.in_pro_left_title_en{width:100%; margin:auto; height:25px; line-height:25px; color:#454545; font-size:14px;text-align:center}
.in_pro_left_title_line{width:80%; height:1px; line-height:1px; background:#cccccc; margin:auto; margin-bottom:10px}
.in_pro_case{width:250px; margin:auto}
.in_pro_case_img{width:200px; height:150px;overflow:hidden; margin:auto;}
.in_pro_case_img img{ width:200px; height:150px}
.in_pro_case_title{width:200px; text-align:center; height:40px; line-height:40px; margin:auto}


.in_pro_left_1{width:100%; background:#f3f3f3; display:block}
.in_pro_left_title_cn_1{width:100%; margin:auto; height:50px; line-height:50px; color:#000000; font-size:20px; font-weight:bold; text-align:center}
.in_pro_left_title_en_1{width:100%; margin:auto; height:25px; line-height:25px; color:#454545; font-size:14px;text-align:center}
.in_pro_left_title_line_1{width:80%; height:1px; line-height:1px; background:#cccccc; margin:auto; margin-bottom:10px}
.in_pro_case_1{width:33.3%; margin:auto; float:left}
.in_pro_case_img_1{width:90%;overflow:hidden; margin:auto;}
.in_pro_case_img_1 img{ width:100%}
.in_pro_case_title_1{width:90%; text-align:center; height:40px; line-height:40px; margin:auto}


.in_pro_m{ float:left; width:20px}

.in_pro_r{float:left; width:780px;}
.pro_b_img{width:400px; float:left;}
.pro_b_img .abc{ width:400px; height:300px}
.pro_img{ display:none}
.pro_right{width:370px; float:right;}
.pro_right_title{width:100%;padding-bottom:10px;font-size:24px; height:40px; line-height:40px; font-weight:bold; color:#000;}
.pro_right_des{width:100%;padding-bottom:10px; line-height:25px; height:230px;overflow:auto;overflow-x:hidden; padding-top:20px; font-size:14px}
.pro_right_des b{color:#000; font-size:18px}
.pro_contact{width:100%; margin:auto; height:80px; background:#f3f3f3; margin-top:10px}
.pro_contact .l{float:left; height:80px; line-height:80px; padding-left:20px; font-size:20px; color:#ba0000; display:none}
.pro_contact .m{float:left; padding-left:10px}
.pro_contact .m a{width:100px; height:40px; line-height:40px; background:#f57a10; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .m a:hover{width:100px; height:40px; line-height:40px; background:#ba0000; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .r{float:left; padding-left:10px}
.pro_contact .r a{width:100px; height:40px; line-height:40px; background:#f57a10; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .r a:hover{width:100px; height:40px; line-height:40px; background:#ba0000; color:#ffffff; display:block; text-align:center; margin-top:20px}

.pro_content_inc{width:780px; height:43px; border-bottom:1px solid #e9f2f2; margin-top:30px}
.pindex_1b{background:#ba0000; cursor:pointer; color:#ffffff;float:left; width:110px;height:43px; line-height:43px;font-size:16px; text-align:center}
.pindex_1b a{ color:#ffffff; font-size:16px}
.pindex_1b a:hover{ color:#ffffff; font-size:16px}
.pro_content{width:780px; padding-top:20px; margin:auto; padding-bottom:20px; text-align:left; background:#ffffff;}
}


@media screen and (max-width:781px) {
.in_pro{ width:100%; margin:auto}
.in_pro_left{float:left; width:250px; background:#f3f3f3; display:none}
.in_pro_left_title_cn{width:100%; margin:auto; height:50px; line-height:50px; color:#000000; font-size:20px; font-weight:bold; text-align:center}
.in_pro_left_title_en{width:100%; margin:auto; height:25px; line-height:25px; color:#454545; font-size:14px;text-align:center}
.in_pro_left_title_line{width:80%; height:1px; line-height:1px; background:#cccccc; margin:auto; margin-bottom:10px}


.in_pro_case{width:250px; margin:auto}
.in_pro_case_img{width:200px; height:150px;overflow:hidden; margin:auto;}
.in_pro_case_img img{ width:200px; height:150px}
.in_pro_case_title{width:200px; text-align:center; height:40px; line-height:40px; margin:auto}


.in_pro_left_1{width:100%; background:#f3f3f3;}
.in_pro_left_title_cn_1{width:100%; margin:auto; height:50px; line-height:50px; color:#000000; font-size:20px; font-weight:bold; text-align:center}
.in_pro_left_title_en_1{width:100%; margin:auto; height:25px; line-height:25px; color:#454545; font-size:14px;text-align:center}
.in_pro_left_title_line_1{width:80%; height:1px; line-height:1px; background:#cccccc; margin:auto; margin-bottom:10px}
.in_pro_case_1{width:50%; margin:auto; float:left}
.in_pro_case_img_1{width:90%;overflow:hidden; margin:auto;}
.in_pro_case_img_1 img{ width:100%}
.in_pro_case_title_1{width:90%; text-align:center; height:40px; line-height:40px; margin:auto}

.in_pro_m{ float:left; width:20px; display:none}

.in_pro_r{float:left; width:100%;}
.pro_b_img{width:100%; float:left; display:none}
.pro_b_img .abc{ width:100%; height:auto}

.pro_img{ display:block}
.pro_img img{ width:100%}


.pro_right{width:100%; float:right;}
.pro_right_title{width:100%;padding-bottom:10px;font-size:24px; height:40px; line-height:40px; font-weight:bold; color:#000;}


.pro_right_title2{width:100%;line-height:30px; height:30px;font-size:14px}
.pro_right_title2 b{color:#000; font-size:16px}

.pro_right_title3{width:100%;line-height:30px; height:30px;font-size:14px}
.pro_right_title3 b{color:#000; font-size:16px}

.pro_right_des1{width:100%;padding-bottom:10px; line-height:25px; height:auto;font-size:14px}
.pro_right_des1 b{color:#000; font-size:16px}

.pro_right_des{width:100%;padding-bottom:10px; line-height:25px; height:auto;overflow:auto;overflow-x:hidden; padding-top:20px; font-size:14px}
.pro_right_des b{color:#000; font-size:18px}
.pro_contact{width:100%; margin:auto; height:80px; background:#f3f3f3; margin-top:10px}
.pro_contact .l{float:left; height:80px; line-height:80px; padding-left:20px; font-size:20px; color:#ba0000; display:none}
.pro_contact .m{float:left; padding-left:10px}
.pro_contact .m a{width:100px; height:40px; line-height:40px; background:#f57a10; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .m a:hover{width:100px; height:40px; line-height:40px; background:#ba0000; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .r{float:left; padding-left:10px}
.pro_contact .r a{width:100px; height:40px; line-height:40px; background:#f57a10; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .r a:hover{width:100px; height:40px; line-height:40px; background:#ba0000; color:#ffffff; display:block; text-align:center; margin-top:20px}

.pro_content_inc{width:100%; height:43px; border-bottom:1px solid #e9f2f2; margin-top:30px}
.pindex_1b{background:#ba0000; cursor:pointer; color:#ffffff;float:left; width:110px;height:43px; line-height:43px;font-size:16px; text-align:center}
.pindex_1b a{ color:#ffffff; font-size:16px}
.pindex_1b a:hover{ color:#ffffff; font-size:16px}
.pro_content{width:100%; padding-top:20px; margin:auto; padding-bottom:20px; text-align:left; background:#ffffff;}
}


@media screen and (max-width:481px) {
.in_pro{ width:100%; margin:auto}

.in_pro_left_1{width:100%; background:#f3f3f3;}
.in_pro_left_title_cn_1{width:100%; margin:auto; height:50px; line-height:50px; color:#000000; font-size:20px; font-weight:bold; text-align:center}
.in_pro_left_title_en_1{width:100%; margin:auto; height:25px; line-height:25px; color:#454545; font-size:14px;text-align:center}
.in_pro_left_title_line_1{width:80%; height:1px; line-height:1px; background:#cccccc; margin:auto; margin-bottom:10px}
.in_pro_case_1{width:100%; margin:auto; float:left}
.in_pro_case_img_1{width:90%;overflow:hidden; margin:auto;}
.in_pro_case_img_1 img{ width:100%}
.in_pro_case_title_1{width:90%; text-align:center; height:40px; line-height:40px; margin:auto}
}	




.con{width: 1400px;margin-top: 10px; margin:auto;}
.proa1 li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:1400px; height:210px;}
.proa1 li a.proa{  margin-right:20px; width:250px; height:188px; position:absolute; left: 10px; top:10px;}
.proa1 li a img{width:250px; height:188px; }
.proa1 li h2 a{ color:#444; font-size:18px; position:absolute; left:270px; top:10px;line-height:40px;width:1100px;}
.proa1 li h3{ color:#666;position:absolute; left:270px; top:45px;line-height:30px;width:1100px; font-size:16px; font-weight:normal}
.proa1 li h4{ color:#666;position:absolute; left:270px; top:75px;line-height:30px;width:1100px; font-size:16px; font-weight:normal}
.proa1 li p{ position:absolute;left:270px; top:85px;width:1100px; height:65px; color:#666; font-size:16px; line-height:30px; padding-top:20px}
.proa1 li a.more{ position:absolute; right:10px; top:170px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa1 li:hover a{ color:#ba0000; border-color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }


@media screen and (max-width:1400px) {
.con{width: 100%;margin-top: 10px; margin:auto;}
.proa1 li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:100%; height:210px;}
.proa1 li a.proa{  margin-right:20px; width:20%; position:absolute; left: 10px; top:10px;}
.proa1 li a img{width:100%; height:188px;}
.proa1 li h2 a{ color:#444; font-size:18px; position:absolute; left:22%; top:10px;line-height:40px;width:78%;}

.proa1 li h3{ color:#666;position:absolute; left:22%; top:45px;line-height:30px;width:78%; font-size:16px; font-weight:normal}
.proa1 li h4{ color:#666;position:absolute; left:22%; top:75px;line-height:30px;width:78%; font-size:16px; font-weight:normal}


.proa1 li p{ position:absolute;left:22%; top:85px;width:78%; height:80px; color:#666; font-size:16px; line-height:30px; padding-top:20px; overflow:hidden}
.proa1 li a.more{ position:absolute; right:10px; top:170px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa1 li:hover a{ color:#ba0000; border-color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
}

@media screen and (max-width:1024px) {
.con{width: 100%;margin-top: 10px; margin:auto;}
.proa1 li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:100%; height:210px;}
.proa1 li a.proa{  margin-right:20px; width:20%; position:absolute; left: 10px; top:10px;}
.proa1 li a img{width:100%; height:188px; }
.proa1 li h2 a{ color:#444; font-size:18px; position:absolute; left:22%; top:10px;line-height:40px;width:78%;}

.proa1 li h3{ color:#666;position:absolute; left:22%; top:55px;line-height:30px;width:78%; font-size:16px; font-weight:normal}
.proa1 li h4{ color:#666;position:absolute; left:22%; top:85px;line-height:30px;width:78%; font-size:16px; font-weight:normal}


.proa1 li p{ position:absolute;left:22%; top:95px;width:78%; height:80px; color:#666; font-size:16px; line-height:30px; padding-top:20px; overflow:hidden}
.proa1 li a.more{ position:absolute; right:10px; top:175px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa1 li:hover a{ color:#ba0000; border-color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
}

@media screen and (max-width:781px) {
.con{width: 100%;margin-top: 10px; margin:auto;}
.proa1 li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:100%; height:210px;}
.proa1 li a.proa{  margin-right:20px; width:40%; position:absolute; left: 10px; top:10px;}
.proa1 li a img{width:100%; height:auto}
.proa1 li h2 a{ color:#444; font-size:18px; position:absolute; left:45%; top:10px;line-height:40px;width:55%;}

.proa1 li h3{ color:#666;position:absolute; left:45%; top:55px;line-height:30px;width:55%; font-size:16px; font-weight:normal}
.proa1 li h4{ color:#666;position:absolute; left:45%; top:105px;line-height:30px;width:55%; font-size:16px; font-weight:normal}

.proa1 li p{ position:absolute;left:45%; top:40px;width:55%; height:110px; color:#666; font-size:16px; line-height:30px; padding-top:20px; overflow:hidden; display:none}
.proa1 li a.more{ position:absolute; right:10px; top:160px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa1 li:hover a{ color:#ba0000; border-color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
}

@media screen and (max-width:600px) {
.con{width: 100%;margin-top: 10px; margin:auto;}
.proa1 li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:100%; height:210px;}
.proa1 li a.proa{  margin-right:20px; width:40%; position:absolute; left: 10px; top:10px;}
.proa1 li a img{width:100%; height:auto}
.proa1 li h2 a{ color:#444; font-size:18px; position:absolute; left:45%; top:10px;line-height:40px;width:55%;}

.proa1 li h3{ color:#666;position:absolute; left:45%; top:55px;line-height:30px;width:55%; font-size:16px; font-weight:normal}
.proa1 li h4{ color:#666;position:absolute; left:45%; top:105px;line-height:30px;width:55%; font-size:16px; font-weight:normal}

.proa1 li p{ position:absolute;left:45%; top:40px;width:55%; height:110px; color:#666; font-size:16px; line-height:30px; padding-top:20px; overflow:hidden; display:none}
.proa1 li a.more{ position:absolute; right:10px; top:160px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa1 li:hover a{ color:#ba0000; border-color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
}

@media screen and (max-width:481px) {
.con{width: 100%;margin-top: 10px; margin:auto;}
.proa1 li{ border-bottom:1px dotted #ccc; float:left; padding:10px; padding-bottom:30px;width:100%; height:auto;}
.proa1 li a.proa{  margin-right:0px; width:100%; position:inherit; left: 0px; top:10px}
.proa1 li a img{width:100%;}
.proa1 li h2 a{ color:#444; font-size:18px; position:inherit; left:45%; top:10px;line-height:60px;width:100%;}

.proa1 li h3{ color:#666;position:inherit; left:0px; top:0px;line-height:30px;width:100%; font-size:16px; font-weight:normal}
.proa1 li h4{ color:#666;position:inherit; left:0px; top:0px;line-height:30px;width:100%; font-size:16px; font-weight:normal}

.proa1 li p{ position:inherit;left:0%; top:0px;width:100%; height:120px; color:#666; font-size:16px; line-height:30px; padding-top:0px; overflow:hidden; display:block}
.proa1 li a.more{ position:inherit; left:0px; top:15px; padding:5px 10px; border:1px solid #ccc; color:#444;}
.proa1 li:hover a{ color:#ba0000; border-color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#ba0000;-webkit-transition: all .5s;transition: all .5s; }

}



.index_pro_tj{ width:1400px; margin:auto; padding-top:20px}
.index_pro_tj_l{ float:left; width:285px; background:#ba0000}
.index_pro_tj_m{ float:left; width:15px}
.index_pro_tj_r{ float:left; width:1100px}

.tj_l_cn{width:260x; margin:auto;line-height:50px; font-size:22px; font-weight:bold; color:#ffffff; text-align:left; padding-top:20px; padding-left:25px}
.tj_l_body{width:285px; margin:auto;}
.tj_l_line_10{width:100%; height:10px; line-height:10px}
.tj_l_line_58{width:100%; height:58px; line-height:58px}
.tj_l_pro_main{width:285px; height:50px;text-align:left;background:#ba0000; margin:auto; border-bottom:2px solid #57affb}
.tj_l_pro_l{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l a{ color:#ffffff}
.tj_l_pro_l a:hover{ color:#ffffff}
.tj_l_pro_r{float:left; height:50px; line-height:50px; padding-left:25px; color:#ffffff}
.tj_l_pro_main1{width:285px; height:50px;text-align:left;background:#085da6; margin:auto; border-bottom:2px solid #57affb}


.tj_l_pro_l{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l a{ color:#ffffff}
.tj_l_pro_l a:hover{ color:#ffffff}


.tj_l_pro_l1{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l1 a{ color:#ffffff}
.tj_l_pro_l1 a:hover{ color:#ffffff}
.tj_l_pro_r1{float:left; height:50px; line-height:50px; padding-left:50px; color:#ffffff}

.tj_l_contact_company{width:90%; text-align:left; height:60px; line-height:60px; margin:auto; color:#ffffff; font-size:22px}
.tj_l_contact_main{width:90%; line-height:30px; margin:auto; font-size:14px}

.index_pro_class_pro1{width:33.3%;  float:left; padding-top:5px; padding-bottom:5px}
.index_pro_class_pro_body1{width:360px;background:#ffffff; padding-bottom:10px}
.index_pro_class_pro_img1_top{ width:350px; height:10px; line-height:10px} 
.index_pro_class_pro_img1{ width:350px; height:263px; overflow:hidden; margin:auto; text-align:center; margin-top:10px;}
.index_pro_class_pro_img1 img{ width:350px; height:263px}
.index_pro_class_pro_title1{width:330px; height:40px; text-align:left; line-height:40px; margin:auto}
.index_pro_class_pro_smallc1{width:330px; line-height:20px; margin:auto; text-align:center; color:#999999; font-size:14px}	 

.index_pro_more1{float:left; padding-left:17px; padding-right:17px; padding-bottom:7px}
.index_pro_more1 a{width:140px; height:33px; color:#454545; text-align:center; display:block; background:#ffffff; line-height:33px; border:1px solid #cccccc}
.index_pro_more1 a:hover{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:#f47115; line-height:33px; border:1px solid #f47115}

.index_pro_more2{float:right; padding-left:7px; padding-right:7px; padding-bottom:7px}
.index_pro_more2 a{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:#f47115; line-height:33px; border:1px solid #f47115}
.index_pro_more2 a:hover{width:140px; height:33px; color:#454545; text-align:center; display:block; background:#ffffff; line-height:33px; border:1px solid #cccccc}


 @media screen and (max-width:1400px) {
	 
.index_pro_tj{ width:100%; margin:auto}
.index_pro_tj_l{ float:left; width:30%; background:#ba0000}
.index_pro_tj_m{ float:left; width:2%}
.index_pro_tj_r{ float:left; width:68%}

.tj_l_cn{width:80%; margin:auto;line-height:50px; font-size:22px; font-weight:bold; color:#ffffff; text-align:left; padding-top:20px; padding-left:25px}
.tj_l_body{width:100%; margin:auto;}
.tj_l_line_10{width:100%; height:10px; line-height:10px}
.tj_l_line_58{width:100%; height:58px; line-height:58px}
.tj_l_pro_main{width:100%; height:50px;text-align:left;background:#ba0000; margin:auto; border-bottom:2px solid #57affb}
.tj_l_pro_l{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l a{ color:#ffffff}
.tj_l_pro_l a:hover{ color:#ffffff}
.tj_l_pro_r{float:left; height:50px; line-height:50px; padding-left:25px; color:#ffffff}
.tj_l_pro_main1{width:100%; height:50px;text-align:left;background:#085da6; margin:auto; border-bottom:2px solid #57affb}


.tj_l_pro_l{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l a{ color:#ffffff}
.tj_l_pro_l a:hover{ color:#ffffff}


.tj_l_pro_l1{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l1 a{ color:#ffffff}
.tj_l_pro_l1 a:hover{ color:#ffffff}
.tj_l_pro_r1{float:left; height:50px; line-height:50px; padding-left:50px; color:#ffffff}

.tj_l_contact_company{width:90%; text-align:left; height:60px; line-height:60px; margin:auto; color:#ffffff; font-size:22px}
.tj_l_contact_main{width:90%; line-height:30px; margin:auto; font-size:14px}





.index_pro_class_pro1{width:33.3%;  float:left; padding-top:5px; padding-bottom:5px}
.index_pro_class_pro_body1{width:90%;background:#ffffff; padding-bottom:10px}
.index_pro_class_pro_img1_top{ width:100%; height:10px; line-height:10px} 
.index_pro_class_pro_img1{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:10px;}
.index_pro_class_pro_img1 img{ width:100%; height:auto}
.index_pro_class_pro_title1{width:90%; height:40px; text-align:left; line-height:40px; margin:auto}
.index_pro_class_pro_smallc1{width:90%; line-height:20px; margin:auto; text-align:center; color:#999999; font-size:14px}	 

.index_pro_more1{float:left; padding-left:1%; padding-right:1%; padding-bottom:7px; width:48%}
.index_pro_more1 a{width:80%; height:33px; color:#454545; text-align:center; display:block; background:#ffffff; line-height:33px; border:1px solid #cccccc; margin:auto}
.index_pro_more1 a:hover{width:80%; height:33px; color:#ffffff; text-align:center; display:block; background:#f47115; line-height:33px; border:1px solid #f47115; margin:auto}

.index_pro_more2{float:left; padding-left:1%; padding-right:1%; padding-bottom:7px; width:48%}
.index_pro_more2 a{width:80%; height:33px; color:#ffffff; text-align:center; display:block; background:#f47115; line-height:33px; border:1px solid #f47115; margin:auto}
.index_pro_more2 a:hover{width:80%; height:33px; color:#454545; text-align:center; display:block; background:#ffffff; line-height:33px; border:1px solid #cccccc; margin:auto}

	 }
	 
 @media screen and (max-width:1024px) {
	 
.index_pro_tj{ width:100%; margin:auto}
.index_pro_tj_l{ float:left; width:30%; background:#ba0000}
.index_pro_tj_m{ float:left; width:2%}
.index_pro_tj_r{ float:left; width:68%}

.tj_l_cn{width:80%; margin:auto;line-height:50px; font-size:22px; font-weight:bold; color:#ffffff; text-align:left; padding-top:20px; padding-left:25px}
.tj_l_body{width:100%; margin:auto;}
.tj_l_line_10{width:100%; height:10px; line-height:10px}
.tj_l_line_58{width:100%; height:58px; line-height:58px}
.tj_l_pro_main{width:100%; height:50px;text-align:left;background:#ba0000; margin:auto; border-bottom:2px solid #57affb}
.tj_l_pro_l{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l a{ color:#ffffff}
.tj_l_pro_l a:hover{ color:#ffffff}
.tj_l_pro_r{float:left; height:50px; line-height:50px; padding-left:25px; color:#ffffff}
.tj_l_pro_main1{width:100%; height:50px;text-align:left;background:#085da6; margin:auto; border-bottom:2px solid #57affb}


.tj_l_pro_l{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l a{ color:#ffffff}
.tj_l_pro_l a:hover{ color:#ffffff}


.tj_l_pro_l1{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l1 a{ color:#ffffff}
.tj_l_pro_l1 a:hover{ color:#ffffff}
.tj_l_pro_r1{float:left; height:50px; line-height:50px; padding-left:50px; color:#ffffff}

.tj_l_contact_company{width:90%; text-align:left; height:60px; line-height:60px; margin:auto; color:#ffffff; font-size:22px}
.tj_l_contact_main{width:90%; line-height:30px; margin:auto; font-size:14px}





.index_pro_class_pro1{width:33.3%;  float:left; padding-top:5px; padding-bottom:5px}
.index_pro_class_pro_body1{width:90%;background:#ffffff; padding-bottom:10px}
.index_pro_class_pro_img1_top{ width:100%; height:10px; line-height:10px} 
.index_pro_class_pro_img1{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:10px;}
.index_pro_class_pro_img1 img{ width:100%; height:auto}
.index_pro_class_pro_title1{width:90%; height:40px; text-align:left; line-height:40px; margin:auto}
.index_pro_class_pro_smallc1{width:90%; line-height:20px; margin:auto; text-align:center; color:#999999; font-size:14px}	 

.index_pro_more1{float:left; padding-left:1%; padding-right:1%; padding-bottom:7px; width:48%}
.index_pro_more1 a{width:80%; height:33px; color:#454545; text-align:center; display:block; background:#ffffff; line-height:33px; border:1px solid #cccccc; margin:auto}
.index_pro_more1 a:hover{width:80%; height:33px; color:#ffffff; text-align:center; display:block; background:#f47115; line-height:33px; border:1px solid #f47115; margin:auto}

.index_pro_more2{float:left; padding-left:1%; padding-right:1%; padding-bottom:7px; width:48%}
.index_pro_more2 a{width:80%; height:33px; color:#ffffff; text-align:center; display:block; background:#f47115; line-height:33px; border:1px solid #f47115; margin:auto}
.index_pro_more2 a:hover{width:80%; height:33px; color:#454545; text-align:center; display:block; background:#ffffff; line-height:33px; border:1px solid #cccccc; margin:auto}
	 }	 
	 
 @media screen and (max-width:781px) {
	 
.index_pro_tj{ width:100%; margin:auto}
.index_pro_tj_l{ float:left; width:100%; background:#ba0000}
.index_pro_tj_m{ float:left; width:2%}
.index_pro_tj_r{ float:left; width:100%}

.tj_l_cn{width:80%; margin:auto;line-height:50px; font-size:22px; font-weight:bold; color:#ffffff; text-align:center; padding-top:20px; padding-left:0px}
.tj_l_body{width:100%; margin:auto;}
.tj_l_line_10{width:100%; height:10px; line-height:10px}
.tj_l_line_58{width:100%; height:58px; line-height:58px}
.tj_l_pro_main{width:100%; height:50px;text-align:left;background:#ba0000; margin:auto; border-bottom:2px solid #57affb}
.tj_l_pro_l{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l a{ color:#ffffff}
.tj_l_pro_l a:hover{ color:#ffffff}
.tj_l_pro_r{float:left; height:50px; line-height:50px; padding-left:25px; color:#ffffff}
.tj_l_pro_main1{width:100%; height:50px;text-align:left;background:#085da6; margin:auto; border-bottom:2px solid #57affb}


.tj_l_pro_l{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l a{ color:#ffffff}
.tj_l_pro_l a:hover{ color:#ffffff}


.tj_l_pro_l1{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l1 a{ color:#ffffff}
.tj_l_pro_l1 a:hover{ color:#ffffff}
.tj_l_pro_r1{float:left; height:50px; line-height:50px; padding-left:50px; color:#ffffff}

.tj_l_contact_company{width:90%; text-align:center; height:60px; line-height:60px; margin:auto; color:#ffffff; font-size:22px}
.tj_l_contact_main{width:90%; line-height:30px; margin:auto; font-size:14px}





.index_pro_class_pro1{width:50%;  float:left; padding-top:5px; padding-bottom:5px}
.index_pro_class_pro_body1{width:90%;background:#ffffff; padding-bottom:10px; margin:auto}
.index_pro_class_pro_img1_top{ width:100%; height:10px; line-height:10px} 
.index_pro_class_pro_img1{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:10px; margin:auto}
.index_pro_class_pro_img1 img{ width:100%; height:auto}
.index_pro_class_pro_title1{width:90%; height:40px; text-align:left; line-height:40px; margin:auto}
.index_pro_class_pro_smallc1{width:90%; line-height:20px; margin:auto; text-align:center; color:#999999; font-size:14px}	 

.index_pro_more1{float:left; padding-left:1%; padding-right:1%; padding-bottom:7px; width:48%}
.index_pro_more1 a{width:80%; height:33px; color:#454545; text-align:center; display:block; background:#ffffff; line-height:33px; border:1px solid #cccccc; margin:auto}
.index_pro_more1 a:hover{width:80%; height:33px; color:#ffffff; text-align:center; display:block; background:#f47115; line-height:33px; border:1px solid #f47115; margin:auto}

.index_pro_more2{float:left; padding-left:1%; padding-right:1%; padding-bottom:7px; width:48%}
.index_pro_more2 a{width:80%; height:33px; color:#ffffff; text-align:center; display:block; background:#f47115; line-height:33px; border:1px solid #f47115; margin:auto}
.index_pro_more2 a:hover{width:80%; height:33px; color:#454545; text-align:center; display:block; background:#ffffff; line-height:33px; border:1px solid #cccccc; margin:auto}

.indexproclass_title{ text-align:center}

	 }	 
	 
 @media screen and (max-width:481px) {
	 
.index_pro_tj{ width:100%; margin:auto}
.index_pro_tj_l{ float:left; width:100%; background:#ba0000}
.index_pro_tj_m{ float:left; width:2%}
.index_pro_tj_r{ float:left; width:100%}

.tj_l_cn{width:80%; margin:auto;line-height:50px; font-size:22px; font-weight:bold; color:#ffffff; text-align:center; padding-top:20px; padding-left:0px}
.tj_l_body{width:100%; margin:auto;}
.tj_l_line_10{width:100%; height:10px; line-height:10px}
.tj_l_line_58{width:100%; height:58px; line-height:58px}
.tj_l_pro_main{width:100%; height:50px;text-align:left;background:#ba0000; margin:auto; border-bottom:2px solid #57affb}
.tj_l_pro_l{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l a{ color:#ffffff}
.tj_l_pro_l a:hover{ color:#ffffff}
.tj_l_pro_r{float:left; height:50px; line-height:50px; padding-left:25px; color:#ffffff}
.tj_l_pro_main1{width:100%; height:50px;text-align:left;background:#085da6; margin:auto; border-bottom:2px solid #57affb}


.tj_l_pro_l{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l a{ color:#ffffff}
.tj_l_pro_l a:hover{ color:#ffffff}


.tj_l_pro_l1{float:left; padding-left:10px; height:50px; line-height:50px}
.tj_l_pro_l1 a{ color:#ffffff}
.tj_l_pro_l1 a:hover{ color:#ffffff}
.tj_l_pro_r1{float:left; height:50px; line-height:50px; padding-left:50px; color:#ffffff}

.tj_l_contact_company{width:90%; text-align:center; height:60px; line-height:60px; margin:auto; color:#ffffff; font-size:22px}
.tj_l_contact_main{width:90%; line-height:30px; margin:auto; font-size:14px}





.index_pro_class_pro1{width:50%;  float:left; padding-top:5px; padding-bottom:5px}
.index_pro_class_pro_body1{width:90%;background:#ffffff; padding-bottom:10px; margin:auto}
.index_pro_class_pro_img1_top{ width:100%; height:10px; line-height:10px} 
.index_pro_class_pro_img1{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:10px; margin:auto}
.index_pro_class_pro_img1 img{ width:100%; height:auto}
.index_pro_class_pro_title1{width:90%; height:40px; text-align:left; line-height:40px; margin:auto}
.index_pro_class_pro_smallc1{width:90%; line-height:20px; margin:auto; text-align:center; color:#999999; font-size:14px}	 

.index_pro_more1{float:left; padding-left:1%; padding-right:1%; padding-bottom:7px; width:48%}
.index_pro_more1 a{width:80%; height:33px; color:#454545; text-align:center; display:block; background:#ffffff; line-height:33px; border:1px solid #cccccc; margin:auto; font-size:14px}
.index_pro_more1 a:hover{width:80%; height:33px; color:#ffffff; text-align:center; display:block; background:#f47115; line-height:33px; border:1px solid #f47115; margin:auto; font-size:14px}

.index_pro_more2{float:left; padding-left:1%; padding-right:1%; padding-bottom:7px; width:48%}
.index_pro_more2 a{width:80%; height:33px; color:#ffffff; text-align:center; display:block; background:#f47115; line-height:33px; border:1px solid #f47115; margin:auto; font-size:14px}
.index_pro_more2 a:hover{width:80%; height:33px; color:#454545; text-align:center; display:block; background:#ffffff; line-height:33px; border:1px solid #cccccc; margin:auto; font-size:14px} 

.indexproclass_title{ text-align:center}
	 }	





.index_project{ width: 1400px; margin:auto }
.index_project_bg{width:100%; margin:auto; background:url(../images/index_case_bg.jpg) center top; height:890px}
.index_project_1{width:50%; float:left;}
.index_project_2{ float:left; width:50%; padding-bottom:10px}
.index_project2_body{ width:95%; margin:auto}

@media screen and (max-width:1400px) {
.index_project{ width: 100%; margin:auto }
.index_project_bg{width:100%; margin:auto; background:url(../images/index_case_bg.jpg) center top; height:890px}
.index_project_1{width:50%; float:left;}
.index_project_2{ float:left; width:50%; padding-bottom:10px}

}
@media screen and (max-width:1024px) {
.index_project{ width: 100%; margin:auto }
.index_project_bg{width:100%; margin:auto; background:url(../images/index_case_bg.jpg) center top; height:890px}
.index_project_1{width:50%; float:left;}
.index_project_2{ float:left; width:50%; padding-bottom:10px}

}
@media screen and (max-width:781px) {
.index_project{ width: 98%; margin:auto }
.index_project_bg{width:100%; margin:auto; background:url(../images/index_case_bg.jpg) center top; height:890px}
.index_project_1{width:100%; float:left; padding-bottom:10px}
.index_project_2{ float:left; width:100%; padding-bottom:10px}
.index_project2_body{ width:100%; margin:auto}

}
@media screen and (max-width:481px) {
.index_project{ width: 98%; margin:auto }

}	






model-viewer{
            width: 100%;
            height: 600px; margin:auto
        }
		
.pro_content_inc{width:580px; height:43px; border-bottom:1px solid #e9f2f2}
.pindex_1b{background:#ba0000; cursor:pointer; color:#ffffff;float:left; width:110px;height:43px; line-height:43px;font-size:16px; text-align:center}
.pindex_1b a{ color:#ffffff; font-size:16px}
.pindex_1b a:hover{ color:#ffffff; font-size:16px}
.pro_content{width:580px; padding-top:20px; margin:auto; padding-bottom:20px; text-align:left; background:#ffffff; height:505px;overflow-y: scroll;}