html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{ color:#333;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0; font-family:'微软雅黑';} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight:normal;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tal{ text-align:left} .tar{ text-align:right;}
/*文字两侧对齐*/
.justify {text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;
/*ff*/-webkit-text-align-last:justify;/*chrome 20+*/}

.toe{/*超出省略号*/word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
img {max-width: 100%;height:auto;}
strong{ font-weight:normal;}
/*select{
 -webkit-appearance:none;-moz-appearance:none;appearanearance: none;}*/
/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 +------------------------------------------------------------------------------
 */
/*图片放大*/
.thumb{ overflow:hidden;}
.thumb img{webkit-transform:translateZ(0);-webkit-transition:.2s;-moz-transform:translateZ(0);-moz-transition:.2s;-ms-transform:translateZ(0);-ms-transition:.2s;-webkit-transform-style:preserve-3d;}
.thumb img:hover{text-decoration:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}

a{ color:#333; -webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out; text-decoration: none;}
a:hover{ color:#1ca8cc; text-decoration:none;}
a:hover {text-decoration: none; color:#1ca8cc;}
body{font-family:'微软雅黑'; line-height:1.5; font-size:14px; color:#333; background:#fff;}
 .lft,.fl{ float:left;}
 .rgt,.fr{ float:right;}
.wrapper{
	width:1200px; margin:0 auto;
}
/*header*/
.wrapper{width: 1200px;height: auto;margin: 0 auto;}
.header{background: #fff;font-size: 14px;color: #333333;border-bottom:2px solid #efefef;margin-bottom: 10px;width: 100%;}
.header .logo{height: 80px;padding: 15px 0;}
.header .logo .left{display: inline-block;*display: inline-block;zoom: 1;width: 170px;border-right:1px solid #efefef;height: 80px;}
.header .logo .right{display: inline-block;*display: inline-block;zoom: 1;padding-left: 20px;}
.header .logo img{padding:15px 0 0 5px;width: 120px;height: 42px;}
.header .logo h5{line-height: 40px;}
.header .logo h4{line-height: 40px;font-weight: 600;}
.header .qr h6{line-height: 80px;padding-right: 20px;}
.header .qr img{width: 82px;height: 82px;padding: 0 20px;}
.header .qr{height: 80px;padding: 15px 0;}
.header .qr .right{border-right:1px solid #efefef;}
.banner{background: #fff;}
/*header end*/

/*banner*/
/*切换图样式*/
.fullSlide{ position:relative; background:#ccc; margin:0 auto; overflow:hidden;}
.fullSlide .bd2{display: none;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li { position:relative; overflow:hidden;}
.fullSlide .bd li img{width:100%;height:100%;display: block;} 
.fullSlide .bd li  a{ display:block; }
.fullSlide .hd { width:100%;position: absolute; height:24px; padding-top:8px; bottom:12px; text-align: center; font-size:0; z-index:1;margin-left: -15px;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd li{margin: 0 8px; background:url(../img/dian1.png) no-repeat center center;border-radius:60px ; height: 15px;overflow: hidden; width: 15px; cursor: pointer;display:inline-block; *display:inline; zoom:1; background-size: 100%;100%; }
.fullSlide .hd .on{ background:url(../img/dian2.png) no-repeat center center;background-size: 100%;100%;  }


	
.info{background: #1ca8cc;padding: 0.4rem 0;}
.info .wrapper{background: url(../img/xian.png) no-repeat center; background-size:2px 200px;height: 380px;padding: 20px 0 50px 0;}
.info .left{width: 50%;}
.info .right{width: 50%;}
.info .left .head h3{font-size: 35px;color: #FFFFFF;line-height: 80px;}
.info .left .head .hr{width: 60px;background: #86d1e4;height: 2px;}
.info .left .body{padding: 20px 0;}
.info .left .body ul li{font-size: 16px;color: #FFFFFF;line-height: 32px;}
.info .left .body ul li span{padding-right: 20px;}
.info .right .head {padding: 127px 0 0 40px;}
.info .right .head h2{writing-mode: tb-rl;font-size: 26px;font-weight: 600;layout-flow: vertical-ideographic;letter-spacing: 5px;color: #fff;padding: 15px;border:1px solid #FFFFFF;}
.info .right .body {width: 340px;text-align: right;padding-top: 210px;}
.info .right .body p{font-size: 24px;color: #FFFFFF;line-height: 45px;font-weight: 500;}
.info .right .body h3{font-size: 34px;color: #fff;font-weight: 600;}

.list .head {padding: 20px 0;text-align: center;}
.list .head h3{font-size: 23px;color: #504f50;line-height: 45px;padding-bottom: 5px;font-weight: 600;}
.list p{font-size: 14px;color: #999999;line-height: 20px;}
.list .body ul li{width: 25%;height: 240px;overflow: hidden;float: left;position: relative;}
.list .body .i2{display: block;pos-bottom: auto;border-top:20px solid transparent;border-bottom: 20px solid transparent;border-right: 20px solid #fff;width: 0;height: 0;position: absolute;top: 43%;right: 0;}
.list .body .i1{display: block;border-top:20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #fff;width: 0;height: 0;position: absolute;top: 43%;left: 0;}
.list .body ul li img{height: 100%;}
.list .body ul li h1{font-size: 48px;color: #333333;padding: 25px 0px 15px 30px;line-height: 48px;}
.list .body ul li h5{font-size: 18px;color: #333;padding: 0px 0px 8px 30px ;}
.list .body ul li p{padding: 0px 30px;}
.list .body ul li a:hover p{color: #1ca8cc;}
.list .body ul li a:hover h5{color: #1ca8cc;}
.list .body ul li a:hover h1{color: #1ca8cc;}



.group {background: #fafafa!important;padding-bottom: 20px;}
.group .head {padding: 30px 0;text-align: center;}
.group .head h3{font-size: 23px;color: #504f50;line-height: 45px;padding-bottom: 5px;font-weight: 600;}
.group p{font-size: 14px;color: #999999;line-height: 20px;}
.group .body ul{margin-left:-2% ;}
.group .body ul li{width: 23%;float: left;margin-left: 2%;height: 500px;color: #FFFFFF;position: relative;margin-bottom: 40px;}
.group .body .zi{background: #1ca8cc;}
.group .body ul li img{width: 100%;height: 100%;}
.group .body ul li h3{font-size: 23px;color: #ffffff;line-height: 30px;padding: 55px 0 35px 0;text-align: center;}
.group .body .btn{padding-left: 20px;margin-bottom: 15px;}
.group .body .btn a{display: inline-block;*display: inline-block;zoom: 1;font-size: 14px;color: #FFFFFF;padding: 5px 10px;border: 1px solid #FFFFFF;border-radius:50px ;margin-right: 15px;margin-bottom:4px;}
.group .body .btn a:hover{background: #0386a7;border: 1px solid #0386a7;}
.group .body  p{padding: 0 25px;font-size: 15px;line-height: 25px;color: #FFFFFF;}
.group .body .i1{display: block;pos-bottom: auto;border-top:12px solid transparent;border-bottom: 12px solid transparent;border-left: 12px solid #1ca8cc;width: 0;height: 0;position: absolute;top: 43%;right: -12px;}
.group .body .i2{display: block;pos-bottom: auto;border-top:12px solid transparent;border-bottom: 12px solid transparent;border-right: 12px solid #1ca8cc;width: 0;height: 0;position: absolute;top: 43%;left: -12px;}
.group .body .btn2{padding: 0;}
.group .body .btn2 a{margin:0 auto;display: block;width: 100px;}

.footer{margin-bottom:60px;}
.footer .head {padding: 30px 0;text-align: center;}
.footer .head h3{font-size: 23px;color: #504f50;line-height: 45px;padding-bottom: 5px;font-weight: 600;}
.footer p{font-size: 14px;color: #999999;line-height: 20px;}
.footer .body .box{background:url(../img/xian2.png) no-repeat center;background-size:2px 190px;width: 940px;height:145px;padding-top: 45px;margin: 0 auto;}
.footer .body .box .fl{width: 50%;}
.footer .body .box .fl ul li{font-size: 15px;margin-bottom: 15px;}
.footer .body .box img{padding-bottom: 10px;width: 190px;height: 57px;}
.bottom_tel {color: #ffffff;position: fixed;bottom: 0px;height: 60px;line-height: 60px;text-align: center;width: 100%;background: #000;opacity: 0.8;}
.bottom_tel a{color: #ffffff;}