@charset "utf-8";
@font-face{
    font-family: 'yy';
    src : url('../fonts/fzht.ttf');
}
*{
	outline:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	transition:all 0.32s;-moz-transition:all 0.32s;-o-transition:all 0.32s;-webkit-transition:all 0.32s;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,p,a,th,td {
	padding:0;
	margin:0;
	font-size:14px;
	font-family:Century Gothic,Microsoft YaHei,Tahoma,Verdana,Arial,Georgia,sans-serif;
}
body{
	position:relative;
	overflow-y: scroll;
}
ul, li{
	list-style: none;
	margin:0;
	padding:0;
}
table {border-collapse: collapse; border-spacing: 0;}
a {color:#888; text-decoration:none; }
a:link{ color:#888;}
a:hover{ color:#ff0000;}
img {border:0px;}
input{outline:none;border-radius:4px;}
button{outline:none;border:none;cursor:pointer;border-radius:4px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.hidden{ display: none;}
.clearfix:after{  display: block;  content:'';  clear: both;  height:0;  }  

.loading{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 100;background: #ffffff;}
.loading .pic {width: 100px;height: 100px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;font-size: 30px;text-align: center;line-height: 100px;}
.loading .pic span{display: block;width: 80px;height: 80px;position: absolute;top:10px;left: 10px;border-radius: 50%;box-shadow: 0 3px 0 #666;animation: rotate 1s infinite linear;}

@keyframes rotate{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}

/*** PC常规布局 ***/
.web-container{width:100%;min-width:1200px;height:auto;background-repeat:no-repeat;background-size:100% 100%;background-position:center center;background-color:#fff;}
.web-container .web-wrapper{width:1200px;height:auto;padding:50px 0;margin:0 auto;}

/*Language*/
.lang{position:absolute;top:10px;right:10px;z-index:9999;}
.lang a{margin-left:4px;padding:5px 15px;background-color:#2f3f56;color:#f2f2f2;border-radius:4px;}
.lang a:hover{color:#f2f2f2;}

/*QR code*/
.fix_qr {width: 52px;height: 162px;position:fixed;top:50%;right:0;_position:absolute;_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.fix_qr ul li {width: 48px;display: block;height: 50px;padding: 2px;overflow: hidden}
.fix_qr .weixin {background: url(../images/elevator.png) no-repeat;background-position: 0 86.7%;}
.fix_qr .weixin:hover {background-position: 0 93%}
.fix_qr .weixin:hover .weixin-logo {width: 170px;height: 204px;}
.fix_qr .idea {background: url(../images/elevator.png) no-repeat;background-position: 0 43%;}
.fix_qr .idea:hover {background-position: 0 49%;}
.fix_qr .app {background: url(../images/elevator.png) no-repeat;background-position: 0 55%;}
.fix_qr .app:hover {background-position: 0 61.2%;}
.fix_qr .app:hover .app-logo {width: 170px;height: 185px;}
.fix_qr .weixin-logo {background: url(../images/elevator.png) no-repeat;background-position: 0 0;width: 0px;height: 0px;overflow: hidden;position: absolute;top: -154px;left: -171px;}
.fix_qr .app-logo {background: url(../images/elevator.png) no-repeat;background-position: 0 26%;width: 0px;height: 0px;overflow: hidden;position: absolute;top: -33px;left: -171px;}

/*Flickr*/
.flickr {text-align:center;width:100%;}
.flickr a {display:inline-block;*zoom:1;width:30px;height:30px;line-height:30px;font-size:14px;color:#000;border:1px solid #d1d1d1;background:#fff;margin:0 4px;box-shadow:0 0 5px 1px #ebebeb;border-radius:2px;}
.flickr li .active {background-color:#2f3f56;}
.flickr li .active a{color:#fff;}
.flickr li {display:inline-block;*zoom:1;}
.flickr li a.next {width:30px;height:30px;}
.flickr li a.previous {width:30px;height:30px;} 

/*Carousel*/
.main-carousel{width:100%;height:500px;margin:0 auto;}
.main-carousel a{width:100%;height:100%;display:block;}
.main-carousel .swiper-slide{background-repeat:no-repeat;}

.swiper-button-next{background:no-repeat;width:40px;height:40px;margin:0;}
.swiper-button-prev{background:no-repeat;width:40px;height:40px;margin:0;}

/*导航栏*/
.prj1-header{position:fixed;width:100%;min-width:1200px;height:80px;background:#fff;border-bottom:1px solid #eee;z-index:9999;}
.prj1-header .prj1-wrapper{width:1200px;margin:0 auto;}

.prj1-header .prj1-wrapper .prj1-logo{width:300px;float:left;height:60px;}
.prj1-header .prj1-wrapper .prj1-logo img{margin:16px 0 0 0;}

.prj1-header .prj1-wrapper .prj1-nav{max-width:900px;float:right; overflow:hidden;}
.prj1-header .prj1-wrapper .prj1-nav ul{margin:0 auto;display:block;}
.prj1-header .prj1-wrapper .prj1-nav ul li{position:relative;height:60px; line-height:60px;float:right; padding:10px 5px;margin-left:50px;box-sizing:content-box;}
.prj1-header .prj1-wrapper .prj1-nav ul li a{color:#999;font-size:16px;}
.prj1-header .prj1-wrapper .prj1-nav ul li span{ display:block; position:absolute; width:0px; height:0px; background:#1e9fff;;transition:none;}
.prj1-header .prj1-wrapper .prj1-nav ul li:hover a{ color:#1e9fff;}

/*页尾*/
.footer-container{width:100%;text-align:center;padding:100px 0;background:url(../images/bg-footer.jpg) no-repeat center center;background-size:100% 100%;}
.footer-container h2{margin-bottom:50px;}
.footer-container h2 a{font-size:38px;font-weight:bold;color:#fff;}
.footer-container h2 a:hover{color:#009688;}
.footer-container h3{font-size:18px;color:#aaa;}

/*** PC首页-关于我们 ***/
.main-about{position:relative;width:1200px;height:auto;padding:100px 0 0;margin:0 auto 100px;}
.main-about img{width:700px;height:350px;}

.main-about .content{position:absolute;top:100px;right:0;z-index:2;padding:30px;width:600px;height:250px;background-color:#f5f5f5;border-left:30px solid #fff;border-bottom:30px solid #fff;}
.main-about .content h2{font-size:24px;color:#444;margin-bottom:20px;}
.main-about .content p{font-size:16px;color:#aaa;line-height:30px;height:90px;overflow:hidden;}

.main-about .tel{position:absolute;top:350px;right:0;width:470px;height:100px;padding:0 50px;background-color:#2f3f56;}
.main-about .tel i{font-size:60px;color:#fff;line-height:100px;margin-right:20px;display:inline-block;}
.main-about .tel h2{font-size:24px;color:#ddd;display:inline-block;}
.main-about .tel h2 span{}
.main-about .tel h2 span a{font-size:16px;color:#fff;}
.main-about .tel:hover{background-color:#009688;}

/*** PC首页-产品 ***/
.main-pro{position:relative;width:1200px;height:auto;margin:0 auto 100px;}
.main-pro .top{position:relative;text-align:center;margin-bottom:50px;}
.main-pro .top h2{position:relative;z-index:3;font-size:32px;line-height:50px;display:block;width:450px;margin:0 auto;background-color:#fff;color:#555;}
.main-pro .top .bor{position:absolute;z-index:2;top:25px;left:0;width:1200px;height:1px;background-color:#eee;}

.main-pro .center{}
.main-pro .center ul{} 
.main-pro .center ul li{float:left;width:400px;text-align:center;}
.main-pro .center ul li img{width:380px;height:280px;margin:0 auto;} 
.main-pro .center ul li h2{width:380px;line-height:60px;height:60px;overflow:hidden;} 
.main-pro .center ul li h2 a{font-size:18px;color:#1e9fff;} 
.main-pro .center ul li p{width:380px;color:#888;line-height:25px;height:75px;overflow:hidden;}
.main-pro .center ul li h3{margin-top:25px;} 
.main-pro .center ul li h3 a{color:#1e9fff;font-size:18px;text-decoration:underline;}

.product-wrapper{width:100%;min-width:1400px;background-color:#fff;padding-top:0px;}

.product-content{width:98%;min-width:1400px;margin:20px auto;}
.product-content nav{width:100%;}
.product-content nav ul{}
.product-content nav ul li{display:inline-block;padding:10px 0;}
.product-content nav ul li:after{content:" > ";}

.content-right{width:59%;float:left;text-align:left;padding-left:20px;}
.content-right h1{font-size:24px;font-weight:normal;line-height:36px;border-bottom:1px solid #eee;padding-bottom:20px;}
.content-right h2{font-size:20px;font-weight:normal;line-height:60px;}
.content-right h2 b{color:#ab1b1e}
.content-right h3{font-size:16px;font-weight:normal;}
.content-right h3 b{color:#444;}
.content-right h3 button img{width:40px;height:40px;}
.content-right h4{font-size:16px;font-weight:normal;}
.content-right h4 b{color:#444;}
.content-right h4 button{padding:5px 10px;background-color:#e8e8e8;border:1px solid #ff732f;}
.content-right p{line-height:30px;}
.content-right ul{margin-left:20px;margin-top:20px;}
.content-right ul li{list-style:disc;line-height:24px;font-size:14px;margin-bottom:5px;color:#999;}
.content-right ul li span {color:#000;}
.content-right ul li a {display:block;font-size:16px;font-weight:bold;border:1px solid #ff9900;border-radius:6px;padding:4px 10px;width:190px;text-align:center;margin:10px 0;background:#ffcc00;color:#000;}
.content-right ul li a:hover {color:#ff6600;}

.content-bottom{width:98%;min-width:1400px;margin:0 auto;font-size:14px;line-height:28px;}

.content-bottom-text{margin:10px auto;}
.content-bottom-text hr{width:100%;border-top:1px solid #c2c2c2;}
.content-bottom-text h1{font-size:18px;color:#ab1b1e;line-height:40px;}
.content-bottom-text h2{font-weight:normal;line-height:35px;}
.content-bottom-text h2 b{font-size:16px;}

.content-bottom-picture{margin:10px auto;padding:20px 0;}
.content-bottom-picture hr{width:100%;border-top:1px solid #eee;}
.content-bottom-picture h1{font-size:18px;color:#ab1b1e;line-height:40px;}
.content-bottom-picture h2{font-size:16px;color:#ab1b1e;font-weight:normal;line-height:30px;}
.content-bottom-picture h5 {font-size:18px;line-height:50px;}
.content-bottom-picture img{padding:5px 0;}
.content-bottom-picture table th{padding:15px 20px;font-size:14px;}
.content-bottom-picture table td{text-align:center;padding:5px 20px;}
.content-bottom-picture p{line-height:30px;}

.picture{width:40%;float:left;margin:40px 0;}
.preview{width:100%;}
/* smallImg */
.smallImg{position:relative;padding:26px 5px; width:10%;overflow:hidden;float:left;}
.scrollbutton{width:45px;height:10px;overflow:hidden; position:absolute;left:8px;cursor:pointer;}
.scrollbutton.smallImgUp{background-position:0 0; top:8px;}
.scrollbutton.smallImgDown{background-position:0 -11px; bottom:8px;}
.scrollbutton.smallImgUp.disabled{background-position:0 -22px;}
.scrollbutton.smallImgDown.disabled{background-position:0 -33px;}
#imageMenu {overflow:hidden;}
#imageMenu li { width:52px;margin:5px 0; overflow:hidden;}
#imageMenu li img{padding:1px;border:1px solid #E8E8E8; width:48px; height:48px;cursor:pointer;}
#imageMenu li#onlickImg img{border:1px solid #990000;}
/* bigImg */
.bigImg{position:relative;float:left;width:90%;overflow:hidden;}
.bigImg #midimg {width:100%;}
.bigImg #winSelector{width:300px;height:300px;}
#winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;}
/* bigView */
#bigView{position:absolute;margin-top:675px;border:1px solid #eee;overflow: hidden;z-index:999;}
#bigView img{position:absolute;width:2480px;}


/** PDCONTENT **/
.pdcontent{position:relative;width:1200px;height:auto;padding:100px 0;margin:0 auto;}

.pdcontent .page {width:1200px;margin: 0 auto;color: #000;}

.pdcontent .page .top{background-color:#f1f1f1;padding:20px;border-radius:4px;line-height:25px;margin-bottom:50px;}
.pdcontent .page .top h2{}
.pdcontent .page .top h2::after{}

.pdcontent .page .right{width:650px;float:right;}

.pdcontent .page .right .pic{margin-top:20px;}
.pdcontent .page .right .pic h2{float:left;line-height:60px;margin-right:20px;}
.pdcontent .page .right .pic img{width:60px;height:60px;border:1px solid #eee;float:left;margin-right:2px;}
.pdcontent .page .right .pic img:hover{border:1px solid #ff0000;}

.pdcontent .page .right ul{list-style-type:square;float:left;width:100%;margin-top:20px;}
.pdcontent .page .right ul li{list-style-type:square;display:block;line-height:30px;}
.pdcontent .page .right ul li .yuan{border-radius:50%;background-color:#999;width:5px;height:5px;display:inline-block;margin-right:20px;}
.pdcontent .page .right ul li a[class=more]{background-color:#ffcc00;border:1px solid #ff9900;width:190px;text-align:center;padding:5px;margin-top:20px;display:block;color:#000;font-weight:bold;border-radius:4px;}

.pdcontent .page .txt{width:1200px;float:left;line-height:25px;margin-top:20px;padding-top:20px;border-top:1px solid #eee;}
.pdcontent .page .txt img{max-width:100%;height:auto;}


.footer-container .main-fot{
	width: 1400px;
	margin: 0 auto;
	padding-top: 50px;
}


.footer-container .main-fot .footer-left{
	float: left;
	width: 45%;
	line-height: 30px;
	color: #aaa;
	text-align: left;
}

.footer-container .main-fot .footer-right{
	float: right;
	width: 45%;
	line-height: 30px;
	color: #aaa;
	text-align: left;
}


.contact main{
  width: 1200px;
  margin: 0 auto;
}

.contact main .container {min-height: 800px;padding-top: 130px;padding-bottom: 100px;}
.contact .content {color: #333;padding-bottom: 30px;background: url(../images/line.png) no-repeat 0 100%;}
.contact .content p {line-height: 24px;}
.contact h2{padding-top: 60px;height: 250px;background: url(../images/title-bg-inner.png) no-repeat 2em 0;font-size: 30px;font-weight: normal;}
.contact h2 span {display: block;font-size: 80px;color: #019688;}
.pic-contact {float: right;margin-left: 30px;margin-top: -200px;}
.contact h3 {margin: 20px 0;font-weight: normal;}
.contact h4 {margin: 12px 0 6px;}



.content form{
    width: 50%;
}

.content form input{
    outline:#019688;
    width: 80%;
    height: 30px;
    padding-left: 20px;
    display: inline-block;
    border: 1px solid #ddd;
}

.content form span{
  display: inline-block;
  color: #333;
  font-size: 18px;
  padding: 10px 0;
  font-weight: bold;
}

.name{
  float: left;
  width: 50%;
}

.email{
  float: right;
  width: 50%;
}

.texta textarea{
  width: 94%;
  height: 150px;
  outline: #019688;
  padding-left: 20px;
  padding-top: 20px;
  border: 1px solid #ddd;
}

.content button{
  border: 1px solid #019688;
  background-color: transparent;
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #019688;
  font-size: 16px;
  margin-top: 10px;
  font-weight: bold;
}