﻿@charset "utf-8";
/*common*/
.fl { float:left;}
.fr { float:right;}
.top,.content_index,.foot{overflow: hidden;}

.main{overflow: hidden;margin: auto;width: 1010px;}
.main h1{color:#666666; font-weight:bold; display: inline;}
.th_top{ height:2px;background:#245cd7;}
.h_top{ height:33px;line-height:33px; color:#666666; overflow:hidden; background:#f4f4f4; font-size:12px;}
.h_top span{ height:33px; line-height:33px; color:#666666;}
.main h1{color:#666666; font-weight:bold; display: inline;}
.h_top span a { color:#666666; line-height:33px; display:inline-block; padding:0 10px;}
.h_top img{ vertical-align:middle;} 
/* ================================================  top start ============================================ */

.top_logo{display: block;float: left;}
.top_zi{overflow: hidden;float: left;margin-top: 25px;padding-left: 3px;border-right: 1px solid #ededed;padding-right:25px;}
.top_zi span{font-size: 28px;color: #000;padding-bottom: 1px;}
.top_zi p{color: #9fa0a0;font-size: 14px;font-family:"Arial";letter-spacing: 0.3px;}
.top_ico{overflow: hidden;float: left;padding: 36px 0px 0px 25px;}
.top_ico span{color: #0058b3;font-size: 18px;padding-bottom: 3px;}
.top_ico img{vertical-align: top;}
.top_tel{overflow: hidden;float: right;background: url(../images/top_tel.jpg) no-repeat 0px 35px;padding-top: 32px;}
.top_tel span,.top_tel p{padding-left: 45px;}
.top_tel span{font-size: 18px;color: #0058b3;}
.top_tel p{font-size: 28px;color: #0058b3;font-family: "Impact";margin-top: -3px;}

/*navigation*/
.navigation{background: #0058b3;height: 55px;overflow: hidden;}
.navigation span{line-height: 55px;width: 126px;background: url(../images/nav_line.jpg) no-repeat 0px;display: block;float: left;text-align: center;}
.navigation span a{color: #fff;font-size: 16px;display: block;}
.navigation span a:hover{background: url(../images/nav_hover.png) no-repeat center 46px;}
.navigation span a.hover{background: url(../images/nav_hover.png) no-repeat center 46px;}

.navigation span:hover .nav{display:block;}

.banben{
   float: right;
}
.banben UL LI{
   display: inline;
    float: left;
    margin-left: 8px;
}
.banben UL LI A{
   color: #333;
}
#en{
   padding-left: 30px;
    background: url("../images/ico_cn.jpg") no-repeat left center;
}
#ru{
   padding-left: 30px;
    background: url("../images/en.jpg") no-repeat left center;
}
#sp{
   padding-left: 30px;
    background: url("../images/ru.jpg") no-repeat left center;
}



/*下拉菜单*/
.nav{width: 130px;position: absolute;z-index: 2;*margin-left:-64px;display: none;}
.nav li{text-align: center;line-height: 40px;margin-top: 1px;}
.nav li a{display: block;width: 130px;height: 40px;background: url("../images/nav_bg.png") repeat-x;color: #fff;font-size: 14px;}
.nav li a:hover{background: url("../images/nav_h.png") repeat-x;color: #fff;}
.nav_prod li a:hover{background: url("../images/nav_h1.png") no-repeat;}

/*第三级下拉菜单*/
.nav li .nav_le{overflow: hidden;width: 130px;position: absolute;z-index: 3;left: 131px;display: none;margin-top: -40px;*margin-top:0;}
.nav li .nav_le a{width: 130px;height: 40px;margin-bottom: 1px;background: url("../images/nav_h2.png") repeat-x;line-height: 40px;text-align: center;color: #fff;font-size: 14px;}
.nav li .nav_le a:hover{background: #f08519;color: #fff;}

.nav li:hover .nav_le{display: block;}

/* ================================================  content start ============================================ */

/* banner */
.bannerbox {
    position: relative;
    z-index: 0;
}.flexslider {
    background:url("loading.gif") no-repeat scroll 50% center;
    height: 378px;
    overflow: hidden;
    position: relative;
}
.slides {
    position: relative;
    z-index: 1;
}
.slides li {
    height: 398px;
}
.flex-control-nav {
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.flex-control-nav li {
    display: inline-block;
	 *display: inline;
    height: 14px;
    margin: 0 5px;
    width: 14px;
}
.flex-control-nav a {
    background:url("dot.png") no-repeat scroll right 0;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    line-height: 40px;
    overflow: hidden;
    width: 14px;
}
.flex-control-nav .flex-active {
    background-position: 0 0;
}
.flex-direction-nav {
    position: absolute;
    top: 45%;
    width: 100%;
    z-index: 3;
}
.flex-direction-nav li a {
    cursor: pointer;
    display: block;
    height: 50px;
    overflow: hidden;
    position: absolute;
    width: 50px;
}
.flex-direction-nav li a.flex-prev {
    background:url("prev.png") no-repeat scroll center center;
    left: 40px;
}
.flex-direction-nav li a.flex-next {
    background:url("next.png") no-repeat scroll center center;
    right: 40px;
}

/*您在寻找什么*/
.product{overflow: hidden;padding: 40px 0px 40px 0px;}
.title{overflow: hidden;}
.title p{color: #2c5885;font-size: 28px;font-weight: bold;text-align: center;}
.title p span{color: #f08519;}
.title_z{overflow: hidden;text-align: center;margin-top: -2px;}
.title_z span{height: 19px; width: 335px; display: inline-block;*display: inline;*zoom:1;}
.title_z p{
	color: #bebebe;
	font-size: 16px;
	font-family: "Constantia";
	margin: 0px 8px; 
	text-transform: uppercase; 
	background: url(../images/title_heng.jpg) no-repeat center 25px;
	padding-bottom: 30px;
	display: inline-block;
	*display: inline;
	*zoom:1;
}
.title_zuo{background: url(../images/title_zuo.png) no-repeat right 10px;}
.title_you{background: url(../images/title_you.png) no-repeat left 10px;}

.product_c,.product_t{overflow: hidden; text-align:center;}

.p_prev,.p_next{display: block;width: 12px;height: 23px;margin-top: 20px;}
.p_prev{float: left;background: url(../images/prev.png) no-repeat;}
.p_next{float: right;background: url(../images/next.png) no-repeat;}
.p_prev:hover{float: left;background: url(../images/prev_hover.png) no-repeat;}
.p_next:hover{float: right;background: url(../images/next_hover.png) no-repeat;}

.product_u{width: 100%;height: 45px;position: relative;padding-top: 10px;MARGIN-RIGHT: auto; MARGIN-LEFT: auto; text-align:center;}
.product_u li{float:left;padding-right: 8px;line-height: 45px;text-align: center;min-width: 90px;}
.product_u li.r{padding-right: 0;}
.product_u li a{display: block; padding-left:15px; padding-right:15px; height: 45px;background: #e6e6e6;font-size: 14px;color: #676767;-webkit-transition: all 0.5s ease-in-out 0s;}
.product_u li a:hover{background: #0058b3;color: #fff;}
.product_u li a.hover{background: #0058b3;color: #fff;}

.product_ct{padding-top: 10px;height:auto;margin-top: 20px;}
.product_ct li{width: 242px;padding-right: 14px;float: left;overflow: hidden; margin-bottom:15px;}
.product_ct li.r{padding-right: 0;}
.product_ct li a{display: block;width: 222px;background: #efefef;padding: 10px;-webkit-transition: all 0.5s ease-in-out 0s;}
.product_ct li a img{width: 222px;height: 168px;margin-bottom: 20px;}
.product_ct li a h2{color: #676767;font-size: 14px;padding-left: 10px;font-size: 16px;cursor: pointer;height: 26px;
overflow: hidden;}
.product_ct li a h6{width: 65px;height: 1px;background: #d9d9d9;margin: 13px 0px 13px 10px;cursor: pointer;}
.product_ct li a p{color: #5b5b5b;font-size: 12px;line-height: 23px;cursor: pointer;padding-left: 10px;height: 46px;overflow: hidden;}
.product_ct li a h4{width: 78px;height: 26px;border:1px solid #a7a7a7;text-align: center;cursor: pointer;line-height: 26px;color: #5b5b5b;margin: 13px 0px 8px 10px;}
.product_ct li a:hover{background: #0058b3;}
.product_ct li a:hover h2,.product_ct li a:hover p{color: #fff;}
.product_ct li a:hover h6{background: #fff;}
.product_ct li a:hover h4{background: #f08519;border: 1px solid #f08519;color: #fff;}

.p_more{width: 185px;height: 35px;display: block;margin:30px auto;background: url(../images/more.jpg) no-repeat;-webkit-transition: all 0.5s ease-in-out 0s;}
.p_more:hover{background: url(../images/more_hover.jpg) no-repeat;}

.ps_bg{overflow: hidden;
height: 520px;}


/*成功案例*/
.case{overflow: hidden;background:url("../images/case_bg.jpg") no-repeat center 456px #efefef;padding: 40px 0px 15px 0px;}

/*关于我们*/
.about{overflow: hidden;padding-top: 40px;}
.about_c{overflow: hidden;padding-top:15px;}
.about_e{width: auto;overflow: hidden;float: left;padding-bottom: 10px; font-size:14px; line-height:26px;}
.about_e a{font-size:14px; line-height:26px;}
.about_img{display: block;float: left; margin-right:20px;}
.about_zi{float: right;overflow: hidden;padding: 10px 0px 0px 15px;}
.about_zi p{color:#595757;line-height: 25px;height: 125px;overflow: hidden;}
.about_zi h5{width: 90px;height: 28px;background: url("../images/a_more.jpg") no-repeat;color: #fff;line-height: 28px;text-indent: 15px;margin-top: 20px;-webkit-transition: all 0.5s ease-in-out 0s;}
.about_zi:hover h5{background: url("../images/a_more_hover.jpg") no-repeat;color: #fff;}
.about_zi:hover p{text-decoration: underline;}

.about_r{width: 300px;float: right;background: #efefef;padding: 15px 10px 15px 10px;}
.h_prev,.h_next{width: 17px;height: 31px;display: block;margin-top: 90px;}
.h_prev{float: left;background: url("../images/h_prev.png") no-repeat;}
.h_next{float: right;background: url("../images/h_next.png") no-repeat;}
.h_prev:hover{float: left;background: url("../images/h_prev_hover.png") no-repeat;}
.h_next:hover{float: right;background: url("../images/h_next_hover.png") no-repeat;}
.about_ho{float:left;width: 240px;height: 241px;margin-left: 16px;overflow: hidden;position: relative;}
.about_ho li{width: 240px;float: left;overflow: hidden;}
.about_ho li a{display: block;text-align: center;}
.about_ho li a img{width: 240px;height: 205px;}
.about_ho li a p{color: #595757;font-size: 14px;padding-top: 8px;}
.about_ho li a:hover p{color: #f08519;}


/*新闻*/
.news{background: #efefef;padding: 40px 0px;}
.news_k{width: 316px;padding-right: 30px;float: left;overflow: hidden;height: 365px;}
.news_k.r{padding-right: 0px;}
.news_k p{color: #0c4f9b;font-size: 18px;padding-bottom: 15px;}
.news_k p span{color:#989898;font-size: 12px;font-family: Arial;text-transform:uppercase;}
.news_u{background: #fff;padding: 10px;}
.news_cu{width: 295px;height: 315px;overflow: hidden;position: relative;}
.news_cu li{width: 295px;float: left;overflow: hidden;}
.news_cu li a{
	display: block;
	background-attachment: scroll;
	background-image: url(../images/inf_ic.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
}
.news_cu li a img{width: 295px;height: 182px;}
.news_cu li a h3{
	padding: 10px 0px 5px 0px;
	color: #3e3a39;
	font-size: 14px;
	width: 275px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 10px;
}
.news_cu li a p{color: #9fa0a0;font-size: 12px;line-height: 18px;height: 30px;overflow: hidden;}
.news_btn{overflow: hidden;margin: 12px 0px 15px 0px;}
.news_btn a{width: 45px;height: 26px;display: block;float: left;margin-right: 1px;-webkit-transition: all 0.5s ease-in-out 0s;}
.n_prev{background: url("../images/n_prev.jpg") no-repeat;}
.n_next{background: url("../images/n_next.jpg") no-repeat;}
.n_prev:hover{background: url("../images/n_prev_hover.jpg") no-repeat;}
.n_next:hover{background: url("../images/n_next_hover.jpg") no-repeat;}
.news_faq{background: #fff;padding: 15px 20px 20px 20px;overflow: hidden;}
.news_f{padding: 9px 0px;border-bottom: 1px solid #f3f5f7;overflow: hidden;}
.news_f span{color: #595757;background: url("../images/ask.jpg") no-repeat;padding: 0px 0px 7px 35px;line-height: 25px;}
.news_f span a{color: #595757;line-height: 25px; font-size:14px;}
.news_f p{color:#f08519;line-height: 16px;background: url("../images/da.jpg") no-repeat 0px;padding: 0px 0px 0px 35px; font-size:12px;}

/*合作用户*/
.he{overflow: hidden;padding: 20px 0px; padding-top:0px;}
.he_c{overflow: hidden;background: #efefef;padding: 20px 0px; padding-bottom:10px;}
.he_prev,.he_next{width:30px;height: 65px;display: block;margin-top: 65px;}
.he_prev{float: left;background: url("../images/c_prev.jpg") no-repeat;}
.he_next{float: right;background: url("../images/c_next.jpg") no-repeat;}
.he_prev:hover{background: url("../images/c_prev_hover.jpg") no-repeat;}
.he_next:hover{background: url("../images/c_next_hover.jpg") no-repeat;}
.he_u{width: 910px;overflow: hidden;height: 200px;position: relative;float: left;margin-left: 27px;}
.he_u li{width: 210px;float: left;overflow: hidden;padding-right: 18px;}
.he_u li.r{padding-right: 0;}
.he_u li a{display: block;width: 210px;height: 198px;border: 1px solid #dfdfdf;text-align:center; }
.he_u li a span{ font-size:14px;line-height:40px;}


/* ================================================  content end ============================================ */

.pic_list {
    list-style: outside none none;
    margin: 0px 0;
	margin-left:10px;
    overflow: hidden;
    padding: 0;
}
.pic_list li {
    float: left;
    margin: 0 12px 13px 0;
    width: 232px;
}
.pic_list li a {
    border: 1px solid #dfdcdc;
    display: block;
    padding: 3px;
}
.pic_list li a img {
    border: 0 none;
}
.pic_list li a .title {
    font-family: microsoft yahei;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.pic_list li a:hover {
    border: 1px solid #acaaaa;
}
.pic_list li a:hover .title {
    color: #1f92d1;
}

/* ================================================  foot start ============================================ */
.foot_one{overflow: hidden;background: #0063b3;}
.link_name{width: 80px;height: 45px;background: url("../images/link.jpg") no-repeat;color: #fff;font-size: 14px;text-align: center;line-height: 45px;float: left;}
.link_u{width: 905px;padding-left:15px;float: left;overflow: hidden;padding-top: 10px;}
.link_u li{float: left;background: url("../images/link_line.jpg") no-repeat right 8px;line-height: 30px;}
.link_u a{display: block;padding: 0px 15px;color: #cedef3;font-size: 14px;}
.link_u a:hover{color:#f08519;}

.foot_two{background: #0058b3;padding-top: 30px;}
.foot_logo{display: block;float: left;margin-right: 10px;}
.foot_code{float:left;overflow: hidden;text-align: center;}

.foot_nav{overflow: hidden;float: left;padding-left: 22px;}
.foot_u{overflow: hidden;padding-bottom:5px;}
.foot_u li{float: left;}
.foot_u li a{display: block;font-size: 14px;color: #cedcee;padding-right: 20px;}
.foot_u li a:hover{color: #f08519;}
.foot_nav p,.foot_nav p span,.foot_nav p span a{color: #cedcee;line-height: 19px;font-size: 12px;}
.foot_nav p span a:hover{color: #f08519;}

.foot_ban{overflow: hidden;border-top: 1px solid #004f9f;height: 40px;line-height: 40px;color: #cedcee;font-size: 12px;margin-top: 25px;}
.foot_ban a{color: #cedcee;}
.foot_ban a:hover{color: #f08519;}

/* ================================================  foot end ============================================ */
/*main css*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;float:left; text-align:center; line-height:14px;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top; display:none;}