body,ul,li,dl,dt,dd,h1,h2,h3,h4,p{ margin:0; padding:0; list-style:none;
}
img{ border:none;
}
.clear{clear:both;
}
body {
	height:100%;
}
html{overflow-x:hidden; height:100%;}
body {
	font-family:"Hiragino Sans GB", "Helvetica Neue", "Microsoft YaHei", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; 
	background:#fff;   
}

/*top*/
.clear{  clear:both;
}
	.ui-page {-webkit-backface-visibility: hidden; 
	}
	 
	#one{width:100%;		
	}
	#one li{float:left;
	}
	#one li .a-1{min-height:70px;		
	}
	#one li a{display:block; margin:5px; background:yellow;	}
	#one li img{width:100%;	min-height:70px; vertical-align: middle;
	}
	.scroll{width:60px;	height:60px; background:#333; color:#fff; line-height:60px; text-align:center; position:fixed; z-index:9999; right:20px; bottom:40px; cursor:pointer; font-size:0.875em; border-radius:4px;
	}
	.scroll:hover{background:#0098f0;}

/*固定头部样式*/
#topNavWrapper{width:100%; text-align:left; height:101px; margin:0px auto; z-index:9999999; _position: relative; _top:0px; 
} 
#topNav {background:#fff; width:100%; float: left; display: block; z-index: 999; overflow: visible; position: fixed; top: 0px; /* position fixed for IE6 */ _position: absolute; _top: expression(documentElement.scrollTop + "px");  height:101px; box-shadow:1px 1px 15px 0px rgba(0, 0, 0, 0.1)
} 

