@charset "utf-8";
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, font, 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 {
	margin:0;padding:0;	border:0;outline:0;	font-size:100%;	vertical-align:baseline;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {	border-collapse:collapse;border-spacing:0;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
/* Globe Font Control */

.header{width: 100%;background: url(../images/bg_t.jpg) top center repeat-y;height: 110px;
	 border-bottom: 1px solid #0e87bb ;}
.top{width: 1200px;margin: 0 auto;}
.top .logo{float: left;margin-top: 40px;}
.top .logo img{max-width: 420px;}
.top .nav {background:#0181b7 url(../images/bg_n.jpg) no-repeat;float: right;}
.top .nav ul{margin-left: 88px;}
.top .nav ul li{float: left;margin:0 35px;height: 110px;line-height: 110px;}
.top .nav ul li a{color: #fff;font-size: 18px;}

.pro-switch {height: 600px;	overflow: hidden;position: relative;width:100%;}
.slider{width: 1920px;position: absolute;height: 600px;left: 50%;margin-left: -960px;}
.flexslider {margin: 0;	padding: 0;}
.flexslider .slides li { display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides li img {width: 100%;height: 600px;}
.flex-control-nav {	width: 100%;position: absolute;	bottom: 30px;text-align: center;}
.flex-control-nav li {margin: 0 8px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {	background: url(../images/dot.png) no-repeat 0 -20px;display:block;
	height: 20px;overflow: hidden;	text-indent:-99em;width: 20px;cursor: pointer;}
.flex-control-paging li a.flex-active {	background-position: 0 0;}

.about{width: 1200px;height:533px;margin: 0 auto;background: url(../images/bg_a.jpg) no-repeat;
    margin-top: 50px; font-family: "Times New Roman"}
.about .more{width: 300px;float: left;text-align: center;margin-left: 70px;}
.about .more a{display: block;width: 165px;background: url(../images/more-a.jpg) no-repeat center;
      color: #fff;margin: 0 auto;font-size: 30px;margin-top: 323px;}
.about .con{width: 690px;float: right;color: #fff;line-height: 36px;font-size: 20px;padding: 0 70px;
    padding-top: 110px;font-family: "Times New Roman";letter-spacing: 2px;height: 450px;overflow: hidden;}

.product{width: 1240px;margin: 0 auto;margin-top: 50px;}
.product .title{width: 1240px;text-align: center;}
.product .title h1{color: #0181b7;font-size: 30px;font-family: "verdana"}
.product .title a{display: inline-block;width: 153px;height: 108px;font-size: 40px;line-height: 125px;
	  font-family: "Times New Roman"; text-align: center;background: url(../images/more-p.jpg) no-repeat;
	  color: #fff;margin-top: 40px;}
.product .pro-li{margin-top: 40px;}
.product .pro-li li{float: left;width: 288px;text-align: center;margin: 0 10px}
.product .pro-li li{float: left;width: 288px;text-align: center;margin: 0 10px}
.product .pro-li li img{border: 5px solid #ccc;width: 278px;height: 278px;border-radius: 50%;
	    position: relative;overflow: hidden; -moz-border-radius: 50% ;-webkit-border-radius:  50%;behavior: url(pie.htc);}
.product .pro-li li a h2{height: 60px;line-height: 60px;color: #333;font-size: 20px;}
.product .pro-li li a h2:hover{color: #0181b7}

.news{width:100%;background: #0181b7;color: #fff;margin-top: 50px;padding-top: 18px;
	  font-family: "Times New Roman"}
.news .title {width: 100%;text-align: center;}
.news .title h1{font-size: 30px;font-family: "verdana";height:106px;line-height:106px;
     background: url(../images/news-h.jpg) center bottom no-repeat;}

.news .news-li {width: 1200px;margin: 0 auto;margin-top: 50px;}
.news .news-li li{width: 560px;float: left;margin:0 20px;}
.news .news-li li img{width: 560px;height: 300px;margin-bottom: 15px;}
.news .news-li li p{padding: 0 30px;line-height: 36px;font-size: 20px;height: 82px;overflow: hidden;}
.news .news-li li a.l-more{margin-left: 30px;font-size: 20px;color: #fff}
.news .more{width: 100%;height:74px;background: #0181b7;text-align: center; margin-top: 30px}
.news .more a{display: inline-block;width: 88px;height: 74px;background: url(../images/more-n.jpg) no-repeat;
       text-align: center;line-height: 100px;color: #0181b7;font-size: 40px;}

.bottom{text-align: center;line-height: 36px;color: #0181b7;font-family: "Times New Roman";
     font-size: 20px;letter-spacing: 1px;padding: 40px 0}
.bottom a{color: #0181b7}

.bottom1{text-align: center;line-height: 36px;color: #fff;font-family: "Times New Roman";
     font-size: 20px;letter-spacing: 1px;padding: 40px 0;background: #0181b7}
.bottom1 a{color: #fff}

.n-banner{width: 100%;position: relative;height: 450px;overflow: hidden;}
.n-banner-n{width: 1920px;height: 450px;position: absolute;left: 50%;margin-left: -960px;}
.n-banner img{width: 100%;}

.main{width: 100%;}
.main .main-n{width: 1200px;margin: 0 auto;margin-top: 30px;padding-bottom: 30px;}
.main .left{width: 260px;float: left;text-align: center;}
.main .left h2{display: block;height: 50px;line-height: 50px;color: #fff;background: #0181b7}
.main .left ul{border: 1px solid #ddd;padding: 0 15px;padding-bottom: 20px;}
.main .left ul li{height: 40px;line-height: 40px;border-bottom: 1px dotted #ddd;}
.main .left ul li a{color: #333}
.main .left ul li a:hover{color: #0181b7}

.main .right{width: 890px;float: right;}
.main .right .site{height: 50px;line-height: 50px;border-bottom: 1px solid #0181b7;text-align: right;
           color: #333;}
.main .right .site a{margin: 0 5px;color: #0181b7; }
.main .right .con{margin-top: 20px;padding: 0 20px }
.main .right .con p{color: #333;line-height: 36px;}

.main .right .prolist{margin-top: 20px;}
.main .right .prolist li{width: 202px;float: left;margin: 0 10px;text-align: center;}
.main .right .prolist li img{width: 202px;height: 202px;}
.main .right .prolist li a h3{height: 40px;line-height: 40px;color: #333}
.main .right .prolist li a h3:hover{color: #0181b7}

.main .right .newslist li{border-bottom: 1px solid #ddd;padding: 20px;color: #333;}
.main .right .newslist li img{height: 120px;width: 200px;float: left;margin-right: 20px;}
.main .right .newslist li h3 a{height: 36px;line-height: 36px;display: block;width: 630px;overflow: hidden;
     white-space: nowrap;word-break:keep-all;text-overflow:ellipsis;color: #333;margin-top: 10px;
     background: url(../images/tr1.png) no-repeat left center;text-indent: 20px;background-size: 10px auto}
.main .right .newslist li h3 a:hover{color: #0181b7; background: url(../images/tr.png) no-repeat left 
	center;text-indent: 20px;background-size: 10px auto}
.main .right .newslist li p{line-height: 30px;color: #666;height: 60px;overflow: hidden;font-size: 14px;}

.main .right .page{border: 1px solid #ddd;padding:5px 20px;line-height: 30px;color: #333;margin-top: 30px;}
.main .right .page a{color: #0181b7}
.main .right .pro-in{padding: 0 20px;text-align: center;}
.main .right .pro-in h3{border-bottom:1px dotted #ddd;height: 50px;line-height: 50px;text-align: center;
     margin-bottom: 30px; }
.main .right .pro-in img{margin-bottom: 30px;}
.main .right .pro-in p{text-align: left;}

.message{padding-left:30px;z-index:100;position:relative;width: 600px;margin: 0 auto;margin-top: 30px;}
.message input{vertical-align:middle;margin-top: 10px;}
.message #name{display:block;height:30px;line-height:30px;padding:0;border:1px solid #dedede;width:500px;
           padding-left: 8px;color: #666}
.message #contact{display:block;height:30px;line-height:30px;padding:0;border:1px solid #dedede;
      width:500px; padding-left: 8px;color: #666;margin-top: 10px;}
.message #content{display:block;width:500px;height:120px;font-size:13px; padding-left: 8px;color: #666;
  border:1px solid #dedede;margin-top:10px;resize:none; padding-top: 6px;}
.message .msgbtn{background:#fe693e;cursor:pointer;width:90px;height:30px;line-height:30px;text-align:center;border:none;color:#fff;font-size:14px;
border-radius:3px;margin-top:15px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#code{line-height:26px;}
#code img{height: 34px;margin-left: 10px;margin-top: 10px;}
#message_button{background: #0181b7;color:#fff;border:none;width: 300px;height: 40px;font-size: 18px;margin-top: 10px;}
#checkcode{height:32px;line-height:32px;width:120px;border:1px solid #dedede;padding-left: 5px;float: left;}
#message_main tr{position:relative;}
#message_main tr th{font-weight:normal;text-align:right;color:#666;padding-right: 5px;font-size: 16px;
     vertical-align: middle;}
.m_label{position:absolute;width:460px;text-align:left;line-height:30px;padding-left:8px;color:#aaa;
     z-index:1;cursor:text;font-size: 13px;margin-top: 10px;}
.c_label{line-height:18px;padding-top:10px;}
