@charset "gb2312";
/* ==È«¾ÖÉèÖÃ== */
HTML {OVERFLOW-X: hidden;}
*{ margin:0px; padding:0px;}
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; }
html,body{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;-o-text-size-adjust: none; text-size-adjust: none;}
body {
	font-size: 14px;
	font-family: Arial, 'Microsoft YaHei', Gadget, sans-serif;
	-webkit-font-smoothing: antialiased; color:#333333;
}
input,textarea,select,button {font-family: Arial, 'Microsoft YaHei',, tahoma,simsun; outline:none;}
area{ outline:none;}
a{ text-decoration:none; color:#333; -webkit-transition: all ease-in .2s; 
-ms-transition: all ease-in .2s; -moz-transition: all ease-in .2s;
 -o-transition: all ease-in .2s; transition: all ease-in .2s;}
a:hover{ color:#198EEE; text-decoration:none;}
ul,li {list-style-type:none; margin:0px; padding:0px;}
img { border:0; margin:0; padding:0;}
.blue {color:#0074C5}
.nsige img{width: 100%;}

#clear { *zoom:1;/*IE/7/6*/ clear:both; height:0}
#clear:before, .clearfix:after {content: "";display: table; height:0}
#clear:after {clear: both;}

.clear { *zoom:1;/*IE/7/6*/ clear:both; height:0}
.clear:before, .clearfix:after {content: "";display: table; height:0}
.clear:after {clear: both;}

#section { width:100%; margin:0 auto; max-width:1200px;}
#header { background-image:url(../images/hbg.png); background-repeat:repeat;  display:block; z-index:999; position:fixed ; width:100%}
#header #logo{ float:left; width:22%; }
#header #logo img{ width:100%;height:auto;max-width:114px; max-height:86px;}


#header #menu{ float:left; width:63%;  height:auto;}
#nav {margin:5px auto 0 auto;display:block;}

.mobile-menu{ 
	width:103%; margin-left:-3%;
	overflow:hidden;
	position:fixed;
	background:#fff;
	top:55px;
	z-index:999;
	display:none;
}
.mobile-menu li {
    line-height: 3pc;
    border-bottom: dotted 1px #e8e8e8;
}
.mobile-menu li a{ color:#333;display:block;padding: 0 5%; font-size:14px; font-weight:bold}
.mobile-menu li.on, .mobile-menu li:hover{background:#198EEE;}
.mobile-menu li.on a, .mobile-menu li:hover a{color:#fff;}
.btn_menu{
	width: 34px;
	height: 4px;
	background: #fff;
	display: block;
	position: absolute;
	right: 20px;
	
	cursor: pointer;
	display:none;
}
.btn_menu:before {
	top: -10px
}
.btn_menu:after, .btn_menu:before {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	position: absolute;
	-webkit-transition: .4s;
	transition: .4s
}
.btn_menu:after {
	bottom: -10px
}
.open .btn_menu {
	background: transparent
}
.open .btn_menu:before {
	transform: rotate(45deg) translateY(14px);
	-moz-transform: rotate(45deg) translateY(14px);
	-ms-transform: rotate(45deg) translateY(14px);
	-o-transform: rotate(45deg) translateY(14px);
	-webkit-transform: rotate(45deg) translateY(14px);
	transform-origin: 50%
}
.open .btn_menu:after {
	transform: rotate(-45deg) translateY(-14px);
	-moz-transform: rotate(-45deg) translateY(-14px);
	-ms-transform: rotate(-45deg) translateY(-14px);
	-o-transform: rotate(-45deg) translateY(-14px);
	-webkit-transform: rotate(-45deg) translateY(-14px);
	transform-origin: 50%
}


#nav .jquery {margin-right:1px;padding:0 2em;}
#nav .mainlevel { float:left;  width:14.2%;/*IE6 only*/}
#nav .mainlevel a {color:#fff; text-decoration:none; line-height:78px; display:block; width:100%; text-align:center; font-weight:bold; font-size:15px;}

#nav .mainlevel ul {display:none; position:absolute; border-top:solid 3px #0074C5}
#nav .mainlevel li { background:#666; width:106px;/*IE6 only*/ }
#nav .mainlevel li a{font-weight: normal; font-size:13px; line-height:26px;}
#nav .mainlevel li a:hover { background-color:#0074C5; color:#fff;}


#header #use{ float:right; width:15%; }
#use #search { float:right; margin-top:33px; margin-right:20px;}
#use #language {float:right; margin-top:33px;}
.searkey { line-height:26px; color:#A9A9A9; border:solid 2px #198EEE; height:26px; width:70%; padding-left:2%; float:left;}
.sousuo a{ float:left;line-height:26px; color:#fff; border:solid 2px #198EEE; background-color:#198EEE; width:15%; font-size:14px; font-weight:bold; text-align:center;}

.yiji {cursor:pointer;z-inde:9999999;}
.erji {width:250px;display:none;position:absolute; z-index:9999999; clear:both;font-size:12px;clear:both; margin-left:-200px;margin-top:-18px}
.da {cursor:pointer;z-inde:9999999; width:85px; background-image:url(../images/dian.png); background-repeat:no-repeat; background-position:right center; padding-right:15px;}
.xiao {display:none;position:absolute; z-index:9999999; clear:both;font-size:12px; margin-top:-24px}
.xiao p{ margin-bottom:5px;}
.xiao p a:hover{color: #0074C5}
#language a{color: #fff;}


/*banner*/
/*6-15*/
.pro-switch {width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 58%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 20px;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}

.banner{  width:100%; overflow:hidden;OVERFLOW-X: hidden;}

.banner .img{ height:600px;}
@media(max-width:1920px){ 
.banner .img{ height:550px;}
}
@media(max-width:1600px){ 
.banner .img{ height:520px;}
}
@media(max-width:1400px){ 
.banner .img{ height:470px;}
}
@media(max-width:1200px){ 
.banner .img{ height:420px;}
}

@media(max-width:1000px){ 
.banner .img{ height:360px;}
}
@media(max-width:800px){ 
.banner .img{ height:320px;}
}
@media(max-width:600px){ 
.banner .img{ height:250px;}
}
@media(max-width:480px){ 
.banner .img{ height:210px;}
}

.slides a{
          display: block;
          width: 100%;
        }
        .banner{
        height: auto !important;
        }
        .banner .img{
          position:relative;
        }
        .banner .banner_dis{
          position: absolute;
          right:0;
          top:20%;
          width: 30%;
          background-color: rgba(0,0,0,0.5);
          padding: 20px
        }
        .banner .banner_dis p{
          font-size: 30px;
          line-height:1.5;
          color:#f5f5f5;
        }
        
		
#pro { margin:30px 0;}

.title{ font-size:22px; line-height:40px; background-image:url(../images/tbg.jpg); background-position:center bottom; background-repeat:no-repeat; padding-bottom:46px; text-align: center;} 
#title{ font-size:22px; line-height:40px; background-image:url(../images/tbg.jpg); background-position:center bottom; background-repeat:no-repeat; padding-bottom:46px; text-align: center;} 
#p_jianjie { color:#7F7F7F; line-height:30px; font-size:15px; text-align:center;background-image:url(../images/jjbg.jpg); background-position:center center;background-repeat:no-repeat; height:52px; overflow:hidden }


#line3_Demo, #colee_left {
	MARGIN: auto;
	WIDTH: 100%;
	/*OVERFLOW: hidden;
	height: 240px;*/
}
#colee_left { height:90px; overflow:hidden;}
#Indemo {
	/*WIDTH: 800%;*/ FLOAT: left
}
#line3_Demo1, #colee_left1 {
	FLOAT: left
}
#line3_Demo2, #colee_left2 {
	FLOAT: left
}
#roll { margin:30px 0 50px 0;}
#roll li { float:left; margin:0 0px 22px 6.42px; border:solid 1px #D6D6D6; background-color:#EEEEEE; text-align: center; padding-bottom:8px;box-shadow: 0 0 10px rgba(0,0,0,0.1);} 
#roll li img{ margin-bottom:8px; height:200px}

#cproll ul li{ float: left; width:22%; margin: 10px 1%;border:solid 1px #D6D6D6; text-align: center; padding-bottom:8px;background-color:#EEEEEE; }
#cproll ul li img { width:100%; height:auto; margin-bottom:8px;}
.tomore {
	display: block;
	width: 120px;
	margin: 0 auto;
	height: 40px;
	text-align: center;
	background: #0074C5;
	color: #fff;
	position: relative;
	line-height: 40px; font-size:14px;
}
.tomore i, .tomore span {
	position: absolute;
	width: 100%;
	height: 40px;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transition: .4s;
	transition: .4s
}
.tomore i {
	z-index: 1;
	background: #ffaa23;
	width: 0
}
.tomore:hover i {
	width: 100%
}
.tomore:hover {
	color: #fff
}

.product-top #preview{float: left;width: 50%;border: 1px solid #e8e8e8;padding: 2px 10px;}
.product-top #preview img{width: 100%;vertical-align: middle;}
.product-top .text{float: right;width: 40%;}
.product-top .text .pro-db{font-size: 22px;color: #363d4d;line-height: 50px;font-weight: bold;}
.product-top .text .intro{margin-top: 20px;font-size: 16px;line-height: 30px;}
.product-top .text .zixun{   
	display: block;
    margin-top: 50px;
    width: 120px;
    text-align: center;
    line-height: 35px;
    background: #363d4d;
    color: #fff;}

.prolists{margin-top: 30px;}


.prolists li{float: left;width:23.5%;margin-right:2%;border: solid 1px #ddd;margin-bottom: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-left:-3px;}
.prolists li:nth-of-type(4n){margin-right: 0;}
.prolists li:nth-child(1){margin-left: 0;}
.prolists li:nth-child(4){margin-right: 0;}

.prolists li .pic{height: 260px; overflow: hidden;display: block}
.prolists li .pic img{height: 100%; transition: all 1.5s;}
.prolists li .pic1 img{width: 100%;height: auto;margin-top: 12%;}
.prolists li .pic1 .no-margin{margin-top: 0;}
.prolists li p{text-align: center;line-height: 30px;padding: 10px 0;font-size: 16px; background: #f3f3f3}
.prolists li:hover p{ background:#363d4d; color:#fff;}
.prolists li:hover .pic img{transform:scale(1.1);}
.prolists li:hover{border: 1px solid #000;}

#about{ background-color:#0074C5; margin-top:55px;}
#about #zuo{ background-color:#EEEEEE; width:50%; float:left;}

#about #you{ background-color:#0074C5; width:50%; float:left; text-align:left;}

#about #zuo #aboutin { width:100%; margin:0 auto; max-width:600px; float:right; text-align:right;}
#about #you #aboutin { width:100%; max-width:600px; clear:both}

#about #you #aboutin #title02{ font-size:22px; line-height:40px; padding:40px 0 30px 30px; color:#fff;} 

#about #you #aboutin #content p { color:#fff; line-height:28px; margin-bottom:10px; font-size:13px; margin-left:30px;}


.tomore02 {
	display: block;
	width: 120px;
	height: 40px;
	text-align: center;
	background: #fff;
	color: #666;
	position: relative;
	line-height: 40px; font-size:14px; margin:40px 0 54px 30px;
}
.tomore02 i, .tomore02 span {
	position: absolute;
	width: 100%;
	height: 40px;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transition: .4s;
	transition: .4s
}
.tomore02 i {
	z-index: 1;
	background: #ffaa23;
	width: 0
}
.tomore02:hover i {
	width: 100%
}
.tomore02:hover {
	color: #fff
}

#news { margin:40px 0 60px 0;}
#news #zuo{ float:left; width:48.5%; }
#news #you{ float:right; width:48.5%}
#newslist{ margin-bottom:40px}

#ptu img { width:100%; height:auto}
#ptu { float:left; width:28%;}
#list { float:right; width:69%;}
#list p { line-height:36px; border-bottom:solid 1px #e8e8e8;}
.time { float:right; color:#A1A1A1}
#list p a{ background-image:url(../images/news_06.jpg); background-position:left center; background-repeat:no-repeat; padding-left:15px;} 


#footer { background-color:#333333; border-top:solid 3px #0074C5; padding:15px 0 30px 0; font-size:13px; color:#fff}
#footer #kuai01{ float:left; width:12.5%}
#footer h3{ line-height:40px; font-size:15px; color:#fff}
#footer h3 a{ color:#fff}
#footer p{ line-height:26px;}
#footer p a{background-image:url(../images/jiantou.jpg); background-position:left center; background-repeat:no-repeat; padding-left:15px; color:#CCCCCC}


#copyright{ line-height:21px; padding:8px 0; background-color:#282828; color:#CCCCCC}
.jishu { float: right}
#copyright a{ color:#CCCCCC}
#copyright a:hover { color:#fff;}
.ph { display:none}


.footer2{ display:none; width:100%; background-color:#0074C5;padding:5px 0; position:fixed!important; bottom:0;z-index:999;  }
.footer2 li{ float:left; width:25%; text-align:center;}
.footer2 li a{ color:#fff; display:block; line-height:20px; padding-top:30px;}


#nmain { margin:30px 0 50px 0;}
#guide { margin:0 auto;}
#guide ul{ text-align: center}
#guide ul li{ display: inline-block; margin: 0 2px}
#guide ul li a{ line-height:34px; font-size:15px; background-color:#666666; color:#fff; display:block; text-align:center;padding: 0 35px}
#guide ul li a:hover,#guide ul li .checked{background-color:#0074C5;}


#guide02 { width:100%; margin:0 auto; }
#guide02 ul li{ width:13.2%; margin:0.5%; float:left;}
#guide02 ul li a{ line-height:34px; font-size:15px; background-color:#666666; color:#fff; display:block; text-align:center}
#guide02 ul li a:hover,#guide02 ul li .checked{background-color:#0074C5;}

#guide03 { width:80%; margin:0 auto; }
#guide03 ul li{ width:21%; margin:2%; float:left;}
#guide03 ul li a{ line-height:34px; font-size:15px; background-color:#666666; color:#fff; display:block; text-align:center}
#guide03 ul li a:hover,#guide03 ul li .checked{background-color:#0074C5;}


#guide04 { width:30%; margin:0 auto; max-width:640px;}
#guide04 ul li{ width:47.5%; margin:1%; float:left;}
#guide04 ul li a{ line-height:34px; font-size:15px; background-color:#666666; color:#fff; display:block; text-align:center}
#guide04 ul li a:hover,#guide04 ul li .checked{background-color:#0074C5;}

.njianjie { margin:30px 0 50px 0;}
.njianjie { margin:30px 0 50px 0;}
.njianjie p { font-size:13px; line-height:28px; margin-bottom:12px;}
.njianjie h3 { font-size:15px; line-height:36px; margin-bottom:5px; color:#0074C5}

.njianjie .sige li{ float:left; width:23%; margin:1%;}
.njianjie .sige li img { width:100%; height:auto}



#njianjie { margin:30px 0 50px 0;}
#njianjie p { font-size:13px; line-height:28px; margin-bottom:12px;}
#njianjie h3 { font-size:15px; line-height:36px; margin-bottom:5px; color:#0074C5}

#njianjie .sige li{ float:left; width:23%; margin:1%;}
#njianjie .sige li img { width:100%; height:auto}

#nwenhua { width:60%; margin:30px auto 50px auto;}
#nwenhua li{ margin-bottom:10px; padding-bottom:10px; border-bottom: dotted 1px #e8e8e8;}
#nwenhua li #biaoti h3{ float:left; width:30%; font-size:18px; color:#0074C5;}
#nwenhua li #xiangj{ float:right; width:70%; font-size:14px; line-height:30px;}


.nwenhua { width:100%; max-width:720px; margin:30px auto 50px auto;}
.nwenhua li{ margin-bottom:10px; padding-bottom:10px; border-bottom: dotted 1px #e8e8e8;}
.nwenhua li .biaoti h3{ float:left; width:30%; font-size:18px; color:#0074C5;}
.nwenhua li .xiangj{ float:right; width:70%; font-size:14px; line-height:30px;}



#fanye { line-height:50px; text-align:center; font-size:13px;}
#fanhui { line-height:50px; text-align:left; font-size:13px;}
.nsige ul li{ float:left; width:23%; margin:1%;margin-top: 15px;}
.nsige ul li img{ width:100%; height:auto;}

.zhanshilist li { margin-top:15px; padding-top:15px; border-top: dotted 1px #DCDCDC;}
.zhanshilist #biaohao{ float:left; width:5%;background-color:#0074C5; color:#fff; font-size:18px; width:40px; height:40px; line-height:40px; text-align:center;}
.zhanshilist #pzuo{ float:left; width:65%; margin-left:2%}
.zhanshilist #pyou{ float:right; width:26%;}
.zhanshilist #pyou img, .zhanshilist #pyou02 img{ width:100%; height:auto}
.zhanshilist #pzuo02{ float:right; width:70%;}
#shoujixian { display:none}
.zhanshilist #pyou02{ float:left; width:26%;}


#dizhi { width:60%; margin:20px auto}
#dizhi ul li{ float:left; padding:0 0%;  line-height:30px; font-size:13px;width: 50%;}
#dizhi ul li h3{ line-height:40px; font-size:18px; }
#liuyanx p{ margin-bottom:10px; font-size:13px;}
#liuyanx { width:60%; margin:20px auto;}
.inp02 {
	width: 100%;
	margin-bottom: 3px;
	color: rgb(102,102,102);
	background-color: #e8e8e8;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 40px;
	padding-left:12px;
	border-radius:5px;
	-moz-border-radius:5px;
	 -webkit-border-radius:5px; margin:0 auto;
}
.inp03 {
	width: 25%;
	min-width:120px;
	float:left;
	margin-bottom: 3px;
	color: rgb(102,102,102);
	background-color: #e8e8e8;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 40px;
	padding-left:12px;
	border-radius:5px;
	-moz-border-radius:5px;
	 -webkit-border-radius:5px; margin:0 auto;
}
.tomore03 {
	display: block;
	width: 100px; float:left;
	margin-right: 15px;
	height: 30px;
	text-align: center;
	background: #0074C5;
	color: #fff;
	position: relative;
	line-height: 30px;
}
.tomore03 i, .tomore03 span {
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transition: .4s;
	transition: .4s
}
.tomore03 i {
	z-index: 1;
	background: #FFAA23;
	width: 0
}
.tomore03:hover i {
	width:100%
}
.tomore03:hover {
	color: #fff
}
.neiyenews { width:90%; margin:0 auto;}
.neiyenews .newskuai { float:none; width:100%; margin:25px 0;border-bottom: 1px solid #ccc;padding-bottom: 25px;}
.neiyenews .newskuai .time { float:left; background-image:url(../images/index_50.jpg); background-position:center center; background-repeat:no-repeat; height:64px; width:12%; margin-right:2%; min-width:64px;}
.neiyenews .newskuai .xiangq { float:left; margin-right:1%; width:75% }


.xinwen .newskuai { float:left; width:50%; margin:20px 0; border-bottom:dotted 1px #e8e8e8;}
.xinwen .newskuai .time { float:left; background-image:url(../images/index_50.jpg); background-position:center center; background-repeat:no-repeat; height:64px; margin-right:2%; width:64px;}
.xinwen .newskuai .xiangq { float:left; margin-right:1%; width:80% }
.newskuai .time .yue { display: block; font-weight:bold; line-height:20px; font-size:100%;color:#fff; text-align:center}
.newskuai .time .day { display: block; font-weight:bold; line-height:44px; font-size:180%;color:#fff;text-align:center}
.newskuai .xiangq h3 { font-size:130%; line-height:33px; height:33px; overflow:hidden; color:#0074C5}
.newskuai .xiangq h3 a { color:#000}
.newskuai .xiangq p { line-height:28px; color:#666668; height:28px; overflow:hidden;font-size:115%;}

#newstitle h3 {
	line-height: 32px;
	font-size: 160%;
}
#fabushijian {
	line-height: 32px;
	color: rgb(102,102,102);
	 margin-bottom:15px; border-bottom:dotted 1px #e8e8e8;
}

.prolist li{
	float: left;
    width: 48.5%;
    margin-bottom: 25px;
    background-color: #f1f1f1;
}

.kleft{    
	height: 190px;
    overflow: hidden;
    display: block;
	float: left;
    width: 36%;
	
}
.kleft img{
	cursor: pointer;
    transition: all 1.5s;
    width: 125%;
    height: auto;
}

.kright{
	    float: right;
   	    width: 60%;
}

.prolist li .kright h3{
	font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #0073b2;
    padding: 0 15px;
    line-height: 40px;
    margin: 20px 20px 10px 0px;
}

.prolist li .kright p{
	padding-left: 15px;
    line-height: 28px;
    font-size: 14px;
}

.prolist{margin-top: 50px;}

.prolist li:nth-child(2n){
	float: right;
}

.credo li{float: left;width: 23.5%;margin-top: 50px; margin-right:2%}
.credo li:nth-child(4n){ margin-right:0}

.credo li img{ width:100%; height:auto}

.credo img{box-shadow: 5px 5px 10px rgba(0,0,0,.15);}




.youfu{ float:right}