/* 鼠标经过过渡变色 样式 */
a { 
	text-decoration:none;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
 
a:hover{color:#0052a5; 
}
:hover{-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}

.head_top{width:100%; margin:0 auto; background:#1c1c1c; height:31px; line-height:31px;
}
.head_bottom{width:100%; margin:0 auto; height:90px; position:absolute;
}

.head_width{ margin:0 auto; width:984px; padding:0px 10px; position:relative;
}
.cotent_width{ margin:0 auto; width:684px; padding:0px 10px; position:relative;
}
.news_width{ margin:0 auto; width:825px; padding:0px 10px; position:relative;
}
.logo{float:left; width:10%; min-width:62px;
}
.head_width_right{float:right; width:76%; 
}
	.head_width_right ul{border-left:1px solid #e6e6e6; float:left; width:100%; 
}
	.head_width_right ul li{float:left; width:16.6666%; text-align:center; background:url(../images/m_l_p.gif) repeat-y right;
}
	.head_width_right ul li a{line-height:70px; display:block; color:#222; 
}
	.head_width_right ul li a:hover{line-height:70px; background:#0052a5; color:#FFF;
}
.head_width_right ul li a.active{line-height:70px; background:#004c99; color:#FFF;
}
.head_width_right .nav-up-selected{background:#0052a5; color:#fff;}

/**下拉菜单样式**/
.head-v3{position:relative;z-index:100;min-width:1000px}
.head-v3 .navigation-inner{margin:0 auto;width:980px;position:relative}
.navigation-up{height:60px;background:#27303f}
.navigation-up .navigation-v3{margin-left:155px;float:left;_margin-left:10px}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px ;color:#fff}
.navigation-up .navigation-v3 .nav-up-selected{background:#0052a5}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#202833}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:#fff;display:inline-block;height:60px; }

.navigation-down{position:absolute; top:70px; left:0px; width:100%}
.navigation-down .nav-down-menu{width:100%; margin:0; background:#0052a5; position:absolute; top:0px;} 
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;}

.list_nav_about{margin:0 auto; text-align:left;}
.list_nav_site{margin:0 auto; text-align:right;}
.list_nav_about_1{padding-left:30%;}
.list_nav_product_1{padding-left:18%;}
.list_nav_solutions_1{padding-left:60%;}
.list_nav_news_1{padding-right:25%;}  
.list_nav_site a, .list_nav_about a{color:#fff; line-height:50px; padding-left:3%;}
.list_nav_site a:hover, .list_nav_about a:hover{color:#99d3ff; text-decoration:underline; padding-left:3%;}
 

/** opacity:0.7; filter:alpha(opacity=70); **/
/**下拉菜单结束**/


.home_banner{margin:0 auto; width:100%; height:380px; overflow:hidden; background:none; } 
#kinMaxShow{visibility:hidden; width:100%; max-height:480px; height:480px; overflow:hidden;}



.top_menu{float:right; color:#eaeaea; width:15%; padding-right:10px;} 
.top_menu_left{width:100%; float:left; text-align:center;}
.top_menu_left li{float:left; width:50%;}
.top_menu_left a{color:#999; float:left; width:100%;}
.top_menu_left a:hover{color:#f1f1f1; float:left; width:100%; background:#222;}
.lage{float:right; width:132px;}
.lage a{float:left; width:65px; margin-left:1px; color:#999; text-align:center; background:#282828;}
.lage a:hover{float:left; width:65px; color:#f1f1f1; text-align:center; background:#003a6a; }

.banner_title{z-index:100; width:100%; position:relative; margin:0 auto;}
.title_site{float:left; width:45%; padding-top:120px;}
.title_site h2{float:left; font-size:4.0em; color:#0052a5; width:100%; font-weight:300; padding-bottom:8px;  
 }
.title_site h3{float:left; font-size:1.5em; color:#e3a000; width:100%; font-weight:300; line-height:18px; }
.title_site p{float:left; width:100%; font-size:1.0em; color:#333; line-height:17px; padding-top:20px;}
.title_site p a{float:left; width:20%; line-height:38px; background:#ce0000; text-align:center; border-radius:3px; color:#fff;}
.title_site p a:hover{background:#003e86; float:left; color:#fff; padding-left:4px;}




.home_box{width:100%; margin:0 auto; float:left; }
.home_about_box{padding:0px; width:100%; float:left; padding:55px 0px 45px 0px; }
.home_box_left{width:50%;  background:#b8cee7; min-height:330px; float:left;}
.home_box_right{width:50%; background:#f2f2f2; min-height:330px; float:left;}

.home_about_box_1{padding:0px; width:100%; float:left; padding:30px 0px 0px 0px; }

.home_ab_img{width:33%; margin-left:1px; } 
.ab_img_1{float:left;}
.ab_img_1 span{float:left; width:30%;}
.ab_img_1 img{width:100%;}
.ab_img_word{float:left; width:59%; margin-left:4%;}
.ab_img_word h3{float:left; width:100%; padding-bottom:5px; color:#003e86; font-size:1.2em;}
.ab_img_word h4{float:left; width:100%; font-weight:normal; font-size:1.0m; height:60px;   line-height:19px; overflow:hidden; color:#555;}
.ab_img_word h4 a{float:left; width:100%; color:#555; font-size:1.0em;}
.ab_img_word h4 a:hover{float:left; color:#003e86; padding-left:4px;}

.home_news{float:right; padding:10px 0px 20px 0px;}
.home_solutions{float:left;  padding:10px 0px 20px 0px;}
.home_solutions_1{margin-left:15px;}

.home_news_list{padding:30px 15px;}
.home_news_list h3{font-size:1.2em; color:#222; padding-bottom:10px;}
.home_news_list ul{float:left; padding-bottom:15px;}
.home_news_list li{ width:100%; float:left; line-height:27px; height:33px; overflow:hidden;}
.home_news_list li a{ color:#666; float:left; width:320px;}
.home_news_list li a:hover{color:#0052a5; text-decoration:underline;}
.home_news_list li span{float:right; width:80px; line-height:27px; color:#7a7a7a; text-align:right;}
 
.home_news_list p{padding:10px 0px 25px 0px; width:100%; float:left;}
.home_news_list p a{color:#fff; border:1px solid #222; background:#222; border-radius:3px; padding:2px 6px; font-size:0.875em;}
.home_news_list p a:hover{color:#0052a5; border:1px solid #0052a5; background:none; border-radius:3px; padding:2px 6px;}

.gd_title{ width:100%; color:#222;  position:relative; height:35px;}
.gd_title h3{width:100px; display:inline; float:left; padding-left:15px; font-size:1.2em;}
.gd_title a{font-weight:normal; width:80px; float:right; text-align:center; color:#93a4b0;}
.gd_title a:hover{color:#0052a5; text-decoration:underline;}


/** 首页专家滚动 **/
.zj_gd {width:100%; margin:0 auto; height:inherit; display:block; position:relative;} 
#carousel_inner{
float:left;  
width:100%;
position:relative;
overflow: hidden; 
margin-bottom:35px;
}

#carousel_ul {
position:relative;
left:0px; 
list-style-type: none; 
margin: 0px;
padding:0px;
width:9999px; 

}

#carousel_ul li{
float: left;                        
width:230px;   
padding:0px;
height:220px;
border:1px solid #ededed;
background:#f2f2f2;
margin-left:6px; 
margin-right:6px;
padding:10px 0px 10px 0px;
}
#carousel_ul li:hover{background:#f8f8f8; }

#carousel_ul li img {
width:198px;
padding:5px 16px; 
border:0px; 
}
#carousel_ul li span{float:left; width:206px; padding:0px 12px 0px 12px; text-align:center; line-height:22px;  overflow:hidden;}
#carousel_ul li span strong{font-size:1.0em; line-height:26px; font-weight:300;} 
.carousel_ul ul{float:left; width:980px;  overflow:hidden;}
.carousel_ul a{color:#555; line-height:35px; text-decoration:none;}
.carousel_ul a:hover{color:#0068b7;  line-height:35px; text-decoration:underline;}
.carousel_ul li img:hover{ opacity:0.7; filter:alpha(opacity=70); }

#left_scroll{
position:absolute;
height:240px;
left:6px;
width:20px;
z-index:300;
}
#right_scroll{
position: absolute;
height:240px; 
width:20px;
right:0px;
z-index:300;
}
#left_scroll img, #right_scroll img{
border:0;  
cursor: pointer;
cursor: hand;
}
#left_scroll img:hover, #right_scroll img:hover{ opacity:0.6; filter:alpha(opacity=60);}
.social_button img:hover{ opacity:0.6; filter:alpha(opacity=60); }
/*end */
 
 
.footer{margin:0 auto; width:100%; background:#f4f4f4; float:left; border-top:1px solid #e1e1e1; position:relative;}
.footer_top{width:100%; float:left; }
.footer_top_left{float:left; width:75%; background:url(../images/f_l_p.gif) repeat-y right; padding-top:30px; padding-bottom:50px;}
.footer_top_left ul{float:left; width:20%;}
.footer_top_left ul h3{float:left; width:100%; color:#003e86; line-height:40px; }
.footer_top_left ul li{float:left; width:100%; font-size:0.875em; color:#555; line-height:24px;}
.footer_top_left ul li a{color:#777;}
.footer_top_left ul li a:hover{color:#0052a5; text-decoration:underline;}
.footer_top_right{float:left; width:25%; padding-top:30px;}
.footer_top_right_box{padding-left:14%; width:86%; float:left;}
.footer_top_right_box h3{float:left; width:100%; color:#222; line-height:40px;}
.footer_top_right_box p{float:left; width:100%;}
.footer_bottom{width:100%; float:left; border-top:1px solid #e1e1e1; padding:15px 0px 24px 0px; color:#777; font-size:0.875em;}
.footer_bottom_left{float:left; width:50%;}
.footer_bottom_right{float:left; width:50%; text-align:right;}
.footer_bottom_right a{color:#777;}
.footer_bottom_right a:hover{color:#003e86; text-decoration:underline;}

.fenxiang{float:left; width:100%; padding-top:40px;}
.fenxiang a{float:left; width:18px; height:18px; line-height:18px; background:#0052a5; margin-right:5px; text-align:center; border-radius:3px; padding:3px;}
.fenxiang a:hover{float:left; width:18px; height:18px; line-height:18px; background:#bd0000; margin-right:5px; text-align:center; border-radius:3px; padding:3px;}


/** links **/
.tmenu { width:100%; float:left;}
.tmenu ul li a, .menu ul li a:visited {display:block; text-decoration:none;  height:35px; text-align:left; color:#888; background:#e7e7e7; line-height:35px; padding-left:5%; width:95%; }
.tmenu ul {padding:0; margin:0;list-style-type: none;}
.tmenu ul li {float:left; position:relative; width:100%;}
.tmenu ul li ul {display: none;}
/* specific to non IE browsers */
.tmenu ul li:hover a {color:#fff; background:#0052a5; line-height:35px; height:35px; padding-left:5%; width:95%;}
.tmenu ul li:hover ul {display:block; position:absolute; bottom:35px; left:0; width:95%;}
.tmenu ul li:hover ul li a.hide { color:#555; line-height:35px;}
.tmenu ul li:hover ul li {display:block; color:#555; width:100%; clear:both;}
.tmenu ul li:hover ul li:hover a.hide {color:#555; height:30px; line-height:25px;}
.tmenu ul li:hover ul li ul {display: none;}
.tmenu ul li:hover ul li a {display:block; background:#eee; color:#999; width:100%; line-height:30px;}
.tmenu ul li:hover ul li a:hover {background:#222; color:#fff;}
.tmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:210px; bottom:0;}
.tmenu ul li:hover ul li:hover ul li a {background:#f5f5f5; color:#555; line-height:30px;}
.tmenu ul li:hover ul li:hover ul li a:hover {background:#f5f5f5; color:#555;}
.tmenu ul li:hover ul.left {left:-105px;}
.tmenu ul li:hover ul li:hover ul.left {left:-210px; width:100%;}


/*top qq 微信*/
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #b7b7b7 0px 1px 3px;
	       -moz-box-shadow: #b7b7b7 0px 1px 3px;
	       box-shadow: #b7b7b7 0px 1px 3px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #b7b7b7 -1px 1px 3px;
	font-family:"Hiragino Sans GB", "Helvetica Neue", "Microsoft YaHei", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti;
	color:#333;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
	-webkit-box-shadow: #b7b7b7 0px 1px 3px;
	       -moz-box-shadow: #b7b7b7 0px 1px 3px;
	       box-shadow: #b7b7b7 0px 1px 3px;
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #b7b7b7 0px -1px 3px;
    -moz-box-shadow: #b7b7b7 0px -1px 3px;
    box-shadow: #b7b7b7 0px -1px 3px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}
 
 

@media screen and (min-width:320px) and (max-width:767px) {  
.top_menu{float:right; color:#eaeaea; width:178px;} 
.title_site{ padding-top:50px; padding-left:15px;}
.title_site h2{font-size:3.0em;}
.title_site h3{font-size:0.875em; line-height:16px; width:250px; display:block;}
.title_site p{width:250px; display:block; font-size:0.875em; }
.title_site p a{display:none;}	
.footer_top_left ul{width:100%;}
.footer_top_left ul li{width:33%;}
body { 
min-width:320px; 
font-size:12px;
-webkit-text-size-adjust:none;
} 
#topNav{position:absolute;} /*菜单不固定*/
.head_width{min-width:320px; width:320px; padding:0px;
}
.cotent_width{min-width:320px; width:320px; padding:0px;
}
.news_width{min-width:320px; width:320px; padding:0px;
}
.logo{width:100%; display:none;}
.head_width_right{width:320px; float:left; height:90px;}
.head_width_right ul{width:320px; float:right; height:90px;}
.head_width_right ul li a{ font-size:1.0em; }

.navigation-down{position:absolute; top:70px; left:0px; width:100%; display:none;}
.list_nav_about{margin:0 auto; text-align:left;}
.list_nav_site{margin:0 auto; text-align:right;}
.list_nav_about_1{padding-left:0px;}
.list_nav_product_1{padding-left:0px;}
.list_nav_solutions_1{padding-left:0px;}
.list_nav_news_1{padding-right:0px;}  
.list_nav_site a, .list_nav_about a{color:#fff; line-height:50px; padding-left:15px; padding-right:15px;}
.list_nav_site a:hover, .list_nav_about a:hover{color:#99d3ff; text-decoration:underline; padding-left:15px; padding-right:15px;}
.scroll{width:40px;	height:40px; background:#ce0000; color:#fff; z-index:9999; line-height:40px; text-align:center; position:fixed; right:10px; bottom:20px; cursor:pointer; font-size:0.75em; border-radius:3px;
	}
	
.home_banner{height:300px; overflow:hidden; display:none;}
#kinMaxShow{ max-height:300px;}
	
.home_ab_img{width:100%; padding:10px 0px;}
.home_box_left{width:100%;  float:left;}
.home_box_right{width:100%; float:left;}
.home_news{width:100%;}
.home_solutions{width:100%;}
.home_solutions_1{margin-left:0px;}
.home_news_list li span{ display:none;}

.izl-rmenu{ display:none;}
#udesk-feedback-tab{ display:none;}

#carousel_ul li{width:320px; height:306px;}
#carousel_ul li img{width:280px;}

.ab_yewu_word p img{width:100%; margin-bottom:5px;}

.pro_caidan{ font-size:1.0em;}
.pro{height:180px;}
.news_blank_word p img{width:100%;}

.home_news{ width:320px; margin:0 auto; float:none;}
.home_solutions{  width:320px; margin:0 auto; float:none;}

.footer_top{width:300px; padding:0px 10px;}
.footer_bottom{width:300px; padding:15px 10px 24px 10px;}
.footer_top_left{float:left; width:100%; background:none;}
.footer_top_left ul h3{font-size:1.0em;}
.footer_top_right{display:none;}
.footer_bottom_left{float:left; width:100%;}
.footer_bottom_right{float:left; width:100%; text-align:left; line-height:18px;}

} 

/*窄屏 880分辨率（大于768px，小于959px）*/
@media screen and (min-width:768px) and (max-width:959px) {
body {
font-size:12px;}

.head_width{ width:740px; 
}

.home_news{ width:370px;}
.home_solutions{ width:370px;}
}


@media screen and (min-width:960px) and (max-width:1279px) { 
body {
font-size:12px;}
.head_width{ width:984px;
}
.cotent_width{ width:684px;
}
.news_width{ width:925px;
}

.home_news{ width:492px;}
.home_solutions{width:492px;}

.logo{width:115px;} 

.home_banner{height:450px; overflow:hidden;}
#kinMaxShow{ max-height:450px;}

.title_site{ padding-top:100px;}

.item {
	width:33%;
}

}
@media screen and (min-width:1280px) {
body {
	font-size:14px;
}
.head_width{ width:1260px; 
}
.cotent_width{ width:884px;
}
.news_width{ width:1024px;
}
.logo{width:126px;}  

.list_nav_about_1{padding-left:25%;}
.list_nav_product_1{padding-left:20%;}
.list_nav_solutions_1{padding-left:55%;}
.list_nav_news_1{padding-right:35%;}
	
.home_banner{height:480px; overflow:hidden;}
#kinMaxShow{ max-height:480px;}
	
.ab_img_word h3{ padding-bottom:10px;}
.ab_img_word h4{line-height:22px; height:65px;}
.home_news{width:650px;}
.home_solutions{width:650px;}
.home_news_list li{line-height:33px;}

.footer_top_left ul h3{font-size:1.0em;}
.footer_top_right_box h3{font-size:1.0em;}
.footer_top_left ul li{line-height:30px;}
.footer_top_left{float:left; width:75%;}

.top_menu_left{font-size:0.875em;}
.lage{font-size:0.875em;}
.title_site{ padding-top:125px;} 
.title_site p{ line-height:22px;}

.item {
	width:25%;
} 
}
 
 

