/**********重置**********/
@charset "utf-8";

@font-face {
    font-family: 'HKGrotesk';
    src: url('../font/HKGrotesk-Bold-2.otf');
    font-weight: normal;
    font-style: normal;
}
/*reset*/
.fl{float: left;}
.fr{float: right;}
.ov{overflow: hidden;}
.bol{font-weight: bold;}
.cen{text-align: center;}
.h13,h13{ font-size:1em}
.h14,h14{ font-size:1.15em}
.h15,h15{ font-size:1.175em}
.h16,h16{ font-size:1.2em}
.h18,h18{ font-size:1.425em}
.h20,h20{ font-size:1.55em}
.h22,h22{ font-size:1.7em}
.red1{color: #e0c111;}
.red2{color: #e06f20;}
.red3{color: #347be0;}
.red4{color: #3de07e;}

.tgap{height: 56px;}
.gap{height: 0.2rem;background-color: #f2f2f5;clear: both;}
.moregap{margin-top:0.52rem;margin-bottom:0.7rem;height: 0.64rem;text-align: center;line-height: 0.64rem;width: 100%;}
.moregap a{transition:0.3s;text-transform:uppercase;color: #1f1a17;font-size: 0.28rem;font-family: Arial;padding:0.17rem 0.9rem 0.13rem 0.9rem;border: 1px solid #1f1a17;}
.moregap img{vertical-align:middle;margin-left: 0.15rem;margin-top: -0.05rem;width: 0.25rem;}
.moregap:hover a{background-color:#0359a3;color:#fff;border-color: #0359a3;}
.hide{display: none;}
.where{padding-bottom: 0.05rem;padding-top: 0.05rem;background-color: #fff;padding-left: 0.2rem;font-size: 0.2rem;}
.where2{padding-left: 0.2rem;font-size: 0.24rem;}
/*省略号样式*/
.ellipsis{overflow: hidden;text-overflow: ellipsis;word-wrap: normal;white-space: nowrap;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin: 0;padding: 0;font-size: 100%;font: inherit;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6 {-webkit-text-size-adjust: non}
html{line-height:initial;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
ol,ul {list-style: none}
li {list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse;border-spacing: 0}
body { font-size: 12px;margin:0 auto; max-width:720px;padding: 0;text-align: left;color: #000;height: auto;width: 100%;overflow-x: hidden;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;-webkit-text-size-adjust: none; font-family:Microsoft YaHei;font: 16px/1.5 "Microsoft YaHei,arial, sans-serif",\5fae\8f6f\96c5\9ed1, arial,\5b8b\4f53;color: #333;outline: 0;width: 100%;}
.contionera {max-width: 720px;margin: 0 auto; position: relative; }
.wapper{  position:relative; z-index:1; margin:0.9rem auto 0.99rem auto; background-color:#fff;}
a {color: #333;text-decoration: none;}
img,a img { border: 0;padding: 0;margin: 0;}
.clear{ clear:both;}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;}

/**提示层，加载框**/
#btis{ width:100%; height:100%; top:0; left:0; position:fixed; z-index:1000001; background:none; display:none;}
#tis{ font-size:15px; width:90%; height:35px; line-height:35px; position:fixed;text-align:center; z-index:1002; top:75%; border-radius:50px; background:#666; color:#fff;  margin:auto; left:0; right:0;}
#loading{ position:fixed; max-width:720px; margin:auto;  display:none; top:0; left:0; bottom:0; right:0; z-index:9999;}
#loading .lad{ width:19%; height:12%; border-radius:7px; margin:auto; left:0; right:0; top:0; bottom:0; position:absolute;/*background:url(../img/loading.gif) #eee center no-repeat;*/ background:#eee;  background-size:56%;opacity:0.9;}
#loading .lad img{ width:60%; position:absolute; margin:auto; left:0; right:0; top:0; bottom:0;}
#loading2{ position:fixed; max-width:720px; margin:auto;  display:none; top:0; left:0; bottom:0; right:0; z-index:9999;}
#loading2 .lad2{ width:19%; height:12%; border-radius:7px; margin:auto; left:0; right:0; top:0; bottom:0; position:absolute;/*background:url(../img/loading.gif) #eee center no-repeat;*/ background:#db121a;  background-size:56%;opacity:0.9;}
#loading2 .lad2 img{ width:60%; position:absolute; margin:auto; left:0; right:0; top:0; bottom:0;}
.hds{ position:fixed; z-index:160;  left:86%; top:85%; display:none;}

/********隐藏部分手机滚动条******/
::-webkit-scrollbar{width:0px;}
::-webkit-scrollbar-track{background-color:#EEEEEE;}
::-webkit-scrollbar-thumb{background-color:#D6D6D6;}
::-webkit-scrollbar-thumb:hover {background-color:#ccc}
::-webkit-scrollbar-thumb:active {background-color:#ccc}

/*******************页面公共样式*********************/
/**header start**/
.tops{ width:100%; background:#05373E; height:0.66rem;}
.topsLeft{ float:left; font-size:0.2rem; color:#fff; line-height:0.66rem;}
.topsLeft img{ width:0.34rem; margin:0.16rem 0.12rem 0 0.25rem; float:left;}
.topsRight{ float:right;}
.topsRight a{ display:inline-block; background:#E4303D; width:2.99rem; height:0.39rem; text-align:center; border-radius:20px; font-size:0.2rem; color:#fff; margin:0.13rem 0.25rem 0 0;}
.topsRight a i{display:block;font-size:0.24rem; font-family:Arial; line-height:0.44rem; padding-left:0.15rem; float:left; vertical-align:middle;}
.topsRight a span{display:block;line-height:0.39rem; float:right; padding-right:0.17rem;}

.headers{ height:0.9rem; width:100%; background-color:#fff; background-size:100%; position:fixed; max-width:720px; top:0; z-index:99;}
.headerLeft{width:auto; height:0.9rem; margin:0 2%; float:left;}
.headerLeft img{ width:auto; height:0.4rem; margin-top:0.25rem;}
.headerscenter{width:auto;height:  1rem;line-height:  1rem;float:left;text-align:left;font-size:  0.4rem;font-weight:  bold;color:  #00b050;margin: 0 auto;}
.headersright{ width:auto; float:right; text-align:right; margin:3.5% 3%;}
.headersright img{ height:0.34rem;}


/*简介*/
.about{ width:100%; height:auto; background-color:#fff; overflow:hidden; margin:0 auto; padding:1rem 0;}
.about_l{ width:92%; height:auto; overflow:hidden; margin:0 auto;}
.about_l_nav{ width:100%; height:auto; overflow:hidden;}
.about_l_nav .en{font-size:0.36rem;font-family:"HKGrotesk"; color:#333; text-align:center;}
.about_l_nav .cn{font-size:0.2rem;font-family:"microsoft yahei"; color:#888; text-align:center;}
.about_l_con{ width:100%; height:auto; overflow:hidden;}
.about_l_con pre{ width:100%; height:auto; overflow:hidden; line-height:0.5rem; font-size:0.24rem; font-family:"microsoft yahei"; color:#333; text-align:center; margin:0.2rem auto;}
.about_l_con .con{ width:100%; height:auto; overflow:hidden; line-height:0.5rem; font-size:0.24rem; font-family:"microsoft yahei"; color:#999; text-align:center; text-indent:2em;}
.about_r{ width:92%; height:auto; overflow:hidden; margin:0.3rem auto 0 auto;}
.about_r .nava{ width:33%; height:0.9rem; overflow:hidden; float:left; background-color:#fafafa; border-left:1px solid #f0f0f0; line-height:0.9rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#666; text-align:center;}
.about_r .nava:hover{ width:33%; height:0.9rem; overflow:hidden; float:left; background-color:#57b4ce; border-left:1px solid #57b4ce; line-height:0.9rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#fff; text-align:center;}
.about_r .navb{ width:33%; height:0.9rem; overflow:hidden; float:left; background-color:#57b4ce; border-left:1px solid #57b4ce; line-height:0.9rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#fff; text-align:center;}




/*服务方向*/
.direction{ width:100%; height:auto; overflow:hidden; margin:0 auto; background-color:#f2f2f2; padding:1rem 0;}
.direction_t{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.direction_t .t1{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:0.6rem; font-size:0.36rem; font-family:"microsoft yahei"; color:#333; font-weight:bold; text-align:center;}
.direction_t .t2{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:0.35rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#999; text-align:center;}
.direction_t .pic{ width:100%; height:auto; overflow:hidden; margin:1.2rem auto 2rem auto; text-align:center;}
.direction_t .pic img{ width:80%; height:auto; overflow:hidden;}
.direction .yuan.a1{ width:1.6rem; height:1.6rem; overflow:hidden; background:url(../img/images/yuan1.png) no-repeat center; background-size:100%; position:absolute; top:2.5rem; left:0.3rem;}
.direction .yuan.a2{ width:1.7rem; height:1.7rem; overflow:hidden; background:url(../img/images/yuan2.png) no-repeat center; background-size:100%; position:absolute; top:7rem; left:0.5rem;}
.direction .yuan.a3{ width:1.5rem; height:1.5rem; overflow:hidden; background:url(../img/images/yuan5.png) no-repeat center; background-size:100%; position:absolute; top:8.3rem; left:3rem;}
.direction .yuan.a4{ width:1.6rem; height:1.6rem; overflow:hidden; background:url(../img/images/yuan4.png) no-repeat center; background-size:100%; position:absolute; top:3rem; left:5.5rem;}
.direction .yuan.a5{ width:1.1rem; height:1.1rem; overflow:hidden; background:url(../img/images/yuan5.png) no-repeat center; background-size:100%; position:absolute; top:7.5rem; left:5.5rem;}
.direction .yuan .right{ width:75%; height:auto; float:left; line-height:0.3rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#bbbbbb; margin-top:0.3rem; padding-left:0.4rem;}

/*专业领域*/
.field{ width:100%; height:auto; overflow:hidden; margin:0 auto; background-color:#fff; padding:1rem 0;}
.field_c{ width:100%; height:auto; overflow:hidden; margin:0.6rem auto 0.2rem auto; text-align:center;}
.field_box{ width:1.4rem; height:2.5rem; overflow:hidden; margin:0 0.2rem; display:inline-block;}
.field_box .yuan{ width:1.2rem; height:1.2rem; overflow:hidden; margin:0.2rem 0.1rem;  -moz-box-shadow:0px 0px 0.15rem #d6d6d6; -webkit-box-shadow:0px 0px 0.15rem #d6d6d6; box-shadow:0px 0px 0.15rem #d6d6d6; border-radius:50%; text-align:center; cursor:pointer;}
.field_box .yuan img{ width:35%; height:auto; margin-top:0.4rem;}
.field_box .title{ width:1.4rem; height:auto; overflow:hidden; margin:0 auto; line-height:0.3rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#333; text-align:center;}
.field_box .yuan:hover{-moz-box-shadow:0px 0px 0.15rem #57b4ce; -webkit-box-shadow:0px 0px 0.15rem #57b4ce; box-shadow:0px 0px 0.15rem #57b4ce;}
.field_box .yuan:hover img{ width:35%; margin-top:0.4rem; filter: grayscale(100%) brightness(100%);}
.field_con{ width:92%; height:auto; overflow:hidden; margin:0 auto; line-height:0.4rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#999; text-align:center;}


/*产品介绍*/
.product{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:url(../img/images/index01.jpg) no-repeat center top; padding:1rem 0 1.3rem 0;}
.product_down{ width:100%; height:auto; margin:0.35rem auto; position:relative;}
.product_down .box:nth-child(1){ width:92%; height:auto; overflow:hidden; margin:0 auto 0.4rem auto; background-color:#fff;}
.product_down .box:nth-child(2){ width:92%; height:auto; overflow:hidden; margin:0 auto; background-color:#fff;border-left:1px solid #ededed;}
.product_down .top{ width:100%; height:0.8rem; overflow:hidden; background-color:#a9c0c7; line-height:0.8rem; font-size:0.3rem; font-family:"microsoft yahei"; color:#fff; text-indent:2em;}
.product_down .down{ width:80%; height:auto; overflow:hidden; margin:0.3rem auto 0 auto;}
.product_down .title{ width:100%; height:auto; overflow:hidden; line-height:0.5rem; font-size:0.24rem; font-family:"microsoft yahei"; color:#666; }
.product_down .con pre{ width:100%; height:auto; overflow:hidden; line-height:0.35rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#999;white-space: pre-wrap!important;
word-wrap: break-word!important;
*white-space:normal!important;}
.product_down .more{ width:2rem; height:0.7rem; overflow:hidden; background-color:#f8f8f8; line-height:0.7rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#999; text-align:center; transition:all 0.3s; margin:0.4rem 0;}
.product_down .more:hover{ width:2rem; height:0.7rem; overflow:hidden; background-color:#57b4ce; line-height:0.7rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#fff; text-align:center; transition:all 0.3s;}
.product_down .d_more{ width:1.2rem; height:1.2rem; position:absolute; top:11.4rem; left:3rem; background-color:#fff; -moz-box-shadow:0px 0px 0.15rem #d6d6d6; -webkit-box-shadow:0px 0px 0.15rem #d6d6d6; box-shadow:0px 0px 0.15rem #d6d6d6; border-radius:50%; text-align:center; line-height:1.2rem; font-size:0.24rem; font-family:"microsoft yahei"; color:#999; }
.product_down .d_more:hover{width:1.2rem; height:1.2rem; position:absolute; top:11.4rem; left:3rem; background-color:#fff; -moz-box-shadow:0px 0px 0.15rem #57b4ce; -webkit-box-shadow:0px 0px 0.15rem #57b4ce; box-shadow:0px 0px 0.15rem #57b4ce; border-radius:50%; text-align:center; line-height:1.2rem; font-size:0.24rem; font-family:"microsoft yahei"; color:#57b4ce; }


/*应用场景*/
.case{width:100%; height:auto; overflow:hidden; margin:0 auto; background:#fff; padding:1rem 0;}
.case_box{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; background:url(../img/images/tiao.jpg) repeat-y 0.5rem top;}
.case_box .right .yuan{ width:0.5rem; height:0.5rem; overflow:hidden;  border-radius:50%; position:absolute; top:3.1rem; left:0.25rem;}
.case_box .right{ width:6rem; height:auto; overflow:hidden; float:right; margin:0 0.25rem 0 auto;}
.case_box .box{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.case_box .boximg{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.case_box .boximg img{ width:100%; height:3rem;}
.case_box .title{ width:100%; height:auto; overflow:hidden; line-height:0.4rem; font-size:0.24rem; font-family:"microsoft yahei"; color:#333; }
.case_box .title1{ width:100%; height:auto; overflow:hidden; line-height:0.4rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#333; }
.case_box .con pre{ width:100%; height:auto; overflow:hidden; line-height:0.4rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#999; }
.case_box .more{ width:2rem; height:0.7rem; overflow:hidden; background-color:#f8f8f8; line-height:0.7rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#999; text-align:center; transition:all 0.3s; margin:0.4rem;}
.case_box .more:hover{ width:2rem; height:0.7rem; overflow:hidden; background-color:#57b4ce; line-height:0.7rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#fff; text-align:center; transition:all 0.3s;}



/*服务*/
.service{width:100%; height:auto; overflow:hidden; margin:0 auto; background-image: linear-gradient(#f8f8f8, #dedede); padding:1rem 0;}
.service_down{ width:100%; height:auto; margin:0.5rem auto; text-align:center;}
.service_lie:nth-child(1){ width:85%; height:auto; overflow:hidden; margin:0 auto 0 2%;}
.service_lie:nth-child(2){ width:85%; height:auto; overflow:hidden; margin:0 0 0 auto;}
.service_box{ width:2rem; height:2rem; background-color:#fff; float:left; margin:0 auto; -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);cursor:pointer;}
.service_box .pic{ width:100%; height:0.46rem; margin:0.4rem auto 0.15rem auto; text-align:center; }
.service_box .pic img{ width:0.46rem; height:0.46rem;}
.service_box .title{ width:80%; height:0.6rem; margin:0 auto; text-align:center;ine-height:0.3rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#333; }
.service_box:hover{ width:2rem; height:2rem; background-color:#57b4ce; float:left; margin:0 auto; -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);}
.service_box:hover .pic{ width:100%; height:0.46rem; margin:0.4rem auto 0.15rem auto; text-align:center;filter: grayscale(100%) brightness(1000%);}
.service_box:hover .title{ width:80%; height:0.6rem; margin:0 auto; text-align:center;ine-height:0.3rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#fff; }



/*底部*/
.footer_bg { width:100%; height:1rem; background-color:#57b4ce; overflow:hidden; position:fixed; z-index:99; bottom:0; left:0;}
.footer{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.footer_l{ width:25%; height:auto; overflow:hidden; margin:0 auto; float:left;}
.footer_l_t{ width:100%; height:0.35rem; overflow:hidden; text-align:center; margin:0.2rem auto 0 auto;} 
.footer_l_t img{ width:0.35rem; height:0.35rem;} 
.footer_l_li{ width:100%; height:auto; overflow:hidden; color:#fff; font-size:0.24rem; line-height:0.45rem; font-family:"microsoft yahei"; text-align:center;} 

/**侧栏**/
.nav{display:none;position: fixed;top: 0;background: #333;width: 55%;z-index: 0;overflow-y: overlay;overflow-x: hidden; }
.nav li { overflow:hidden;color: #FFF;font-size: 0.18rem;font-family: Arial, Microsoft YaHei;line-height: 0.8rem;display: block;background-color: #333;}
.nav li>a {line-height: 0.8rem;display: block;color: #FFF;padding-left: 0.30rem; border-bottom:1px dashed #000;text-decoration: none; font-size:15px; }
.nav li>a i{ display:block; width:0.18rem;margin: 0.25rem 0.2rem 0 0; float:right;}
.nav li>a i img{ width:100%;}
.nav li.curr>a i img{transition:all 0.3s ease 0s;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.close {width:45%; height:100vh; background: url(../img/sidebar-close.png) repeat;cursor: pointer; position: fixed; top:0; right:0; z-index:99; display:none;}
.fontc {font-weight: bold;margin-left: 0.30rem;display: block; font-size:17px;}
/*侧栏二级栏目*/
.xnavs{ display:none;}
.xnavs p a{ display:block; color:#fff; height:0.6rem; line-height:0.6rem; padding-left:0.5rem; font-size:14px;}


/**内页栏目**/
.ipnavs{}
.ipnavs ul{ display:none; background:#fff; width:100%; position:absolute; border-bottom:1px solid #ccc;z-index: 9;}
.ipnavs p{padding:0 0.28rem; height:0.6rem; line-height:0.6rem; border-bottom:1px solid #E9E9E9; font-size:0.3rem; cursor:pointer; color:#666;}
.ipnavs p.curr{}
.ipnavs ul li{ border-bottom:1px dashed #E9E9E9; padding-left:0.28rem;}
.ipnavs ul li:last-child{ border:none;}
.ipnavs ul li a{ display:block; height:0.5rem; line-height:0.5rem; text-indent:24px; font-size:0.26rem; background:url(../img/leftjt.png) 95% 50% no-repeat;}
.ipnavs ul li a.curr{ font-size:0.26rem; font-weight:bold; color:#57b4ce; background:url(../img/leftjt.png) 95% 50% no-repeat;}



/********************页面私有样式********************/
/******首页类幻灯片 start******/
.mbanner{width:100%;height:auto;overflow:hidden; margin:0 auto; position:relative}


.main_image {width:100%;height:3.9rem;overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px;  overflow:hidden; height:3.9rem; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; }
.main_image li span {display:block; width:100%; }
.main_image li span img{ width:100%;height:3.9rem;}
.main_image li a {display:block; width:100%;}
.main_visual{position: relative;}
.caid{ width:100%; /*height:0.29rem; line-height:0.29rem;*/ position:absolute; bottom: 0.28rem;}

div.flicking_con {width:100%; height:100%; margin:0 auto; position:relative; }
div.flicking_con .flicking_inner {position:absolute;  width:100%; height:100%; text-align:center;} 
div.flicking_con a {width: 0.15rem;height: 0.15rem;border-radius: 0.1rem; padding:0; background:#fff; display:inline-block; margin:0 0.05rem;}
div.flicking_con a.on {width: 0.15rem;background:#0359a3;}
#btn_prev,#btn_next{ display:none;}
/******首页类幻灯片 end********/

/******首页类新闻中心幻灯片 start******/
.main_image2 {width:100%; height:2.68rem;overflow:hidden; margin:0 auto; position:relative;border-radius: 1.34rem;}
.main_image2 ul {width:9999px;  overflow:hidden; height:3rem; position:absolute; top:0; left:0}
.main_image2 li {float:left; width:100%; }
.main_image2 li span {display:block; width:100%; }
.main_image2 li span img{ width:100%; height:3rem;}
.main_image2 li a {display:block; width:100%;}
.main_visual2{position: relative;}
.caid2{ width:100%; /*height:0.29rem;*/ line-height:0.29rem; position:absolute; bottom: -0.2rem;}

div.flicking_con2 {width:100%; height:100%; margin:0 auto; position:relative; }
div.flicking_con2 .flicking_inner {position:absolute;  width:100%; height:100%; text-align:center;}
div.flicking_con2 a {width: 0.08rem;height: 0.08rem;border-radius: 0.04rem; padding:0; background:#ccc; display:inline-block; opacity:0.5; margin:0 0.05rem;}
div.flicking_con2 a.on {opacity:1;width: 0.4rem;background-color: #999;}
#btn_prev2,#btn_next2{ display:none;}
/******首页类新闻中心幻灯片 end********/


/*案例*/
.caseview_down{ width:100%; height:auto; overflow:hidden; margin:0 auto 0.1rem auto;}
.caseview_down_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto; top:0.9rem; z-index:999;}
.tdDownc{ width:25%; height:0.8rem; overflow:hidden; float:left;background-color:#fff; color:#000; font-size:0.3rem;  font-family:"suyuanheiti"; text-align:center; line-height:0.8rem; border-bottom:1px solid #02b0e9;}
.tdOutc{ width:25%; height:0.8rem; overflow:hidden; float:left;  background-color:#fff; color:#b3b3b3; font-size:0.3rem; font-family:"suyuanheiti"; text-align:center; line-height:0.8rem; border-bottom:1px solid #dedede;}
.caseview_down_con{ width:100%; height:auto; overflow:hidden; border-top:0.08rem solid #f5f5f5;}
.caseview_down_con_b{ width:98%; height:auto; overflow:hidden; margin:0.3rem auto 0 auto; }
.caseview_down_con_b img{ max-width:100%; margin:0 auto; display:block;}



/*报名参数*/
.dcans{position: relative;padding: 0.2rem;border-bottom: 1px solid #e7e7e7;}
.done{display:none;width: 100%;height: 100%;margin-top:50px;background: url("../img/done.png") no-repeat center 50px;top: 0;right: 0;position: absolute;opacity: 0.7;}
.dcans .top{}
.bmend{color: #0359a3;}

.dcans .top .t{line-height: 0.32rem;font-size: 0.22rem;width: 5.7rem;float: left;}
.dcans .top .bm{color:#fff;float:right;line-height: 0.40rem;font-size: 0.21rem;/*width: 1.05rem;*/padding: 0.03rem 0.1rem;text-align: center;height: 0.40rem;border-radius: 5px;background-color: #0359a3;}
.dcans .top .bm a{color: #fff;}
#bm,#xlzx{display: none;/*width: 1rem;*/}
#xlzx{float: right;position: relative;}
#xlzx #telzx{color: #0359a3;text-align: center;font-size: 0.20rem;font-weight: bold;position: absolute;top: 0.60rem;}
.dcans .top .bm:hover{background-color: #ff8908;}
.dcans .bt{margin-top:0.15rem;margin-bottom:2px;font-size: 0.2rem;font-weight: bold;}
.dcans .lis .ti{color: #666;}
.dcans .lis  i{margin:0 2px;color: #0359a3;text-decoration: inherit;font-family: Arial;font-size: 0.18rem;}

.regcon{margin-top: 0.2rem;}
.regcon .loli{overflow: hidden;margin-bottom: 0.25rem;padding-left: 0.3rem;}
.regcon .loli .l{/*width:19%;*//*min-width: 128px;*//*text-align: right;*/width:1.5rem;padding-right:2%;line-height: 0.45rem;font-size: 0.24rem;}
.regcon .loli .r{width:72%;}
.regcon .loli .r2{height: 28px;text-align: left;}


.regcon .loli .inp{font-family:sans-serif;float:left;text-indent:0.2rem;width: 99.5%;height: 0.55rem;font-size: 0.26rem;background-color: #fbfbfb;border:1px solid #d8d8d8;outline: none;  border-radius: 5px; line-height:0.55rem;}
.regcon .loli .tex{min-height: 100px;width: 98.5%;}
.regcon .loli .sinp{float:left;text-indent:0.2rem;width: 32%;margin-right:2%;height: 0.55rem; line-height:0.55rem;/*background-color: #fff;border: none;*/outline: none;}
.regcon .loli .send{text-indent:0.2rem;width: 31.81%;margin-right:0;height: 0.55rem; line-height:0.55rem;background-color: #fff;border: none;outline: none;cursor:pointer;font-size: 0.28rem;font-family: "微软雅黑";}
.regcon .loli .inpf{height: auto;background: none;text-indent: 0;}
.regcon .loli .inpty{width: 60%;display: inline-block;text-align: left;}
.regcon .loli .sel{text-indent: 10px;width: 60%;height: 45px;background-color: #fff;border: none;outline: none;}
.regcon .loli .sub{border:none;width: 1.9rem;height: 0.6rem; background-color:#00b050;color: #fff;font-size: 0.26rem; line-height:0.6rem; text-align:center; margin-top:0.25rem; border-radius: 0.1rem;}
.regcon .loli .sub:hover{background-color:#57b4ce;}

.regcon .loli .ts{color: #ff0000;text-indent: 10px;width: 100%; line-height:28px;clear: both; text-align:left;font-size: 0.16rem;}
.regcon .loli .ts.active{background-color: #ccc;}
.regcon .loli .zc{margin-left: 15px;color: #e00404;}
.regcon .loli .zc a{color: #e00404;}
.regcon .loli .zc:hover a{color: #e00404}
.regcon .loli .fw{font-size: 18px;}
.regcon .loli .ty{width: 32%;margin-right: 2%;background-color: #d8d8d8;height: 40px;line-height: 40px;color: #fff;text-align: center;float: left;    border-radius: 5px;}
.regcon .loli .ty.g{width: 100%;}
.regcon .loli .tyend{margin-right: 0;}
.regcon .loli .ty.active{background-color: #e00404;}
.regcon .fkk i{color: #e00404;/*1a6df6*/margin-right: 8px; font-weight:bold}



/*分享*/
.sharewk{padding: 0 0.2rem;}
.sharewk  .ts{font-size: 12px;margin-top: 3px;}
.sharewk  .dj{font-size: 12px;margin-top: 3px;margin-right:2%;}
.sharewk  a{float:left;margin-top: 2px;transition:0.3s;width:22px;height: 22px;display: inline-block; margin-right: 5px;background-size: cover!important;    opacity: 0.9;}
.sharewk  a.wb{background: url("../img/weibo.png") no-repeat center;}
.sharewk  a.qq{background: url("../img/qq.png") no-repeat center;}
.sharewk  a.wx{background: url("../img/weixin.png") no-repeat center;}
.sharewk  a.qqkj{background: url("../img/qzone.png") no-repeat center;}
.sharewk  a.share{background: url("../img/share.png") no-repeat center;background-size:14px;}
.sharewk  a.wb:hover{background: url("../img/weiboh.png") no-repeat center;}
.sharewk  a.qq:hover{background: url("../img/qqh.png") no-repeat center;}
.sharewk  a.wx:hover{background: url("../img/weixinh.png") no-repeat center;}
.sharewk  a.qqkj:hover{background: url("../img/qzoneh.png") no-repeat center;}
.sharewk  a.share:hover{background: url("../img/shareh.png") no-repeat center;}
.sharewk span{display: inline!important;}




/**新闻列表 start**/
.newlist{ width:95%; margin:0 auto;}
.newlist ul li{ overflow:hidden; width:100%; margin:0.2rem 0; background:#fff; border-radius:3px;}
.newlist ul li .neLeft{ width:1.5rem;height:1.5rem; float:left;margin:0.07rem;}
.newlist ul li .neLeft img{ width:1.5rem; height:1.5rem; }
.newlist ul li .neRight{ width:4.4rem; float:right;}
.newlist ul li .neRight p{ color:#333; font-size:18px;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;white-space:nowrap; line-height:0.5rem;}
.newlist ul li .neRight span{ color:#888; font-size:16px; display:block; height:0.6rem; overflow:hidden; line-height:0.25rem; line-height:0.3rem;}
.newlist ul li .neRight em{ display:block; text-align:right; color:#888; font-size:13px; padding-right:5px; padding-top:0.08rem;}

/**新闻详情 start**/
.newdet{ width:95%; margin:0 auto;}
.newdet .newdetTop{ text-align:center; border-bottom:1px solid #ccc; padding:0.05rem 0 0.06rem 0;}
.newdet .newdetTop p{ font-size:16px; color:#333;}
.newdet .newdetTop span{ font-size:14px; color:#888;}
.newdet .newdetBot{}
.newdet .newdetBot *,.newdet .newdetBot img{ max-width:100%;}


/**首页新闻类 start**/
.inews{ background:#fff; margin-top:0.2rem;}
.inewslist{ display:none;}
.inewslist ul{ width:6.72rem; margin:0 auto; padding:0.33rem 0 0.37rem 0;}
.inewslist ul li{ overflow:hidden; height:0.45rem; line-height:0.45rem; border-bottom:1px dashed #D4D4D4;}
.inewslist ul li a{ display:block; float:left; width:5.14rem; text-indent:0.22rem; background:url(../img/yjt.png) 0.08rem 50% no-repeat;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;white-space:nowrap; font-size:0.2rem; color:#000;}
.inewslist ul li em{ display:block; float:right; font-size:0.18rem; color:#999;}
.inewslist.inewslist1{ display:block;}


/*分页*/
.page{margin-top: 20px;}
/*
.page .current{background-color:#fdf123;color: #333333;border: 1px solid #fdf123; }
.page a,.page span{background-color:#ffffff;font-family:arial;padding:5px 15px;margin: 0 5px;border: 1px solid #e8e8e8;border-radius: 5px; font-size:16px;box-shadow: 0px 3px 16px rgba(7,126,133,0.75);}
*/

.page .current{background-color:#174c8e;}
.page a,.page span{color: #fff;background-color:#ccc;font-family:arial;padding:2px 6px;margin: 0 3px;border-radius: 24px; font-size:14px;transition: 0.3s;}
.page a:hover,.page span:hover{background-color:#174c8e;}
.page .prev{background-image: url("../img/prev.png");background-repeat: no-repeat;background-position: center;}
.page .next{background-image: url("../img/next.png");background-repeat: no-repeat;background-position: center;}



/******************内页 start******************/
.ipnavs{ background:#fff;}

.commInpage{ overflow:hidden; background:#fff;  padding:0.2rem 0;padding-top: 0.1rem; min-height:5rem;}
.cipageCons *,.cipageCons img{ max-width:100%;}
.cipageCons{ min-height:5rem; padding:0 0.28rem;line-height: 1.8;padding-bottom: 0.25rem;}

.lissc_t{ width:100%; height:auto; line-height:0.3rem; margin:0.3rem auto 0.2rem auto; font-size:0.24rem; color:#000; font-family:"microsoft yahei"; line-height:0.4rem;}
.lissc{ width:95%; height:auto; min-height:1.5rem; padding:0.1rem; margin:0.1rem auto;background-color:#fff; cursor:pointer;-moz-box-shadow:0px 2px 5px #999; -webkit-box-shadow:0px 2px 5px #999; box-shadow:0px 2px 5px #999; border-radius:0.1rem;}
.lissc:hover{ background-color:#b10011;-moz-box-shadow:0px 2px 5px #999; -webkit-box-shadow:0px 2px 5px #999; box-shadow:0px 2px 5px #999;}
.lissc_top{ width:100%; height:0.4rem; overflow:hidden; line-height:0.4rem; color:#000; font-size:0.35rem; font-family:"microsoft yahei";}
.lissc_top span{ color:#b10011; font-size:0.4rem; font-weight:bold; font-family:"microsoft yahei";}
.lissc_bottom{ width:100%; height:auto; min-height:1.1rem; line-height:0.35rem;color:#000; font-size:0.22rem; font-family:"microsoft yahei";}
.lissc:hover .lissc_top{ color:#fff;}
.lissc:hover .lissc_top span{ color:#fff;}
.lissc:hover .lissc_bottom{ color:#fff;}


/**上拉加载特效**/
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{height: 40px;line-height: 40px;text-align: center;}
.dropload-load .loading{display: inline-block;height: 15px;width: 15px;border-radius: 100%;margin: 6px;border: 2px solid #666;border-bottom-color: transparent;vertical-align: middle;-webkit-animation: rotate 0.75s linear infinite;animation: rotate 0.75s linear infinite;}
.dropload-load{ border-top:1px solid #e9e9e9; font-size:0.22rem;display: none;clear: both;padding-top: 0.05rem;}
@-webkit-keyframes rotate {
0% {-webkit-transform: rotate(0deg);}
50% {-webkit-transform: rotate(180deg);}
100% {-webkit-transform: rotate(360deg);}}
@keyframes rotate {
0% {transform: rotate(0deg);}
50% {transform: rotate(180deg);}100% {transform: rotate(360deg);}}

/**详情页**/
.cipagerTop{ text-align:center; padding:0.2rem 0 0.1rem 0; border-bottom:1px solid #e7e7e7;}
.cipagerTop p{ font-size:0.30rem; color:#000; padding:0 0.28rem; font-weight:bold;}
.cipagerTop span{ display:block; font-size:14px; color:#c0c0c0; padding-top:0.1rem;}
.cipagerCon{ padding:0.2rem 0.28rem;min-height: 5rem;}
.cipagerCon *,.cipagerCon img{ max-width:100%;}

/**图文列表样式**/
.piclist{}
.piclist ul{ padding-top:0.2rem;}
.piclist ul li{ float:left; width:50%; text-align:center; margin-bottom:0.15rem;}
.piclist ul li .neImg{ width:3.2rem; margin:0 auto; border:1px solid #e9e9e9; height:2.2rem;}
.piclist ul li .neImg img{ width:3.1rem; height:2.1rem; margin:0.05rem;}
.piclist ul li p{ height:0.5rem; line-height:0.5rem; font-size:14px;margin-top: 10px;}


.mnewlist ul{width: 6.8rem;margin: 0 auto;}
.mnewlist ul li{width: 6.8rem;padding: 0.15rem 0;border-bottom: 1px dashed #ccc;margin-bottom: 0;}
.mnewlist ul li a{font-size:0.22rem;overflow: hidden;text-overflow: ellipsis;word-wrap: normal;white-space: nowrap;width: 6rem;float: left;text-align: left;}
.mnewlist ul li a{width: 5.4rem;float: left;}
.mnewlist ul li em{font-size:0.2rem;float: right;text-align: right;}


.piclist .list ul{ padding-top:0.2rem;}
.piclist .list ul li{ width:100%; height:auto; overflow:hidden; text-align:left; margin:0 auto;}

.videolist  ul li{ float:none; width:6.8rem; text-align:center;margin: 30px auto;}
.videolist ul li .neImg{ width:100%; margin:0 auto; border:1px solid #e9e9e9; height:4.35rem;}
.videolist ul li .neImg img{ width:100%; height: 4.35rem;; margin:0.05rem;}


/**文字列表样式**/
.arctilelist{}
.arctilelist ul{ width:6.72rem; margin:0 auto; padding:0.2rem 0}
.arctilelist ul li{ overflow:hidden; height:0.55rem; line-height:0.55rem; border-bottom:1px dashed #D4D4D4;}
.arctilelist ul li a{ display:block; float:left; width:5.14rem; text-indent:0.22rem; background:url(../img/yjt.png) 0.08rem 50% no-repeat;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;white-space:nowrap; font-size:0.2rem; color:#000;}
.arctilelist ul li em{ display:block; float:right; font-size:0.18rem; color:#999;}

/**团队列表样式**/
.zhuaList ul{ padding:0.2rem 0.28rem;}
.zhuaList ul .zhuRight{ width:3.9rem !important;}

/**预约挂号**/
.messa{ padding:0.2rem 0.28rem;}
.messa ul li{ overflow:hidden; padding:0.15rem 0;}
.messa ul li span{ display:block; text-align:right; font-size:14px; float:left; width:1.6rem; line-height:0.45rem;}
.messa ul li p{ float:left; width:5rem;}
.messa ul li p em,.messa ul li p i{ display:block; overflow:hidden;}
.messa ul li p i{ padding:0.05rem 0; color:#E4303D;}
.messa ul li p input[type="text"]{ width:94%; border:1px solid #ccc; height:0.45rem; line-height:0.45rem;text-indent:10px; outline:none; font-size:14px;}
.messa ul li p textarea{ outline:none;width:93%; min-height:1rem; border:1px solid #ccc;}
.messa ul li p input.yzm{ float:left; width:45%;}
.clickcode{ float:left; width:45%; margin-left:4%; height:0.47rem;}
.dotis{ width:60%; display:block; margin:0.3rem auto; background:#0D8293; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff;}
/*单选框美化*/
.sexs{ display:none;}
.sexs + label {display: inline-block;position: relative; cursor:pointer; width:0.4rem; height:0.4rem; vertical-align:middle; margin-top:0.07rem;}
.sexs + label i{ width:0.2rem; border:2px solid #0D8293; height:0.2rem; display:inline-block; border-radius:0.07rem; padding:0 !important;}
.sexs + label:active {}
.sexs:checked + label {background:url(../img/gous.png) 1px -3px no-repeat; background-size:85%;}



/*内页banner*/
.neibanner{ width:100%; height:2.6rem; margin:0 auto; overflow:hidden;}
.neiye_title{ width:100%; text-align:left; margin:1rem auto 0 0.3rem; color:#fff; font-size:0.34rem; font-family:"Arial"; }
.neiye_title1{ width:100%; text-align:left; margin:0 auto 0 0.3rem; color:#fff; font-size:0.24rem; font-family:"microsoft yahei"; }



.procat,.jml{background: url(../img/bg2.png);}
.procat .list .li{height: 3rem;position: relative;}
.procat .list .l1 img{max-width: 100%;}
.procat .list .l1,.procat .list .l2{width: 100%;}
.procat .list .small{width: 100%;}
.procat .list .l3,.procat .list .l4{width: 50%;}
.procat .list .l5{width: 100%;}
.procat .list .li .yy{position:absolute;left:0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.35);}
.procat .list .li .jj{cursor:pointer;position:relative;color:#fff;position:absolute;left:0;top:0;padding: 14px;}
.procat .list .l1 .jj,.procat .list .l2 .jj,.procat .list .l5 .jj{padding: 2%;width: 94%;height: 85.5%;margin-top: 1%;margin-left: 1%;}
.procat .list .l3 .jj,.procat .list .l4 .jj{padding: 2%;width: 92%;height: 90%;margin-top: 2%;margin-left: 2%;}
.procat .list .li .jj .n{font-size: 0.28rem;}
.procat .list .li .jj .en{font-family: Arial;font-size: 0.15rem;}
.procat .list .li .jj .nr{height:20%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.procat .list .li:hover .jj .nr{height:47%;}

.procat .list .l1 .jj .en,.procat .list .l2 .jj .en,.procat .list .l5 .jj .en{margin-bottom: 3%;}
.procat .list .l3 .jj .en,.procat .list .l4 .jj .en{margin-bottom: 6%;}

.procat .list .li .jj .img{display: none;opacity: 0;transition: all 0.5s;}
/*.procat .list .li:hover{background-size: 105%;}*/
.procat .list .li:hover .jj{border: 1px solid #d0cece;transition: 0.3s;}
.procat .list .li:hover .jj .img{display: block;opacity: 1;}
.procat .list .li:hover .jj .img img{height: 0.47rem;}
.procat .list .li:hover .jj .n{font-weight: bold;}
/*.procat .list .li:hover .yy{background: none;}*/




.list_contro .list{overflow: hidden;}
.list_contro .list .listi{width: 46%; margin:0.2rem 2%; position: relative;}
/*.wedding .list .listi:hover{background-color: rgba(198, 161, 106, 0.52);}*/
.list_contro .list .listi:hover{box-shadow: 0 0px 8px #ccc;}
/*.wedding .list .listi:hover img:hover{-webkit-transform: scale(1.05);  -moz-transform: scale(1.05);  transform: scale(1.05);}*/
.list_contro .list .listi .pic{width: 100%;height:2rem; overflow:hidden;background-color: #fff;}
.list_contro .list .listi .pic img{width: 100%; height:auto; min-height:100%;/*-webkit-transition:-webkit-transform 0.8s ease;transition:-webkit-transform 0.8s ease;-moz-transition:-webkit-transform 0.8s ease;transition:transform 0.8s ease,-webkit-transform 0.8s ease;*/}
.list_contro .list .listi .bot{ width:94%; height:0.42rem; overflow:hidden; text-align:center; line-height:0.42rem; font-size:0.26rem; margin:0 auto;}
.list_contro .list .listi p.et{font-size:0.18rem;color: #999999;}
.list_contro .list .listi p .e{color: #333;font-size: 0.24rem;max-width: 2.22rem;overflow:hidden;height: 0.42rem;}
.list_contro .list .listi p .t{color: #0359a3;font-size: 0.18rem;}
.list_contro .list .listi p .t .n{font-size: 0.28rem;font-family:Arial;}
.list_contro .list .listi p.n{font-size:0.21rem;text-align:left;color: #999999;}
.list_contro .list .listi p.n a{color: #999999;}


/*内页产品中心*/
.nexperts{ width:46%; height:4.7rem; overflow:hidden;float:left; margin:0.2rem 2%; background-color:#fff;-moz-box-shadow:0px 0px 0.15rem #e7e7e7; -webkit-box-shadow:0px 0px 0.15rem #e7e7e7; box-shadow:0px 0px 0.15rem #e7e7e7; position:relative;}
.nexperts_biao pre{ width:85%; height:auto; max-height:0.4rem; overflow:hidden; margin:0.2rem auto 0 auto; line-height:0.2rem; color:#57b4ce; font-size:0.18rem; font-family: Arial;}
.nexperts_title{ width:85%; height:0.5rem; overflow:hidden; margin:0 auto; line-height:0.5rem; color:#57b4ce; font-size:0.24rem; font-family:"microsoft yahei";}
.nexperts_con pre{ width:85%; height:auto; max-height:2.1rem; overflow:hidden; margin:0.2rem auto; line-height:0.3rem; color:#666; font-size:0.18rem; font-family:"microsoft yahei";white-space: pre-wrap!important;
word-wrap: break-word!important;
*white-space:normal!important;}
.nexperts .more{ width:1.8rem; height:0.6rem; overflow:hidden; background-color:#57b4ce; line-height:0.6rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#fff; text-align:center; transition:all 0.3s; margin:0.3rem auto;}
.nexperts:hover .more{ width:1.8rem; height:0.6rem; overflow:hidden; background-color:#57b4ce; line-height:0.6rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#fff; text-align:center; transition:all 0.3s;}


/*内页案例*/
.necase{ width:92%; height:7.2rem; overflow:hidden;float:left; margin:0.3rem 4%; position:relative;}
.necase_pic{ width:100%; height:3rem; overflow:hidden; margin:0 auto;}
.necase_pic img{ width:100%; height:auto; min-height:3rem; transition: all 0.3s;}
.necase_title{ width:90%; height:0.6rem; overflow:hidden; margin:0.05rem auto; line-height:0.6rem; color:#57b4ce; font-size:0.24rem; font-family:"microsoft yahei"; padding-left:7%;}
.necase_title span{ line-height:0.6rem; color:#57b4ce; font-size:0.2rem; font-family: Arial; text-indent:1em;}
.necase_biao{ width:90%; height:0.3rem;overflow:hidden; margin:0 auto; line-height:0.3rem; color:#666; font-size:0.2rem; font-family: "microsoft yahei";}
.necase_con pre{ width:90%; height:auto; max-height:2.2rem; overflow:hidden; margin:0.1rem auto; line-height:0.3rem; color:#666; font-size:0.18rem; font-family:"microsoft yahei";white-space: pre-wrap!important;
word-wrap: break-word!important;
*white-space:normal!important;}
.necase .more{ width:2rem; height:0.7rem; overflow:hidden; background-color:#57b4ce; line-height:0.7rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#fff; text-align:center; transition:all 0.3s; margin:0.3rem auto}
.necase:hover .more{ width:2rem; height:0.7rem; overflow:hidden; background-color:#57b4ce; line-height:0.7rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#fff; text-align:center; transition:all 0.3s;}
.necase:hover .necase_pic img{ width:100%; height:auto;transition: all 0.3s;transform:scale(1.05) ;}




/*倒计时*/
.list_contro .item{margin-top: 0;}
.list_contro .item .xs_pic_tt{ width:100%; text-align:right; position:absolute; top:0px;border-radius:4% 4% 0px 0px; height:40px; line-height:40px; background:url(../img/xs_tt_bg.png) repeat;}
.list_contro .item .xs_pic_tt span{ color:#fff;}
.list_contro .item .xs_pic_tt font{color:#fff;}
.list_contro .item .xs_pic_tt font i{ background-color:#57b4ce; padding:0.8% 2.5%; margin:0px 1.2%; border-radius:6px; text-align:center}
.list_contro .item .xs_pic_tt font i.bad{ background-color:#ccc; color:#333;}





/*视频区域*/
.wstvideo{padding:0.25rem  0.2rem ;}
.toptitle{padding-bottom: 0.2rem;background: url("../img/toptitlebg.png") no-repeat left bottom;background-size: auto 0.24rem;margin-bottom: 0.06rem;}
.toptitle .e{font-family: hwxh;font-size: 0.36rem;color: #cccccc;letter-spacing: -0.04rem;margin-right: 0.08rem;}
.toptitle .n{font-family: jyt;font-size: 0.28rem;color: #0359a3;letter-spacing: -0.1rem;margin-top: 0.08rem;}
.wstvideo .videoitem{width: 100%;height: 4.35rem;}

.khjzvideo{padding:0.37rem  0.2rem;}
.khjzwk{/*padding: 0.1rem 0.2rem;*/}
.khjzwk li{background: url("../img/opaciybg.png") bottom;margin-bottom: 0.13rem;padding: 0.15rem 0.2rem;}
.khjzwk li.active{background: #0359a3;cursor: pointer;}
.khjzwk li.active .v{color: #fff;}
.khjzwk li.active .t{color: #fff;}
.khjzwk li.active .n{color: #fff;}
.khjzwk li:hover{background: #0359a3;cursor: pointer;}
.khjzwk li:hover .v{color: #fff;}
.khjzwk li:hover .t{color: #fff;}
.khjzwk li:hover .n{color: #fff;}
.khjzwk .vt{font-size: 0.18rem;font-family: Arial;}
.khjzwk .n{font-size: 0.22rem;color: #666;}
.khjzwk .vt .v{color: #999999;}
.khjzwk .vt .t{color: #666666;}



/*新闻中心*/
.ixwzx{padding: 0 0.2rem;background-color: #dfdfdf;overflow: hidden;}
.ixwzx2{background: none;}
.ixwzx .pic{width: 2rem;height:1.35rem;text-align: center;overflow: hidden;}
.ixwzx .jj{width: 4.38rem;}
.ixwzx .jj .t{font-size: 0.24rem;color: #1f1a17;}
.ixwzx .jj .intro{font-size: 0.22rem;color: #989898;}
.ixwzx .jj .d{font-size: 0.2rem;color: #8e8e8e;margin-top: 0.25rem;}
.ixwzx .jj .d span{}
.ixwzx .pic img{width:100%;max-width: 100%;vertical-align: middle;}
.inewscList ul .ilist p{  line-height:30px; padding:24px 0 12px 0; height:60px; overflow:hidden;}
.inewscList ul .ilist p a{font-size:18px; color:#000;}
.inewscList ul .ilist span{ font-size:12px; text-indent:2em; display:block; color:#666; padding-bottom:20px; line-height:22px;}
.inewscList ul .ilist a{ color:#0359a3;}
.inewscList ul li{padding:0.3rem 0;position: relative; overflow:hidden;/* background:url(../img/myuan.png) 0 no-repeat;*/ border-bottom:0.02rem solid #d2d2d2;}
.inewscList ul .li1{padding-top:0;}
.inewscList ul li:hover{border-bottom:0.02rem solid #57b4ce;}
.inewscList ul li:hover .jj .t{color: #57b4ce;}
.inewscList ul li a{text-align: left; display:block;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;white-space:nowrap;height:0.43rem; line-height:0.43rem; vertical-align:bottom;}
.inewscList ul a:hover,.inewscList ul .ilist p a:hover{ color:#0359a3;}



/*二维码外框*/
.ewmwk{height: 3rem;color: #fff;font-size: 0.2rem;}
.ewmwk .picwk{}
.ewmwk .pic{width: 1.5rem;margin-top: 0.3rem;margin-left: 0.6rem;padding-bottom: 0.18rem;margin-bottom: 0.1rem;}
.ewmwk .pic .ewmn{padding: 0.08rem 0;color: #0359a3;}
.ewmwk .pic img{width: 100%;}
.ewmwk .pic1{margin-left: 1.2rem;background: url("../img/weibo.png") no-repeat bottom;background-size: auto 0.25rem;}
.ewmwk .pic2{background: url("../img/weixin.png") no-repeat bottom;background-size: auto 0.25rem;}



/*productlist列表页面样式 婚礼案例  礼仪庆典*/
.productlist ul li .neImg{height: 2.55rem;}
.productlist ul li .neImg img{height: 2.45rem;}


/*listlist列表页面样式 荣誉证书*/
.listlist ul li .neImg{height: 2.5rem;}
.listlist ul li .neImg img{height: 2.4rem;}

/*视频*/
.videolist{padding-bottom: 0.3rem;}
.videolist ul li .neImg{height: 4.35rem;}

/*==========分页样式2开始=========*/
.page2{font-family:"Arial";width:100%;text-align:center;margin: 0.05rem 0;font-size: 0.16rem;overflow: hidden;height: 0.41rem;}
.page2 a{display:inline-block;padding:0.11rem 0.16rem;color:#fff;margin:0;background:#0359a3;}
.page2 a.prev{margin-right: -0.04rem;}
.page2 a.next{margin-left: -0.04rem;;}
.page2 a:hover{background-color: #3d2e23;}
.page2 span{display:inline-block;color:#fff;padding:0.11rem 0.16rem;background:#3d2e23;}
.page2 font{color:#696969;}
/*==========分页样式2结束==========*/

.gxk{ display:none;}
.gxk + label {background-color: #FFF;border: 1px solid #e6e6e6;padding: 10px; vertical-align:text-top;border-radius: 100px;display: inline-block;position: relative; cursor:pointer;}
.gxk + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.gxk:checked + label {background:url(../img/gxk.png) 0px 0px no-repeat; background-size:100% 100%;border: 1px solid #DB121A;}

/**用户登录 注册 start**/
.uloginwk{ background:#fff; margin:2% auto 0px; overflow:hidden; padding:3% 0px}
.ulogin{ padding:0px 2.5%; overflow:hidden}
.ulogin li{margin:0 0 0.2rem 0; overflow:hidden;}
.ulogin li .inp{ outline:none; width:100%; text-indent:10%;border:1px solid #ccc; color:#999; box-sizing:border-box; padding:10px 0;  border-radius:4px; margin:0 auto; position:relative;outline:none}
.ulogin li .input-small{text-indent: 24%;width: 40%;background: url(../img/zc2.png) 0.2rem 50% no-repeat;background-size: auto 50%;outline:none}
.doregister{display:block;  padding:2% 0px; text-align:center; border-radius:4px; width:100%; color:#fff; margin-top:3%;background:url(../img/ab2.png) no-repeat; background-size:cover;}
.doregister:hover{opacity: 0.85;}
.ulogin-button{ border:none; background-color:#ff7308; color:#fff; text-align:center; padding:1.1% 2.5%; border-radius:6px; outline:none; cursor:pointer; margin-left:2%; appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.ulogin .imgcode{width: 1rem;vertical-align: middle;margin-left: 2%;height: 0.39rem;min-width: 70px;min-height: 26px;}
.ulogin .imgcodelogin{width: 1rem;vertical-align: middle;margin-left: 2%;height: 0.43rem;min-width: 70px;min-height: 26px;}
.ulogin li input.yhm{ background:url(../img/zc3.png) 0.2rem 50% no-repeat; background-size:auto 50%;}
.ulogin li input.yhm{ background:url(../img/yhm.png) 0.2rem 50% no-repeat; background-size:auto 50%;}
.ulogin li input.mm{ background:url(../img/mm.png) 0.2rem 50% no-repeat; background-size:auto 50%;}
.ulogin li input.tel{ background:url(../img/lx.png) 0.2rem 50% no-repeat; background-size:auto 50%;}
.ulogin li input.yhm2{ background:url(../img/zc1.png) 0.2rem 50% no-repeat; background-size:auto 50%;}

.wl_ht_header{ width:100%; max-width:720px; height:55px; line-height:55px; overflow:hidden; position:fixed; top:0px; text-align:center; background-color:#fff; z-index:9999;    border-bottom: 1px solid #ececec;}
.wl_ht_back{ width:55px; height:55px; position:absolute; float:left; display:block; left:0%; background:url(../img/beback.png) no-repeat center; background-size:50% auto;}
/**用户登录 注册 end**/

/**会员中心 star**/
.tgap {height:51px;}
.gtx{ padding: 3.5% 0px 0%;}
.head_pic {height: 95px;width: 95px;}
.nickname i.sexgirl{top:11%;    background-size: 70% auto;}
.gtx ul {padding:1.5% 0 1.5%;}
.vip-club{margin:2% auto;}
.vip-club li a i.stat1{background-size:78% auto;}
.vip-club li a i.stat2{background-size:78% auto;}
.vip-club li a i.stat3{background-size:78% auto;}
.vip-club li a i.stat4{background-size:78% auto;}
.vip-club li a i.stat5{background-size:78% auto;}
.vip-club li a em{    margin-left: 24%;top: -1px;}
.vip-club_list{margin-top: 2%;}
.vip-club_list ul li{    background-size: 2.2% auto;padding: 0.5% 2%;line-height: 255%;}
.vip-club_list ul li a .pic1{background-size: 60% auto;}
.vip-club_list ul li a .pic2{background-size: 67% auto;}
.vip-club_list ul li a .pic3{background-size: 69% auto;}
.vip-club_list ul li a .pic4{background-size: 69% auto;}
.vip-club_list ul li a .pic5{background-size: 69% auto;}
.vip-club_list ul li a .pic6{background-size: 62% auto;}
/***********会员中心订单列表************/


/*会员中心 style_zsj start*/
.tgap{height: 56px;}
.gtx{position: relative; padding: 3% 0px 0%; background:url(../img/mbg.jpg) no-repeat center -2rem;/*member_top_bg.png*/}
.head_pic{margin: 0 auto;height:110px;width:110px;overflow: hidden;border-radius: 50%;}
.head_pic img{width: 100%;}
.nickname {width: 100%; text-align:center; padding:1.5% 0px; line-height:180%;color: #fff;overflow: hidden; position:relative}
.nickname i.sexbog{ position:absolute; top:21%; display:inline-block; width:30px; height:30px; background:url(../img/main_icon_boy.png) no-repeat center; background-size:75% auto;}
.nickname i.sexgirl{ position:absolute;top:21%;display:inline-block; width:30px; height:30px; background:url(../img/main_icon_girl.png) no-repeat center; background-size:75% auto;}
.gtx ul {width: 100%;background: rgba(0,0,0,0.1);padding:1.5% 0; overflow:hidden;}
.gtx ul li {float: left;width: 33.33333%;border-left: 1px #698bc4 solid;height: 100%;color: #fff;margin-left: -1px;text-align: center;}
.gtx ul li .num{ line-height:140%}
.gtx ul li .category{ line-height:140%}
/*状态*/
.vip-club_bg{ width:100%; height:auto; overflow:hidden; background-color:#f5f5f5;}
.vip-club{margin:2% auto;background: #fff;overflow: hidden;padding:1.5% 0px;}
.vip-club li a {color: #686868;width: 25%;float: left;text-align: center; border-left: 1px solid #ebebeb;margin-left: -1px; position:relative}
.vip-club li a i{width:35px; height:35px; display:inline-block}
.vip-club li a i.stat1 {  background:url(../img/usercente_co1.png) no-repeat center ; background-size:85% auto}
.vip-club li a i.stat2 {  background:url(../img/usercente_co2.png) no-repeat center ; background-size:85% auto}
.vip-club li a i.stat3 {  background:url(../img/usercente_co6.png) no-repeat center ; background-size:88% auto}
.vip-club li a i.stat4 {  background:url(../img/usercente_co5.png) no-repeat center ; background-size:88% auto}
.vip-club li a em{background-color: #f43530;color: #FFFFFF;font-size: 12px;padding: 1px 6px;border-radius: 100%;margin-left:20%; position:absolute; top:-3px;}
.vip-club_list{ width:100%; height:auto; overflow:hidden; margin-top:2%; background-color:#fff;}
.vip-club_list ul li{border-bottom: 1px solid #ebebeb;padding:1% 2%;background: #fff url(../img/Arrow-Right-icon.png) no-repeat 97% center;background-size:2% auto;color: #444; overflow:hidden; line-height:260%}
.vip-club_list ul li a{ display:block;}
.vip-club_list ul li a .pic1{ width:42px; float:left; height:42px; margin-right:1%; background:url(../img/vip_coin1.png) no-repeat center; background-size:63% auto}
.vip-club_list ul li a .pic2{ width:42px; float:left; height:42px; margin-right:1%; background:url(../img/vip_coin2.png) no-repeat center; background-size:72% auto}
.vip-club_list ul li a .pic3{ width:42px; float:left; height:42px; margin-right:1%; background:url(../img/vip_coin3.png) no-repeat center; background-size:72% auto}
.vip-club_list ul li a .pic4{ width:42px; float:left; height:42px; margin-right:1%; background:url(../img/vip_coin4.png) no-repeat center; background-size:72% auto}
.vip-club_list ul li a .pic5{ width:42px; float:left; height:42px; margin-right:1%; background:url(../img/vip_coin5.png) no-repeat center; background-size:72% auto}
.vip-club_list ul li a .pic6{ width:42px; float:left; height:42px; margin-right:1%; background:url(../img/vip_coin6.png) no-repeat center; background-size:68% auto}
.vip-club_list ul li a .pic7{ width:42px; float:left; height:42px; margin-right:1%; background:url(../img/vip_coin7.png) no-repeat center; background-size:68% auto}
.vip-club_list ul li a .pic8{ width:42px; float:left; height:42px; margin-right:1%; background:url(../img/vip_coin8.png) no-repeat center; background-size:68% auto}


/**修改会员资料 star**/
.usercen_info_bg{ width:100%; height:auto; overflow:hidden; background-color:#fff;margin: 2% auto;}
.usercen_info_bg ul li{ padding:2% 2%;overflow:hidden;border-bottom:1px solid #e5e5e5;}
.usercen_info_bg ul li {color:#181818;}
.usercen_info_bg ul li select{width: 75px;border: 1px solid #e5e5e5;color:#999999;height: 0.3rem; }
.usercen_info_bg ul .xgkk .send{width: 88px;height: auto;}
.usercen_info_bg ul li  span{ display:block;width:15%; float:left; overflow:hidden;padding-top: 3px; }
.usercen_info_bg ul li  em {width:70%; text-align:left; color:#999999; float: right; margin-right:5%; display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical; word-wrap: break-word;overflow:hidden; -webkit-box-pack:center; padding-left:10%}
.usercen_info_bg ul li  em input{ border:none; width:95%; line-height:180%; appearance: none;outline:none ; color:#999}
.usercen_info_bg ul li.bore{ border-bottom:none}
.usercen_info_bg ul  a.buttoom{ width:80%; margin:4% 10% ; text-align:center; padding:2% 0px; border-radius:6px; background-color:#ff5b0e;color:#fff; border:none; display:inline-block}

/*头像修改*/
.col-md-9{text-align: center;}

/*微信登陆*/
.sanlogin{margin-top: 30px;}
.sanlogin p{ text-align:center; background:url(../img/hen.png) 0 50% repeat-x; background-size:aoto 100%; width:90%; margin:0 auto;}
.sanlogin p i{ display:inline-block; background:#fff; padding:0 10px; font-size:15px; color:#666;}
.sanlogin .sanls{ text-align:center; padding-top:10px;}
.sanlogin .sanls a{ display:inline-block;border-radius:100%; box-sizing:border-box; border:1px solid #ccc; padding:0.08rem;}
.sanlogin .sanls a img{  width:0.75rem;}

/*会员中心s*/
.mtop{height: 0.8rem;padding:0.2rem;overflow: hidden;}
.mtop .pic{width:0.8rem;height: 0.8rem;float: left;border-radius: 0.4rem;}
.mtop .pic img{max-width: 100%;border-radius: 0.4rem;}
.mtop .t{font-size: 0.24rem;float: left;line-height: 0.8rem;margin-left: 0.2rem;}

.mlist{background-color: #f2f2f5;overflow: hidden;padding-bottom: 0.6rem;}
.mlist .lis{height: 0.4rem;line-height: 0.4rem;padding-left: 0.5rem;background-color: #fff;margin-top: 0.2rem;}
.mlist .lis p{font-size: 0.2rem;padding-right: 0.5rem;background: #fff url("../img/titan/jiat2.png") no-repeat 6.4rem;background-size: 0.07rem;}
.mlist .lis1{background: #fff url("../img/titan/me1.png") no-repeat 0.2rem;background-size: 0.3rem;}
.mlist .lis2{background: #fff url("../img/titan/me2.png") no-repeat 0.2rem;background-size: 0.3rem;}
.mlist .lis3{background: #fff url("../img/titan/me3.png") no-repeat 0.2rem;background-size: 0.3rem;}
.mlist .lis4{background: #fff url("../img/titan/me4.png") no-repeat 0.2rem;background-size: 0.3rem;}
.mlist .lis5{background: #fff url("../img/titan/me5.png") no-repeat 0.2rem;background-size: 0.3rem;}