﻿HTML BODY {
	MARGIN:0px;  PADDING:0px; TEXT-ALIGN:left; FONT-SIZE:16px; FONT-FAMILY:"微软雅黑","宋体";color:#222222;-webkit-font-smoothing: antialiased;
}
html{-webkit-text-size-adjust:none; }

TD,div {font-family: "微软雅黑","宋体";font-size: 16px; color: #222222; line-height:20px;-webkit-font-smoothing: antialiased;}

INPUT,TEXTAREA {BORDER-WIDTH:1px; BORDER-COLOR:cccccc;background:ffffff;font-family: "微软雅黑","宋体";}


A {TEXT-DECORATION:none;color:#222222; font-size:16px
}

A:hover {
	COLOR:#3d977e; TEXT-DECORATION:none; font-size:16px/* TOP:1px; LEFT:1px; POSITION:relative;*/
}

.clear{clear:both;}



.IndexFlash
{
	width:100%;
	height:362px;
	overflow:hidden;
	margin:auto;
	background:#ffffff;
	text-align:left;
}

/*#Content img{border:#a5a5a5 solid 1px}
*/
.bt{
	COLOR: #ffffff;
	BORDER: NONE;
	BACKGROUND-Color:#3d977e;
	CURSOR:pointer; width:100px; height:40px; line-height:40px;border-radius:25px
}

#demost {
overflow:hidden;
width: 1200px;
height:420px;
}
#indemo {
float: left;
width: 800%;
}
#demo1e {
float: left;
}
#demo211 {
float: left;
}


