@charset "utf-8";
* {margin: 0;padding: 0;}
body {font-style: normal; font-variant: normal; font-weight: normal;font-family:"微软雅黑";font-size:20px !important;color:#222;}
a { text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active { text-decoration: none;}
small {font-size: 0.875em;}
img { max-width: 100%; border:0px; width: 100%;}
img, object { height: auto; max-width: 100%;}
.clear { clear: both; margin: 0;  padding: 0;}
ul, li, dt, dl, dd { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);list-style-type: none;margin: 0;  padding: 0;}
p { margin: 0; padding: 0;font-size:20px;}
input,textarea {border:1px solid #333333;}
input{line-height:2em;}
.ti{text-indent:2em;}

#box{float: none; margin: auto;max-width: 640px !important;min-width: 320px !important; overflow: hidden;}
.clear{clear:both;}
.clearFix:after { clear:both; display:block; visibility:hidden; height:0; line-height:0; content:''; }
.clearFix { zoom:1; }

.tit{height: 6.25rem;background: #054198;border:solid #222222;margin: 0 auto;text-align: center;border-width: 2px 0 2px 0;}
.tit h1{line-height: 3.75rem;font-size: 33px;color: #fff;font-weight: bold;display: inline;}
.box_z{background:url(../images/top.png) no-repeat;width: 6.625rem;height: 3.25rem;color: #fefefe;line-height: 2.75rem;font-size: 2.25rem;text-align: center;padding-top: 0.75rem;position: relative;margin: -2.25rem auto auto;}
.box_z .line{width:60%; height:2px; background-color:#fff; margin:2% auto 3%;}

.btn { height:2.875rem; line-height:2.875rem; text-align:center; background-color:#ff8400; border-radius:32px; margin: 2rem auto;}
.btn a {color:#fff; font-size:1.25rem;display: block;}
.btnjs { width:45%;height:2.125rem; line-height:2.125rem; text-align:center; border-radius:17px; margin: 1rem auto;float: left;}
.btnjs a {color:#fff; font-size:1.25rem;display: block;}

.btn41{background-color:#ff8400;margin-right: 5%;margin-left: 2%;}
.btn42{background-color:#054198;}
.btn_ty{width: 80%;}
.tiyan{width: 100%;}
.tiyan li{width: 49%; margin-right: 2%; float: left;}
.tiyan li:nth-child(2),.tiyan li:nth-child(4),.tiyan li:nth-child(6){margin-right: 0;}
.sp{width: 100%;margin: 2% auto;background: #f7f7f7;overflow: hidden; }
.sp video{width: 100%;}

.m{width: 93.75%; margin: 5% auto 8%;}
.m img{margin: 3% auto 0;}
span{font-weight: bold;}
.noti{text-indent: 0;}

.yy {margin: 3% auto 0;text-align: center;width: 90%;font-size: 20px;}
.yy h1{font-size: 30px;margin-bottom:3%;}
.yy ul li{float:left;margin-bottom:3%;}
.yy ul h4{width:90%; margin:0% 5%; color:#333333; font-size:16px;}
.yy ul h4 span {color:#d83224;}
.yy .yy_1{width:20%;text-align:right;line-height:39px;}
.yy .yy_1 span{color:#f20000;}
.yy .yy_2{width:80%;}
.yy .yy_2 input{width:90%;padding-left:5px;line-height:39px;font-size:22px;border-color:#eae9e9;border-radius:2px;}
.yy .yy_2 select{width:92%;padding-left:5px;font-size:16px;line-height:30px;font-size:22px;height:30px;border-color:#eae9e9;border-radius:15px;}
.yy_3{width:40%;margin:3% auto; border:none;font-size:24px; color:#fff; background-color:#ff7800; line-height:46px; height:46px; border-radius:23px; text-align:center;cursor: pointer;}


.p2{margin-top: 3%;}
.p2_left{width: 57.07%;float: left;}
.p2_right{width: 42.93%;float: left;}
.p2_right p{padding-left: 8%;margin-top: 2%;text-align: justify;margin-right: 1%;line-height: 2rem;}

.btn1{width:55%;}
.btn2{width:46%;}
.btn3{width:72%;}
.btn5{width:45%;}
.btn6{width:65%;}

/* .pro4 {margin:1% auto;width:93.75%;} */
.pro4 h1 {color:#fff;}
.pro4 .hd {width:94%; margin:5% auto;}
.pro4 .hd ul li {width:24%; float:left; line-height:19px; margin-right:1%; background-color:#f2f2f2;}
.pro4 .hd ul .on {background-color:#dbdbdb;; color:#fff;border: 2px #005ea8 solid;box-sizing: border-box;}


.item{
	width: 90%;
	padding: 2%;
	margin:1em auto;
	border: 1px solid #e8e8e8;
	box-shadow: 0.5rem 0.5rem 0.5rem rgba(0,0,0,0.2);
	-moz-box-shadow: 0.5rem 0.5rem 0.5rem rgba(0,0,0,0.2);
	-webkit-box-shadow: 0.5rem 0.5rem 0.5rem rgba(0,0,0,0.2);
	-o-box-shadow: 0.5rem 0.5rem 0.5rem rgba(0,0,0,0.2);
	-ms-box-shadow: 0.5rem 0.5rem 0.5rem rgba(0,0,0,0.2);
}
.chara_intr{
	position: relative;
}
.intr_zone{
	width: 64%;
	float: left;
}
.intr_zone  .por_inf{
	margin-bottom: 2%;
	width: 115%;
}
.intr_zone .por_inf .inf{
	float: left;
	color: #676767;
}
.intr_zone .por_inf .inf h3{
	font-weight: normal;
	background: url(../images/index_case_name.png) no-repeat left top;
	-webkit-background-size: 10em auto;
	background-size: 8em auto;
	margin-left: -1.1em;
	padding: 0.4em 0 0.5em 1em;
	color: #fff;
}
.intr_zone .por_inf .inf p{
	padding-left: 1.7em;
	line-height: 1.6em;
	background: url(../images/index_case_icon_01.jpg) no-repeat left center;
	-webkit-background-size: 1.6em auto;
	background-size: 1.6em auto;
	color: #6ca5c0;
}
.intr_zone .por_inf .inf p.doc{
	background-image: url(../images/index_case_icon_02.jpg);
}
.intr_zone .inro_con{
	color: #676767;
}
.intr_zone .inro_con a.more{
	color: #0562af;
}
.intr_zone .inro_con .top{
	color: #363636;
}
.chara_intr .portaint{
	width: 35%;
	float: right;
	position: relative;
}
.chara_intr .portaint  .link{
	position: absolute;
	left: 0;
	bottom: 0.6em;
	width: 100%;
	text-align: center;
}
.chara_intr .portaint a{
	color: #fff;
	background-color: #f3c500;
	display: inline-block;
	font-size: 0.9em;
	padding: 0 0.5em;
}
.item .por_img{
	padding-top: 3%;
}
.item .por_img img{
	width: 32.33%;
	margin: 0 0.5%;
	float: left;
}
.index_more_case a{
	display: inline-block;
	background-color: #6ca5c0;
	color: #fff;
	padding: 0.3em 1.5em;
	margin: 1em 0;
}

.item h2{
	display: inline-block;
	font-size: 1.2em;
	font-weight: normal;
	background: url(../images/case_con_top.png) no-repeat left top;
	-webkit-background-size: auto 2em;
	background-size: auto 2em;
	margin-left: -1.1em;
	padding: 0.4em 0em 0.5em 1em;
	/*padding: 0.35em 0 0em 1em;*/
	color: #fff;
	overflow: hidden;
	border-radius: 0 2em 2em 0;
}
.item h2 span{
	display: inline-block;
	background: url(../images/case_con_top.jpg) no-repeat right bottom;
	-webkit-background-size: auto 1.8em;
	background-size: auto 1.8em;
	padding-bottom: 0;
	padding: 0.1em 1em 0.2em 0;
}
.item h2 span a{
	color: #fff;
}
.intr_zone .por_inf .inf h3{
	background: none;
	color: #000;
	padding-top: 0;
}
.intr_zone .por_inf .inf h3{
	background: none;
	color: #000;
	padding-top: 0;
}
.index_case_con .inro_con a{
	color: #fff;
	background-color: #f3c500;
	display: inline-block;
	font-size: 0.9em;
	padding: 0 1em;
}
.index_case_con .inro_con a.more{
	color: #0562af;padding: 0;background-color: #fff;
}
.colum{
	padding: 4% 0% 1%;
	width: 90%;
	margin: 0 auto;
	border-bottom: 1px solid #e3e3e3;
}
.colum dl{
	margin-bottom: 3%;
}
.colum dt{
	width: 40%;
	float: left;
}
.colum dd{
	width: 58%;
	float: right;
	color: #1c507a;
	line-height: 1.8em;
}
.colum dd h3{
	font-size: 1.4em;
	left: 1.6em;
	margin-bottom: 0.3em;
	font-weight: normal;
}
.inro_con a{
	color: #fff;
	background-color: #f3c500;
	display: inline-block;
	font-size: 0.9em;
	padding: 0 1em;
}

.p4{width: 90.63%; margin: 5% auto 8%;}
.p4 li{width: 47.5%;float: left;margin-right: 5%;margin-bottom: 3%;text-align: center;}
.p4 li h4{font-size: 24px;}
.p4 li:nth-child(2){margin-right: 0;}
.p4 li:nth-child(4){margin-right: 0;}
.p4t{font-size: 1.5rem;color: #333; text-align: center;}

.ys {width: 93.75%; margin: 5% auto 8%;}
.ys li{float: left;width: 47.5%;background: #e6e6e6;color: #fff;border-radius:0 0 12px 12px;height: 397px;margin-right: 5%;margin-bottom: 3.3333%;text-align: center;}
.ys li h3{color: #222222;font-size: 26px;font-weight:bold;}
.ys li p{text-align: left;text-indent: 0;margin:4% 7%;color:#666;}

.p7 li{margin-top: 1.25rem;margin-bottom: 1.25rem;line-height: 3.625rem;}
.p7_left{width: 68.3%;float: left;border-radius: 10px 0 0 10px;border:solid 1px #e1e1e1;padding-left: 5%;}
.p7_right{width: 26.21%;float: left;background: #004da6;text-align: center;border-radius:0 10px 10px 0;color: #f0f0f0;height: 3.75rem;}

.pro7_2 .hd{ width:100%; height:11px;  position:relative; z-index:1; bottom:5px; text-align:center;}
.pro7_2 .hd ul{ display:inline-block; height:5px; padding:3px 5px; margin-top:2%; 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.pro7_2 .hd ul li{ display:inline-block; width:14px; height:14px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; background:#d2d2d2; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.pro7_2 .hd ul .on{ background:#1a4192;}

.pro2{margin-top:5%;width:100%;}
.pro2 .focus{margin-top:5%;}
.pro2 h3{font-size:14px;line-height:1.5em;color:#333333;text-align:center;}
.pro2 h1{text-align:center;font-size:20px;padding:3% 0;}
.pro2  .hd {width:100%;}
.pro2  .hd .prev{width:10%;position:absolute;margin-top:-50%;left:3%}
.pro2  .hd .next{width:10%;position:absolute;margin-top:-50%;right:3%;}

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

}


@media screen and (max-width:320px)
{
#box p{font-size: 14px;}
.sh_05_2 p{font-size:12px !important;}
.ys li{height: 280px;}
.tit{height: 4.25rem;}
.tit h1{line-height: 3.75rem;font-size: 16px;color: #fff;font-weight: bold;display: inline;}
.box_z{background:url(../images/top320.png) no-repeat;width: 3.3125rem;height: 2rem;color: #fefefe;font-size: 1.25rem;padding-top: 0.05rem;margin: -1.25rem auto auto;position: relative;}
.box_z .line{width:60%; height:2px; background-color:#fff; margin:0 auto 3%;}

.yy {width: 100%;}
label{font-size: 12px;}
.yy h1{font-size: 16px;}
.yy ul h4{font-size:12px;}
.yy .yy_1{width:25%;line-height:29px;font-size:12px;}
.yy .yy_2{width:75%;}
.yy .yy_2 input{width:90%;padding-left:5px;line-height:25px;font-size:12px;}
.yy_3{width:40%;margin:3% auto; border:none;font-size:16px; color:#fff; background-color:#ff7800; line-height:30px; height:30px;}
.inro_con a{font-size: .75rem;}
.ys li h3{font-size: 18px;}
.btn { margin: 1rem auto;height: 2rem;line-height: 2rem;}
.btn a {font-size:1rem;}
.btnjs {height:1.5rem; line-height:1.5rem;}
.btnjs a {font-size:0.75rem;}
.btn2{width: 60%;}
.btn5{width: 60%;}
.p4 li h4{font-size: 14px;}
.item h2 {font-size:0.875rem;}
.pro7_2 .hd ul li{width:10px; height:10px; margin:0 3px; }
.sp{height:15rem;}
}

@media screen and (min-width:321px) and (max-width:375px)
{
#box p{font-size: 16px;}
.sh_05_2 p{font-size:12px !important;}
.ys li{height: 310px;}
.tit{height: 4.25rem;}
.tit h1{line-height: 3.75rem;font-size: 18px;color: #fff;font-weight: bold;display: inline;}
.box_z{background:url(../images/top320.png) no-repeat;width: 3.3125rem;height: 2rem;color: #fefefe;font-size: 1.25rem;padding-top: 0.05rem;margin: -1.25rem auto auto;}
.box_z .line{width:60%; height:2px; background-color:#fff; margin:0 auto 3%;}

.yy {width: 100%;}
label{font-size: 14px;}
.yy h1{font-size: 16px;}
.yy ul h4{font-size:14px;}
.yy .yy_1{width:25%;line-height:29px;font-size:14px;}
.yy .yy_2{width:75%;}
.yy .yy_2 input{width:90%;padding-left:5px;line-height:25px;font-size:14px;}
.yy_3{font-size:16px; line-height:30px; height:30px;}
.inro_con a{font-size: .75rem;}
.ys li h3{font-size: 18px;}
.btn { margin: 1rem auto;height: 2rem;line-height: 2rem;}
.btn a {font-size:1rem;}
.btnjs {height:1.5rem; line-height:1.5rem;}
.btnjs a {font-size:0.75rem;}
.btn2{width: 60%;}
.btn5{width: 60%;}
.p4 li h4{font-size: 16px;}
.item h2 {font-size:1rem;}
.pro7_2 .hd ul li{width:10px; height:10px; margin:0 3px; }
.sp{height: 16rem;}
}

@media screen and (min-width:376px) and (max-width:414px)
{
#box p{font-size: 18px;}
.sh_05_2 p{font-size:14px !important;}
.ys li{height: 350px;}
.tit{height: 4.25rem;}
.tit h1{line-height: 3.75rem;font-size: 18px;color: #fff;font-weight: bold;display: inline;}
.box_z{background:url(../images/top320.png) no-repeat;width: 3.3125rem;height: 2rem;color: #fefefe;font-size: 1.25rem;padding-top: 0.05rem;margin: -1.25rem auto auto;}
.box_z .line{width:60%; height:2px; background-color:#fff; margin:0 auto 3%;}

.yy {width: 100%;}
label{font-size: 16px;}
.yy h1{font-size: 18px;}
.yy ul h4{font-size:16px;}
.yy .yy_1{width:25%;line-height:29px;font-size:16px;}
.yy .yy_2{width:75%;}
.yy .yy_2 input{width:90%;padding-left:5px;line-height:25px;font-size:16px;}
.yy_3{font-size:16px; line-height:30px; height:30px;}
.inro_con a{font-size: .75rem;}
.ys li h3{font-size: 18px;}
.btn { margin: 1rem auto;height: 2rem;line-height: 2rem;}
.btn a {font-size:1rem;}
.btnjs {height:1.5rem; line-height:1.5rem;}
.btnjs a {font-size:0.75rem;}
.btn2{width: 60%;}
.btn5{width: 60%;}
.p4 li h4{font-size: 16px;}
.item h2 {font-size:1.125rem;}
.pro7_2 .hd ul li{width:10px; height:10px; margin:0 3px; }
.sp{height: 18rem;}
}

@media screen and (min-width:415px) and (max-width:639px)
{
#box p{font-size: 18px;}
.sh_05_2 p{font-size:14px !important;}
.ys li{height: 350px;}
.tit{height: 4.25rem;}
.tit h1{line-height: 3.75rem;font-size: 22px;color: #fff;font-weight: bold;display: inline;}
.box_z{background:url(../images/top320.png) no-repeat;width: 3.3125rem;height: 2rem;color: #fefefe;font-size: 1.25rem;padding-top: 0.05rem;margin: -1.25rem auto auto;}
.box_z .line{width:60%; height:2px; background-color:#fff; margin:0 auto 3%;}

.yy {width: 100%;}
label{font-size: 16px;}
.yy h1{font-size: 26px;}
.yy ul h4{font-size:16px;}
.yy .yy_1{width:25%;line-height:29px;font-size:16px;}
.yy .yy_2{width:75%;}
.yy .yy_2 input{width:90%;padding-left:5px;line-height:25px;font-size:16px;}
.yy_3{font-size:16px; line-height:30px; height:30px;}
.inro_con a{font-size: .75rem;}
.ys li h3{font-size: 18px;}
.btn { margin: 1rem auto;height: 2rem;line-height: 2rem;}
.btn a {font-size:1rem;}
.btnjs {height:1.5rem; line-height:1.5rem;}
.btnjs a {font-size:0.75rem;}
.btn2{width: 60%;}
.btn5{width: 60%;}
.p4 li h4{font-size: 16px;}
.item h2 {font-size:1.2rem;}
.pro7_2 .hd ul li{width:13px; height:13px; margin:0 4px; }
.sp{height: 32rem;}
}