﻿.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}
.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:#00a9b0; margin_left:5px; margin-right:5px; display:inline-block}
.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 }
@media screen and (max-width:1400px) {
.container{ width: 1000px; margin:auto }
	
}
@media screen and (max-width:1024px) {
.container{ width: 100%; margin:auto }
}
@media screen and (max-width:781px) {
.container{ width: 100%; margin:auto }
}
@media screen and (max-width:481px) {
.container{ 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}
}	









.index_news_content_1{ width:1400px; margin:auto}
.index_news_content_1a{ width:1400px; margin:auto; background:#f2f9ff}

@media screen and (max-width:1400px) {
.index_news_content_1{ width:1000px; margin:auto}
.index_news_content_1a{ width:1000px; margin:auto; background:#f2f9ff}	
}
@media screen and (max-width:1024px) {
.index_news_content_1{ width:100%; margin:auto}
.index_news_content_1a{ width:100%; margin:auto; background:#f2f9ff}
}
@media screen and (max-width:781px) {
.index_news_content_1{ width:100%; margin:auto}
.index_news_content_1a{ width:100%; margin:auto; background:#f2f9ff}
}
@media screen and (max-width:481px) {
.index_news_content_1{ width:100%; margin:auto}
.index_news_content_1a{ width:100%; margin:auto; background:#f2f9ff}
}	




#Content5 .news_index05{background:#f0f0f0; display:block; width:100%; float:left;}

#Content5 .news_index05 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}

#Content5 .news_index05 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }

#Content5 .news_index05 .p_h3{font-weight:bold; font-size:30px; color:#00a9b0; position:relative;}

#Content5 .news_index05 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;

 width:86%; content:"";background:#e5e5e5;

}

#Content5 .news_index05 .top_rig{position:absolute; right:0; bottom:43%;}

#Content5 .news_index05 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px; background:#00a9b0;

-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;

     transition: all 0.3s linear;

}

#Content5 .news_index05 .right{float:right;}

#Content5 .news_index05 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%;}

#Content5 .news_index05 .li_a:hover,

#Content5 .news_index05 .li_a.on{background:#363e45;}

#Content5 .news_index05 .news_ul{display:block; width:100%;}

#Content5 .news_index05 .li_e{width:49%; float:left; margin:0 2% 2% 0; height:120px; overflow: hidden;}

#Content5 .news_index05 .li_e:nth-child(2n){margin-right:0;}

#Content5 .news_index05 .li_e a{display:block; width:100%; height:100%; background:#ffffff;

-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;

     transition: all 0.3s linear;

}

#Content5 .news_index05 .li_e .span_left{float:left; width:20%; position:relative;color:#ffffff;}

#Content5 .news_index05 .li_e .i{padding:30px 20px 10px; display:block; font-size:16px; line-height:18px; position:relative; z-index:2;}

#Content5 .news_index05 .li_e .b_e{position:relative; z-index:2; font-weight:bold; font-size:48px; 

   display:block;padding:0 20px; line-height:40px;}

#Content5 .news_index05 .li_e .span_left::after{position:absolute; left:0; top:0; content:"";

width:160px; height:0; border-bottom:120px solid #dfdfdf;  border-right:78px solid transparent;

-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;

     transition: all 0.3s linear;

}



#Content5 .news_index05 .li_e .span_right{float:left; width:80%;padding:20px 28px;}

#Content5 .news_index05 .li_e .h4_e{font-size:18px; line-height:20px; display:block; color:#333333;}

#Content5 .news_index05 .li_e .p_e{line-height:24px; margin-top:12px; display:block; font-size:14px; color:#666666;

height:48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;

-webkit-line-clamp:2;-webkit-box-orient: vertical;

}

#Content5 .news_index05 .li_e:hover .span_left::after{border-bottom:120px solid #00a9b0;}

#Content5 .news_index05 .li_e:hover a{background:#363e45;}

#Content5 .news_index05 .li_e:hover .h4_e,

#Content5 .news_index05 .li_e:hover .p_e{color:#ffffff;}

