﻿/* top start*/
body,td,th { font-size: 14px; font-family:"Microsoft Yahei"; }
img, div { behavior: url(/images/iepng/iepngfix.htc); }
body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote { padding:0px; margin:0px; }
.FontRed{ color:#FF0000;}
h3{ font-size:14px;}
li{list-style-type:none;}
img{border:0; }
.gray{color:#666666;}
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:none;color:#0170d9;}
a:active{text-decoration:none;}
p{ line-height:180%;}
body{ font-family:"Microsoft Yahei"; width:100%; }
input,textarea{ font-family:"Microsoft Yahei"; }

/* clearfix */
.clearfix:after{ content:" "; display:block; visibility:hidden; height:0; clear:both; }
.clearfix { clear:both; }
.clearbox { clear:both; width:996px; margin:0 auto; height:0; overflow:hidden;}
.clear { height:1%; overflow:hidden; }


/*** head ***/
#head{ width:100%; margin:auto; }
#head .top{ width:980px; margin:auto; background:url(/images/top_bj.png) no-repeat; height:105px;}	
#head .top .TopInfo{ margin:auto; width:980px;} 
#head .top .TopInfo .language{ float:right; margin-top:10px; margin-right:25px; }
#head .top .TopInfo .language a{ font-weight:bold; color:#000000; }
#head .top .TopInfo .language a.on{ font-weight:bold; color:#0c439e; }
#head .top .TopLogo{ margin:auto; width:980px; padding-top:10px; }
#head .top .TopLogo .logo{ float:left; height:62px; margin-top:-35px;}
#head .top .TopLogo .tel{ float:right;background:url("/images/Tel.png") no-repeat right; height:47px; width:345px;}
#head .top .TopLogo .tel .telW{ padding-left:30px; padding-top:5px; color:#999999;}	

/* navs*/
#head #NavLink{ width:100%; height:48px;}
#head #NavLink .NavBG{ height:48px; width:100%; background:url("/images/nav_bg1.jpg") repeat left top; position:absolute; z-index:100;}	
#head #NavLink #sddm{ width:980px; margin:auto; height:48px; padding-left:75px; background: url(/images/nav_bg.png) center no-repeat; z-index:30}
#head #NavLink #sddm li{ float: left; height:40px; padding-top:12px;}
#head #NavLink #sddm li:hover{background: url(/images/navaon.png) 98% 0% no-repeat;}
#head #NavLink #sddm .CurrentLi{}
#head #NavLink #sddm .CurrentLi a{ text-decoration:none;}
#head #NavLink #sddm .CurrentLi a:hover{ background:none; background:url(/images/menu_bg4.png) no-repeat right;}	
#head #NavLink #sddm li a:hover{ background:url(/images/menu_bg4.png) no-repeat right; }	
#head #NavLink #sddm li a{	display: block; font-size:15px; width: 102px; color:#3f3f3f; text-align: center; background:url(/images/nav_bg2.png) no-repeat -8px 0px;}
#head #NavLink #sddm li a:hover{	}
#head #NavLink #sddm div{ position: absolute;visibility: hidden;background: #0079dc;padding:0px 0px; margin-top:15px; filter: alpha(opacity=85);}
#head #NavLink #sddm div a{position: relative;padding: 0px 24px; width:57px; text-align: center;background:none;color: #FFFFFF;font-size:12px;font-weight:normal;text-decoration:none;line-height:30px;border-bottom:1px solid #999999;}
#head #NavLink #sddm div a:hover{background: #0148BE;line-height:30px;border-bottom:1px solid #6C6B6B;}

/*** body ***/
#body{ width:980px; margin:auto;}
#body .body_1{ width:100%; height:375px; margin-top:10px;}
#body .body_2{ margin-top:35px; height:395px;}
#body .body_4{ margin-top:20px;}
/* banner */
.banner {height: 332px;width: 100%;overflow: hidden;background-color: #EDF3FA; margin-top:5px; }
.flexslider { position: relative; height: 332px; overflow: hidden; background: url(/images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 332px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(/images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}
/* About */
#body .body_1 .About{ float:left; width:655px; }
#body .body_1 .About .About_nav{ height:45px;}
#body .body_1 .About .About_nav img{ float:left;}
#body .body_1 .About .About_nav a{ float:right; padding-top:18px; }
#body .body_1 .About .About_wen{ width:653px; height:320px; background:url(/images/About_bj.png) no-repeat;}
#body .body_1 .About .About_wen img{ float:left; padding:10px;}
#body .body_1 .About .About_wen p{ line-height:34px; padding-top:5px; padding-left:10px; padding-right:10px; }
/* Certifi */
#body .body_1 .Certifi{ float:right; width:315px; }
#body .body_1 .Certifi .Certifi_nav{ height:45px;}
#body .body_1 .Certifi .Certifi_nav img{ float:left;}
#body .body_1 .Certifi .Certifi_nav a{ float:right; padding-top:18px; }
#body .body_1 .Certifi .Certifi_img{ width:315px; height:320px; background:url(/images/zz_bj.png) no-repeat; padding-top:15px;}
#body .body_1 .Certifi .Certifi_img p{ padding-left:15px; float:left; padding-top:15px; text-align:center; width:27%; }
#body .body_1 .Certifi .Certifi_img p img{ float:left; height:120px; }
/* Pro_lie */
#body .body_2 .pro_lie1{ height:235px;}
#body .body_2 .pro_lie2{ position:absolute; height:238px; margin-top:-80px; margin-left:120px; }
#body .body_2 .pro_lie1 ul li { float: left; width: 238px; height:238px; margin-right: 5px; }
#body .body_2 .pro_lie1 ul li a.on img { position:absolute; display: none; }
#body .body_2 .pro_lie1 ul li:hover a.on img { position:absolute; display: block; }
#body .body_2 .pro_lie1 ul li a img { position:absolute; display: block; }
#body .body_2 .pro_lie1 ul li:hover a img { position:absolute; display: none; }
#body .body_2 .pro_lie2 ul li { float: left; width: 238px; height:238px; margin-right: 5px; }
#body .body_2 .pro_lie2 ul li a.on img { position:absolute; display: none; }
#body .body_2 .pro_lie2 ul li:hover a.on img { position:absolute; display: block; }
#body .body_2 .pro_lie2 ul li a img { position:absolute; display: block; }
#body .body_2 .pro_lie2 ul li:hover a img { position:absolute; display: none; }
/* Product */
#body .apply .Pro_nav{ height:45px;}
#body .apply .Pro_nav img{ float:left;}
#body .apply .Pro_nav a{ float:right; padding-top:18px; }
.apply{width:980px; height:230px; background:#FFFFFF; margin-top:20px;}
.apply_array{padding:0px;width:216px;float:left;height:175px;margin-right:5px; padding-top:0px;}
.apply_array .vote{position:absolute;line-height:26px;margin-top:10px;padding-left:29px;width:83px;display:block;background:url(imgs/vote.gif) no-repeat 0px 0px;height:26px;color:#282828;margin-left:-6px;text-decoration:none;}
.apply_last{margin-right:0px}
.apply_img{text-align:center;width:217px;display:table-cell;background:#e2e2e2;height:100px;font-size:95px;vertical-align:middle}
.apply_img img{ width:215px; height:161px; border:1px solid #CCCCCC;}
.apply_array a{text-decoration:underline}
.apply_array a:hover{color:#e01111}
.apply_info{text-align:center;padding:15px;}
.apply_comment{text-align:center}
.apply_info a{line-height:17px;font-weight:700}
.apply_nav{position:relative;width:890px;float:left;height:175px;overflow:hidden; margin-top:10px;}
.apply_w{position:absolute;width:1000px;float:left;left:0px}
.apply .img_l{padding:80px 10px 0 15px;float:left;cursor:pointer;}
.apply .img_r{padding:80px 5px 0 15px;float:left;cursor:pointer;}
/* Service */
#body .body_4 .Service{ float:left; width:332px; height:290px; }
#body .body_4 .Service .Service_nav{ height:45px;}
#body .body_4 .Service .Service_nav img{ float:left;}
#body .body_4 .Service .Service_nav a{ float:right; padding-top:18px; }
#body .body_4 .Service .Service_wen{ width:318px; height:226px; background:url(/images/news_bj.png) no-repeat; margin-top:10px; }
#body .body_4 .Service .Service_wen img{ padding:10px; }
#body .body_4 .Service .Service_wen p{ line-height:25px; color:#3f3f3f; font-size:12px; padding-left:10px; }
/* Company */
#body .body_4 .Company{ float:left; width:333px; height:290px;}
#body .body_4 .Company .Company_nav{ height:45px;}
#body .body_4 .Company .Company_nav img{ float:left;}
#body .body_4 .Company .Company_nav a{ float:right; padding-top:18px; }
#body .body_4 .Company .Company_wen{ width:318px; height:226px; background:url(/images/news_bj.png) no-repeat; margin-top:10px; }
#body .body_4 .Company .Company_wen .Com1{ width:100%; height:100px; float:left; }
#body .body_4 .Company .Company_wen .Com1 img{ float:left; padding-left:10px; padding-top:10px; padding-right:10px; width:135px; height:90px; }
#body .body_4 .Company .Company_wen .Com1 span{ color:#3f3f3f; font-size:12px; float:left; margin-top:7px; width:160px;}
#body .body_4 .Company .Company_wen .Com1 p{ line-height:25px; color:#3f3f3f; font-size:12px;  padding-right:5px; }
#body .body_4 .Company .Company_wen ul li{ line-height:25px; color:#3f3f3f; font-size:12px; padding-left:10px; }
/* Industry */
#body .body_4 .Industry{ float:left; width:315px; height:290px;}
#body .body_4 .Industry .Industry_nav{ height:45px;}
#body .body_4 .Industry .Industry_nav img{ float:left;}
#body .body_4 .Industry .Industry_nav a{ float:right; padding-top:18px; }
#body .body_4 .Industry .Industry_wen{ width:318px; height:226px; background:url(/images/news_bj.png) no-repeat; margin-top:10px; }
#body .body_4 .Industry .Industry_wen .Com1{ width:100%; height:100px; float:left; }
#body .body_4 .Industry .Industry_wen .Com1 img{float:left; padding-left:10px; padding-top:10px; padding-right:10px; width:135px; height:90px; }
#body .body_4 .Industry .Industry_wen .Com1 span{ color:#3f3f3f; font-size:12px; float:left; margin-top:7px; width:155px; }
#body .body_4 .Industry .Industry_wen .Com1 p{ line-height:25px; color:#3f3f3f; font-size:12px; padding-right:5px; }
#body .body_4 .Industry .Industry_wen ul li{ line-height:25px; color:#3f3f3f; font-size:12px; padding-left:10px; }
/* liuyan */
.service { width: 980px; margin: 0 auto; padding: 10px 0px; overflow: hidden; }
.service .service_fe { float: left; width: 605px; height: 340px; padding: 20px; background: #eee; border: 1px solid #ddd; }
.service .service_fe li.fe { width: 300px; margin-bottom: 10px; height: 30px; line-height: 30px; }
.service .service_fe li { float: left; line-height: 30px; width: 585px; color: #222; font-size: 14px; }
.service .service_fe li dd { float: left; width:190px; margin-right: 15px; font-size: 12px; line-height:25px; }
.service .service_fe li i { float: left; width: 80px; font-style: normal; }
.service .service_fe li.fe input { line-height: 26px; width:220px; height: 26px; color: #666; border: 1px solid #ddd; margin-top: -0px; margin-left:-25px; }
.service .service_fe li input { float: left; }
.service .service_fe li dd input { margin-top: 7px; }
.service .service_fe li textarea { border: 1px solid #ddd; margin-bottom:5px; height:80px; }
.service .service_fe li.yz input { line-height: 26px; height: 26px; color: #666; border: 1px solid #ddd; margin-top: -4px; }
.service .service_fe li input.service_tj { float:left; text-align: center; color: #fff; background: #0088fd; border: 1px #0088fd; width: 75px; height: 30px; margin-left:340px; }
.service .service_fe li input.ipt-txt{ float:left;}
.service .service_fe li img{ float:left;}
.service .service_gjc { float: right; width: 275px; height: 340px; padding: 20px; border: 1px solid #ddd; }
.f12 { font-size: 12px; }
.Online dt .f12 { padding-top: 10px; }
.Online dt a { color: #181717; }
.Online { float: right; display: block; width: 270px; }
.Online .noline { padding-top: 6px; border-top: none; }
.Online dd { padding: 15px 0 6px; color: #4c4949; border-top: 1px dotted #949494; }
.Online dt { padding: 8px 0 5px; font-size: 16px; color: #181717; }
.Online dt .qq, .Online dt .msn { display: block; padding-left: 48px; height: 35px; line-height: 32px; font-size: 20px; background: url(/images/qq.png) no-repeat 0 1px; }

/*** footer ***/
#footer{ margin-top:20px; padding-bottom:20px; width:100%; background-color:#2061bd; font-size:12px; color:#ffffff; font-family:"Microsoft Yahei";}
#footer a{ color:#ffffff;}										
#footer .inner{ height:125px; margin:auto; width:980px; padding-top:10px; text-align:center;}
#footer .inner p{ line-height:25px;}
#footer #Links{ width:980px; text-align:center; margin:auto;}
#footer #Links a{ padding-right:10px;}




