/*-----------------------------------------------------------------------------------------------------------------------*/
.ban img{ display:block; width:100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:16rem; text-align:center; overflow:hidden;}
nav a{color:#fff; font-size:1.2rem; width:28.125%; margin:0.7rem 0.35rem 0 0.35rem;text-align:center; height:6.2rem;overflow:hidden; display:inline-block; border-radius:0.2rem; color:#fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007ad9+0,005db4+100 */
background: #007ad9; /* Old browsers */
background: -moz-linear-gradient(top,  #007ad9 0%, #005db4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #007ad9 0%,#005db4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #007ad9 0%,#005db4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ad9', endColorstr='#005db4',GradientType=0 ); /* IE6-9 */}
nav em{ display:block; width:35.5%; margin:0.6rem auto 0;}
nav em img{ display:block; width:100%;}

.g-sl ul{ margin-top:1.5rem; background:url(/mobile/Images/Index/sl.jpg) no-repeat center top; background-size:100% auto; padding:0 0 0 8%;}
.g-sl li{ font-size:1.1rem; color:#333; width:20%; float:left; margin:1rem 0 4rem 0;}
.g-sl li em{ color:#007cdb; font-weight:bold;}
.g-sl li:nth-child(2n-1){ margin:0 54% 0 0;}

.tit1{ text-align:center; font-size:1.2rem; color:#007cdb;}
.tit1 em{ display:block; font-size:1.6rem; font-weight:bold; background:url(/mobile/Images/Index/h.png) no-repeat center center; background-size:100% 0.6rem; color:#00487f;}

.g-pro{ margin-top:1.4rem;}
.g-pro h3{ height:4.25rem; text-align:center; background:url(/mobile/Images/Index/pro_h.gif) no-repeat center top; background-size:100% auto; font-size:1.6rem; font-weight:bold; color:#fff; line-height:4.25rem;}
.pro{ margin-top:1.5rem;}
.pro .m-cnt{ margin-left:5%; height:7.8rem; overflow:hidden;}
.pro .m-cnt li{ width:22.7%; float:left; border:1px solid #ccc; height:2.6rem; text-align:center; line-height:2.6rem; color:#555; margin-right:1%; font-size:1.1rem; margin-bottom:1rem; border-radius:0.2rem;}
.pro .m-cnt li a{ color:#555;}
.pro .con{ float:left; width:100%;}
.pro .con ul{ width:90.625%; margin:0 auto;}
.pro .con li{ width:47%; margin-bottom:1.4rem;}
.pro .con li img{ display:block; width:100%;}
.pro .con li em{ display:block; background:#d3e8f8; text-align:center; height:2.3rem; line-height:2.3rem; color:#555; overflow:hidden; font-size:1.1rem;text-overflow:ellipsis;white-space:nowrap;}
.pro .con a:nth-child(2n-1) li{ float:left;}
.pro .con a:nth-child(2n) li{ float:right;}

.g-td{ background:url(/mobile/Images/Index/td_bg.jpg) no-repeat center top; background-size:100% auto; margin-top:2rem; padding-bottom:4rem;}
.g-td .tit1{ color:#fff; padding-top:3.2rem;}
.g-td .tit1 em{ color:#fff; background:none;}
.td{ padding-top:19rem;}
.td2 dl{ width:90.625%; margin:0 auto; height:4.5rem;}
.td2 dt{ width:3rem; height:3rem; float:left; text-align:center; line-height:3rem; background:#fff; font-size:2rem; border-radius:0.2rem; color:#0176af; position:relative;}
.td2 dt:before{content:""; position:absolute; bottom:0.2rem; left:30%; width:40%; height:2px; background:#0176af;}
.td2 dd{ width:84.66%; float:right; color:#fff; font-size:1.1rem;}
.td2 dd b{ display:block; font-size:1.2rem;}
.td2 h4{ text-align:center; color:#fff; font-size:1.8rem; font-family: Arial, Helvetica, sans-serif;}
.td2 h4 em{ font-size:3rem; font-weight:bold;}
.arr{ height:3rem; background:url(/mobile/Images/Index/td_line.png) no-repeat center center; background-size:100% 1px; position:relative; margin-top:-3rem; padding:0 25%;}
.arr .prev{ width:3rem; height:3rem; float:left; z-index:9;}
.arr .next{width:3rem; height:3rem; float:right;z-index:9;}
.arr .prev img,.arr .next img{ display:block; width:100%;}

.g-honor{ background:#f0f0f0; padding:2rem 0 2rem 0;}
.honor{width:90.625%; margin:1rem auto 0; position:relative;}
.honor .con{ float:left; width:100%;}
.honor .nowarp{ width:80.17%; margin:0 auto;}
.honor .con li{ width:49.4%; background:url(/mobile/Images/Index/honor_bg.gif) no-repeat center top; background-size:100% auto;}
.honor .con li img{ display:block; width:94.78%; margin:0.35rem 0 0.35rem 0.35rem;}
.honor .con li em{display:block;text-align:center; height:2.3rem; line-height:2.3rem; color:#555; overflow:hidden; font-size:1.1rem;text-overflow:ellipsis;white-space:nowrap;}
.honor .con a:nth-child(2n-1) li{ float:left;}
.honor .con a:nth-child(2n) li{ float:right;}
.honor .prev{ width:2.5rem; height:2.5rem; position:absolute; top:2.7rem; left:0; z-index:9;}
.honor .next{width:2.5rem; height:2.5rem; position:absolute; top:2.7rem; right:0;z-index:9;}
.honor .prev img,.honor .next img{ display:block; width:100%;}

.ys{ margin-top:2.5rem;}
.ys h2{ font-size:1.6rem; color:#006ac6;}
.ys h2 i{ display:inline-block; width:5.7rem; height:1.9rem; float:left; margin:0 5% 0 25%;}
.ys h2 i img{ display:block; width:100%;}
.ys h2 em{ display:block; font-size:1.8rem; font-weight:bold; color:#00487f; text-align:center;}
.ys .nowarp{ width:90.625%; margin:1rem auto 0;}
.ys .con{ float:left; width:100%;}
.ys2 h3 img{display:block; width:100%;}
.ys2 dl{ margin:1.5rem 0 0 0;}
.ys2 dt{ height:3.5rem; font-size:1.2rem; font-weight:bold; color:#007cdb;}
.ys2 dt em{ display:inline-block; width:2.55rem; height:2.65rem; float:left; margin-right:3%; margin-top:0.2rem;}
.ys2 dt i{ display:inline-block; width:22.3rem; height:0.75rem;}
.ys2 dt em img,.ys2 dt i img{ display:block; width:100%;}
.ys2 dd{ background:url(/mobile/Images/Index/ys_line.gif) no-repeat 3% 0.5rem; padding-left:8%; background-size:0.45rem 4.5rem;}
.ys2 dd p{ font-size:1.1rem; color:#555; line-height:1.9rem;}
.ys2 dd p em{ color:#007cdb;}
.ys .arr{ height:3rem; background:url(/mobile/Images/Index/td_line.png) no-repeat center center; background-size:100% 1px;padding:0 25%;}
.ys .arr .prev{ width:3rem; height:3rem; float:left; z-index:9;}
.ys .arr .next{width:3rem; height:3rem; float:right;z-index:9;}
.ys .arr .prev img,.ys .arr .next img{ display:block; width:100%;}
.ys h4{ text-align:center; color:#666; font-size:1.8rem; font-family: Arial, Helvetica, sans-serif;}
.ys h4 em{ font-size:3rem; font-weight:bold;color:#007cdb;}

.g-wit{ background:#007cdb; padding:1.5rem 0 3.5rem 0; margin-top:2rem;}
.g-wit h2{ text-align:center; font-size:1.5rem; font-weight:bold; color:#fff; padding-left:15%; background:url(/mobile/Images/Index/wit_line.gif) no-repeat center 0.5rem; background-size:100% auto;}
.g-wit h2 em{ display:block; font-size:0.6rem; font-weight:normal;}
.g-wit dl{ width:90.625%; margin:2.2rem auto 0;}
.g-wit dt{ width:38.67%; float:left;}
.g-wit dt img{ display:block; width:100%;}
.g-wit dd{ width:56.33%; float:right;}
.g-wit dd h3{ font-size:1.1rem; color:#fff; line-height:1.8rem;}
.g-wit dd p{ font-size:1.1rem; color:#fff; line-height:1.8rem;}

.g-about dl{width:90.625%; margin:2.2rem auto 0;}
.g-about dt img{ display:block; width:100%; border:1px solid #ccc; box-sizing:border-box;}
.g-about dd h3{ text-align:center; font-size:1.2rem; font-weight:bold; color:#333; font-weight:bold; line-height:3rem;}
.g-about dd p{ font-size:1.1rem; line-height:1.8rem; color:#666;}
.g-about span{ display:block; text-align:center; height:3.2rem; margin:1rem 0 0 0;}
.g-about span a{ display:inline-block; width:30%; margin:0 2%; height:3.2rem; color:#fff; font-size:1.1rem; line-height:3.2rem; border-radius:0.2rem;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00579a+0,004980+100 */
background: #00579a; /* Old browsers */
background: -moz-linear-gradient(top,  #00579a 0%, #004980 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00579a 0%,#004980 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00579a 0%,#004980 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00579a', endColorstr='#004980',GradientType=0 ); /* IE6-9 */}
.g-about span a:last-child{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0077d5+1,005fb6+100 */
background: #0077d5; /* Old browsers */
background: -moz-linear-gradient(top,  #0077d5 1%, #005fb6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0077d5 1%,#005fb6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0077d5 1%,#005fb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077d5', endColorstr='#005fb6',GradientType=0 ); /* IE6-9 */}

.dy{ margin-top:2rem;}
.dy .m-cnt{ height:3rem;}
.dy .m-cnt li{ width:33.33%; height:3rem; text-align:center; line-height:3rem; color:#fff; font-size:1.2rem; float:left;background: #0077d5; /* Old browsers */
background: -moz-linear-gradient(top,  #0077d5 1%, #005fb6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0077d5 1%,#005fb6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0077d5 1%,#005fb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077d5', endColorstr='#005fb6',GradientType=0 );}
.dy .m-cnt li.z-on{background: #00579a; /* Old browsers */
background: -moz-linear-gradient(top,  #00579a 0%, #004980 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00579a 0%,#004980 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00579a 0%,#004980 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00579a', endColorstr='#004980',GradientType=0 );}
.dy .con{ float:left; width:100%;}
.dy .con ul{ width:90.625%; margin:1.5rem auto 0;}
.dy .con li{ font-size:1.2rem; color:#666; line-height:3rem; height:3rem; overflow:hidden;}


html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}