@media screen and  (max-width:1630px){



}

@media screen and  (max-width:1200px){

#Content5 .news_index05 .h3_y{font-size:36px;}

  #Content5 .news_index05 .p_h3{font-size:30px;}

  #Content5 .news_index05 .top_rig{bottom:46%;}

  #Content5 .news_index05 .li_a{padding:0 16px;}

  #Content5 .news_index05 .li_e .i{padding:30px 15px 10px;}

  #Content5 .news_index05 .li_e .span_left::after{width:150px;}

  #Content5 .news_index05 .li_e .span_right{padding:20px 45px;}

}

@media screen and  (max-width:992px){

#Content5 .news_index05{padding:50px 0;}

  #Content5 .news_index05 .p_h3::after{width:80%;}

  #Content5 .news_index05 .h3_y{font-size:32px;}

  #Content5 .news_index05 .p_h3{font-size:24px;}

  #Content5 .news_index05 .top_rig{position:inherit;width: 100%; margin-top:10px;

    display: flex; align-items: center; justify-content: center;

  }

  #Content5 .news_index05 .li_e{height:110px;}

  #Content5 .news_index05 .li_e .i{padding:25px 10px 10px; font-size:14px;}

  #Content5 .news_index05 .li_e .span_left::after{width:130px;border-bottom: 110px solid #dfdfdf;}

  #Content5 .news_index05 .li_e .span_right{padding:20px 45px;}

  #Content5 .news_index05 .li_e .b_e{font-size:36px; line-height:30px; padding:0 10px; text-align:center;}

  #Content5 .news_index05 .li_e .span_left{width:23%;}

  #Content5 .news_index05 .li_e .span_right{width:77%;}

  #Content5 .news_index05 .li_e .h4_e{font-size:16px;}

  #Content5 .news_index05 .li_e .p_e{line-height:22px; margin-top:8px; height:43px;}

}

@media screen and  (max-width:768px){

#Content5 .news_index05{padding:30px 0;}

  #Content5 .news_index05 .index_top{padding-bottom:20px;}

  #Content5 .news_index05 .h3_y{font-size:20px;}

  #Content5 .news_index05 .p_h3{font-size:18px;}

  #Content5 .news_index05 .p_h3::after{width:70%;}

  #Content5 .news_index05 .top_rig{display:block;}

  #Content5 .news_index05 .right{float:none;}

  #Content5 .news_index05 .li_a{width:46%; padding:0 10px; text-align:center; margin:2%; line-height:36px;}

  #Content5 .news_index05 .li_a a{font-size:14px; width:100%; display:block; text-align:center;}

  #Content5 .news_index05 .li_e{width:100%; margin-right:0; height:98px; margin-bottom:15px;}

  #Content5 .news_index05 .li_e .i{padding:30px 15px 6px; font-size:12px;}

  #Content5 .news_index05 .li_e .span_left::after{width:116px;border-bottom: 98px solid #dfdfdf;}

  #Content5 .news_index05 .li_e .span_right{padding:16px 27px;}

  #Content5 .news_index05 .li_e .b_e{font-size:28px; line-height:20px; padding:0 20px; text-align:left;}

  #Content5 .news_index05 .li_e .span_left{width:27%;}

  #Content5 .news_index05 .li_e .span_right{width:73%;}

  #Content5 .news_index05 .li_e .h4_e{font-size:16px;}

  #Content5 .news_index05 .li_e .p_e{line-height:20px; font-size:14px; margin-top:5px; height:40px;}

}


#Content .pro_index01{display:block; width:100%; float:left; position:relative; position:relative;}

#Content .pro_index01::after{width:100%; bottom:23px; content:""; z-index:-1; left:0; position:absolute;}

#Content .pro_index01 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}

#Content .pro_index01 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }

#Content .pro_index01 .p_h3{font-weight:bold; font-size:30px; color:#00a9b0; position:relative;}

#Content .pro_index01 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;

 width:86%; content:"";background:#e5e5e5;

}

