﻿/*放大*/
@-webkit-keyframes fangda{
	0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
	100%{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
	}
@-moz-keyframes fangda{
	0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
	100%{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
	}
@-ms-keyframes fangda{
	0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
	100%{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
	}
@keyframes fangda{
	0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
	100%{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
}
/*震铃*/
@-webkit-keyframes a-ring{0%{-webkit-transform:scale(1);}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes a-ring{0%{-moz-transform:scale(1);}10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}100%{-moz-transform:scale(1) rotate(0);}}
@-ms-keyframes a-ring{0%{-ms-transform:scale(1);}10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}100%{-ms-transform:scale(1) rotate(0);}}
@keyframes a-ring{0%{transform:scale(1);}10%,20%{transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}40%,60%,80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}}
/*摇晃*/
@-webkit-keyframes a-wobble{0%{-webkit-transform:translateX(0);}15%{-webkit-transform:translateX(-50px) rotate(-5deg);}30%{-webkit-transform:translateX(40px) rotate(3deg);}45%{-webkit-transform:translateX(-33px) rotate(-3deg);}60%{-webkit-transform:translateX(10px) rotate(2deg);}75%{-webkit-transform:translateX(-10px) rotate(-1deg);}100%{-webkit-transform:translateX(0);}}
@-moz-keyframes a-wobble{0%{-moz-transform:translateX(0);}15%{-moz-transform:translateX(-50px) rotate(-5deg);}30%{-moz-transform:translateX(40px) rotate(3deg);}45%{-moz-transform:translateX(-33px) rotate(-3deg);}60%{-moz-transform:translateX(10px) rotate(2deg);}75%{-moz-transform:translateX(-10px) rotate(-1deg);}100%{-moz-transform:translateX(0);}}
@-ms-keyframes a-wobble{0%{-ms-transform:translateX(0);}15%{-ms-transform:translateX(-50px) rotate(-5deg);}30%{-ms-transform:translateX(40px) rotate(3deg);}45%{-ms-transform:translateX(-33px) rotate(-3deg);}60%{-ms-transform:translateX(10px) rotate(2deg);}75%{-ms-transform:translateX(-10px) rotate(-1deg);}100%{-ms-transform:translateX(0);}}
@keyframes a-wobble{0%{transform:translateX(0);}15%{transform:translateX(-50px) rotate(-5deg);}30%{transform:translateX(40px) rotate(3deg);}45%{transform:translateX(-33px) rotate(-3deg);}60%{transform:translateX(10px) rotate(2deg);}75%{transform:translateX(-10px) rotate(-1deg);}100%{transform:translateX(0);}}
/*摇摆*/
@-webkit-keyframes a-swing{20%{-webkit-transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);}100%{-webkit-transform:rotate(0);}}
@-moz-keyframes a-swing{20%{-moz-transform:rotate(15deg);}40%{-moz-transform:rotate(-10deg);}60%{-moz-transform:rotate(5deg);}80%{-moz-transform:rotate(-5deg);}100%{-moz-transform:rotate(0);}}
@-ms-keyframes a-swing{20%{-ms-transform:rotate(15deg);}40%{-ms-transform:rotate(-10deg);}60%{-ms-transform:rotate(5deg);}80%{-ms-transform:rotate(-5deg);}100%{-ms-transform:rotate(0);}}
@keyframes a-swing{20%{transform:rotate(15deg);}40%{transform:rotate(-10deg);}60%{transform:rotate(5deg);}80%{transform:rotate(-5deg);}100%{transform:rotate(0);}}
/*震颤*/
@-webkit-keyframes a-shake{0%,100%{-webkit-transform:translateX(0);}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}20%,40%,60%,80%{-webkit-transform:translateX(10px);}}
@-moz-keyframes a-shake{0%,100%{-moz-transform:translateX(0);}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}20%,40%,60%,80%{-moz-transform:translateX(10px);}}
@-ms-keyframes a-shake{0%,100%{-ms-transform:translateX(0);}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}20%,40%,60%,80%{-ms-transform:translateX(10px);}}
@keyframes a-shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-10px);}20%,40%,60%,80%{transform:translateX(10px);}}
/*闪烁*/
@-webkit-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-moz-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-ms-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
/*转出*/
@-webkit-keyframes a-rotateout{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}}
@-moz-keyframes a-rotateout{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}}
@-ms-keyframes a-rotateout{0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1;}100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0;}}
@keyframes a-rotateout{0%{transform-origin:center center;transform:rotate(0);opacity:1;}100%{transform-origin:center center;transform:rotate(200deg);opacity:0;}}
/*转入*/
@-webkit-keyframes a-rotatein{0%{opacity:0;-webkit-transform:rotate(-200deg);}100%{opacity:1;-webkit-transform:rotate(0);}}
@-moz-keyframes a-rotatein{0%{opacity:0;-moz-transform:rotate(-200deg);}100%{opacity:1;-moz-transform:rotate(0);}}
@-ms-keyframes a-rotatein{0%{opacity:0;-ms-transform:rotate(-200deg);}100%{opacity:1;-ms-transform:rotate(0);}}
@keyframes a-rotatein{0%{opacity:0;transform:rotate(-200deg);}100%{opacity:1;transform:rotate(0);}}
/*渐变-淡入*/
@-webkit-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
/*淡入-从上*/
@-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinT{0%{opacity:0;-moz-transform:translateY(-50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinT{0%{opacity:0;-ms-transform:translateY(-50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinT{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0);}}
/*淡入-从右*/
@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinR{0%{opacity:0;-moz-transform:translateX(50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinR{0%{opacity:0;-ms-transform:translateX(50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinR{0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}}
/*淡入-从下*/
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinB{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
/*淡入-从左*/
@-webkit-keyframes fadeinL{0%{opacity:0;-webkit-transform:translateX(-50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinL{0%{opacity:0;-moz-transform:translateX(-50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinL{0%{opacity:0;-ms-transform:translateX(-50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinL{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);}}
/*渐变-淡出*/
@-webkit-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@-ms-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
/*淡出-向上*/
@-webkit-keyframes fadeoutT{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-100px);}}
@-moz-keyframes fadeoutT{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(-100px);}}
@-ms-keyframes fadeoutT{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(-100px);}}
@keyframes fadeoutT{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-100px);}}
/*淡出-向右*/
@-webkit-keyframes fadeoutR{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(100px);}}
@-moz-keyframes fadeoutR{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(100px);}}
@-ms-keyframes fadeoutR{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(100px);}}
@keyframes fadeoutR{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(100px);}}
/*淡出-向下*/
@-webkit-keyframes fadeoutB{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(100px);}}
@-moz-keyframes fadeoutB{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(100px);}}
@-ms-keyframes fadeoutB{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(100px);}}
@keyframes fadeoutB{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(100px);}}
/*淡出-向左*/
@-webkit-keyframes fadeoutL{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-100px);}}
@-moz-keyframes fadeoutL{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(-100px);}}
@-ms-keyframes fadeoutL{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(-100px);}}
@keyframes fadeoutL{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-100px);}}
/*弹跳*/
@-webkit-keyframes a-bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}40%{-webkit-transform:translateY(-30px);}60%{-webkit-transform:translateY(-15px);}}
@-moz-keyframes a-bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0);}40%{-moz-transform:translateY(-30px);}60%{-moz-transform:translateY(-15px);}}
@-ms-keyframes a-bounce{0%,20%,50%,80%,100%{-ms-transform:translateY(0);}40%{-ms-transform:translateY(-30px);}60%{-ms-transform:translateY(-15px);}}
@keyframes a-bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-30px);}60%{transform:translateY(-15px);}}
/*弹入*/
@-webkit-keyframes a-bouncein{0%{opacity:0;-webkit-transform:scale(0.3);}50%{opacity:1;-webkit-transform:scale(1.05);}70%{-webkit-transform:scale(0.9);}100%{-webkit-transform:scale(1);}}
@-moz-keyframes a-bouncein{0%{opacity:0;-moz-transform:scale(0.3);}50%{opacity:1;-moz-transform:scale(1.05);}70%{-moz-transform:scale(0.9);}100%{-moz-transform:scale(1);}}
@-ms-keyframes a-bouncein{0%{opacity:0;-ms-transform:scale(0.3);}50%{opacity:1;-ms-transform:scale(1.05);}70%{-ms-transform:scale(0.9);}100%{-ms-transform:scale(1);}}
@keyframes a-bouncein{0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);}}
/*弹出*/
@-webkit-keyframes a-bounceout{0%{-webkit-transform:scale(1);}25%{-webkit-transform:scale(0.95);}50%{opacity:1;-webkit-transform:scale(1.1);}100%{opacity:0;-webkit-transform:scale(0.3);}}
@-moz-keyframes a-bounceout{0%{-moz-transform:scale(1);}25%{-moz-transform:scale(0.95);}50%{opacity:1;-moz-transform:scale(1.1);}100%{opacity:0;-moz-transform:scale(0.3);}}
@-ms-keyframes a-bounceout{0%{-ms-transform:scale(1);}25%{-ms-transform:scale(0.95);}50%{opacity:1;-ms-transform:scale(1.1);}100%{opacity:0;-ms-transform:scale(0.3);}}
@keyframes a-bounceout{0%{transform:scale(1);}25%{transform:scale(0.95);}50%{opacity:1;transform:scale(1.1);}100%{opacity:0;transform:scale(0.3);}}


