@charset "gb2312";
nav,section{ background:#FFF;}
/* pro_list_index.htm
---------------------------------------------------------------------- */
.s_h3{border-bottom:#E0E0E0 1px solid; height:3em;}
.h3_ico{ width:.3em; height:1.5em; background:#f97f12; display:block; float:left; margin: 1em 0 0 0.5em;}
.s_h3 b{ font:1.3em/2.5em "Microsoft YaHei"; float:left; margin-left:.4em;}
.s_h3 a{ float:right; color:#333; margin-right:2em; font-weight:normal; font: 1em/3em "Microsoft YaHei";}
.container{/* padding-bottom:.5rem; */}
.professional {/* padding: 0 8px 8px 8px; */}
.professional dl {border-bottom: 1px dashed #d6d6d6;width: 100%;padding: 0.78em 0;overflow:hidden;}
.professional dl dt {float: left;margin: 0 0.66em 0 0.44em;position: relative;width:35%;opacity:0;filter:alpha(opacity=0);}
.professional dl dt img {position: relative;padding:1px border #f3f3f3;padding:1px;border-radius:4px; }
.professional .des_zy{float:left;position:relative;left:5px;width:60%;opacity:0;filter:alpha(opacity=0);}
.professional .des_zy dd{margin-left:0px;}
.professional .des_zy dd:first-child{margin-left:0px;position:relative;top: 0.23em;}
.professional .des_zy dd h2 a{font-size: 0.75em;font-weight:normal;}
.professional .des_zy .btn_icon{position:relative;top: 0.24em;margin-top:0.24em;}
.professional .des_zy .btn_icon a{display:inline-block;width: 44%;height: 1.5em;line-height: 1.5em;text-align:center;border-radius:5px;font-size:1em;}
.professional .des_zy .zy_dis{padding-top: 0.47em;font-size: 0.88em;}
.professional .des_zy .zy_dis span{color:red;}
#icon1_btn {border: 1px solid #2082e6;color: #2082e6;background: #fff;margin-right: 0.4em;float: left;}
#icon2_btn {border: 1px solid #137be6;color: #fff;background: #2082e6;float: left;}
img {
    /* display: block; */
    max-width: 100%;
}

.professional dl:last-child { border-bottom: 0 }
.tim { position: absolute; bottom: 0; left: 0px; text-align: center; width: 100%; background: #FFF; border-top: 1px solid #EFEFEF; opacity: 0.85; color: #EE7800; }
.pro_section1,.pro_nav2{/* margin-top:.5rem; */}
.pro_section2{margin:.5rem 0;}
@media screen and (max-width:480px){
	.professional .des_zy{width:58%;}
	.professional .des_zy dd h2 a{/* font-size:18px; */}
	.professional .des_zy .zy_dis{/* font-size:14px; *//* padding-top:5px; */}
	.professional .des_zy .btn_icon a{/* height:27px; *//* line-height:27px; *//* font-size:15px; */}
	.professional .des_zy .btn_icon{/* top:10px; */}
	.professional .des_zy dd:first-child{/* top:0px; */}
}

.professional dl dt.zysz_pic{
	animation:left-right 2s ease-out;
	-webkit-animation:left-right 2s ease-out;
	-moz-animation:left-right 2s ease-out;
	opacity:1;
	filter:alpha(opacity=100)
	}

.professional .des_zy.zysz_title{
		animation:right-left 2s ease-out;
	-webkit-animation:right-left 2s ease-out;
	-moz-animation:right-left 2s ease-out;
	opacity:1;
	filter:alpha(opacity=100)
	}
	
	}

/*鍔ㄧ敾*/
@keyframes left-right{
	0%{-webkit-transform: translateX(-40px);opacity:0;filter:alpha(opacity=0)}
	100%{-webkit-transform: translateX(0px);opacity:1;filter:alpha(opacity=100)}
}

@-moz-keyframes left-right{
	0%{-moz-transform: translateX(-40px);opacity:0;filter:alpha(opacity=0)}
	100%{-moz-transform: translateX(0px);opacity:1;filter:alpha(opacity=100)}
}

@-webkit-keyframes left-right{
	0%{transform: translateX(-40px);opacity:0;filter:alpha(opacity=0)}
	100%{transform: translateX(0px);opacity:1;filter:alpha(opacity=100)}
}

@-moz-keyframes right-left{
	0%{-moz-transform: translateX(40px);opacity:0;filter:alpha(opacity=0)}
	100%{-moz-transform: translateX(0px)opacity:1;filter:alpha(opacity=100)}
}

@-webkit-keyframes right-left{
	0%{-webkit-transform: translateX(40px);opacity:0;filter:alpha(opacity=0)}
	100%{-webkit-transform: translateX(0px)opacity:1;filter:alpha(opacity=100)}
}

@keyframes right-left{
	0%{transform: translateX(40px);opacity:0;filter:alpha(opacity=0)}
	100%{transform: translateX(0px)opacity:1;filter:alpha(opacity=100)}
}

.ul3-1 {
    width: 97%;
    margin: 1em auto 1em;
    background: #fff;
    border-radius: .8em;
    padding-top: .22em;
    position: relative;
    height: 5.8em;
}
.ul3-1 li {
    float: left;
    width: 33%;
}

.ul3-1 span {
    display: block;
    width: 3.12em;
    height: 3.12em;
    margin: 0 auto;
    border-radius: 50%;
}
.ul3-1 img {
    display: block;
    width: 70%;
    margin: 0 auto;
    position: relative;
    top: 15%;
}
.ul3-1 div {
    font-size: 0.99em;
    line-height: 2.4em;
    color: #000;
    display: block;
    text-align: center;
}
.ul3-1 li {
    float: left;
    width: 50%;
}

.ul3-1 li:nth-child(1) span{background: #056cd4;}
.ul3-1 li:nth-child(2) span{background: #04b5bd;}
.ul3-1 li:nth-child(3) span{background: #de7100;}
.ul3-1 li:nth-child(4) span{background: #E80010;}

.ul3-1 .active div{color: #000;}
.ul3-1:after{position: absolute;content: '';width: 100%;height: 2px;background: #eee;bottom: -0.6em;}
.ul3-1 b{position: absolute;width: 50%;height: 0.17em;background: #2590e2;left: 0;bottom: -0.6em;z-index: 1;}
.zyfx_box {
    width: 100%;
    margin: 0.94em auto 0;
}
.zyfx_box>div:first-child {
    display: block;
}
#zczy {
    background: url(/templets/xanh/images/tlbg.jpg) no-repeat;
    background-size: 100%;
    margin-top: 1.12em;
}
.tit_box {
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 1px 0;
    box-sizing: border-box;
    height: 14.2em;
}
.tit_b {
    font-size: 1.32em;
    line-height: 1.7em;
    margin-top: 1.03em;
}
.tit_e {
    display: inline-block;
    text-align: center;
    font-size: 1em;
    line-height: 1.7em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 0 1.6em;
    margin: 0 auto;
    margin-top: 0.5em;
    text-transform: uppercase;
}
.zy_box {
    overflow:hidden;
    width: 93.75%;
    margin: -6.8em auto 0.47em;
    padding-top: .5em;
}
.clear_f:after, .clear_f:before {
    content: "";
    display: block;
}
.zy_box li {
    float: left;
    width: 48%;
    margin-right: 3.1%;
    position: relative;
    margin-bottom: 1.8em;
    border-radius: 0.5em;
    box-shadow: 0px 3px 10px 2px #ddd;
    background: #fff;
    padding: 0.5em 0 0.2em;
}
.zy_box p {
    width: 93.75%;
    margin: -0.41em auto 0;
    font-size: .87em;
    line-height: 1.8em;
    text-align: left;
    height: 3.3em;
    margin-top: .74em;
    overflow: hidden;
}
.zy_btn {
    overflow:hidden;
    width: 93.75%;
    margin: 0.74em auto 0.94em;
}
.zy_btn a {
    float: left;
    width: 46.7%;
    margin-right: 5.9%;
    text-align: center;
    font-size: 0.89em;
    line-height: 1.89em;
    border-radius: 0.5em;
    border: 1px solid #166bc1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-color: #EAEAEA;
    background: #fff;
    color: #c1201f;
}
.zy_btn a:last-child {
    margin-right: 0;
    background: #c1201f;
    color: #fff;
}
.zy_box span {
    position: absolute;
    width: 1.1em;
    height: 1.1em;
    background: #c1201f;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 1em;
    line-height: 1.11em;
    right: 0.47em;
    top: 1.5em;
}
.zy_box h3 {
	font-weight:bold;
	font-size: 1.06em;
	line-height: 2em;
	text-align: left;
	padding-left: 0.59em;
	padding-top: .5em;
}
.zy_xz {
    text-align: left;
    color: #777;
    padding-left: 0.74em;
    font-size: 0.87em;
    line-height: 1.5em;
    margin-bottom: .74em;
}
.zy_box li:nth-child(2n) {
    margin-right: 0;
}
#xdzy {
    background: url(/templets/xanh/images/jsjbg.jpg) no-repeat;
    background-size: 100%;
}
#xczy {
    background: url(/templets/xanh/images/tsbg.jpg) no-repeat;
    background-size: 100%;
}
#tsxc {
    background: url(/templets/xanh/images/jsjbg.jpg) no-repeat;
    background-size: 100%;
}
.clearf:after {
    clear: both;
}
.clearf:after, .clearf:before {
    content: "";
    display: block;
}
.clearf:after {
    clear: both;
}
.clearf:after, clearf:before {
    content: "";
    display: block;
}
.clearf:after, .clearf:before {
    content: "";
    display: block;
}
.zyfx_box>div {
    display: none;
}