#Content .pro_index01 .top_rig{position:absolute; right:0; bottom:43%;}

#Content .pro_index01 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px; background:#00a9b0;

-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;

     transition: all 0.3s linear;

}

#Content .pro_index01 .right{float:right;}

#Content .pro_index01 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%;}

#Content .pro_index01 .li_a:hover,

#Content .pro_index01 .li_a.on{background:#363e45;}



#Content .pro_index01 .pro_ul{width:100%; display:block;}

#Content .pro_index01 .ul_a{padding-bottom:60px; display:block;}

#Content .pro_index01 .li_b{width:32%; float:left; margin:0 2% 3% 0; padding-bottom:20px;}

#Content .pro_index01 .li_b:nth-child(3n){margin-right:0;}

#Content .pro_index01 .li_b a{width:100%; display:block;position:relative; 

  padding:20px 20px 50px; background:#f0f0f0; height:100%;transition:all 0.5s ease;}

#Content .pro_index01 .li_b .pic{display:block; overflow: hidden;}

#Content .pro_index01 .li_b img{display:block;transition:all 0.5s ease;}

#Content .pro_index01 .li_b .h4_b{display:block; padding-top:16px; line-height:40px; color:#333333; font-size:18px; width:100%; text-align:center;transition:all 0.5s ease;

}

#Content .pro_index01 .li_b .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center;

 display:block; width:100%;transition:all 0.5s ease;}

#Content .pro_index01 .li_b .more{position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; 

  border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; 

  color:#b3b3b3; font-size:12px; border-radius:50%;transition:all 0.5s ease;

}

#Content .pro_index01 .li_b:hover a{background:#363e45;}

#Content .pro_index01 .li_b:hover .h4_b,

#Content .pro_index01 .li_b:hover .p_b,

#Content .pro_index01 .li_b:hover .more{color:#ffffff;}

#Content .pro_index01 .li_b:hover .more{border:4px solid #00a9b0; background:#00a9b0;}

#Content .pro_index01 .li_b:hover img{

 -webkit-transform: scale(1.1);

     -moz-transform: scale(1.1);

       -o-transform: scale(1.1);

  transform: scale(1.1);

}

#Content .pro_index01 .more_a{width:184px; height:44px; background:#363e45; line-height:44px;

 color:#ffffff; margin:0 auto; display:block; padding:0 15px; position:relative; 

}

#Content .pro_index01 .more_a::after{position:absolute; right:0; top:0;  width:65px; content:"";

 height:0; border-top:44px solid #00a9b0; border-left:28px solid transparent;transition:all 0.5s ease;

}

#Content .pro_index01 .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}

#Content .pro_index01 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}

#Content .pro_index01 .more_a:hover::after{background:#00a9b0; width:100%; height:100%;}

@media screen and  (max-width:1630px){

#Content .pro_index01 .li_a{padding:0 16px;}

}

@media screen and  (max-width:1200px){

#Content .pro_index01 .h3_y{font-size:36px;}

  #Content .pro_index01 .p_h3{font-size:30px;}

  #Content .pro_index01 .li_a{padding:0 16px;}

  #Content .pro_index01 .top_rig{position:inherit; margin-top:20px;}

  #Content .pro_index01 .sea_form{float:right; margin-bottom:20px;}

  #Content .pro_index01 .right{float:left;}

}

@media screen and  (max-width:992px){

#Content .pro_index01 .p_h3::after{width:80%;}

  #Content .pro_index01 .h3_y{font-size:32px;}

  #Content .pro_index01 .p_h3{font-size:24px;}

  #Content .pro_index01 .li_a{padding:0 16px;}

  #Content .pro_index01 .top_rig{position:inherit; margin-top:20px;}

  #Content .pro_index01 .sea_form{float:right; margin-bottom:20px;}

  #Content .pro_index01 .right{float:left; width:100%; display:flex;align-items: center; justify-content: center; }

  #Content .pro_index01 .li_b{width:49%;}

  #Content .pro_index01 .li_b:nth-child(3n){margin-right:2%;}

  #Content .pro_index01 .li_b:nth-child(2n){margin-right:0;}

  #Content .pro_index01 .li_b:nth-child(9){display:none;}

}

