@charset "utf-8";
*{margin:0; padding:0;}
html {  box-sizing: border-box;}
*, *:before, *:after {  box-sizing: inherit;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
img { border:none;border-style:none; vertical-align:middle; max-width:100%;}
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
html, body {margin:0;color:#333;font:14px/1.8  "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "宋体", Arial, sans-serif; width:100%;height:100%;padding:0;margin:0; background-color: #f8f8f8;}
a{ color:#333;text-decoration:none;outline:none;}
a:hover{ color:#721683; text-decoration:none; transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-webkit-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-moz-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-o-transition: color .3s ease,opacity .3s ease,background-color .3s ease;}


/* ** ** Common Addative Classes ** ** */
.fl{float:left}
.fr{float:right}
.clearfix:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clearfix { *zoom:1; }
.clear{ clear:both}
.center{ text-align: center;}
.wrap{ width:1200px; margin:0 auto; clear:both;}

/*header*/
.header{ position: fixed;top: 0;width:100%;height:80px; padding: 0 5%; background-color: #fff;  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); z-index: 99;}
.head{width:100%; position:relative;}
/*head-logo*/
.header .logo{ width:240px; height:80px; float:left; position:relative;}
.header .logo a{ display:block; height:100%; width:100%;}
.header .logo a:after{ content:""; height:100%;vertical-align: middle; display:inline-block;}
.header .logo img{ max-width:100%; max-height:100%;display: inline-block; vertical-align: middle;}
/*head-top*/
.head-top{float: right; height: 30px; margin-top: 25px; margin-left: 40px; border: 1px solid #721683; border-radius: 15px; overflow: hidden;}
.head-top a{display: inline-block; line-height: 28px;font-size: 13px; padding: 0 8px 0 12px; float: left;}
.head-top a:nth-child(2){padding: 0 12px 0 8px;}
.head-top a.on{ background-color: #721683; color: #fff;}
.head-top a:hover{ opacity: .8;background-color: #721683; color: #fff;}
@media screen and (min-width: 768px) and (max-width:1600px){
	.header{padding: 0 20px;}
}
@media screen and (max-width: 768px){
.wrap{ width:100%;}
.header { height:60px; padding: 0; background:#fff;}
.head{width:100%; height:60px; background:none;}
.header .logo {width: 240px;height: 60px; padding:5px 10px;}
.header .logo a{width: 220px;height: 50px;}
.head-top{ display:none;}
}


/*PC-导航栏*/
.pcnav{ float:right;}
.pcnav li {float: left; height:80px;margin-right: 5px;position: relative;}
.pcnav li a {display:block;font-size: 16px;width:100%; height:80px; line-height:80px;padding:0 30px; transition:all .5s;}
.pcnav li:hover a, .pcnav li.active a {color:#eee;}
.pcnav li:before{content: ''; position: absolute;left:50%;top:0;width: 0;height: 100%; background-color: #721683; transition:all .5s; z-index:-1;}
.pcnav li:hover:before, .pcnav li.active:before{left: 0;width:100%;}
.nav,.nav-content{ display:none;}
@media screen and (min-width: 768px) and (max-width:1600px){
	.pcnav li a {padding:0 20px;}
}
@media screen and (max-width: 768px){
	.pcnav{ display:none;}
	.nav { position: relative; width: auto; display: inline-block; border: none;}
	.btn-nav { position: fixed; top: 10px; right: 10px; background: transparent; border: none;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999;}
	.btn-nav:focus { outline: 0;}
	.icon-bar { display: block; margin: 6px 0; width: 30px; height: 3px; border-radius:3px; background-color: #721683;}
	.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #FCA311;}
	.nav-content { position: fixed; top: -100%; bottom: 0; left: 0; right: 0; background: #721683; display: block; height: 100%; z-index: 9;}
	.nav-list { list-style: none; padding: 0; position: relative; top:15%;}
	.item-anchor { color: #fff; font-size: 24px; position: relative; text-decoration: none; padding: 10px;}
	.item-anchor:hover,.item-anchor:focus { color: #FCA311; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
	.item-anchor:hover:after,.item-anchor:focus:after{ width: 100%; background: #FCA311; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
	.nav-item { margin: 20px auto; text-align: center;}
	.animated { display: block; margin: 0 auto;}
	.animated:hover .icon-bar,animated:focus .icon-bar{ background-color: #FCA311;}
	.animated:focus { cursor: pointer; z-index: 9999;}
	.middle { margin: 0 auto;width:20px;}
	.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
	.animated .icon-bar { z-index: 999999; background-color: #FCA311;}
	.animated .top { -webkit-transform: translateY(9px) rotateZ(45deg); -moz-transform: translateY(9px) rotateZ(45deg); -ms-transform: translateY(9px) rotateZ(45deg); -o-transform: translateY(9px) rotateZ(45deg); transform: translateY(9px) rotateZ(45deg);}
	.animated .bottom { -webkit-transform: translateY(-9px) rotateZ(-45deg); -moz-transform: translateY(-9px) rotateZ(-45deg); -ms-transform: translateY(-9px) rotateZ(-45deg); -o-transform: translateY(-9px) rotateZ(-45deg); transform: translateY(-9px) rotateZ(-45deg);}
	.animated .middle { width: 0;}
	@keyframes showNav { from { top: -100%; } to { top: 0; }}
	@-webkit-keyframes showNav { from { top: -100%;} to { top: 0;}}
	@-moz-keyframes showNav { from { top: -100%;}to { top: 0;}}
	@-o-keyframes showNav { from { top: -100%;}to { top: 0; }}
	.showNav { -webkit-animation: showNav 1s ease forwards; -moz-animation: showNav 1s ease forwards; -o-animation: showNav 1s ease forwards; animation: showNav 1s ease forwards;}
	@keyframes hideNav { from { top: 0;} to { top: -100%; }}
	@-webkit-keyframes hideNav { from { top: 0;}  to { top: -100%;}}
	@-moz-keyframes hideNav { from { top: 0;} to { top: -100%;}}
	@-o-keyframes hideNav { from {  top: 0;} to { top: -100%; }}
	.hideNav { -webkit-animation: hideNav 1s ease forwards; -moz-animation: hideNav 1s ease forwards; -o-animation: hideNav 1s ease forwards; animation: hideNav 1s ease forwards;}
	.hidden { display: none;}
}

/*banner*/
.banner{ margin-top:80px;}
.s-banner{ display:none; margin-top:60px;}
@media screen and (max-width: 768px){
	.banner{ display:none;}
	.s-banner{ display: block;}	
	}


/*首页标题*/
.common{ padding-top:80px;padding-bottom:80px; background:#fff;}
.in-title {width:100%;  position:relative; text-align:center; margin-bottom:80px;}
.in-title .tc-ebg {display:block;font-size: 100px;color: rgba(114,22,131,.1); text-transform: uppercase; font-weight:700;font-family: 'Times New Roman','宋体',SimSun,'新宋体',NSimSun,'华文细黑',STSong,STSongti-SC,serif; line-height:140px; white-space:nowrap; overflow:hidden;}
.in-title .tc{ position: absolute;left:50%; bottom:22px; font-size:36px; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.in-title .tc span{display:inline-block;  position:relative;}
.in-title .tc span:before{ content:"";  position:absolute; bottom:-5px;left:0;width:70%; height:8px; background-color:#721683; border-radius:4px;}
.in-title .tc span:after{content:"";  position:absolute; bottom:-5px;left:80%;width:20%; height:8px; background-color:#721683; border-radius:4px;}
@media screen and (max-width: 768px){
	.common{ padding-top:40px;padding-bottom:40px;}
	.in-title {margin-bottom:40px;}
	.in-title .tc-ebg {font-size: 40px;line-height:72px;}
	.in-title .tc{bottom:10px; font-size:30px;}
	.in-title .tc span{font-weight: normal;}
	.in-title .tc span:before{height:6px;border-radius:3px;}
	.in-title .tc span:after{height:6px;border-radius:3px;}
	}

/*首页pro*/
.inpro-bg{ background-color:#fafafa;}
.inpro{position:relative;}
.inpro ul{ padding:0 1%;}
.inpro ul li{ float:left;width:18%; margin:0 1%; position:relative; -webkit-border-radius:50px 0 50px 0;border-radius:50px 0 50px 0; overflow:hidden;}
.inpro ul li a{ display:block;}
.inpro ul li .text{ width: 100%; background: url(../images/inpro_bg1.jpg) no-repeat center center; background-size: 100% 100%; padding:30px 0 30px;-webkit-transition: all .5s;transition: all .5s;}
.inpro ul li .text .img{width:100%; line-height:0;}
.inpro ul li .text .t{ padding:0 10%;}
.inpro ul li .text .t h4{ font-size:18px; text-align:center; color:#fff; white-space:nowrap; overflow:hidden;}
.inpro ul li .text .t p{width:100%; line-height:24px; height:0; font-size:14px; overflow:hidden; color:#d29edc;-webkit-transition: all .5s;transition: all .5s;}
.inpro ul li:hover .text{background: url(../images/inpro_bg2.jpg) no-repeat center center; background-size: 100% 100%;padding:0 0 30px;}
.inpro ul li:hover .text .t p{ height:72px;}
@media screen and (max-width: 768px){
	.inpro ul li{ width:48%;-webkit-border-radius:20px 0 20px 0;border-radius:20px 0 20px 0; margin-bottom:20px;}
	.inpro ul li .text{padding:10px 0 10px;}
	.inpro ul li .text .t{ padding:0 5%;}
	.inpro ul li .text .t h4{ font-size:16px; }
	.inpro ul li .text .t p{ display:none;}
	.inpro ul li:hover .text{padding:10px 0 10px;}
	}


/*首页about*/
.inabo-bg{ position:relative; overflow:hidden;}
.inabo-bg:before{ content:"";position: absolute; top:0; left:0;width:100%; height:100%; background:url(../images/in-about-bg.jpg) no-repeat center center; background-size:cover;animation:mydo 30s infinite;-webkit-animation:mydo 30s infinite;}
.inabo{width:50%;margin-left:50%; background-color:rgba(114,23,131,.9); padding:80px 100px;}
.inabo .in-title {text-align:left; margin-bottom:50px;}
.inabo .in-title .tc-ebg {color: rgba(255,255,255,.1);}
.inabo .in-title .tc{ left:10px;-webkit-transform: translateX(0);transform: translateX(0); color:#fff;}
.inabo .in-title .tc span:before{background-color:#580a67;}
.inabo .in-title .tc span:after{background-color:#580a67;}
.inabo .inuse-com{ font-size:18px; color:#eee; height:240px; line-height:30px; overflow:hidden; margin-bottom:50px;}
.inabo .inuse-com p{ text-indent:2em; margin-bottom:30px;}
.inabo .inmore a{ display:inline-block; position:relative; font-size:18px; padding:10px 50px; border:2px solid #ccc; color:#fff; -webkit-transition:all .5s;transition:all .5s; overflow:hidden;}
.inabo .inmore a:hover{  border-radius:20px 0 20px 0;}
.inabo .inmore a:before{ content:""; position:absolute; left:0; top:0;width:0; height:100%;background-color:#5c0d6b;-webkit-transition:all .5s;transition:all .5s; z-index:-2;}
.inabo .inmore a:hover:before{width:100%;}
@keyframes mydo{
	0%   {transform: scale(1,1);}
	50%  {transform: scale(1.1,1.1);}
	100% {transform: scale(1,1);}
}
@media screen and (max-width: 768px){
	.inabo{width:100%;margin-left:0; padding:40px 20px;}
	.inabo .in-title {margin-bottom:20px;}
	.inabo .inuse-com{ font-size:16px;height:250px; margin-bottom:30px;}
	.inabo .inuse-com p{ margin-bottom:10px;}
	.inabo .inmore a{font-size:16px; padding:5px 30px;}
	}
	
	
/*首页应用领域*/
.inuse-bg{ background-color:#f5f9ff;}
.inuse ul{width:1200px; margin:0 auto;}
.inuse ul li{width:384px; height:308px; margin-right:24px; float:left; margin-bottom:24px; cursor:pointer;}
.inuse ul li .text{ position:relative;}
.inuse ul li .text .img{width:100%; height:100%; overflow:hidden;}
.inuse ul li .text .img img{width:100%; height:100%;transition:all .5s;}
.inuse ul li .text .txt{ position:absolute; bottom:0; left:0;width:100%; height:60px; line-height:60px; text-align:center; padding:0 15px; background:rgba(0,0,0,.75); -webkit-transition:all .5s;transition:all .5s;}
.inuse ul li .text .txt h3{ font-size:20px; color:#fff;}
.inuse ul li:first-child{ height:640px;}
.inuse ul li:nth-child(3){ margin-right:0;}
.inuse ul li:last-child{ margin-right:0;}
.inuse ul li:hover .text .img img{ -webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.inuse ul li:hover .text .txt{background:rgba(114,22,132,.75);height:80px; line-height:80px;}
@media screen and (max-width: 768px){
	.inuse ul{width:100%; padding-left:2%;}
	.inuse ul li{width:48%; height:auto; margin-right:2%;margin-bottom:4%;}
	.inuse ul li .text .txt{ height:40px; line-height:40px;}
	.inuse ul li .text .txt h3{ font-size:16px;}
	.inuse ul li:first-child{ height:auto;}
	.inuse ul li:nth-child(3){}
	.inuse ul li:last-child{}
	.inuse ul li:hover .text .txt{height:50px; line-height:50px;}
}

/*首页news*/
.innews{width:1200px; margin:0 auto;}
.innews ul{ float:left;width:600px;}
.innews ul li{ width: 100%; border-bottom: 1px solid #f1f1f1; padding: 20px 0;-webkit-transition:all .5s;transition:all .5s;}
.innews ul li a{ display:block;position:relative;}
.innews ul li a:after{content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.innews ul li .data{ position:absolute; top:0; left:0; width: 110px; text-align: center; border-right: 1px solid #d1d1d1; }
.innews ul li .data p{color: #444; font-size: 14px; line-height:20px;}
.innews ul li .data span{display: block;color: #515151;font: bold 45px/60px "Times New Roman", Times, serif;}
.innews ul li .text{ width:100%; padding-left:130px;}
.innews ul li .text h4{color: #333; font-size: 18px; line-height:32px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.innews ul li .text p{color: #666; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;}
.innews ul li:last-child{border-bottom: none;}
.innews ul li:hover{ background:rgba(0,0,0,.1);}
.innews ul li:hover .data span ,.innews ul li:hover .text h4{ color:#721683;}
.innews .in-nt{ float:right;width:540px;}
.innews .in-nt a{ display:block; position:relative;}
.innews .in-nt .img{width:540px; height:360px; overflow:hidden;}
.innews .in-nt .img img{width:100%; height:100%;-webkit-transition:all .5s;transition:all .5s;}
.innews .in-nt .txt{ position:absolute; left:0; bottom:0;width:100%; padding:15px; background:rgba(0,0,0,.75);-webkit-transition:all .5s;transition:all .5s;}
.innews .in-nt .txt h3{ color:#fff; font-size:16px;}
.innews .in-nt a:hover .img img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.innews .in-nt a:hover .txt{background:rgba(114,22,132,.75);}
@media screen and (max-width: 768px){
	.innews{width:100%; padding:0 15px;}
	.innews ul{ float:none;width:100%; margin-top:10px;}	
	.innews .in-nt{ float: none;width:100%;}
	.innews .in-nt .img{width:100%; height:100%;}
	.innews .in-nt .txt{ padding:5px 15px;}
	.innews .in-nt .txt h3{ font-size:16px;}
}

/*footer*/
.footer{width:100%;background:#242c39;color:#8b939d;}
.foot{ width:1200px; margin:0px auto; padding:40px 0; text-align:center;}
.foot li{ display:inline-block;width:30%; line-height:30px;}
.foot li span img{ width:30px; height:30px; margin-right:5px;}
.foot li:first-child{width:38%;}
.foot-down{width:1200px; margin:0px auto; padding:30px 0; text-align:center; border-top:1px solid #3c3f44;}
.foot-down a{color:#8b939d;}
.foot-down a:hover{color:#eee;}
@media screen and (max-width: 768px){
	.foot{width:100%; padding:20px 15px; text-align:left;}
	.foot li{width:100%;}
	.foot li:first-child{width:100%;}
	.foot-down{width:100%; padding:15px;}
	}

/*在线qq*/
.floating_ck{position:fixed;right:0;bottom:20%; z-index:100;}
.floating_ck li{position:relative;cursor:pointer; margin-bottom:5px; }
.floating_ck li span{display:block;width:60px;height:60px; background-repeat:no-repeat; background-position: center center; background-size:auto 36px; font-size:0;background-color:rgba(0,0,0,.5);border-radius:30px;-webkit-transition:all .5s;transition:all .5s; opacity:.9;}
.floating_ck li .floating_left{position:absolute;right:0;top:0px; padding-right:60px; z-index:-1;border-radius:30px; -webkit-transition:all .5s;transition:all .5s;}
.floating_left a{ display:block; line-height:60px; padding:0 20px 0 30px; white-space:nowrap; font-size:15px;}
.floating_left b{ display:block; padding:10px;width:150px; height:150px;}
.floating_left b img{ max-height:100%; max-width:100%;}

.floating_ck li.tel span{background-color:#ffa560; background-image:url(../images/ftel.png);}
.floating_ck li.tel .floating_left{right:-290px;background-color:#ffa560;}
.floating_ck li.tel:hover .floating_left{right:0;}
.floating_ck li.qq span{background-color:#6ca2ff; background-image:url(../images/fqq.png);}
.floating_ck li.qq .floating_left{right:-200px;background-color:#6ca2ff;}
.floating_ck li.qq:hover .floating_left{right:0;}
.floating_ck li.wechat span{background-color:#6add6b; background-image:url(../images/fweichar.png);}
.floating_ck li.wechat .floating_left{right:-160px;background-color:#6add6b;padding-right:0; border-radius:5px;}
.floating_ck li.wechat .floating_left:after{ content:""; position:absolute; right:-10px; top:25px; border-bottom:10px solid transparent;border-top:10px solid transparent;border-left:10px solid #6add6b;}
.floating_ck li.wechat:hover .floating_left{right:70px;}
.floating_ck li.web span{background-color:#721683; background-image:url(../images/fweb.png);}
.floating_ck li.web .floating_left{right:-160px;background-color:#721683;padding-right:0; border-radius:5px;}
.floating_ck li.web .floating_left:after{ content:""; position:absolute; right:-10px; top:25px; border-bottom:10px solid transparent;border-top:10px solid transparent;border-left:10px solid #721683;}
.floating_ck li.web:hover .floating_left{right:70px;}
.floating_ck li.gotop span{background-color:#242c39; background-image:url(../images/fgotop.png);}
.floating_ck li:hover span{ opacity:1;}
@media screen and (max-width: 768px){
	.floating_ck li.tel,.floating_ck li.qq,.floating_ck li.wechat,.floating_ck li.web{ display:none;}
}


/*内页banner*/
.lbanner{width:100%; padding-top:80px; position:relative;}
.lbanner .lb-tit{ position:absolute; width:1200px; left:50%; top:50%; transform:translate(-50%,-50%);}
.lbanner .lb-tit h1{ font-size:90px;text-transform: uppercase;font-weight: 700;font-family: 'Times New Roman','宋体',SimSun,'新宋体',NSimSun,'华文细黑',STSong,STSongti-SC,serif; line-height:90px; color:rgba(255,255,255,1)}
.lbanner .lb-tit h2{ font-size:40px; position:relative;color:#721683;}
.lbanner .lb-tit h2:after{ content:""; position:absolute; left:0; bottom:-10px;width:120px; height:4px; border-radius:2px; background-color:#721683;}
@media screen and (max-width: 768px){
	.lbanner{ padding-top:60px; overflow:hidden;}
	.lbanner img{ height:200px;}
	.lbanner .lb-tit{ width:90%;}
	.lbanner .lb-tit h1{ font-size:50px;line-height:40px;}
	.lbanner .lb-tit h2{ font-size:24px;}
	.lbanner .lb-tit h2:after{bottom:-2px;width:80px; height:3px;}
	}


/*内页二级导航*/
.lh-other-nav{width:100%; position:relative; top:-80px; background-color:rgba(114,22,132,.8);}
.lh-other-l{width:100%; font-size:0; white-space:nowrap; overflow-x:auto;}
.lh-other-l li{ display:inline-block; position:relative;}
.lh-other-l li a{display: block; line-height:30px; font-size:16px; color: #eee; padding:25px 28px; text-align:center; position:relative;}
.lh-other-l li.active a,.lh-other-l li:hover a{ color:#fff;}
.lh-other-l li a:after{ content:""; position:absolute; left:50%; bottom:0;width:0; height:4px; background-color:#fff; -webkit-transition:all .5s;transition:all .5s;}
.lh-other-l li.active a:after,.lh-other-l li:hover a:after{left:10%;width:80%;}
.lh-other-l li a:before{content:""; position:absolute; left:0; top:30px;width:1px; height:20px; background-color:#ccc;}
.lh-other-l li:first-child a:before{ display:none;}
@media screen and (max-width: 768px){
	.lh-other-nav{top:-54px;}
	.lh-other-l li a{line-height:24px; font-size:14px; padding:15px 15px;}
	.lh-other-l li a:before{top:17px;}
}


/*内页内容区*/
.content{ width:1200px; margin:0 auto; padding-bottom: 50px;}
.con{ color:#555; min-height:400px;}
.conshow p{ padding-bottom:20px; font-size:16px;line-height: 30px;}
@media screen and (max-width: 768px){
	.content{ width:auto; padding:0 15px 30px;}
	.conshow p{ font-size:16px;}
}


/*分页*/
.pages{ text-align:center; overflow:hidden; margin:30px 0;}
.pages a{width:40px; height: 40px; line-height:40px; margin:0 5px; font-size:16px; display:inline-block; border-radius:20px; text-align: center; background-color: #ddd; color: #666; position: relative;}
.pages .current,.pages a:hover{ color:#fff; background-color: rgba(114,22,131,.8);}
.pages .prev{ position: relative; top:10px; left:3px; display:inline-block;width:10px; height: 10px;; border: solid #666; border-width:0 0 2px 2px;transform: rotate(45deg); font-size: 0;}
.pages .next{ position: relative; top:10px; right:3px; display:inline-block;width:10px; height: 10px;; border: solid #666; border-width:2px 2px 0 0;transform: rotate(45deg); font-size: 0;}
.pages a:hover .prev,.pages a:hover .next{ border-color: #fff;}



/*新闻列表*/
.news li{width:400px; float:left; margin-bottom: 30px;padding: 0 15px;}
.news li a{ display:block; background-color: #fff;}
.news li .img{width:100%; height:246px; text-align:center; position: relative;}
.news li .img div{width:100%; height:100%;overflow:hidden;}
.news li .img div img{width:100%; height:100%; -webkit-transition:all .5s;transition:all .5s;}
.news li .img h3{width: 100px; height: 33px; line-height: 33px; text-align: center; background-color: rgba(114,22,131,.9); color: #fff; font-size: 14px; position: absolute;left: -8px; bottom: 0;}
.news li .img h3:after{ content: ""; position: absolute ;top:0;left:0;border: 6px solid transparent; border-top: 6px solid #50085d; transform: rotate(-45deg);transform-origin: left top;}
.news li .text{padding: 15px;}
.news li .text h2{ font-size:18px; line-height:30px; height:60px;overflow:hidden;}
.news li .td{padding: 20px 30px; border-top: 1px solid #E5E5E5; color: #6e6e6e; font-size: 14px; position: relative;}
.news li .td span{ display: inlini-block;}
.news li .td span.down{ position: absolute;right:30px;top:31px;width: 18px; height: 2px;background: #BFBFBF; -webkit-transition:all .5s;transition:all .5s;}
.news li .td span.down:before{content: ''; display: block; width: 8px; height: 2px; background: #BFBFBF; position: absolute; right: 0; top:-3px; transform: rotate(35deg);}
.news li .td span.down:after{content: ''; display: block; width: 8px; height: 2px; background: #BFBFBF; position: absolute; right: 0; top:3px; transform: rotate(-35deg);}
.news li a:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.news li a:hover .img img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.news li a:hover .td span.down{right:15px;}
@media screen and (max-width: 768px){
	.news{ font-size:0;}
	.news li{ float:none;width:50%; display:inline-block; margin-bottom: 20px;padding: 0 10px 0 0;}
	.news li:nth-child(2n){ padding:0 0 0 10px;}
	.news li .img{ height:auto;}
	.news li .text{padding: 10px;}
	.news li .text h2{ font-size:14px; line-height:20px; height:40px;}
	.news li .td{padding:10px;font-size: 12px;}
	.news li .td span{ display: inlini-block;}
	.news li .td span.down{right:20px;top:20px;}
	.news li a:hover .td span.down{right:10px;}
}
	
/*新闻详情*/
.contit{ text-align:center; padding-bottom:20px;margin-bottom:30px;border-bottom: 1px solid #EEE;}
.contit h1{ color:#333; font-size:30px; font-weight:bold; padding:0 40px;}
.contit h2{margin-top: 20px;}
.contit h2 span{ color:#787878; margin:0 20px;}
.video-c {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-c iframe,.video-c object,.video-c embed,.video-c video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width: 768px){
	.contit h1{ font-size:18px; padding:0;}
	}


/*产品列表*/
.product li{width:400px; float:left; margin-bottom: 30px;padding: 0 15px;}
.product li a{ display:block; background-color: #fff;}
.product li .img{width:100%; height:100%; text-align:center;overflow:hidden;}
.product li .img img{width:100%; height:100%; -webkit-transition:all .5s;transition:all .5s;}
.product li .img h3{width: 100px; height: 33px; line-height: 33px; text-align: center; background-color: rgba(114,22,131,.9); color: #fff; font-size: 14px; position: absolute;left: -8px; bottom: 0;}
.product li .img h3:after{ content: ""; position: absolute ;top:0;left:0;border: 6px solid transparent; border-top: 6px solid #50085d; transform: rotate(-45deg);transform-origin: left top;}
.product li .text{padding: 15px;border-top: 1px solid #E5E5E5;}
.product li .text h2{ font-size:18px; line-height:30px; height:60px;overflow:hidden;}
.product li .td{padding:0 20px 20px; color: #6e6e6e; font-size: 16px; position: relative;}
.product li .td span{ display: inline-block; color:#721683;}
.product li .td span.down{ position: absolute;right:30px;top:13px;width: 18px; height: 2px;background: #BFBFBF; -webkit-transition:all .5s;transition:all .5s;}
.product li .td span.down:before{content: ''; display: block; width: 8px; height: 2px; background: #BFBFBF; position: absolute; right: 0; top:-3px; transform: rotate(35deg);}
.product li .td span.down:after{content: ''; display: block; width: 8px; height: 2px; background: #BFBFBF; position: absolute; right: 0; top:3px; transform: rotate(-35deg);}
.product li a:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.product li a:hover .img img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.product li a:hover .td span.down{right:15px;}
@media screen and (max-width: 768px){
	.product{ font-size:0;}
	.product li{ float:none;width:50%; display:inline-block; margin-bottom: 20px;padding: 0 10px 0 0;}
	.product li:nth-child(2n){ padding:0 0 0 10px;}
	.product li .text{padding:10px;}
	.product li .text h2{ font-size:14px; line-height:20px; height:40px;}
	.product li .td{padding:0 10px 10px;font-size: 12px;}
	.product li .td span{ white-space:nowrap; overflow:hidden;}
	.product li .td span.down{ display:none;}
	}

/*产品详情简介*/
.pro-detail-top-r{ text-align:center;}
.pro-detail-top-r h1{ font-size:30px; color:#333;}
.pro-detail-top-r h2{ font-size:40px;color:#721683;}
.pro-detail-top-l{width:100%; text-align:center;}
.tab1{width:100%;margin-top:20px;}
.menu{width:100%; clear:both;background:#eaeaea;}
.menu li{ display:inline-block;text-align:center; padding:15px 30px; font-size:16px;cursor:pointer;}
.menu li.off{background:#721683;color:#fff;}
.menudiv{width:100%;padding:30px 0;overflow: hidden;position: relative; font-size:16px;}
.menudiv p{ margin-bottom:20px;}
@media screen and (max-width: 768px){
	.pro-detail-top-r h1{ font-size:20px;}
	.pro-detail-top-r h2{ font-size:24px;}
	.pro-detail-top-l img{ max-width:96%; max-height:96%;}	
	.menu{ font-size:0; white-space:nowrap; overflow-x:auto;}
	.menu li{ padding:0 12px; font-size:14px; line-height:45px;}
	.menudiv{padding:20px 0;}
}
/*地图*/
.map{ width:100%; height:600px;}
@media screen and (max-width: 768px){
	.map{ display:none;}
}