/*基本样式------------------*/
*{padding:0px; margin:0px;}
@font-face {
font-family: 'SourceNormal'; 
src: url('../font/SourceNormal.eot'); /* IE9+ */ 
src: url('../font/SourceNormal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
url('../font/SourceNormal.woff') format('woff'), /* chrome、firefox */ 
url('../font/SourceNormal.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ 
url('../font/SourceNormal.svg#fontname') format('svg'); /* iOS 4.1- */ 
}

h1,h2,h3,h4,h5,h6,b{ font-weight:normal; font-size:100%;}
input,select,button,textarea{vertical-align:middle;line-height:normal;font-size:100%;}
textarea{line-height:100%;} 
a{outline:0;cursor:pointer;*star:expression(this.onFocus=this.blur()); text-decoration:none; color:#333;}
a:hover{color:#118EEA;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
table{border-spacing:1;}
img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
p{word-break:break-all;text-justify:inter-ideograph; line-height:1.7em;}
.fl{float:left;}
.fr{float:right;}
.tCen{ text-align:center;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;} 
.hd{ overflow:hidden;}
.block{ display:block;}
.none{ display:none;}
img{ max-width:100%;}

body{color:#333;font-family:; font-size:12px;font-family:SourceNormal; background-color:#F5F5F5; }
/*-------基本样式end---------*/
.t3d{ -webkit-transition: all .2s linear;  transition: all .2s linear}
.t3d:hover { z-index: 2;-webkit-box-shadow: 0 0px 10px rgba(0,0,0,.4);  box-shadow: 0 0px 10px rgba(0,0,0,.4);  -webkit-transform: translate3d(0,-2px,0);  transform: translate3d(0,-2px,0);}
.t3d2{border:2px solid #eee;  -webkit-transition: all .2s linear;  transition: all .2s linear;-webkit-box-shadow: 0 0px 5px rgba(0,0,0,.4);  box-shadow: 0 0px 5px rgba(0,0,0,.4);  -webkit-transform: translate3d(0,-0px,0);  transform: translate3d(0,-0px,0);}
.t3d2:hover {border:2px solid #108EE9;  z-index: 2;-webkit-box-shadow: 0 0px 5px rgba(16,142,233,1);  box-shadow: 0 0px 5px rgba(16,142,233,1);  -webkit-transform: translate3d(0,-6px,0);  transform: translate3d(0,-6px,0);}
/*-------内容区宽度---------*/
.pageMain{width:1200px; margin:80px auto;}
.pageMain3{width:1200px; margin:40px auto;}
.pageMain2{width:1200px; margin:0px auto;}
.pageMain4{width:1200px; margin:0px auto;}
/*-------顶部---------*/
.header{ position:absolute; left:0; top:0; width:100%; background:rgba(0,0,0,0.4);  z-index:9999; height:66px;} 
.header .logo{ width:40%;float:left;padding:15px 0 0;}
.header .logo img{transition:all .5s; max-width:100%;}
.header .nav{width:60%;float:right; height:100%; text-align:right; position:relative;}
.header .nav a{font-size:16px;color:#fff; font-weight:400; display:inline-block; width:86px; height:66px; line-height:66px; text-align:center; font-family:SourceNormal;}
.header .nav a:hover, .header .nav a.active {background:rgba(0,0,0,0.6); }

.nheader{ width:100%; background:#2A4065; height:66px;} 
.nheader .logo{ width:40%;float:left;padding:15px 0 0;}
.nheader .logo img{transition:all .5s; max-width:100%;}
.nheader .nav{width:60%;float:right; height:100%; text-align:right; position:relative;}
.nheader .nav a{font-size:16px;color:#fff; font-weight:400; display:inline-block; width:86px; height:66px; line-height:66px; text-align:center; font-family:SourceNormal;}
.nheader .nav a:hover, .header .nav a.active {background:rgba(0,0,0,0.5); }
/*-------顶部 end ---------*/
/*-------banner---------*/
.banner{ margin-top:0px; position:relative;}
.fullSlide{width:100%;position:relative;height:900px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:900px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:100%; width:100%;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center; display:none}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:90px;height:90px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/left.png) no-repeat 0 0; background-size:100% 100%;}
.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;right:5%;z-index:1;width:90px;height:90px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/right.png) no-repeat 0 0; background-size:100% 100%;}


.profullSlide{width:100%;position:relative;height:520px;background:#000;}
.profullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.profullSlide .bd ul{width:100% !important;}
.profullSlide .bd li{width:100% !important;height:520px;overflow:hidden;text-align:center;}
.profullSlide .bd li a{display:block;height:100%; width:100%;}
.profullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.profullSlide .hd ul{text-align:center; display:none}
.profullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.profullSlide .hd ul .on{background:#f00;}
.profullSlide .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:40px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/left.png) no-repeat 0 0; background-size:100% 100%;}
.profullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;right:5%;z-index:1;width:40px;height:40px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/right.png) no-repeat 0 0; background-size:100% 100%;}

.aboutFullSlide{width:100%;position:relative;height:520px;background:#000;}
.aboutFullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.aboutFullSlide .bd ul{width:100% !important;}
.aboutFullSlide .bd li{width:100% !important;height:520px;overflow:hidden;text-align:center;}
.aboutFullSlide .bd li a{display:block;height:100%; width:100%;}
.aboutFullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.aboutFullSlide .hd ul{text-align:center; display:none}
.aboutFullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.aboutFullSlide .hd ul .on{background:#f00;}
.aboutFullSlide .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:90px;height:90px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/left.png) no-repeat 0 0; background-size:100% 100%;}
.aboutFullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;right:5%;z-index:1;width:90px;height:90px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/right.png) no-repeat 0 0; background-size:100% 100%;}

.joinFullSlide{width:100%;position:relative;height:520px;background:#000;}
.joinFullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.joinFullSlide .bd ul{width:100% !important;}
.joinFullSlide .bd li{width:100% !important;height:520px;overflow:hidden;text-align:center;}
.joinFullSlide .bd li a{display:block;height:auto;}
.joinFullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.joinFullSlide .hd ul{text-align:center; display:none}
.joinFullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.joinFullSlide .hd ul .on{background:#f00;}
.joinFullSlide .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:90px;height:90px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/left.png) no-repeat 0 0; background-size:100% 100%;}
.joinFullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;right:5%;z-index:1;width:90px;height:90px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/right.png) no-repeat 0 0; background-size:100% 100%;}

