@charset "utf-8";
/* css document */
*{ margin:0px; padding:0px;}
ul,ol,dl,li{ list-style:none}
img{ border:none;}
a{ color:#383838; text-decoration:none}
a:hover{ color:#326ea5; text-decoration:underline}
.clear{ clear:both}
body{
	color:#444;
	line-height:24px;
	font-size:12px;
	font-family:arial,微软雅黑;
	position:relative;
	z-index:999;
    text-align:left;
}
.f_l{ float:left}
.f_r{ float: right}


.main{ width:1200px; height:auto; margin:20px auto 20px;}
.left{ width:330px; height:auto; float:left}

.txt-list-nav{ width:100%; height:35px; line-height:35px; font-size:14px; color:#666;}
.txt-list-nav img{ vertical-align:middle;}

.treebox{ width: 328px; border:1px solid #ddd; background-color:#fff;box-shadow:0 0 3px 3px #eee; }
.treebox h1{ padding-top:10px; padding-bottom:10px; border-bottom:1px #999 solid;color:#fff; font-size:16px; padding-left:15px; background-color:#326ea5; }
.menu{ overflow: hidden; border-color: #ddd; border-style: solid ; border-width: 0 0px 0px ; }
/*第一层*/
.menu li.level1>a{ 
	display:block;
	height: auto;
	line-height: 18px;
	color: #555;
	padding-left: 15px;
	border-bottom: 1px solid #eee; 
	font-size: 15px;
	position: relative;
	padding:9px 10px 8px 15px;
 }
 .menu li.level1>a img{ vertical-align:middle;max-width:20px;}
 .menu li.level1 a:hover{ text-decoration: none;background-color:#0f4679 ;color:#fff;   }
 .menu li.level1 a.current{ background-color: #0f4679;color:#fff; }

/*============修饰图标*/
 .ico{ width: 20px; height: 20px; display:block;   position: absolute; left: 20px; top: 10px; background-repeat: no-repeat;}

		 /*
		 .level1 i{ width: 20px; height: 10px; background-image:url(/uploads/image/eimages/arrow.png); display: block; position: absolute; right: 5px; top: 20px; background-repeat:no-repeat;}
		.level1 i.up{ background-position: 0 0;}
        .level1 i.down{ background-position: 0 -10px;}*/

		 /*第二层*/
		 .menu li ul{ overflow: hidden; }
		 .menu li ul.level2{ display: none;background: #326ea5;  }
		 .menu li ul.level2 li a{
		 	display: block;
			height: autp;
			line-height: 18px;
			color: #fff;
			/*text-indent: 15px;*/
			border-bottom: 1px solid #999;
			font-size: 13px;
			padding:6px 10px 6px 15px;
		 }
#li-1,#li-2,#li-3{width:200px;}
#li-4,#li-5,#li-6{width:160px;}
.right{ width:820px; height:auto; float:right; border:1px solid #ddd;box-shadow:0 0 3px 3px #dfdfdf; background-color:#fff}
.about_bt{width:780px; padding:10px 0;  margin:0 auto 5px auto; border-bottom:1px #ddd dashed}
.about_bt dl dt{ float:left; font-size:18px; font-weight:bold; color:#326ea5; }
.about_bt dl dd{ float:right}
.product_list{width:780px; height:auto; padding:10px 20px;}
.product_list ul li{ float: left; width:250px; margin:0 5px; margin-bottom:20px; text-align:center;}
.product_list ul li img{ padding:3px; border:1px solid #ddd;}
.product_list ul li span {display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.product_list ul li span a{ color:#326ea5; line-height:28px;}
.product_list ul li span a:hover{ color:#f90}
.pro-bottom-desp{background-image: ;height: 128px;padding: 20px 10px 10px;width: 220px; margin:0 auto;}
.pro-bottom-desp>p{ text-align:left; height:100px;word-break:break-all;}
.pro-bottom-desp>span{ display:block; text-align:left; width:100%;}
.news{ width:780px; height:auto; padding:5px 20px;}
.new_1{border-bottom:1px #ddd dashed;}
.new_1 .new_left{  width:115px; float:left;}
.new_1 .new_right{ width:100%;}
.new_1 .new_right dl dt{ font-size:14px; padding-bottom:5px; padding-top:5px; }
.new_1 .new_right dl dt>span{ float:right; font-size:13px; color:#555;}
.xiaoshou{ margin-top:20px; width:780px; padding:0 20px;}

.news-top-info{ width:100%; height:auto; margin:10px 0;}
.news-top-list{ width:390px;height:auto; float:left;margin:20px 0;}
.news-list-left{ width:113px;float:left;}
.news-list-left>img{ width:105px; height:105px; border:1px solid #ddd; padding:2px;}
.news-list-right{ width:257px;height:auto; float:right;}
.news-list-right>a{ font-size:14px; color:#326ea5;}
.news-list-right>p{ font-size:12px; color:#555; padding-top:5px;}

.page{ text-align:center; background-color:#f1f1f1; width:100%;margin:16px 0 0;}
.page a{ color:#444;}
.page a:hover{color: #07a54a;}
.gongsi{ width:780px; padding:0 20px;}
.contact{ width:780px; padding:0 20px;}

#preview {text-align: center; margin-top:10px;width: 310px; float: left}
.jqzoom {border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; width: 310px; margin-bottom: 10px; height: 310px; overflow: hidden; border-top: #ddd 1px solid; border-right: #ddd 1px solid; _height: 310px; position: relative;}
.zoomdiv {width: 310px; height: 310px; left: 859px;z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; width: 310px; display: none; background:  #fff no-repeat center center; height: 310px; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px}
#spec {position: relative; width: 300px; height: 56px; margin-left: 6px; overflow: hidden; padding-top: 6px}
.specleftt {position: absolute; width: 5px; background: url(/uploads/image/eimages/proddetlicon.gif) no-repeat -157px 0px; float: left; height: 9px; top: 17px; cursor: pointer; left: 0px}
.specrightt {position: absolute; width: 5px; background:url(/uploads/image/eimages/proddetlicon.gif) no-repeat -164px 0px; float: left; height: 9px; top: 17px; cursor: pointer; right: 0px}
.specleftf {position: absolute; width: 5px; background: url(/uploads/image/eimages/proddetlicon.gif) no-repeat -145px 0px; float: left; height: 9px; top: 17px; cursor: pointer; left: 0px}
.specrightf {position: absolute; width: 5px; background:url(/uploads/image/eimages/proddetlicon.gif) no-repeat -151px 0px; float: left; height: 9px; top: 17px; cursor: pointer; right: 0px}
#speclist {display: inline; float: left; margin-left: 2px}
#speclist ul li {width: 50px; display: inline; float: left; margin-right: 4px}
#speclist ul li img {border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; padding-bottom: 2px; padding-left: 2px; width: 40px; padding-right: 2px; margin-bottom: 1px; height: 40px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding-top: 2px}
.bigimg {width: 800px; height: 800px}
.jqzoompup {z-index: 10; border-bottom: #aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width: 50px; background: #0f4679  no-repeat 50% top; height: 50px; visibility: hidden; border-top: #aaa 1px solid; top: 0px; cursor: move; border-right: #aaa 1px solid; left: 0px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5}
#speclist {position: absolute; text-align: left; width: 270px; height: 60px; overflow: hidden; top: 0px; left: 13px
}
#speclist ul {position: absolute; width: 270px; left: 4px}

.cpxq_conr{ width:450px; float:right;margin-top:10px;}
.uml{ line-height:32px;}
.l_lipinm{ color:#333; font-size:16px; font-weight:bold; }
.l_hong{ color:#ff0000;font-weight:bold; }
.l_hong2{ color:#ff0000;font-weight:bold; font-size:16px;}
.l_pm{ border-bottom:1px dotted #cccccc;  height:auto; line-height:24px; font-size:16px; color:#326ea5; font-weight:bold; padding-bottom:8px;}
.yanse{ display:block; width:30px; height:20px; border:1px solid #dadada; text-align:center; color:#333; line-height:20px;}
.yanse:hover{ border:1px solid #ff8601; color:#ff0000;}
.xiahua{text-decoration:line-through; color:#898989;}

.product_list_index{ width:780px;height:auto;padding:0 20px;}
.pro-type-frist{ padding-bottom:10px; font-size:18px;}
.pro-type-frist a:hover{ text-decoration:none;}
.pro-type-index{ margin-bottom:20px;}
.pro-type-twice>ul>li{ float:left; margin-right:20px; width:170px;}
.pro-type-twice>ul>li a{ font-size:14px;}

.cpxq_con{ width:780px;height:auto;padding:0 20px;}
.pro-in{ width:780px; height:auto; margin-top:20px; padding:0 20px;}
.pro-in:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;} 
.pro-title{ font-size:16px; padding-bottom:5px; margin-bottom:15px; border-bottom:1px solid #ddd; color:#326ea5}

.pro-video{ position:fixed; top:50%; left:50%; z-index:99; width:370px; height:363px; margin-left:-170px; margin-top:-180px; display:none;}
.video-colse{ font-size:15px; margin-left:5px;}

.new_in{ margin-top:10px; width:780px; padding:0 20px; }
.tie{margin-top:20px; font-size:18px; font-weight:bold; text-align:center; margin-bottom:5px;}
.tit_5{display:block; margin:10px 0; padding-bottom:10px; border-bottom:1px dashed #d2d2d2; text-align:center; color:#999;}
.tit_4{display:block; width:100%; margin:10px 0; text-indent:2em;border-bottom:1px dashed #d2d2d2; padding-bottom:10px;}

.industry-application{ width:780px; padding:0 20px;}
.industry-description{ margin-bottom:10px;}
.industry-list{ margin:10px 0; float:left; width:380px; margin-right:10px;}
.list-left-application{ float:left; width:130px;}
.list-left-application img{ width:130px; height:95px; padding:2px; border:1px solid #ddd;}
.list-right-application{ float:right; width:230px;}
.list-right-application>a{ font-size:14px; color:#333;}
.list-right-application>p{ font-size:12px!important; color:#666; padding-top:5px; line-height:20px;word-break:break-all}


#gform_wrapper_1{ margin-top:5px;}
.gform_body li{clear: left !important;display:inline-block; vertical-align:top; width:380px; position:relative;list-style: outside none none !important;margin-left: 0 !important;overflow: visible;background: transparent none repeat scroll 0 0;border: 0 none;font-size: 100%;outline: 0 none;padding: 0;  margin:5px 0;
}
.gfield_label{clear: both;display: inline-block; width:60px; font-weight: 700;color: #4d4d4d;cursor: pointer; vertical-align:top;}
.gfield_label-right{clear: both;display: inline-block; width:40px; font-weight: 700;color: #4d4d4d;cursor: pointer;vertical-align:top}
.gfield_required{color: #790000;margin-left: 0.25em;}
.medium{width:260px;font-family: inherit;font-size: inherit;letter-spacing: normal;outline-style: none;padding: 0.313em 0;text-indent: 0.25em;background-color: white;border-color: #cccccc;border-style: solid; border-width:1px;height: 30px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;box-sizing: border-box;}
.gform_wrapper textarea.medium { width:625px; height: 9.375em;}
.medium:focus{border:1px solid #7b9ebd;}
.gf_left_half-content{ width:100%!important;}
.input_5{ width:8em; height:2.2em; background-color:#0290d2; border:none; color:#fff; margin:0.6em 0 0 0; cursor:pointer;}

/*浮动宽口*/
.kefudiv{
	position: absolute;
	height:auto;
	width:222px;
	border:solid #ccc 1px;
	background:url(/uploads/image/eimages/online.jpg) no-repeat top;
	/*min-height:128px;*/
	background-color:#ffffff;
	z-index:9999
}
.kefulist{
    position:relative;
    font-size:13px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#444;
	margin-top:120px;
	padding:0px 5px 0px 11px;
	text-align:left;
	line-height:28px;
}
.kefulist img{ vertical-align:middle}
.kefutitle{
	margin-left:9px;
	font-size:9pt;
	width:222px;
	height:20px;
	text-align:center;
}
.kefuitem{
	text-align:center;
	margin-top:8px;
	font-size:9pt;
}
.kefuclose{ position:absolute; top:-125px; right:5px; color:#fff;}


/**/

.top_in{ width:1050px; height:80px; margin:10px auto 0 auto;}
.top_in1{ width:135px; height:80px;}
.top_in2{ width:750px; height:80px;}
.top_in2a{ width:750px; height:35px; text-align:right;}
.top_in2b{ width:750px; height:33px; line-height:33px; background:url(/uploads/image/eimages/bg_3.png) no-repeat right;margin-top:8px;}

.top_in2b>ul>li{ float:left; text-align:center;position:relative;}
.top_in2b>ul>li>a{ color:#fff; font-size:13px; display:block; padding:0 27px 0 27px; }
.top_in2b>ul>li>a:hover{ color:#fc0; text-decoration:none;}
.nav-twice{position:absolute; top:33px; left:2px; width:750px; padding-top:5px;}
/*.nav-twice>ul{background:linear-gradient(#176df7 10%, #01e8ff);border-radius:15px; border:#1561ec 2px solid;}*/
.nav-twice>ul{ background-color:#284b8b;}
.nav-twice>ul:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
.nav-twice>ul>li{  float:left; padding:0 10px; height:30px; line-height:30px; }
.nav-twice>ul>li>a{ color:#fff;font-size:12px;}
.top_in2b>ul>li:hover .nav-twice{ display:block!important;}
.top_in2b>ul>li:hover>a{color:#fc0;background:url(/uploads/image/eimages/nav_jt.gif) no-repeat bottom center;}

/*background-color:#ee9a00;*/
.banner_in{ width:1050px; height:230px; margin:auto;}

.ban_in1{ background:url(/uploads/image/eimages/ban_in1.png) no-repeat;}
.ban_in2{ background:url(/uploads/image/eimages/ban_in2.png) no-repeat;}
.ban_in3{ background:url(/uploads/image/eimages/ban_in3.png) no-repeat;}
.ban_in4{ background:url(/uploads/image/eimages/ban_in4.png) no-repeat;}
.ban_in5{ background: no-repeat;}
.ban_in6{ background:url(/uploads/image/eimages/ban_in6.png) no-repeat;}
.ban_in7{ background:url(/uploads/image/eimages/ban_in7.png) no-repeat;}


.flexslider {
        position: relative;
        width: 100%;
        height: 556px;
        overflow: hidden;
    }
    
    .flexslider .slides li {
        width: 100%;
        height: 100%;
    }
	.flexslider .slides li a{ z-index:-1}
    
    .flex-direction-nav a {
        width: 70px;
        height: 70px;
        line-height: 99em;
        overflow: hidden;
        margin: -35px 0 0;
        display: block;
        background: url(/uploads/image/eimages/ad_ctr.png) no-repeat;
        position: absolute;
        top: 50%;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .3s ease;
        border-radius: 35px;
    }
    
    .flex-direction-nav .flex-next {
        background-position: 0 -70px;
        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: 15px;
        text-align: center;
		display:none;
    }
    
    .flex-control-nav li {
        margin: 0 2px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    
    .flex-control-paging li a {
        background: url(/uploads/image/eimages/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,
    .flex-control-paging li.active a {
        background-position: 0 0;
    }
    
    .flexslider .slides a img {
        width: 100%;
        height: 556px;
        display: block;
    }

.pro_ina dl{ float:left; text-align:center; margin:6px 8px 2px 8px;}
.pro_ina dl dt img{ width:100px;}

.type_1 dl dt{ width:183px; height:auto; background-color:#0f4679; color:#fff; font-size:14px; font-weight:bold; padding:6px 0px 6px 15px;}
.type_1 dl dd{ width:178px; height:auto; border-bottom:solid #e6e6e6 1px; padding:6px 0 6px 20px;}

/* rslides */
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #fff;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#fff;}

/* callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent  no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}