.pro_class{ width:100%; margin:auto; display:inline-block; text-align:center; padding-bottom:30px}

.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:#0f2353; 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}	
}	













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






.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:#0f2353; border-color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0f2353;-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:calc(100% - 20px); 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:#0f2353; border-color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0f2353;-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:calc(100% - 20px); 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:90px; 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:#0f2353; border-color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0f2353;-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:calc(100% - 20px); 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:90px; 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:#0f2353; border-color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0f2353;-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:calc(100% - 20px); 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:90px; 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:#0f2353; border-color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0f2353;-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:calc(100% - 20px); 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:#0f2353; border-color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }

}











.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:600px; float:left;}
.pro_b_img .abc{ width:600px; height:450px}
.pro_img{ display:none}
.pro_right{width:750px; float:right;}
.pro_right_title{width:100%;padding-bottom:10px;font-size:24px; height:40px; line-height:40px; font-weight:bold; color:#000; text-align:left; border-bottom:1px solid #e9f2f2}

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

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

.pro_right_des1{width:100%;padding-bottom:10px; line-height:25px; height:180px;overflow:auto;overflow-x:hidden;font-size:14px; text-align:left}
.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; text-align:left}
.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:#0f2353}
.pro_contact .m{float:left; padding-left:10px}
.pro_contact .m a{width:100px; height:40px; line-height:40px; background:#151984; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .m a:hover{width:100px; height:40px; line-height:40px; background:#0f2353; 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:#151984; color:#ffffff; display:block; text-align:center; margin-top:20px}
.pro_contact .r a:hover{width:100px; height:40px; line-height:40px; background:#0f2353; color:#ffffff; display:block; text-align:center; margin-top:20px}

.pro_content_inc{width:100%; height:43px; margin-top:30px; background:#ffffff; border-bottom:1px solid #151984}

.pindex_1{background:#ffffff; cursor:pointer; color:#222222;float:left; width:110px;height:43px; line-height:43px;font-size:16px; text-align:center; border-bottom:1px solid #151984}
.pindex_1 a{ color:#222222; font-size:16px}
.pindex_1 a:hover{ color:#222222; font-size:16px}

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


.pro_content_inc1{width:100%; height:43px; margin-top:30px; background:#151984; border-bottom:1px solid #151984}



.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:#0f2353; border-color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#0f2353;-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:calc(100% - 20px); 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:60px; 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:#0f2353; border-color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#0f2353;-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:calc(100% - 20px); 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:60px; 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:#0f2353; border-color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#0f2353;-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:calc(100% - 20px); 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:#0f2353; border-color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#0f2353;-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:calc(100% - 20px); 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:#0f2353; border-color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#0f2353;-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:calc(100% - 20px); 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:#0f2353; border-color:#0f2353;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#0f2353;-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:#0f2353}
.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:#0f2353; 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:#0f2353}
.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:#0f2353; 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:#0f2353}
.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:#0f2353; 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:#0f2353}
.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:#0f2353; 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:#0f2353}
.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:#0f2353; 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 }

}	



.index_news_body{ width:1400px; margin:auto}
.index_news_contet{float:left; width:680px; background:#FFF;margin-left:10px; margin-right:10px; height:650px}

@media screen and (max-width:1400px) {
.index_news_body{ width:100%; margin:auto}
.index_news_contet{float:left; width:48%; background:#FFF;margin-left:1%; margin-right:1%; height:650px}
}
@media screen and (max-width:1024px) {
.index_news_body{ width:100%; margin:auto}
.index_news_contet{float:left; width:48%; background:#FFF;margin-left:1%; margin-right:1%; height:650px}

}
@media screen and (max-width:781px) {
.index_news_body{ width:100%; margin:auto}
.index_news_contet{float:left; width:98%; background:#FFF;margin-left:1%; margin-right:1%; height:650px}

}
@media screen and (max-width:481px) {
.index_news_body{ width:100%; margin:auto}
.index_news_contet{float:left; width:98%; background:#FFF;margin-left:1%; margin-right:1%; height:650px}

}