@media screen and  (max-width:768px){

#Content .pro_index01 .h3_y{font-size:24px;}

  #Content .pro_index01 .p_h3{font-size:18px;}

  #Content .pro_index01 .p_h3::after{width:70%;}

  #Content .pro_index01 .sea_form{width:100%;}

  #Content .pro_index01 .right{display:block;}

  #Content .pro_index01 .li_a{width:46%; padding:0 10px; text-align:center; margin:2%; line-height:36px;}

  #Content .pro_index01 .li_a a{font-size:14px; width:100%; display:block; text-align:center;}

  #Content .pro_index01 .li_b .h4_b{line-height:28px; padding-top:10px; font-size:16px;}

  #Content .pro_index01 .li_b a{padding:10px 10px 32px;}

  #Content .pro_index01 .ul_a{padding-bottom:30px;}

  #Content .pro_index01 .more_a{width:160px; height:38px;}

  #Content .pro_index01 .more_a a{line-height:38px; padding-left:5px; font-size:15px;}

  #Content .pro_index01 .more_a::after{border-top:38px solid #00a9b0;}

  #Content .pro_index01 .more_a .b{line-height:38px;}

  #Content .pro_index01 .li_b .more{width:50px; height:50px; margin-left:-25px; }

}



.ys{width:100%; margin:auto; background:url(../images/ys.jpg) center top no-repeat}
.ys_body{width:1400px; margin:auto}
.ys_l{float:left; width:50%; padding-top:200px}
.ys_l_1{ width:100%; margin:auto; text-align:center; line-height:40px; font-size:30px; color:#ffffff; text-transform:uppercase}
.ys_l_2{ width:100%; margin:auto; text-align:center; line-height:85px; font-size:48px; color:#ffffff; text-transform:uppercase}
.ys_l_3{ width:100%; margin:auto; text-align:center; line-height:50px; font-size:18px; color:#ffffff; text-transform:uppercase}
.ys_r{ float:left}
.ys_title1{text-align:left; line-height:40px; font-size:18px; color:#ffffff}
.ys_title2{text-align:left; line-height:25px; font-size:14px; color:#ffffff}
.ys_r_1{width:100%; margin:auto; padding-top:60px}
.ys_r_1_1{float:left; width:220px}
.ys_r_1_2{float:left; width:73px}
.ys_r_1_3{float:left; width:10px}
.ys_r_1_4{float:left; width:280px}

.ys_r_2{width:100%; margin:auto; padding-top:40px}
.ys_r_2_1{float:left; width:160px}
.ys_r_2_2{float:left; width:73px}
.ys_r_2_3{float:left; width:10px}
.ys_r_2_4{float:left; width:340px}


.ys_r_3{width:100%; margin:auto; padding-top:40px}
.ys_r_3_1{float:left; width:100px}
.ys_r_3_2{float:left; width:73px}
.ys_r_3_3{float:left; width:10px}
.ys_r_3_4{float:left; width:400px}

.ys_r_4{width:100%; margin:auto; padding-top:40px; padding-bottom:40px}
.ys_r_4_1{float:left; width:40px}
.ys_r_4_2{float:left; width:73px}
.ys_r_4_3{float:left; width:10px}
.ys_r_4_4{float:left; width:440px}


@media screen and (max-width:1400px) {
.ys{width:100%; margin:auto; background:url(../images/ys.jpg) center top no-repeat}	
.ys_body{width:100%; margin:auto}
.ys_l{float:left; width:50%; padding-top:200px}
.ys_l_1{ width:100%; margin:auto; text-align:center; line-height:40px; font-size:30px; color:#ffffff; text-transform:uppercase}
.ys_l_2{ width:100%; margin:auto; text-align:center; line-height:85px; font-size:48px; color:#ffffff; text-transform:uppercase}
.ys_l_3{ width:100%; margin:auto; text-align:center; line-height:50px; font-size:18px; color:#ffffff; text-transform:uppercase}
.ys_r{ float:left}
.ys_title1{text-align:left; line-height:40px; font-size:18px; color:#ffffff}
.ys_title2{text-align:left; line-height:25px; font-size:14px; color:#ffffff}
.ys_r_1{width:100%; margin:auto; padding-top:40px}
.ys_r_1_1{float:left; width:220px}
.ys_r_1_2{float:left; width:73px}
.ys_r_1_3{float:left; width:10px}
.ys_r_1_4{float:left; width:190px}

.ys_r_2{width:100%; margin:auto; padding-top:40px}
.ys_r_2_1{float:left; width:160px}
.ys_r_2_2{float:left; width:73px}
.ys_r_2_3{float:left; width:10px}
.ys_r_2_4{float:left; width:250px}


.ys_r_3{width:100%; margin:auto; padding-top:40px}
.ys_r_3_1{float:left; width:100px}
.ys_r_3_2{float:left; width:73px}
.ys_r_3_3{float:left; width:10px}
.ys_r_3_4{float:left; width:310px}

.ys_r_4{width:100%; margin:auto; padding-top:40px}
.ys_r_4_1{float:left; width:40px}
.ys_r_4_2{float:left; width:73px}
.ys_r_4_3{float:left; width:10px}
.ys_r_4_4{float:left; width:350px}



}


@media screen and (max-width:1024px) {
.ys{width:100%; margin:auto; background:url(../images/ys_bg2.png) center top}	
.ys_body{width:100%; margin:auto}
.ys_l{float:left; width:100%; padding-top:60px}
.ys_l_1{ width:100%; margin:auto; text-align:center; line-height:40px; font-size:30px; color:#ffffff; text-transform:uppercase}
.ys_l_2{ width:100%; margin:auto; text-align:center; line-height:85px; font-size:48px; color:#ffffff; text-transform:uppercase}
.ys_l_3{ width:100%; margin:auto; text-align:center; line-height:50px; font-size:18px; color:#ffffff; text-transform:uppercase}
.ys_r{ float:left; width:100%}
.ys_title1{text-align:left; line-height:40px; font-size:18px; color:#ffffff}
.ys_title2{text-align:left; line-height:25px; font-size:14px; color:#ffffff}
.ys_r_1{width:100%; margin:auto; padding-top:40px}
.ys_r_1_1{float:left; width:50px}
.ys_r_1_2{float:left; width:73px}
.ys_r_1_3{float:left; width:10px}
.ys_r_1_4{float:left; width:520px}

.ys_r_2{width:100%; margin:auto; padding-top:40px}
.ys_r_2_1{float:left; width:50px}
.ys_r_2_2{float:left; width:73px}
.ys_r_2_3{float:left; width:10px}
.ys_r_2_4{float:left; width:520px}


.ys_r_3{width:100%; margin:auto; padding-top:40px}
.ys_r_3_1{float:left; width:50px}
.ys_r_3_2{float:left; width:73px}
.ys_r_3_3{float:left; width:10px}
.ys_r_3_4{float:left; width:520px}

.ys_r_4{width:100%; margin:auto; padding-top:40px; padding-bottom:50px}
.ys_r_4_1{float:left; width:50px}
.ys_r_4_2{float:left; width:73px}
.ys_r_4_3{float:left; width:10px}
.ys_r_4_4{float:left; width:520px}

}


@media screen and (max-width:781px) {
.ys{width:100%; margin:auto; background:url(../images/ys_bg2.png) center top}	
.ys_body{width:100%; margin:auto}
.ys_l{float:left; width:100%; padding-top:60px}
.ys_l_1{ width:100%; margin:auto; text-align:center; line-height:40px; font-size:30px; color:#ffffff; text-transform:uppercase}
.ys_l_2{ width:100%; margin:auto; text-align:center; line-height:85px; font-size:40px; color:#ffffff; text-transform:uppercase}
.ys_l_3{ width:100%; margin:auto; text-align:center; line-height:50px; font-size:18px; color:#ffffff; text-transform:uppercase}
.ys_r{ float:left; width:100%}
.ys_title1{text-align:left; line-height:40px; font-size:18px; color:#ffffff}
.ys_title2{text-align:left; line-height:25px; font-size:14px; color:#ffffff}
.ys_r_1{width:100%; margin:auto; padding-top:40px}
.ys_r_1_1{float:left; width:50px}
.ys_r_1_2{float:left; width:73px}
.ys_r_1_3{float:left; width:10px}
.ys_r_1_4{float:left; width:300px}

.ys_r_2{width:100%; margin:auto; padding-top:40px}
.ys_r_2_1{float:left; width:50px}
.ys_r_2_2{float:left; width:73px}
.ys_r_2_3{float:left; width:10px}
.ys_r_2_4{float:left; width:300px}


.ys_r_3{width:100%; margin:auto; padding-top:40px}
.ys_r_3_1{float:left; width:50px}
.ys_r_3_2{float:left; width:73px}
.ys_r_3_3{float:left; width:10px}
.ys_r_3_4{float:left; width:300px}

.ys_r_4{width:100%; margin:auto; padding-top:40px; padding-bottom:50px}
.ys_r_4_1{float:left; width:50px}
.ys_r_4_2{float:left; width:73px}
.ys_r_4_3{float:left; width:10px}
.ys_r_4_4{float:left; width:300px}

}


@media screen and (max-width:481px) {
.ys{width:100%; margin:auto; background:url(../images/ys_bg2.png) center top}	
.ys_body{width:100%; margin:auto}
.ys_l{float:left; width:100%; padding-top:60px}
.ys_l_1{ width:100%; margin:auto; text-align:center; line-height:40px; font-size:26px; color:#ffffff; text-transform:uppercase}
.ys_l_2{ width:100%; margin:auto; text-align:center; line-height:85px; font-size:30px; color:#ffffff; text-transform:uppercase}
.ys_l_3{ width:100%; margin:auto; text-align:center; line-height:50px; font-size:14px; color:#ffffff; text-transform:uppercase}
.ys_r{ float:left; width:100%}
.ys_title1{text-align:left; line-height:40px; font-size:18px; color:#ffffff}
.ys_title2{text-align:left; line-height:25px; font-size:14px; color:#ffffff}
.ys_r_1{width:100%; margin:auto; padding-top:40px}
.ys_r_1_1{float:left; width:20px}
.ys_r_1_2{float:left; width:73px}
.ys_r_1_3{float:left; width:10px}
.ys_r_1_4{float:left; width:200px}

.ys_r_2{width:100%; margin:auto; padding-top:40px}
.ys_r_2_1{float:left; width:20px}
.ys_r_2_2{float:left; width:73px}
.ys_r_2_3{float:left; width:10px}
.ys_r_2_4{float:left; width:200px}


.ys_r_3{width:100%; margin:auto; padding-top:40px}
.ys_r_3_1{float:left; width:20px}
.ys_r_3_2{float:left; width:73px}
.ys_r_3_3{float:left; width:10px}
.ys_r_3_4{float:left; width:200px}

.ys_r_4{width:100%; margin:auto; padding-top:40px; padding-bottom:50px}
.ys_r_4_1{float:left; width:20px}
.ys_r_4_2{float:left; width:73px}
.ys_r_4_3{float:left; width:10px}
.ys_r_4_4{float:left; width:200px}


}


.index_about{width:100%; margin:auto; background:url(../images/index_about.png) center top no-repeat; padding-bottom:30px}
.index_about_body{ width:1400px; margin:auto}
.index_about_l {float:left; width:750px}
.index_about_l .index_about_l_t2{ text-align:left; height:80px; line-height:80px; font-size:24px; color:#454545; font-weight:bold}
.index_about_l .index_about_l_line{ width:150px; height:2px; line-height:2px; background:#00a9b0; margin-bottom:30px}
.index_about_m {float:left; width:30px}
.index_about_r {float:left; width:493px}
.index_about_r img{ width:493px}
.index_about_l_body{line-height:30px; width:100%}
.index_about_more{ margin:auto; float:right}
.index_about_more a{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#00a9b0; text-align:center; margin-top:30px}
.index_about_more a:hover{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#f57a10; text-align:center; margin-top:30px}


@media screen and (max-width:1400px) {
.index_about{width:100%; margin:auto; background:url(../images/index_about.png) center top no-repeat; padding-bottom:30px}
.index_about_body{ width:1000px; margin:auto}
.index_about_l {float:left; width:550px}
.index_about_l .index_about_l_t2{ text-align:left; height:80px; line-height:80px; font-size:24px; color:#454545; font-weight:bold}
.index_about_l .index_about_l_line{ width:150px; height:2px; line-height:2px; background:#00a9b0; margin-bottom:30px}
.index_about_m {float:left; width:30px}
.index_about_r {float:left; width:420px}
.index_about_r img{ width:420px}
.index_about_l_body{line-height:25px; width:100%}

.index_about_more{ margin:auto; display:none}
.index_about_more a{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#00a9b0; text-align:center; margin-top:30px}
.index_about_more a:hover{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#f57a10; text-align:center; margin-top:30px}

}
@media screen and (max-width:1024px) {
.index_about{width:100%; margin:auto; background:url(../images/index_about.png) center top no-repeat; padding-bottom:30px}
.index_about_body{ width:96%; margin:auto}
.index_about_l {float:left; width:65%}
.index_about_l .index_about_l_t2{ text-align:left; height:80px; line-height:80px; font-size:24px; color:#454545; font-weight:bold}
.index_about_l .index_about_l_line{ width:150px; height:2px; line-height:2px; background:#00a9b0; margin-bottom:30px}
.index_about_m {float:left; width:2%;}
.index_about_r {float:left; width:33%;}
.index_about_r img{ width:100%}
.index_about_l_body{line-height:30px; width:100%; height:150px; overflow:hidden}

}
@media screen and (max-width:781px) {
.index_about{width:100%; margin:auto; background:url(../images/index_about.png) center top repeat-y; padding-bottom:30px}
.index_about_body{ width:96%; margin:auto}
.index_about_l {float:left; width:100%}
.index_about_l .index_about_l_t2{ text-align:left; height:80px; line-height:80px; font-size:24px; color:#454545; font-weight:bold}
.index_about_l .index_about_l_line{ width:150px; height:2px; line-height:2px; background:#00a9b0; margin-bottom:30px}
.index_about_m {float:left; width:2%; display:none}
.index_about_r {float:left; width:100%;}
.index_about_r img{ width:100%}
.index_about_l_body{line-height:30px; width:100%; height:auto;}
.index_about_more{ margin:auto; display:block; width:130px; float:none}
.index_about_more a{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#00a9b0; text-align:center; margin-top:30px}
.index_about_more a:hover{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#f57a10; text-align:center; margin-top:30px}

}
@media screen and (max-width:481px) {
.index_about{width:100%; margin:auto; background:url(../images/index_about.png) center top repeat-y; padding-bottom:30px}
.index_about_body{ width:96%; margin:auto}
.index_about_l {float:left; width:100%}
.index_about_l .index_about_l_t2{ text-align:left; height:80px; line-height:80px; font-size:24px; color:#454545; font-weight:bold}
.index_about_l .index_about_l_line{ width:150px; height:2px; line-height:2px; background:#00a9b0; margin-bottom:30px}
.index_about_m {float:left; width:2%; display:none}
.index_about_r {float:left; width:100%;}
.index_about_r img{ width:100%}
.index_about_l_body{line-height:30px; width:100%; height:auto;}
.index_about_more{ margin:auto; display:block; width:130px; float:none}
.index_about_more a{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#00a9b0; text-align:center; margin-top:30px}
.index_about_more a:hover{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#f57a10; text-align:center; margin-top:30px}

} 


.index_case_on{width:1400px; margin:auto; padding-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:#00a9b0; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#00a9b0; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#00a9b0}
.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:180px; overflow:hidden}
.index_case_more{ display:block; width:130px; padding-top:30px}
.index_case_more a{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#00a9b0; text-align:center; margin-top:30px}
.index_case_more a:hover{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#f57a10; text-align:center; margin-top:30px}

.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;
}

@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:#00a9b0; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#00a9b0; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#00a9b0}
.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:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#00a9b0; text-align:center; margin-top:30px}
.index_case_more a:hover{width:130px; height:50px; line-height:50px; display:block; color:#ffffff; font-size:16px; background:#f57a10; text-align:center; margin-top:30px}

.index_case_list{ width:1000px; margin:auto; padding-bottom:30px}
}



@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:#00a9b0; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#00a9b0; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#00a9b0}
.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:130px; height:35px; line-height:35px; display:block; color:#ffffff; font-size:16px; background:#00a9b0; text-align:center; margin-top:0px}
.index_case_more a:hover{width:130px; height:35px; line-height:35px; display:block; color:#ffffff; font-size:16px; background:#f57a10; text-align:center; margin-top:0px}

.index_case_list{ width:100%; margin:auto; padding-bottom:30px}	
}

@media screen and (max-width:781px) {
.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:#00a9b0; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#00a9b0; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#00a9b0}
.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:130px; height:35px; line-height:35px; display:block; color:#ffffff; font-size:16px; background:#00a9b0; text-align:center; margin-top:0px}
.index_case_more a:hover{width:130px; height:35px; line-height:35px; display:block; color:#ffffff; font-size:16px; background:#f57a10; text-align:center; margin-top:0px}

.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:#00a9b0; font-weight:bold}
.index_case_on_content_1 a:hover{font-size:24px; color:#00a9b0; font-weight:bold}
.index_case_on_content_2{ width:40px; height:2px; line-height:2px; background:#00a9b0}
.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:130px; height:35px; line-height:35px; display:block; color:#ffffff; font-size:16px; background:#00a9b0; text-align:center; margin-top:0px}
.index_case_more a:hover{width:130px; height:35px; line-height:35px; display:block; color:#ffffff; font-size:16px; background:#f57a10; text-align:center; margin-top:0px}

.index_case_list{ width:100%; margin:auto; padding-bottom:30px}		

#demost {
overflow:hidden;
width: 100%;
height:165px;
}
#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:#00a9b0; border-color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#00a9b0;-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:#00a9b0; border-color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#00a9b0;-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:#00a9b0; border-color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#00a9b0;-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:#00a9b0; border-color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#00a9b0;-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:#00a9b0; border-color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#00a9b0;-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:#00a9b0; border-color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }

}

.pindex_1{ width:100px; height:43px; cursor:pointer; background:#00a9b0; 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:1130px;}
.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:#00a9b0}
.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:#00a9b0; 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:#00a9b0; color:#ffffff; display:block; text-align:center; margin-top:20px}

.pro_content_inc{width:1130px; height:43px; border-bottom:1px solid #e9f2f2; margin-top:30px}
.pindex_1b{background:#00a9b0; 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:1130px; padding-top:20px; margin:auto; padding-bottom:20px; text-align:left; background:#ffffff;}

@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:#00a9b0; 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:#00a9b0; 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:#00a9b0; 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:#00a9b0; 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:#00a9b0; 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:#00a9b0; 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:#00a9b0; 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:#00a9b0; 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:#00a9b0; 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:#00a9b0; 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:#00a9b0; 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:#00a9b0; 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:#00a9b0; border-color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#00a9b0;-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:#00a9b0; border-color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#00a9b0;-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:#00a9b0; border-color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#00a9b0;-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:#00a9b0; border-color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#00a9b0;-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:#00a9b0; border-color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#00a9b0;-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:#00a9b0; border-color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#00a9b0;-webkit-transition: all .5s;transition: all .5s; }

}