.bottom{ background:#333333; width:1200px; margin:auto; height:50px; line-height:50px; color:#ffffff; text-align:center}
.bottom a{ color:#ffffff}
.bottom a:hover{ color:#ffffff}

.menu_a {  width:120px; height:60px; line-height:60px; text-align:center; float:left; border-top:5px solid #ffffff; margin-top:25px; margin-right:40px}
.menu_a a{ color:#222222; font-size:18px;width:120px; height:60px; line-height:60px; display:block}
.menu_a a:hover{ color:#222222; font-size:18px;width:120px; height:60px; line-height:60px; display:block}

.menu_ab {  width:120px;  height:60px; line-height:60px; text-align:center; float:left; border-top:5px solid #3d977e; margin-top:25px; margin-right:40px}
.menu_ab a{ color:#222222; font-size:18px;width:120px; height:60px; line-height:60px; display:block}
.menu_ab a:hover{ color:#222222; font-size:18px;width:120px; height:60px; line-height:60px; display:block}

.index_about_more{ width:180px; height:45px;text-align:center; display:block; line-height:45px; background:#bcbbbb; color:#3d977e}
.index_about_more:hover{ width:180px; height:45px;ext-align:center; display:block; background:#3d977e; color:#ffffff; line-height:45px}

.index_news_more{ width:105px; height:35px; text-align:center; line-height:35px; display:block; background:#3d977e; color:#ffffff; font-size:14px}
.index_news_more:hover{ width:105px; height:35px; text-align:center; line-height:35px; display:block; background:#1e4f41; color:#ffffff; font-size:14px}

.news_p{width:100%; margin:auto; text-align:left; height:40px; line-height:40px; color:#454545; font-size:14px}

.menu_line{ width:2px; height:58px; line-height:58px; background:url(../images/menu_line.jpg); float:left}


.news_p_a{ color:#454545;font-size:14px}
.news_p_a:hover{ color:#454545; font-size:14px}

#about_more img{ width:90%}
#about_more{ margin:auto}

.index_ppp{ }
.index_ppp img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s; }
.index_ppp img:hover{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5); }

#ContentTable tr{ height:40px}

.inputform1{ height:25px; border:1px solid #cccccc; padding-left:4px}
.inputform2{ border:1px solid #cccccc; padding:4px}

.viewmore-btn {font-size: 0;display: inline-block;position: relative;}
.viewmore-btn a {display: block;border: 1px solid #ccc;padding: 15px 30px;}
.viewmore-btn span{font-size: 16px;color: #666;display: inline-block;vertical-align: middle;margin-right: 10px;z-index: 3;position: relative;}
.viewmore-btn i{width: 9px;height: 12px;display: inline-block;vertical-align: middle;margin-right: 10px;background:#b0b0b0;background-size:100% 100%;margin-top: 3px;position: relative;z-index: 3;opacity: .5;}
.viewmore-btn a::before {content: '';display: block;width:5px;height: 100%;position: absolute;left: 0;top: 0;background: #b0b0b0;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.viewmore-btn a:hover::before{width: 100%;}
.viewmore-btn a:hover span {color: #fff;}
.viewmore-btn a:hover i{background:#ffffff;background-size:100% 100%;opacity: 1;}

.index-newslist {overflow: hidden;}
.index-newslist a{display: block;overflow: hidden;}
.index-newslist a .img{position: relative;overflow: hidden;}
.index-newslist a:hover .img img.img-center{transform: scale(1.1);}

.main_main{ width:100%; margin:auto}
.main_body{ width:1400px; margin:auto}

.top_logo_title_cn{font-size:30px; color:#208dc3; font-weight:bold; height:30px; line-height:30px}
.top_logo_title_cn a{font-size:30px; color:#208dc3; font-weight:bold;}
.top_logo_title_cn a:hover{font-size:30px; color:#208dc3; font-weight:bold;}

.top_logo_title_en{font-size:16px; color:#666666; text-transform:uppercase; height:30px; line-height:30px}
.top_logo_title_en a{font-size:16px; color:#666666; text-transform:uppercase; }
.top_logo_title_en a:hover{font-size:16px; color:#666666; text-transform:uppercase; }

.top_logo_line{ width:1px; height:140px; background:url(../images/logo_top_line.jpg); margin-left:20px; margin-right:20px; float:left}
.top_logo_middle{font-size:24px; color:#282828; padding-top:50px; float:left}

.top_tel_img{ float:right; width:80px; height:50px; background:#208dc3; margin-top:45px}
.top_tel_img_top{ color:#ffffff; text-align:center; font-size:16px; padding-top:5px}
.top_tel_img_bottom{ color:#ffffff; text-align:center; font-size:10px}

.top_tel{ float:right;margin-top:45px; padding-left:10px}
.top_tel_top{ color:#f8a008; text-align:center; font-size:25px; padding-top:5px}
.top_tel_bottom{ color:#f8a008; text-align:center; font-size:21px}

.inc_title_img_top{ width:100%; text-align:center; padding-top:80px; padding-bottom:10px}
.inc_title_img_bottom{ width:100%; text-align:center; padding-bottom:80px; padding-top:10px}
.inc_title_img_bottom1{ width:100%; text-align:center; padding-bottom:20px; padding-top:10px}
.inc_title_en{ font-size:30px; color:#208dc3; text-align:center; height:30px; line-height:30px; text-transform:uppercase}
.inc_title_cn{ font-size:34px; color:#000000; text-align:center; height:40px; line-height:40px; text-transform:uppercase; font-weight:bold}


.index_inc_en{width:100%; height:20px; line-height:20px; font-size:14px; color:#bcbcbc; font-family:'Times New Roman', Times, serif; margin:auto; text-align:center; text-transform:uppercase}
.index_inc_cn{width:100%; margin:auto; height:60px; line-height:60px; text-align:center; font-size:30px; padding-top:40px}
.index_inc_line{ width:350px; height:9px; background:url(../images/index_inc_line.png); line-height:9px; margin:auto; margin-bottom:40px}
.index_inc_cn2{width:100%; height:30px; line-height:30px; font-size:14px; color:#bcbcbc;text-align:center; }




.fa-2x img { /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; cursor:pointer; border:none; }
.fa-2x img:hover { --webkit-transform: rotatey(180deg);
  -moz-transform: rotatey(180deg);
  -o-transform: rotatey(180deg);
  -ms-transform: rotatey(180deg);
  transform: rotatey(180deg); border:none; cursor:pointer}
  
  

.index_pro_more1{float:left; padding-left:7px; padding-right:7px}
.index_pro_more1 a{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:url(../images/index_pro_more1.jpg); line-height:33px}
.index_pro_more1 a:hover{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:url(../images/index_pro_more1.jpg); line-height:33px}

.index_pro_more2{float:left; padding-left:2px; padding-right:2px}
.index_pro_more2 a{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:url(../images/index_pro_more2.jpg); line-height:33px}
.index_pro_more2 a:hover{width:140px; height:33px; color:#ffffff; text-align:center; display:block; background:url(../images/index_pro_more2.jpg); line-height:33px}

.pro_more_1{width:136px; height:48px; line-height:48px; background:#c0c0c0; font-size:18px; color:#ffffff; display:block; text-align:center}
.pro_more_1:hover{width:136px; height:48px; line-height:48px; background:#f8a008; font-size:18px; color:#ffffff; display:block; text-align:center}

.pro_more_2{ width:230px; height:48px; line-height:48px; color:#ffffff; background:#f8a008; text-align:center; display:block}
.pro_more_2:hover{ width:230px; height:48px; line-height:48px; color:#ffffff; background:#c0c0c0; text-align:center; display:block}
.colorfff{ color:#ffffff}

.index_project{ text-align:center; height:120px; line-height:120px; color:#282828; font-size:28px}
.index_project_a{ color:#208dc3; font-weight:bold}
.index_project_a:hover{color:#f8a008; font-weight:bold}

.index_project_more{width:110px; height:30px; line-height:30px; background:#208dc3; font-size:14px; color:#ffffff; display:block; text-align:center}
.index_project_more:hover{width:110px; height:30px; line-height:30px; background:#f8a008; font-size:14px; color:#ffffff; display:block; text-align:center}

.bottom_xl { width:210px; text-align:left; height:25px; line-height:25px}
.bottom_xl a{ color:#ffffff; font-size:14px}
.bottom_xl a:hover{ color:#f8a008; font-size:14px}



.left-t {
	background: #208dc3;
	padding: 15px 20px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.left-t h5 {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}

.left-t h5 span {
	font-size: 13px;
	font-weight: normal;
	color: #fff;
}

.left-b ul {
	border: 1px solid #dcdbdb;
	border-top: 0;
}

.left-b ul li {
	color: #333;
	border-bottom: 1px solid #dcdbdb;
	font-size: 15px;
	background: #f0f0f0;
}

.left-b ul li:last-of-type {
	border-bottom: 0;
}

.left-b ul li>a {
	display: block;
	padding-left: 30px;
	line-height: 50px;
	background: url(../img/ipro-navbj.png) right 30px top 18px no-repeat;
}

.left-b ul li a:hover {
	color: #2e74bc;
}


.left-box02 {
	margin-top: 40px;
}

.left-box02 .left-t {
	background: #f8a008;
}

.left-box02 .left-t span {
	color: #fff;
}

.left-box02 dl {
	border: 1px solid #dcdbdb;
	border-top: 0;
	padding: 10px 10px 15px 10px;
	background: #f5f5f5;
	color: #666;
	overflow: hidden;
}

.left-box02 dl dd {
	line-height: 2;
	margin-top: 5px;
}


.right-t {
	height: 52px;
	line-height: 52px;
	background: #208dc3;
	padding: 0 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.right-t h5 {
	font-size: 24px;
	color: #fff;
	float: left;
}

.content-pos {
	float: right;
	color: #fff; height:52px; line-height:52px
}


.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:980px; height:290px;}
.proa li a.proa{  margin-right:20px; width:290px; height:290px; position:absolute; left: 10px; top:10px;}
.proa li a img{width:290px; height:290px; }
.proa li h2 a{ color:#444; font-size:18px; position:absolute; left:320px; top:10px;line-height:40px;width:630px;}
.proa li p{ position:absolute;left:320px; top:40px;width:630px; height:65px; color:#666; font-size:16px; line-height:40px; padding-top:40px}
.proa li a.more{ position:absolute; right:10px; top:260px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa li:hover a{ color:#208dc3; border-color:#208dc3;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#208dc3;-webkit-transition: all .5s;transition: all .5s; }


.proa1 li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:980px; height:225px;}
.proa1 li a.proa{  margin-right:20px; width:290px; height:218px; position:absolute; left: 10px; top:10px;}
.proa1 li a img{width:290px; height:218px; }
.proa1 li h2 a{ color:#444; font-size:18px; position:absolute; left:320px; top:10px;line-height:40px;width:630px;}
.proa1 li p{ position:absolute;left:320px; top:75px;width:630px; height:65px; color:#666; font-size:16px; line-height:30px; padding-top:40px}
.proa1 li a.more{ position:absolute; right:10px; top:200px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa1 li:hover a{ color:#208dc3; border-color:#208dc3;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li:hover h2{ color:#208dc3;-webkit-transition: all .5s;transition: all .5s; }
.proa1 li h3 { color:#666666; font-size:16px; position:absolute; left:320px; top:50px;line-height:30px;width:630px; font-weight:100}
.proa1 li h4 { color:#666666; font-size:16px; position:absolute; left:320px; top:80px;line-height:30px;width:630px; font-weight:100}


.proa2 li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:1400px; height:225px;}
.proa2 li a.proa{  margin-right:20px; width:290px; height:218px; position:absolute; left: 10px; top:10px;}
.proa2 li a img{width:290px; height:218px; }
.proa2 li h2 a{ color:#444; font-size:18px; position:absolute; left:320px; top:10px;line-height:40px;width:1100px; z-index:100}
.proa2 li p{ position:absolute;left:320px; top:15px;width:1100px; height:65px; color:#666; font-size:16px; line-height:30px; padding-top:70px}
.proa2 li a.more{ position:absolute; right:10px; top:200px; padding:5px 10px; border:1px solid #ccc; color:#444}
.proa2 li:hover a{ color:#3d977e; border-color:#3d977e;-webkit-transition: all .5s;transition: all .5s; }
.proa2 li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa2 li:hover h2{ color:#3d977e;-webkit-transition: all .5s;transition: all .5s; }
.proa2 li h3 { color:#666666; font-size:16px; position:absolute; left:320px; top:50px;line-height:30px;width:630px; font-weight:100}
.proa2 li h4 { color:#666666; font-size:16px; position:absolute; left:320px; top:80px;line-height:30px;width:630px; font-weight:100}


.pindex_1{ width:100px; height:43px; cursor:pointer; background:#f0f0f0; color:#b51b13}
.pindex_1 a{ color:#b51b13; font-size:16px}
.pindex_1 a:hover{ color:#b51b13; font-size:16px}

.pindex_1b{ width:100px; height:43px; background:#208dc3; cursor:pointer; color:#ffffff}
.pindex_1b a{ color:#ffffff; font-size:16px}
.pindex_1b a:hover{ color:#ffffff; font-size:16px}

#Content img{ max-width:900px; padding-bottom:20px}

#p_1 img{ max-width:900px; padding-bottom:20px}




.bottom_a a{ color:#ffffff;}
.bottom_a a:hover{ color:#ffffff;}


.page_left_main{margin:auto; text-align:center;width:100%;}
.page_left_body{ width:1400px; margin:auto}
.page_left_left{ width:1000px; margin:auto}

.left_yes{ height:68px; line-height:68px;text-align:center; border-bottom:2px solid #3d977e; float:left; margin-left:8px; margin-right:8px}
.left_yes a{ color:#222222; display:block; width:100%; height:68px; line-height:68px}
.left_yes a:hover{ color:#222222; display:block; width:100%; height:68px; line-height:68px}

.left_no{ height:68px; line-height:68px;text-align:center; border-bottom:2px solid #f5f5f5; float:left; margin-left:8px; margin-right:8px}
.left_no a{ color:#222222; display:block; width:100%; height:68px; line-height:68px}
.left_no a:hover{ color:#222222; display:block; width:100%; height:68px; line-height:68px}


.index_pro_class_title{ width:1400px; margin:auto}	 

.sk_no{width:155px;text-align:center;line-height:50px;line-height:50px;float:left; margin-left:10px; margin-right:10px; background:#cccccc;border-radius:25px}
.sk_no .lili{width:155px;text-align:center;line-height:50px;line-height:50px; text-align:center;color:#222222; font-size:14px; cursor:pointer}
.sk_no .lili a{ width:155px; height:50px;  display:block; color:#222222; font-size:14px}
.sk_no .lili a:hover{ width:155px; height:50px;  display:block; color:#ffffff; font-size:14px;}

.sk_yes{width:155px;text-align:center;line-height:50px;line-height:50px;float:left; margin-left:10px; margin-right:10px; background:#3d977e;border-radius:25px}
.sk_yes .lili{width:155px;text-align:center;line-height:50px;line-height:50px; text-align:center;  color:#ffffff; font-size:14px; cursor:pointer}
.sk_yes .lili a{ width:155px; height:50px;  display:block; color:#ffffff; font-size:14px;}
.sk_yes .lili a:hover{ width:155px; height:50px; display:block; color:#ffffff; font-size:14px}

.index_pro_body{ width:100%; margin:auto}
.index_pro_body_body_main{ width:100%; padding-top:40px}

.index_pro_class_pro{width:25%;  float:left;}
.index_pro_class_pro_body{width:90%; margin:auto; padding-bottom:30px}
.index_pro_class_pro_img{ width:90%;overflow:hidden; margin:auto; text-align:center; border-left:10px solid #eeeeee; border-right:10px solid #eeeeee; margin-bottom:30px}
.index_pro_class_pro_img img{ width:100%;}
.index_pro_class_pro_title{width:100%; height:40px; text-align:center; line-height:40px; margin:auto}




.b_3{ float:left; width:210px;padding-top:45px; }
.b_3_1{ text-align:left; height:40px; line-height:40px; padding-bottom:20px}
.b_3_1 a{ color:#ffffff; font-size:18px}
.b_3_1 a:hover{ color:#ffffff; font-size:18px}
.b_3_2{ text-align:left; height:25px; line-height:25px}
.b_3_2 a{ color:#ffffff; font-size:14px}
.b_3_2 a:hover{ color:#ffffff; font-size:14px}


.b_5{ float:left; width:310px;padding-top:45px; }
.b_5_1{ text-align:left; height:40px; line-height:40px; padding-bottom:20px}
.b_5_1 a{ color:#ffffff; font-size:18px}
.b_5_1 a:hover{ color:#ffffff; font-size:18px}
.b_5_2{ text-align:left; height:25px; line-height:25px}
.b_5_2 a{ color:#ffffff; font-size:14px}
.b_5_2 a:hover{ color:#ffffff; font-size:14px}
.b_5_5{text-align:left; height:25px; line-height:25px; color:#ffffff; font-size:14px}


.Detail_content img{ padding-bottom:20px}