.ulpro .pro-d,.index-link ul li
{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}
/*循环播放*/
.ulpro .pro-d em,.index-map .map-1
{-webkit-animation:1s infinite;-moz-animation:1s infinite;-ms-animation:1s infinite;animation:1s infinite;}


html{-webkit-tap-highlight-color:transparent;overflow-x:hidden;height:100%;min-width:6.4rem;font-size:312.5%;background-color:#fff}
body{color:#333;font-size:.28em;line-height:1.5;font-family:arial,Microsoft Yahei}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
img{vertical-align:middle;border:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol,li{list-style:none}
em,i{font-style:normal}
img{border:none}
input,img{vertical-align:middle}
input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;border:0;border-radius:0;
outline: none;}
textarea:focus{outline:0}
a{color:#6E7D8B;text-decoration:none;outline:0}
a:active,a:hover,a.current{outline:0}
.c{text-align:center}
.tr{text-align:right}
.f60,input.f60,.c60{color:#FF621D}
.f00{color:#f00}
.c99{color:#999}
.f12{font-size:.24rem}
.green{color:#99CC01}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:1;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;vertical-align:middle}
button,input,optgroup,select,textarea{color:inherit;margin:0;-webkit-writing-mode:horizontal-tb}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
#wrap,.wrap{max-width:640px;margin:0 auto;height:100%;position:relative;width:100%}
.color-lan{color: #2381e3;}


.banner .item img { width:100%; }
header{position:relative;height: 0.84rem;}
.topleft{position: absolute;left: 0;top: 0;}
.logo{ background: url(../app/images/logo.png) no-repeat center left; height: 0.84rem;left:0.14rem;
width: 1.04rem; background-size: contain;}
.back{ background: url(../images/icoback.png) no-repeat center left; height: 0.84rem;left:0.14rem;
width: 1.04rem; background-size:0.34rem;}
.topname{text-align: center;color: #2381e3;line-height: 0.84rem;}
.toptel{position: absolute;right:0.14rem;color: #2381e3;line-height: 0.84rem;top:0;
 background: url(../images/ico-24.png) no-repeat left center;
  background-size:0.29rem; padding-left: 0.36rem;font-size: 0.28rem;}
  
.nav{ background: #f0f2f4; padding: 0.08rem 0; overflow: hidden;
border-bottom: solid 1px #e4e7e9;}

.nav ul li{float: left;height:1.31rem;border-left: solid 1px #e4e7e9;
position: relative;width:16.4%; overflow: hidden;}
.nav ul li:first-child{border: none;}
.nav ul li a{display: block;}
.nav ul li i{position: absolute; width: 100%;height: 0.43rem;top: 0.27rem;
background-size: contain;}
.nav ul li em{ text-align: center;position: absolute; text-align: center;
font-size: 0.20rem;width: 100%;bottom:0.2rem;color: #65717c;}
.nav1{ background: url(../images/nav-1.png) no-repeat center;}
.nav2{ background: url(../images/nav-2.png) no-repeat center;}
.nav3{ background: url(../images/nav-3.png) no-repeat center;}
.nav4{ background: url(../images/nav-4.png) no-repeat center;}
.nav5{ background: url(../images/nav-5.png) no-repeat center;}
.nav6{ background: url(../images/nav-6.png) no-repeat center;}


.mt60{margin-top:0.60rem}
.big-title{ text-align: center;}
.big-title h3{font-size: 0.46rem;color: #2381e3;}
.big-title p{color: #1a1918;font-size: 0.28rem;}


.index-pro{ text-align: center; background: url(../images/index-pro.jpg) no-repeat center bottom;
height:2rem;
padding-top:0.6rem; background-size:cover;}
.ulpro{margin-left: -0.1rem;}
.ulpro li{width:1.06rem;display: inline-block;margin-left:0.1rem;position: relative;*float: left;}

.ulpro .pro-s{}
.ulpro .pro-s i{height:1rem;display: block;}
.ulpro .pro-s h5{font-size: 0.16rem;color: #000; text-align: center;margin-top:0.15rem;}


.ulpro .pro1 i{ background: url(../images/index-pro1.jpg) no-repeat center;background-size: contain;}
.ulpro .pro2 i{ background: url(../images/index-pro2.jpg) no-repeat center;background-size: contain;}
.ulpro .pro3 i{ background: url(../images/index-pro3.jpg) no-repeat center;background-size: contain;}
.ulpro .pro4 i{ background: url(../images/index-pro4.jpg) no-repeat center;background-size: contain;}
.ulpro .pro5 i{ background: url(../images/index-pro5.jpg) no-repeat center;background-size: contain;}

.case-img{overflow:hidden;margin: 0 0.3rem;margin-top:0.5rem;}
.case-ul{ overflow: hidden;margin-top: -0.01rem;margin-left: -0.02rem;}
.case-ul li{float: left;border-left:solid 1px #d9e0e7;border-top:solid 1px #d9e0e7;
height: 1.3rem; overflow: hidden;width:24.6%;}
.case-ul li a{display: block;width:100%;height: 1.3rem;}

.fenx0{ height: 1.5rem;}
.fenx{ background:#2381e3; height: 1.03rem;position: fixed;bottom: 0;width: 100%;}
.fenx ul li{float: left;width: 50%; text-align: center;}
.fenx ul li:first-child .share0{ color: #fff;
line-height: 1.03rem;
border-right: solid 1px #3994f3;display: block;}

.fenx ul li:first-child .share0 em{line-height:1.03rem;height:1.03rem;
background: url(../images/ico-fenxiang.jpg) no-repeat left;
background-size:contain;
 padding-left:0.5rem;
 font-size: 0.3rem;
}
.fenx ul .foot-tel{color: #fff;
line-height: 1.03rem;
border-left: solid 1px #236bb5;display: block;}
.fenx ul .foot-tel em{line-height:1.03rem;height:1.03rem;
background: url(../images/ico-24lan.jpg) no-repeat left;
background-size:contain;
 padding-left:0.5rem;
 font-size: 0.3rem;
 color: #fff;
}

.fenx2{ background: #f8f8f8;border-top: solid 1px #dee1e4;height:1rem;position: fixed;bottom: 0;width: 100%;}
.fenx2 a{float: left;width: 20%; text-align: center;}
.fenx2 a img{width: 0.65rem;margin-top: 0.18rem;}

.mes{margin: 0 auto;color:#32516c;}
.mes-1{font-size: 0.32rem; background: #ff7e5b;color: #fff; text-align: center; padding: 0.3rem 0.2rem;}
.mes-2{font-size: 0.28rem; background: #ff7e5b;color: #fff; text-align: center; padding-bottom: 0.38rem; padding-left: 0.2rem; padding-right: 0.2rem;}
.mes-3{font-size: 0.28rem;margin-top: 0.30rem;}
.mes-input{padding: 0 0.38rem;}
.mes-input input{}
.mes .txt{border: solid 1px #c1ced8; background: #fff;font-size:0.28rem;color:#32516c; padding: 0.25rem 0;
width: 100%; text-indent: 0.16rem;
margin-top: 0.15rem;border-radius:0.04rem;-moz-border-radius:0.04rem;-webkit-border-radius:0.04rem;border-radius:0.04rem;}
.mes .sel{border: solid 1px #c1ced8; background: #fff;font-size:0.28rem;color:#32516c; padding: 0.25rem 0.1rem;width: 100%;
margin-top:0.15rem;border-radius:0.04rem;-moz-border-radius:0.04rem;-webkit-border-radius:0.04rem;border-radius:0.04rem;
}
.mes .txtarea{border: solid 1px #c1ced8; background: #fff;font-size:0.28rem;color:#32516c; padding: 0.15rem 0;width:100%;
margin-top: 0.15rem;border-radius:0.04rem;-moz-border-radius:0.04rem;-webkit-border-radius:0.04rem;border-radius:0.04rem;height:0.70rem;
text-indent: 0.16rem;}
.mes .button{width: 100%;line-height:0.8rem;border-radius:0.04rem;-moz-border-radius:0.04rem;-webkit-border-radius:0.04rem;border-radius:0.04rem;border: none;color: #fff;
font-size:0.28rem; background: #2381e3;cursor: pointer;margin: 0 auto;margin-top: 0.3rem;}

.color-org{color: #ff7e5b;}

.case-p{ text-align: center;margin-top:0.15rem;}
.case-txt1{font-size: 0.14rem;color: #555d66;}
.case-txt2{color: #32516c;font-size: 0.38rem; text-align: center;font-weight: bold;}
.dnum{ text-align: center;margin-top: 0.13rem;}
.dnum div{display: inline-block;margin: 0 0.1rem;width:30%;float: left;}
.case-txt3{font-size: 0.50rem;color: #32516c;font-family:"times new roman";font-weight: bold;}
.case-txt3 em{color: #32516c;font-size:0.28rem;margin-left: 0.08rem;}
.case-txt4{font-size:0.50rem;font-family: "Microsoft Yahei";}
.case-txt3 b{font-family:"times new roman";font-size:0.5rem;font-weight: normal;font-weight: bold;}

.case-img{overflow: hidden;margin-bottom: 0.3rem;}
.case-ul{ overflow: hidden;}
.case-ul li{float: left;border-left:solid 1px #d9e0e7;border-top:solid 1px #d9e0e7;
width:33.03%;height: 1.30rem; overflow: hidden;}
.case-ul li a{display: block;width:100%;height: 1.3rem;}
.case-ul li a:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}

.case-tab{ background: url(../images/case1-bg-line2.png) bottom repeat-x; text-align: center;margin-top:0.38rem;
height:1.1rem;}
.case-tab a{font-size: 0.36rem;color: #6d7072;display: inline-block;height:1.1rem;margin: 0 0.18rem;
}
.case-tab2{background-color: #f7f8f8;margin-top: 0; padding-top: 0.38rem;}
.case-tab2 a{margin: 0 0.1rem;font-size: 0.28rem;width: 25%;margin: 0;}
.case-tab a:hover{color: #2381e3;background: url(../images/case1-bg2.png) no-repeat bottom center;}
.case-tab a.on{ background: url(../images/case1-bg2.png) no-repeat bottom center;color: #2381e3;}

.case-ultxt .news-txt{}
.case-ultxt li{ overflow: hidden;margin: 0 0.3rem;}

.news-txt{border-bottom:solid 1px #d9e0e7; padding-bottom:0.28rem;padding-top:0.28rem;}
.news-txt-title{font-size: 0.36rem;color: #34495e;}
.news-txt-date{color: #a6abaf;font-size: 0.24rem;}
.news-txt-des{font-size: 0.28rem;color: #555d66;line-height: 2;height:1rem;overflow: hidden;margin-top:0.1rem;
text-overflow:ellipsis;}
.news-txt-des2{ height:0.5rem;text-overflow:ellipsis;white-space:nowrap; }
.blue{color: #2381e3;}
.news-txt a:hover h3{color:#2381e3;}
.news-txt-a{ text-align: right;padding-top:0.16rem;}
.news-txt-a a{color:#2381e3;font-size:0.16rem;text-decoration: underline;}

.fenge{ background: #eaeef2;border-top:solid 1px #dee1e4;border-bottom: solid 1px #dee1e4;height: 0.2rem;}

.aboutmain{margin: 0 0.3rem;}
.about-title{color: #2381e3;margin-top:0.25rem;font-size: 0.32rem;}
.about-title p{font-size: 0.28rem;color: #34495e;}
.about-title i{font-size: 0.24rem;color: #6e7e8e;margin-left: 0.10rem;}
.about-content{font-size: 0.28rem;color: #555d66;line-height: 2;}

.about-des{font-size: 0.26rem;color: #34495e;margin-top: 0.1rem;border-bottom: solid 1px #d9e0e7;padding-bottom: 0.2rem;
margin-bottom: 0.18rem;}

.contact{font-size: 0.22rem;color: #34495e;}
.contact .f-l{width:60%;margin-top: 0.60rem;float: left;}
.contact .f-r{margin-top:0.60rem;width:40%;float: left;}
.contact i{display: block;margin-bottom:0.30rem; overflow: hidden;}
.contact i p{float: left;}
.contact i img{margin-right:0.15rem;float: left;width:0.3rem;}

.news-show-2{color: #2381e3;font-size: 0.34rem;margin-top: 0.26rem;margin-bottom:0.10rem;}
.news-show-3{font-size: 0.16rem;color: #a0a5aa;}
.news-show-4{font-size: 0.28rem;color: #555d66;margin-top: 0.2rem;line-height:1.8;}

.pro{ overflow: hidden; padding-bottom: 0.2rem;}
.pro li{float:left;width: 50%;height: 2.4rem;margin-top: 0.18rem;}
.pro li div{width:95%;height: 2.4rem;margin:0 auto;position: relative;
}
.pro li p{background: #000;
filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;
height: 0.8rem;position: absolute;bottom: 0;width: 100%;}
.pro li i{color: #fff;font-size: 0.3rem; position: absolute;bottom: 0;line-height: 0.8rem;text-indent: 0.1rem;}


.protop{height:2.5rem; background: #f5f5f5;width: 100%; overflow: hidden;position: relative;}
.protop .f-l{width:35%;position: relative; text-align: center;line-height:1.5;z-index:99999;background: #f5f5f5;height:2.5rem;overflow: hidden;
float: left;}
.protop .f-l h1{font-size: 0.34rem;color: #2381e3;}
.protop .f-l h3{font-size: 0.18rem;color: #a0a5aa;}
.protop .f-r{width:65%;float: left;height:2.5rem;}

.pro-show-2{color:#a0a5aa;font-size: 0.3rem;margin-top:0.3rem;margin-left: 0.3rem;margin-right: 0.3rem;}
.pro-show-4{font-size: 0.26rem;color: #555d66;margin-top: 0.2rem;line-height:1.8;margin-left: 0.3rem;margin-right: 0.3rem;}

.kehushuo{ background: #f5f5f5;margin-top: 0.50rem;padding-top:0.60rem; padding-bottom: 0.45rem;

}
.kehushuo .f-w{position: relative;}
.kehushuo .f-l{ overflow: hidden;}
.kehu-1{-moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;width: 1.25rem;height: 1.25rem;overflow: hidden;
float: left;margin-right: 0.3rem;margin-left:0.30rem;}
.kehu-1 img{width: 100%;}
.kehu-2{font-size: 0.24rem;color: #a0a5aa;margin-top: 0.3rem;}
.kehu-3{font-size: 0.24rem;color: #a0a5aa;}

.kehu-alert{margin:0 0.3rem;}
.kehu-alert .al-i{ background: url(../images/kehushuo.jpg) no-repeat -0.7rem 0rem;height: 0.7rem;width: 100%;display: block;
background-size: contain;}
.kehu-alert .al-p{ background: #fff;font-size: 0.2rem;color: #a0a5aa;width:93%; padding:0.20rem 0.2rem;
text-align: left;}


/**/
@-webkit-keyframes rotate{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}
@media screen and (min-width:410px){
	html{font-size:400%}
}
@media screen and (min-width:480px){
	html{font-size:469%}
}
@media screen and (min-width:640px){
	html{font-size:625%}
}