/*-------index 标题---------*/
.titleBox{ width:100%; margin:10px 0;text-align:center; position:relative}
.titleBox h1{ font-size:2em; color:#000; font-weight:600; margin-bottom:5px}
.titleBox h2{  font-size:1.4em; color:#118EEA;text-transform:uppercase;}
.titleBox a{ display:inline-block; position:absolute; right:10px; bottom:0; font-size:1.4em; color:#118EEA;}
.titleBox p{ text-align:center}


/*-------index 服务---------*/
.inSerList ul{margin:40px auto 0; color:#8A8A8A;}
.inSerList ul li{ float:left; width:18%; height:220px; margin-right:2.0%; padding:20px 0; border-radius:10px; background:#fff text-align:center;}
.inSerList ul li:nth-child(5){margin-right:0%;}
.inSerList ul li h3{ font-size:2em; color:#8A8A8A; margin-bottom:10px; text-align:center}
.inSerList ul li p{ font-size:1.2em; margin:0 8%;color:#8A8A8A;}
.inSerList ul li a{ width:100%; height:100%; display:inline-block;}
.inSerList ul li .serpic{ width:60px; height:60px; margin:20 auto 15px;}
.inSerList ul li:nth-child(1) .serpic{background:url(../images/s1.png) no-repeat center 0;background-size: 100% 100%;-webkit-transition: all .2s linear;  transition: all .2s linear}
.inSerList ul li:nth-child(2) .serpic{background:url(../images/s2.png) no-repeat center 0;background-size: 100% 100%;-webkit-transition: all .2s linear;  transition: all .2s linear}
.inSerList ul li:nth-child(3) .serpic{background:url(../images/s3.png) no-repeat center 0;background-size: 100% 100%;-webkit-transition: all .2s linear;  transition: all .2s linear}
.inSerList ul li:nth-child(4) .serpic{background:url(../images/s4.png) no-repeat center 0;background-size: 100% 100%;-webkit-transition: all .2s linear;  transition: all .2s linear}
.inSerList ul li:nth-child(5) .serpic{background:url(../images/s5.png) no-repeat center 0;background-size: 100% 100%;-webkit-transition: all .2s linear;  transition: all .2s linear}
.inSerList ul li:nth-child(1):hover .serpic{background:url(../images/s1v.png) no-repeat center 0;background-size: 100% 100%;}
.inSerList ul li:nth-child(2):hover .serpic{background:url(../images/s2v.png) no-repeat center 0;background-size: 100% 100%;}
.inSerList ul li:nth-child(3):hover .serpic{background:url(../images/s3v.png) no-repeat center 0;background-size: 100% 100%;}
.inSerList ul li:nth-child(4):hover .serpic{background:url(../images/s4v.png) no-repeat center 0;background-size: 100% 100%;}
.inSerList ul li:nth-child(5):hover .serpic{background:url(../images/s5v.png) no-repeat center 0;background-size: 100% 100%;}
/*-------index 新闻---------*/
.inNewsList ul{margin:40px auto 0; color:#8A8A8A;}
.inNewsList ul li{ float:left; width:23%; margin-right:2.2%; padding:0px 0;border-radius:10px; background:#fff text-align:center; position:relative;}
.inNewsList ul li img{ border-radius:10px; padding-bottom:55px;}
.inNewsList ul li:nth-child(4){margin-right:0%;}
.inNewsList ul li h3{ background:#fff; width:94%; height:40px; line-height:20px; color:#333; text-align:left; padding:10px 3.1%;
position:absolute; left:0; bottom:0;border-radius: 0px 0px 8px 8px;-webkit-transition: all .2s linear;  transition: all .2s linear;}
.inNewsList ul li:hover h3{background:#118EEA; color:#fff; }
.inNewsList ul li h3 span{background:url(../images/jian2.png) no-repeat right 0; width:18px; height:13px; position:absolute; right:12px; bottom:10px; background-size: auto 100%;}
.inNewsList ul li:hover h3 span{background:url(../images/jian1.png) no-repeat 0 0;background-size: auto 100%;}

/*-------index 方案---------*/
.inPlanList ul{margin:40px auto 0; color:#8A8A8A;}
.inPlanList ul li{ float:left; width:33.333%; padding:0px 0; height:400px; overflow:hidden; position:relative;}
.inPlanList ul li .info{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0; text-align:center; -webkit-transition: all .2s linear;  transition: all .2s linear}
.inPlanList ul li:hover .info{ position:absolute; top:-400px; left:0;}
.inPlanList ul li .info .serpic{ width:75px; height:75px; margin:140px auto 20px;}
.inPlanList ul li .info .serpic img{ width:100%; height:100%;}
.inPlanList ul li .info h3{ font-size:2em; color:#fff; font-weight:600; }
.inPlanList ul li .info span{ display:inline-block; width:40px; height:8px; margin:20px auto 0; background:#fff;}
.inPlanList ul li .infoVer{ width:100%; height:100%; background:rgba(16,142,233,0.8); position:absolute; top:400px; left:0; text-align:center; -webkit-transition: all .2s linear;  transition: all .2s linear}

.inPlanList ul li:hover .infoVer{ position:absolute; top:0px; left:0;}
.inPlanList ul li .infoVer h3{ font-size:2em; color:#fff; font-weight:600;margin:100px auto 0px;}
.inPlanList ul li .infoVer span{ display:inline-block; width:40px; height:8px; margin:20px auto 20px; background:#fff;}
.inPlanList ul li .infoVer p{ font-size:1.4em; color:#fff; text-align:left; width:80%; margin:0 auto 20px;}
.inPlanList ul li .infoVer a{ display:inline-block; font-size:1.4em; color:#118EEA;width:40%; margin:0 auto; height:50px; line-height:50px; border-radius:5px;
 background:#fff url(../images/jtr.png) no-repeat right 10px top 16px; background-size: auto 36%;}


/*-------list 方案---------*/
.planList ul{margin:40px auto 0; color:#8A8A8A;}
.planList ul li{ float:left; width:32.3%; margin-right:1.5%; margin-bottom:20px; padding:0px 0; height:380px; overflow:hidden; position:relative;}
.planList ul li:nth-child(3n){margin-right:0%;}
.planList ul li .info{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0; text-align:center; -webkit-transition: all .2s linear;  transition: all .2s linear}
.planList ul li:hover .info{ position:absolute; top:-380px; left:0;}
.planList ul li .info .serpic{ width:75px; height:75px; margin:140px auto 20px;}
.planList ul li .info .serpic img{ width:100%; height:100%;}
.planList ul li .info h3{ font-size:2em; color:#fff; font-weight:600; }
.planList ul li .info span{ display:inline-block; width:40px; height:8px; margin:20px auto 0; background:#fff;}

.planList ul li .infoVer{ width:100%; height:100%; background:rgba(16,142,233,0.8); position:absolute; top:380px; left:0; text-align:center; -webkit-transition: all .2s linear;  transition: all .2s linear}
.planList ul li:hover .infoVer{ position:absolute; top:0px; left:0;}
.planList ul li .infoVer h3{ font-size:2em; color:#fff; font-weight:600;margin:100px auto 0px;}
.planList ul li .infoVer span{ display:inline-block; width:40px; height:8px; margin:20px auto 20px; background:#fff;}
.planList ul li .infoVer p{ font-size:1.4em; color:#fff; text-align:left; width:80%; margin:0 auto 20px;}
.planList ul li .infoVer a{ display:inline-block; font-size:1.4em; color:#118EEA;width:40%; margin:0 auto; height:50px; line-height:50px; border-radius:5px;
 background:#fff url(../images/jtr.png) no-repeat right 10px top 16px; background-size: auto 36%;}

/*底部*/
.footer{ background:url(../images/fotbg.jpg) no-repeat center 0; padding:50px 0 0;color:#fff; margin-top:80px; margin-bottom:0; height:259px}
.footer .fol{ float:right; width:20%;}
.footer .fol img{ float:left; margin-right:20px;}
.footer .fol h3{ font-size:16px;color:#fff; margin-bottom:15px; font-weight:600; margin-bottom:20px;}
.footer .for{ float:left; width:80%;}
.footer .for .menu ul{ }
.footer .for .menu ul li{ float:left; width:20%}
.footer .for .menu ul li:nth-child(2){ float:left; width:40%}
.footer .for .menu ul li:nth-child(3){ float:left; width:30%}
.footer .for .menu ul li h3{font-size:16px;color:#fff; margin-bottom:15px; font-weight:600; }
.footer .for .menu ul li a{font-size:14px;color:#D4D5D9; display:block; height:35px; line-height:35px;}
.footer .for .menu ul li a:hover{color:#fff;}
.footer .for .menu ul li p{font-size:14px;color:#D4D5D9;height:35px; line-height:35px;}
.footer .foot2{font-size: 14px; color: #D4D5D9; display: block;text-align:center; margin-top:30px;}
	
/*-------产品中心---------*/
.titlePro{ margin-bottom:10px;}
.titlePro .title{ float:left; font-size:1.8em; color:#2A4065; line-height:30px; letter-spacing:5px;}
.titlePro .title span{float:left; display:inline-block; width:16px; margin-right:20px; height:30px; background-color:#118EEA; }
.titlePro ul{ float:right;}
.titlePro ul li { float:left; margin:0 20px; font-size:1.4em; line-height:30px; cursor:pointer;}
.titlePro ul li span{ border-bottom:2px solid #F5F5F5;display:inline-block;}
.titlePro ul li.over span, .titlePro ul li:hover span{ border-bottom:2px solid #118EEA; display:inline-block; }
.ProList .bigCl{float:left; width:18.5%;background-color:#fff;height:520px;overflow:hidden; }
.ProList ul{float:right; width:80%;}
.ProList ul li{float:left; width:32%; margin-right:2%; margin-bottom:20px; background-color:#fff; height:248px; overflow:hidden; position:relative;}
.ProList ul li:nth-child(3n){ margin-right:0%;}
.ProList ul li:nth-child(4), .ProList ul li:nth-child(5), .ProList ul li:nth-child(6){ margin-bottom:0px;}
.ProList ul li:last-child .more{ margin-top:33%; text-align:center}
.ProList ul li:last-child a{width:100%; height:100%; display:block;}
.ProList ul li .oInfo{ -webkit-opacity: 0;  -moz-opacity: 0; opacity: 0;
position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.4); text-align:center; height:100%; color:#fff;}
.ProList ul li:hover .oInfo{-webkit-opacity: 1;  -moz-opacity:1;  opacity: 1;animation:mymove infinite;animation-duration:1s;/* Safari and Chrome */
-webkit-animation:mymove infinite;-webkit-animation-duration:1s;animation-iteration-count:1;-webkit-animation-iteration-count:1; /* Safari 和 Chrome */}

.video2box{ text-align:center; margin-bottom:50px;}
.video2box video{width:80%; max-height:500px;}


@keyframes mymove
{from {opacity: 0;}
to {opacity: 1;}}
@-webkit-keyframes mymove
{from {opacity: 0;}
to {opacity: 1;}}
.ProList ul li .oInfo h3{ font-size:1.5em; font-weight:600; margin:40% 10% 0;}
.ProList ul li .oInfo p{ font-size:1.2em; margin:20px 10% 0;}
.divNone, .divNone1, .divNone2, .divNone3, .divNone4, .divNone5{ display:none;}
.nowopen{ display:block;}

.ProSMList ul{width:100%;}
.ProSMList ul li{float:left; width:32%; margin-right:2%; margin-bottom:20px; background-color:#fff; height:310px; position:relative; text-align:center}
.ProSMList ul li:nth-child(3n){ margin-right:0%;}
.ProSMList ul li:last-child .more{ margin-top:33%; text-align:center}
.ProSMList ul li .oInfo{ -webkit-opacity: 0;  -moz-opacity: 0; opacity: 0;
position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.4); text-align:center; height:100%; color:#fff;}
.ProSMList ul li:hover .oInfo{-webkit-opacity: 1;  -moz-opacity:1;  opacity: 1;animation:mymove infinite;animation-duration:1s;/* Safari and Chrome */
-webkit-animation:mymove infinite;-webkit-animation-duration:1s;animation-iteration-count:1;-webkit-animation-iteration-count:1; /* Safari 和 Chrome */}
.ProSMList ul li .oInfo h3{ font-size:1.5em; font-weight:600; margin:40% 10% 0;}
.ProSMList ul li .oInfo p{ font-size:1.2em; margin:20px 10% 0;}


/*-------pro 视频---------*/
.proVideoList ul{margin:40px auto 0; color:#8A8A8A;}
.proVideoList ul li{ float:left; width:32%; margin-right:2%; padding:0px 0; position:relative; text-align:center;position:relative;}
.proVideoList ul li video{ width:100%;}
.proVideoList ul li .movie-mask {width: 100%;height:100%;background:rgba(255,255,255,0.3) url(../images/video.png) no-repeat center 50%; position: absolute; top: 0px; cursor: pointer;-webkit-transition: all .2s linear;  transition: all .2s linear}
.proVideoList ul li:hover .movie-mask {background:rgba(255,255,255,0.3) url(../images/video2.png) no-repeat center 50%; position: absolute; top: 0px; cursor: pointer;}
.proVideoList ul li:last-child{ margin-right:0%;}
.proVideoList ul li h3{ font-size:2em; position:absolute; left:0%; bottom:20%;text-align:center; width:100%; color:#fff;}
/*-------pro 视频弹出窗口---------*/
.videolist{ width:100%; position:relative} 
.videolist img{ width:100%;} 
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videoskh{ display:none; position:fixed; left:50%; top:50%; margin-left:-440px; margin-top:-210px; z-index:100; width:880px; height:430px; background:#000; padding-top:10px;}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
/*-------pro 系统点击页---------*/
.xlBox{ }
.xlBox img{ width:100%;}
.titleXL{ margin-bottom:0px; background:#FFF; border-bottom:1px solid #333;}
.titleXL ul{ width:80%; margin:0 auto; text-align:center}
.titleXL ul li { display:inline-block; font-size:1.6em; height:50px; line-height:40px; cursor:pointer; padding:5px 10px 0; margin:0 5px -2px; color:#123F69; }
.titleXL ul li.over, .titleXL ul li:hover{ border-top:1px solid #118EEA;border-left:1px solid #118EEA;border-right:1px solid #118EEA; border-radius:10px 10px 0 0;
-webkit-box-shadow: 0 0px 5px rgba(65,161,247,.8);  box-shadow: 0 0px 5px rgba(65,161,247,.8);}

/*-------pro 产品详情---------*/
.ptb{ margin-bottom:10px; border-bottom:1px solid #333;}
.ptb ul{ width:100%; margin:0 auto; }
.ptb ul li { display:inline-block;border-radius:5px;  font-size:1.6em; height:40px; line-height:40px; cursor:pointer; padding:5px 30px; margin:0 5px 5px 0; color:#333; background:#ccc; }
.ptb ul li.over, .ptb ul li:hover{background:#118EEA; color:#fff; }

/*------- 新闻---------*/
.nowPosition{font-size:1.2em;line-height:30px; letter-spacing:2px; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:25px; }
.nowPosition span{float:left; display:inline-block; width:16px; margin-right:20px; height:30px; background-color:#118EEA; }
.NewsList{}
.NewsList ul li{float:left; width:23.5%; margin-right:2%; margin-bottom:25px; background-color:#fff;; position:relative; border-radius:5px;}
.NewsList ul li:nth-child(4n){ margin-right:0%;}
.NewsList ul li .pic{ height:200px; overflow:hidden;border-radius:5px 5px 0 0;}
.NewsList ul li h3{ font-size:1.2em; line-height:40px;height:40px; overflow:hidden; text-align:center;}
/* 分页*/
.fenye{ margin:50px 0px;  padding-top:10px; text-align:center}
.fenye a{ border:1px solid #ddd; padding:5px 10px; min-width:12px; display:inline-block; margin:0 3px 0 0; color:#000; background-color:#EBEBEB; font-size:14px;}
.fenye a:hover{	text-decoration: none;}
.fenye a.cur, .fenye a:hover{ color:#000; background-color:#118EEA;border:1px solid #118EEA; color:#fff;}
/* 联系*/
.contactbg{ width:100%; background: url(../images/conbg.png) repeat-x center 0; background-size:100% auto; height:520px;}
.contactTitle { text-align:center; margin:100px auto 50px;}
.contactTitle h1{font-size:2em; line-height:40px; margin-bottom:20px;}
.contactTitle p{font-size:1.2em; line-height:30px;}

.contactList{margin:50px auto; color:#8A8A8A;}
.contactList ul li{ float:left; width:48%; margin-right:4%; text-align:center;}
.contactList ul li:nth-child(2){margin-right:0%;}
.contactList ul li h3{ font-size:1.8em; margin-top:10px; color:#333}

.conList{margin:100px 15% 0 25%; color:#8A8A8A; width:60%;}
.conList ul li { width:100%; margin-bottom:50px;}
.conList ul li .left{ float:left; width:25%; }
.conList ul li .info{ float:left; width:75%;color:#333;}
.conList ul li .info p{ font-size:1.6em; line-height:200%;}
.conList ul li .ion{ width:60px; height:60px; margin:30px auto 0px;}
.conList ul li:nth-child(1) .ion{background:url(../images/con1.png) no-repeat center 0;background-size: 100% 100%;}
.conList ul li:nth-child(2) .ion{background:url(../images/con3.png) no-repeat center 0;background-size: 100% 100%;margin:70px auto 0px;}
.conList ul li:nth-child(3) .ion{background:url(../images/con2.png) no-repeat center 0;background-size: 100% 100%;}
.conList ul li:nth-child(4) .ion{background:url(../images/con4.png) no-repeat center 0;background-size: 100% 100%;margin:40px auto 0px;}

.wx{margin:100px 15% 0 25%; color:#8A8A8A; width:60%;}
/* 简介*/
.aboutBox{}
.aboutBox .abMenu{ float:left; width:22%; margin-right:4%;}
.aboutBox .abMenu ul li{ background:#118EEA; height:80px; line-height:80px; text-align:center; font-size:30px; margin-bottom:5px; border-radius:5px;}
.aboutBox .abMenu ul li a{ color:#fff;}

.aboutBox .abbox{ float:right; width:74%;}
.aboutBox .abbox .abInfo { margin-bottom:50px;}
.aboutBox .abbox h1{font-size:30px; margin-bottom:20px; color:#118EEA; }
.aboutBox .abbox .abInfo hr{ border:1px solid #ccc; margin:10px 0}
.aboutBox .abbox .abInfo p{ font-size:1.3em; line-height:200%; }

.aboutBox .abbox .abLicheng{margin-bottom:50px;}
.aboutBox .abbox .abLicheng ul li{ position:relative;}
.aboutBox .abbox .abLicheng ul li div{ margin-left:4%; border-left:1px solid #ccc;}
.aboutBox .abbox .abLicheng ul li div span{ position:absolute; left:0; top:-10px; display:inline-block; width:70px; text-align:center; font-size:1.5em; color:#000; background:#F5F5F5;}
.aboutBox .abbox .abLicheng ul li div p{ margin:15px 0 15px 5%; padding:10px 0;  display:block; width:80%;font-size:1.3em; line-height:180%; border-top:1px solid #ccc; color:#888;}
.aboutBox .abbox .abLicheng ul li div p.end{border-bottom:1px solid #ccc;}
.aboutBox .abbox .abLicheng ul li div p.st{border-top:0px solid #ccc;}

.aboutBox .abbox .honrlist{margin-bottom:50px;}
.aboutBox .abbox .honrlist ul li{ float:left; width:24%; margin-right:1.3%; margin-bottom:20px;}
.aboutBox .abbox .honrlist ul li:nth-child(4n){margin-right:0%;}

.ntitle{  text-align: center;}
.ntitle h3{    font-size: 24px;   margin-bottom: 20px; color:#118EEA}
.ntitle ul li{ display: inline-block;  padding-left: 20px;  padding-right: 20px;font-size: 14px;  color: #8c8c8c;}
.infoBox{ margin:30px 0; min-height:400px;}
.infoBox p{ line-height:200%;}
/*详情页 上一页 下一页 */
.prvandnext{padding:20px 0px 20px ; }
.prvandnext span{ background:#118EEA; color:#fff; margin-right:10px; padding:5px; }
.prvandnext a{ display:inline-block; width:49%; margin:10px 0 10px; line-height:24px;}

.nav_float{position:fixed;right:2px;top:40%;margin-top:31px;width:61px;z-index:2;}
.nav_float li{height:60px;background:#118EEA;border-radius:5px;margin-bottom:1px;position:relative;}
.nav_float li a{background:#118EEA;border-radius:5px;display:block;height:100%;background-position:center center;background-repeat:no-repeat;position:relative;}
.nav_float li div{background:#118EEA;border-radius:5px;display:block;height:100%;background-position:center center;background-repeat:no-repeat;position:relative;}
.nav_float li .a1{background-image:url(../images/icon6_1.png);width:0px;padding-left:60px;position:absolute;right:0;top:0;background-position:15px center;font-size:22px;overflow:hidden;line-height:60px;color:#fff;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;
animation:nf 5s ease-out 0s infinite;-webkit-animation:nf 5s ease-out 0s infinite;}
.nav_float li:hover .a1{width:170px;}
.nav_float li .a2{background-image:url(../images/icon6_2.png);animation:nf 5s ease-out 0.6s infinite;-webkit-animation:nf 5s ease-out 0.6s infinite;}
.nav_float li .a2 span{position:absolute;top:-55px;right:100%;margin-right:1px;padding:15px 9px;background:#118EEA;border-radius:5px; width:160px; display:none}
.nav_float li .a2 span a{ color:#fff;}
.nav_float li .a2 span img{ max-width:inherit}
.nav_float li .a2:hover span{display:block;}

.nav_float li .a3{background-image:url(../images/icon6_3.png);
animation:nf 5s ease-out 0.6s infinite;-webkit-animation:nf 5s ease-out 0.6s infinite;}
.nav_float li .a3 span{position:absolute;bottom:0;right:100%;margin-right:1px;padding:9px;background:#118EEA;border-radius:5px; display:none}
.nav_float li .a3 span img{ max-width:inherit}
.nav_float li .a3:hover span{display:block;}
.service_m{display:none;}
@-webkit-keyframes nf{
0%{-webkit-transform:scale(1);}
5%{-webkit-transform:scale(1.1);}
10%{-webkit-transform:scale(1);}
100%{-webkit-transform:scale(1);}
}
@keyframes nf{
0%{transform:scale(1);}
5%{transform:scale(1.1);}
10%{transform:scale(1);}
100%{transform:scale(1);}
}