@charset "utf-8";
/*------------------通用样式-------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
}
* {margin:0;padding:0;}
ul, ol, li {list-style:none}
a {text-decoration: none; font-size:14px; color:#333;}
a:hover {color:#0e357f;}
img {margin:0;padding:0;border:none;}
.clear {clear:both;margin:0px;padding:0px;}
form {display: block;}
#all {width: 100%;margin:0px auto;height: auto;min-width:1200px;overflow:hidden;background-color:#FFF;}
#alla{width: 100%;margin:0px auto;height: auto;min-width:1200px;overflow:hidden;background-color:#f4f5f6;}
.nav ul li h2,.ce_nav li h3{font-weight:normal;}
.navn ul li h2{font-weight:normal;}


/*--------------------通用样式结束----------------------*/



#gotoTop {
	display: none;
	z-index: 599;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color: #333;
	background-color: rgba(0,0,0,0.3);
	font-size: 1.25rem;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	cursor: pointer;
	border-radius: 2px;
}

body:not(.device-touch) #gotoTop {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}

.stretched #gotoTop { bottom: 30px; }

#gotoTop:hover { background-color: #1ABC9C; }

/* 导航样式 */
.x-menu {
  /* width: 1200px;
  margin: 0 auto */
  }

  .x-menu > li {
    float: left;
    position: relative;
    text-align: center;
    margin-left:56px;
  }

  .x-menu > li:last-child{background:none}
  .x-menu > li > a {
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
  }

  .x-menu > li > a:hover {
    border-bottom: 3px solid #fff;
    color: #fff;
  }

  .x-menu > li.active > a {
    border-bottom: 3px solid #fff;
    color: #fff;
  }

  .x-menu > li:after {
    content: '';
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    height: 40px;
    opacity: 0;
    top: 100%;
  }

  .x-menu > li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  .x-sub-menu {
    position: absolute;
    z-index: 99;
    width: 185%;
    left: -42%;
    top: 65px;
    background: #fff;
    border-radius: 5px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }

  .x-sub-menu > li > a {
    display: block;
    text-align: center;
    line-height: 2;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: .5em;
  }

  .x-sub-menu > li > a:hover {
    background: #e9eaeb;
  }

  .x-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
  }


/*--------------------头部样式 开始----------------------*/

/*.header {width:100%; height:85px; margin:0px auto; z-index:999; position: fixed; background-color:#FFF;border-bottom:1px solid #f1f1f1; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);}
.header.headn {width:100%; height:85px; margin:0px auto; background-color:#FFF; position:relative;}
.head_inside{width:1200px; overflow:hidden; margin-left:auto; margin-right:auto; padding-top:10px;}
.logo{height:60px; overflow:hidden; float:left; margin-top:5px;position:relative;}
.logo a{ display:block;}
.head_r{float:right;}
.nav{height:54px; margin-top:5px;}
.nav ul{clear:both;}
.nav ul li{float:left; margin-left:28px; height:67px;  }
.nav ul li a{height:53px; display:block; color:#333; font-size:18px; line-height:50px; padding:0px; z-index:99; position:relative;}
.nav ul li a:hover{height:50px; border-bottom:3px solid #0e357f;color:#0e357f; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.nav ul .nav_Location a{height:50px; border-bottom:3px solid #0e357f; color:#0e357f;font-weight:bold;}

.headern {width:100%; height:85px; margin:0px auto; z-index:999; position: fixed; background-color:#fff; border-bottom:1px solid #1a67bb; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);}

.navn{height:54px; margin-top:5px;}
.navn ul{clear:both;}
.navn ul li{float:left; margin-left:28px; height:67px;  }
.navn ul li a{height:53px; display:block; color:#333; font-size:18px; line-height:50px; padding:0px; z-index:9; position:relative;}
.navn ul li a:hover{height:50px; border-bottom:3px solid #0e357f; color:#0e357f;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.navn ul .nav_Location a{height:50px; border-bottom:3px solid #0e357f; color:#0e357f;font-weight:bold;}
*/


.header {width:100%; height:63px; margin:0px auto; z-index:999; position: fixed; background-color:#FFF;border-bottom:1px solid #f1f1f1; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);display: flex;justify-content: center; }
.header.headn {width:100%; height:85px; margin:0px auto; background-color:#FFF; position:relative;}
.head_inside{width:1200px; overflow:hidden;  padding-top:0px;}
.logo{height:60px; overflow:hidden; float:left; margin-top:5px;position:relative;}
.logo a{ display:block;}
.head_r{float:right;}
.nav{height:54px; margin-top:5px;}
.nav ul{clear:both;}
.nav ul li{float:left; margin-left:30px; height:67px;  }
.nav ul li a{height:53px; display:block; color:#333; font-size:18px; line-height:50px; padding:0px; z-index:99; position:relative;}
.nav ul li a:hover{height:50px; border-bottom:3px solid #0e357f;color:#0e357f; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.nav ul .nav_Location a{height:50px; border-bottom:3px solid #0e357f; color:#0e357f;font-weight:bold;}

.headern {display: flex;justify-content: center;width:100%; height:65px; margin:0px auto; z-index:999; position: fixed; background-color:#fff; border-bottom:1px solid #1a67bb; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);}

.navn{height:54px; margin-top:7px;}
.navn ul{clear:both;}
.navn ul li{float:left; margin-left:28px; height:67px;  }
.navn ul li a{height:53px; display:block; color:#333; font-size:18px; line-height:50px; padding:0px; z-index:9; position:relative;}
.navn ul li a:hover{height:50px; border-bottom:3px solid #0e357f; color:#0e357f;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;/*过渡效果*/}
.navn ul .nav_Location a{height:50px; border-bottom:3px solid #0e357f; color:#0e357f;font-weight:bold;}

.box2{position:absolute; display: none; background:#fff;}
.box2 a{ height:34px !important; line-height:34px !important; font-size:14px !important;}
.box2 a:hover{height:34px !important;}
.nav ul li:hover .box2{display: block;}
.navn ul li:hover .box2{display: block;}
.box2 a{ padding-left:8px!important; padding-right:8px!important;}

.signlj{line-height: 60px;margin-left: 40px;    color: #0e357f;
    font-weight: bold;
    font-size: 18px;
	text-decoration: none;
	cursor: pointer;
	margin-top:1px;
}
.signljtc{
	line-height: 60px;margin-left: 20px;    color: #0e357f;
	    font-weight: bold;
	    font-size: 16px;
		display: none;
		text-decoration: underline;cursor: pointer;
}

/*--------------------头部样式 结束----------------------*/



/*--------------------banner样式 开始----------------------*/

.banner{width:100%; height:auto; overflow:hidden; margin:0px auto;margin-top:64px;}

/*-------首页banner特效------*/

.flexslider { margin: 0px auto;position: relative;width: 100%;height:880px;overflow: hidden;zoom: 1; }   
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 80px;height: 70px;line-height: 99em;overflow: hidden;margin: -25px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;}
.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=80);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=80);}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=100);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align:center;}
.flex-control-nav li {margin: 0 2px;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,
.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img { width: 100%;height:880px;display: block;}
.flex-direction-nav{ margin-left:auto; margin-right:auto; position:relative; /*margin-top:260px;*/ top:45%;}
.flex-prev:hover{background: url(../images/ad_ctra.png) no-repeat; left: 0;}
.flex-next:hover{background: url(../images/ad_ctra.png) no-repeat; background-position: 0 -70px; right: 0;}

/*--------------------banner样式 结束----------------------*/


.main{width:100%; margin:0 auto; clear:both; /*padding-top:50px;*/}




/*--------------------通用标题样式----------------------*/


.same_title{width:1200px; margin-height:10px ; margin-left:auto; margin-right:auto;}
.tt_name{line-height:10px; font-size:30px; font-weight:bold; color:#0e357f; width:1200px; height:5px; text-align:center; margin-left:auto; margin-right:auto;}
.line{margin-top:0px; width:60px; height:0px; background-color:#B7B7B7; margin-left:auto; margin-right:auto;}
.en_name{line-height:20px; font-size:14px; color:#666; padding-top:10px; text-align:center; margin-top:10px;}
.en_na-me p{padding-left:135px;}
.same_titlea{width:500px;}
.tt_namea{line-height:40px; font-size:30px; font-weight:bold; color:#0e357f; width:500px; height:40px;}
.linea{margin-top:17px; width:60px; height:3px; background-color:#B7B7B7;}
.en_namea{line-height:20px; font-size:14px; color:#666; padding-top:10px; margin-top:10px;}

.same_titleb{width:1200px; margin-right:auto; margin-left:auto;}
.tt_nameb{line-height:40px; font-size:30px; font-weight:bold; color:#0e357f; width:1200px; height:40px;}
.lineb{margin-top:17px; width:60px; height:3px; background-color:#B7B7B7; float:left;}
.ib_more{width:90px; height:25px; font-size:14px; color:#555; line-height:25px; text-align:right; display: block; float:right;}

/*--------------------首页-最新产品样式----------------------*/

.n_product{width:1200px; margin-left:auto; margin-right:auto; margin-top:50px;}
.nproduct_frame{width:1200px; margin-top:0px;height:400px}

.product_single{width:268px; height:350px;background-color:#FFF; float:left; margin-right:40px; margin-top:30px;border:1px solid #ccc;}
.product_single.no_m{margin-right:0px;}
.product_name{width:250px; height:0px; font-size:14px; color:#0e357f; line-height:20px; display:block; overflow:hidden; margin-left:auto; margin-right:auto; margin-top:20px; font-weight:bold;text-align: center;}
.elaborate{width:250px; height:50px; font-size:12px; color:#666; line-height:25px; overflow:hidden; margin-top:10px; margin-left:auto; margin-right:auto;}
.see{width:250px; height:20px; text-indent:30px; margin-top:10px; display:block; line-height:20px; font-size:12px; margin-left:auto; margin-right: auto; background-image:url(see.png); background-repeat:no-repeat; background-position:left center; margin-bottom:15px;}

.product_pic { width:250px; position: relative; height:166px; display: block; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:9px;}
.yang{margin-right:0px;}
.product_pic img{ width:250px; height:166px;}
.product_pic .shinep { z-index: 3; position: absolute; top: 0; left:0; width: 268px; height: 180px; background: url(../images/shine_brand.png) no-repeat 270px 0; display:block; overflow:hidden;}
.product_pic .shinep { _background: none; }

.product_single:hover{border:1px solid #0e357f;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.product_single:hover .product_go{background-image:url(goa.png);}


/*--------------------首页-热门产品样式----------------------*/

.i_product{width:100%; margin-left:auto; margin-right:auto; padding-top:50px;padding-bottom:40px; background-color:#f4f5f6; /*margin-top:50px;*/ border-top:1px solid #CCC;}
.iproduct_frame{width:1200px; margin-left:auto; margin-right:auto;}

.ipro_single{width:270px; height:auto; position:relative; background-color:#FFF; margin-right:40px; float:left; margin-top:32px; overflow:hidden;}
.ipro_single.proelse{margin-right:0px;}
.photo_ipro{width:270px;height:270px;overflow:hidden;}
.cover_ipro{width:270px;height:270px;overflow:hidden;position: absolute;background:#0e357f;top:0px;left:0px;}
.text_ipro{position:absolute;width:270px;height:270px;left:-270px;top:0px;overflow:hidden;text-align: center;
    line-height: 270px;
    color: #fff;}
.look_ipro{width:270px; height:270px; overflow:hidden; background-image: url(look.png); background-repeat:no-repeat; background-position:center 60px; display:block; color: #fff;}
.look_ipro:hover{ color:#FFF;}

.ipro_text{width:240px; padding:15px;}
.ipro_name{width:240px; height:30px; line-height:30px; color:#333; font-size:14px; font-weight:bold; display:block; overflow:hidden;}
.ipro_see{width:98px; height:26px; display:block; overflow:hidden; line-height:26px; font-size:12px; color:#444; text-align:center; border:1px solid #0e357f; border-radius:30px; margin-top:12px;}
.ipro_see:hover{background-color:#0e357f; color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}





/*--------------------首页-新闻资讯样式----------------------*/


.i_g{width:100%; margin-left:auto; margin-right:auto; padding-top:50px; padding-bottom:50px;}
.ig_frame{width:1200px; margin-left:auto; margin-right:auto; height:480px; overflow:hidden;}

.in_left{width:570px; background-color:#FFF; float:left;}
.in_frame{width:570px; display:block; overflow:hidden;}
.in_single{width:570px; height:160px; overflow:hidden; margin-top:30px;}
.ins_left{width:180px; height:160px; float:left;}
.in_img{width:180px; height:120px; display:block; overflow:hidden;}
.in_time{width:150px; height:38px; border:1px solid #CCC; line-height:38px; font-size:14px; color:#666; padding:0 14px;}
.in_time span{color:#333; font-size:16px; font-weight:bold;}
.ins_right{width:360px; height:160px; float:right;}
.in_name{width:360px; height:30px; font-size:16px; color:#0e357f; line-height:30px; display:block; font-weight:bold; overflow:hidden; margin-top:5px;}
.in_text{width:360px; height:50px; font-size:14px; color:#666; line-height:25px; overflow:hidden; margin-top:10px;}
.in_see{width:110px; height:28px; display:block; line-height:28px; color:#555555; font-size:14px; border:1px solid #A3A3A3; text-align:center; border-radius:30px; margin-top:20px;}
.in_see:hover{background-color:#0e357f; color:#FFF; border:1px solid #0e357f; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}


/*--------------------首页-购买指南样式----------------------*/

.is_frame{width:570px; float:right;}
.iguide_frame{width:570px; padding-top:15px;} 
.iguide_single{width:570px; height:105px; overflow:hidden; margin-top:20px; }
.ir_name{width:570px; height:30px; line-height:30px; font-size:16px; color:#333; font-weight:bold; overflow:hidden; display:block;background-image:url(g_i.png); background-repeat:no-repeat; background-position:left center; text-indent:40px;}
.ir_text{width:570px; height:50px; line-height:25px; font-size:14px; color:#666; line-height:25px; overflow:hidden; margin-top:9px;}




/*--------------------首页-客户评价样式----------------------*/

.i_evaluate{width:100%; margin-left:auto; margin-right:auto; padding-top:50px; padding-bottom:60px; background-color:#26313A;}
.ievaluate_frame{width:100%; margin-top:40px; }
.ie_single{width:370px; height:230px; float:left; margin-right:45px; overflow:hidden; position:relative;}
.comment{width:330px; height:125px; padding:20px 20px 50px 20px;  font-size:12px; color:#666; line-height:25px; overflow:hidden; background-color:#FFF;}
.ie_single:hover .comment{ color:#333; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.personal{width:350px; height:70px; margin-top:10px; position:absolute; top:150px; left:20px;}
.p_photo{width:60px; height:60px; overflow: hidden; float:left; padding:5px; background-color:#FFF; border-radius:100px; position:relative; z-index:9;}
.p_photo img{border-radius:100px;}
.p_text{width:260px; height:60px; float:left; margin-left:20px; margin-top:100px;}
.p_name{width:260px; height:30px; line-height:30px; font-size:16px; color:#FFF; font-weight:bold;}
.p_where{width:260px; height:20px; line-height:20px; font-size:12px; color:#26313A; margin-top:15px;}
.ie_single.ino_m{margin-right:0px;}

.ie_single:hover .p_text{margin-top:0px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.ie_single:hover .p_name{color:#333;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.ie_single:hover .p_where{color:#94ACB3;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

.c_frbox {position:relative; width:1200px; margin-left:auto; margin-right:auto;}
.c_frBtnL {cursor: pointer; display:none; z-index:90;position: absolute;left:-50px; top:68px;}
.c_frUl {height: 230px; width: 1200px; overflow:hidden; position:relative;}
.c_frBtnR {cursor: pointer; position: absolute;right:-50px;top: 68px; display:none;}
.c_frUl ul li { display: inline; float: left; height: 230px; width: 370px; margin-right: 45px; overflow: hidden; }
.ievaluate_frame:hover .c_frBtnL,.ievaluate_frame:hover .c_frBtnR{display: block; top:68px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}



/*--------------------首页-合作伙伴样式----------------------*/

.cooperation{width:100%; padding:50px 0px;background-color: #f4f5f6;}
.ic_frame{width:1200px; margin-left:auto; margin-right:auto; /*margin-top:10px; margin-top:16px;*/}
.ic_single{width:214px;border:1px solid #CCC; overflow:hidden; display:block; margin-right:30px; float:left; margin-top:30px;}
.ic_single.no_m{margin-right:0px;}
.sygscjtit{text-align: center;line-height: 2rem;height: 2rem;overflow: hidden;}


/*--------------------首页-在线联系样式----------------------*/

.online{width:100%; padding-top:50px; padding-bottom:50px;}
.on_frame{width:1140px; height:30px; border:1px solid #CCC; margin-left:auto; margin-right:auto; margin-top:40px; padding:34px 29px;}
.on_single{width:285px; float:left; overflow:hidden; height:30px; line-height:30px; font-size:18px; color:#333; text-align:center;}
.on_single span{color:#0e357f;}
.on_single a{color:#0e357f; font-size:18px; }

/*--------------------首页-底部样式----------------------*/

.i_bottom{width:100%; margin-left:auto; margin-right:auto; padding-top:30px; /*padding-bottom:50px;*/ background-color:#26313A;}
.ib_frame{width:1200px; height:320px; margin-left:auto; margin-right:auto;}

.ib_left{width:520px; height:240px; overflow:hidden; float:left;}
.ib_title{height:50px;}
.ibt_name{height:30px; line-height:30px; font-size:24px; color:#FFF;}
.ib_line{width:30px; height:3px; background-color:#0e357f; margin-top:12px;}
.ibl_text{width:520px; height:120px; overflow:hidden; line-height:25px; font-size:14px; color:#CCCCCC; margin-top:20px;}
.ibl_text .addr:hover{ color:#ccc; }

.i_bottom .i_more{width:120px; height:30px; font-size:14px; color:#b8b9ba; line-height:30px; text-align:center; margin-top:15px; border:1px solid #b8b9ba; display:block; border-radius:50px;}
.i_bottom .i_more:hover{color:#FFF; background-color:#0e357f; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

.ib_middle{ width:290px; float:left; margin-left:50px;}
.ibm_frame{width:290px; margin-top:20px;}
.db{width:290px; height:50px; overflow:hidden;}
.ibm_frame p{line-height:30px; font-size:16px; color:#ccc; margin-top:20px;}


.ib_right{width:340px; height:320px; float:right;}
.ibr_frame{width:340px; height:170px; margin-top:10px;}
.ibr_frame{width:340px; margin-top:20px;}
.lx{width:32px; height:32px; overflow:hidden; display:block; float:left; margin-right:20px; background-repeat:no-repeat;}
.lx.lx1{ background-image:url(linkedin.png);}
.lx.lx1:hover{ background-image:url(linkedin2.png); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.lx.lx2{ background-image:url(whats-app.png);}
.lx.lx2:hover{ background-image:url(whats-app2.png); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.lx.lx3{ background-image:url(skype.png);}
.lx.lx3:hover{ background-image:url(skype2.png); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.lx.lx4{ background-image:url(wechat.png);}
.lx.lx4:hover{ background-image:url(wechat2.png); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.lx.lx5{ background-image:url(teams.png);}
.lx.lx5:hover{ background-image:url(teams2.png); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.add{width:340px; line-height:30px; font-size:14px; color:#ccc; margin-top:10px;}

.i_bottom a{color:#CCC;}
.i_bottom a:hover{color:#0e357f;}


/*--------------------首页脚部----------------------*/

.footer{width:100%; padding:30px 0px; background-color:#202830; margin:0 auto; clear:both;}
.foot{width:1200px; margin:0 auto;}
.foot a{font-size:14px; color:#999999;}
.foot a:hover{color:#0e357f;}

.foot_record{line-height:30px; height:auto; font-size:14px; color:#939393; text-align:center;}


/*--------------------关于我们页面样式----------------------*/


.mainin{width:100%; padding-bottom:40px;margin-top:250px;}
.main_top{width:100%;background: #f4f5f6;border-bottom:1px solid #CCC;position:fixed;z-index:9;left:0;}


.location{width:100%; height:100px; margin-left:auto; margin-right:auto; margin-top:65px;}
.loc_f{width:1200px; height:100px; overflow:hidden; margin-left:auto; margin-right:auto;}
.crumbs{ width: 50%; height:20px; line-height:20px; margin-top:40px; float:left; background-image: url(homea.png); background-repeat: no-repeat; background-position:left center; text-indent:30px; min-width:285px;}
.back{width:110px; height:35px; display:block; font-size:14px; color:#FFF; line-height:35px; text-align:center; border-radius:4px; background-color:#0e357f; margin-top:20px; float:right;}
.back:hover{background-color:#025F99; color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}

.suo{font-size:18px; color:#333; line-height:20px; height:20px;}
.suo a{font-size:18px; color:#333;}
.suo a:hover{color:#0e357f;}
.suo span{padding-right:10px; height:20px;line-height: 20px;}

.search{ width:270px; height:33px; float:right; border:1px solid #CCC; border-radius:50px; overflow:hidden; margin-top:30px;}
.search form{width:270px; height:33px; display:block; clear:both;}
.sousuo{width:200px; height:33px; border:0px; display:block; float:left; padding:0 10px; line-height:33px; font-size:14px; color:#666; border-right:0px;}
.search_btn{width:50px; height:33px; background-color:#FFFFFF; display:block; border:0px; border-left:0px; float: left; cursor: pointer; background-image: url(../images/search.png); background-repeat:no-repeat; background-position:center center;}
.search_btn:hover{background-image: url(../images/searcha.png); background-color:#0e357f;border:0px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}


.main_nei{width:1200px; overflow:hidden; margin-left:auto; margin-right:auto;}


.details{width:1150px; padding:24px; background-color:#FFF; overflow:hidden; border:1px solid #CCC; margin-top:200px;}
.details_f{width:1150px; overflow:hidden;}
.details_f p{line-height:1.4em;}

.ib_product{width:100%; margin-left:auto; margin-right:auto; padding-top:50px;padding-bottom:60px; background-color:#f4f5f6; margin-top:10px;}

/*--------------------产品中心页面样式----------------------*/


.type_frame{ width:100%; margin-top:210px;}
.type_list{width:1200px; margin-left:auto; margin-right:auto;}
.type_list h3{display: inline; font-weight:normal;}
.type_list a{line-height:35px; padding-left:20px; padding-right:20px; border:1px solid #CCC; display:inline-block; font-size:14px; background-color:#FFF; margin-top:30px; margin-right:10px; border-radius:30px; background-color:#f4f5f6;}
.type_list a:hover{ background-color:#0e357f; color:#FFF; border:1px solid #0e357f;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

.product_frame{ width:1200px; overflow:hidden; margin-top:10px;}
.pro_single{/*box-sizing: border-box;*/width:340px; height:460px; padding-left:14px; padding-right:14px; padding-top:14px; position:relative; background-color:#FFF; margin-right:45px; border:1px solid #CCC; float:left; margin-top:30px; overflow:hidden;}
.pro_single.proelse{margin-right:0px;}
.photo_pro{width:340px;height:340px;overflow:hidden;}
.cover_pro{width:340px;height:340px;overflow:hidden;position: absolute;background:#0e357f;top:14px;left:14px;}
.text_pro{position:absolute;width:340px;height:340px;left:-340px;top:0px;overflow:hidden;}
.look_pro{width:340px; height:340px; overflow:hidden; background-image: url(look.png); background-repeat:no-repeat; background-position:center 98px; display:block;text-align: center;
    line-height: 430px;
    color: #fff;}
.look_pro:hover{ color:#FFF;}

.pro_text{width:340px; padding:20px 0px;}
.pro_name{width:340px; height:30px; line-height:30px; color:#333; font-size:16px; font-weight:bold; display:block; overflow:hidden;}
.pro_see{width:100px; height:25px; display:block; overflow:hidden; line-height:25px; font-size:14px; color:#444; background-image:url(sp.png); background-repeat:no-repeat; background-position:left center; margin-top:10px; text-indent:25px;}
.pro_see:hover{ color:#0e357f; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}



/*-------页码样式-----*/
.ye_ma{line-height: 35px;text-align: center;margin: 0px;height: 35px;width: 1200px;padding-top: 40px; font-size:14px; color:#666;}
.ye_ma a{line-height: 33px;clear: none; height: 33px; font-size:14px; color:#333; padding:0 15px; border:1px solid #CCC; display:inline-block; margin:0 3px;}
.ye_ma a:hover{background-color:#0e357f; border:1px solid #0e357f; color:#FFF;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

/*------------*/



/*--------------------产品中心-内页页面样式----------------------*/

.product_profiles{ width:1150px; height:340px; padding:25px; overflow:hidden; background-color:#f4f5f6; margin-top:40px; margin-left:auto; margin-right:auto;}
.mp_pic{width:340px; height:340px; float:left;} 

.pp_m{width:440px; height:340px; overflow:hidden; float:left; margin-left:30px;}
.pp_title{width:440px; line-height:30px; font-size:18px; color:#333; margin-top:15px; max-height:60px; overflow:hidden;}
.pp_text{width:440px; height:50px; line-height:25px; font-size:14px; color:#555; overflow:hidden; margin-top:10px; border-top:1px solid #CCC; padding-top:14px;} 
.buy{width:140px; height:40px; display:block; margin-top:20px; background-image:url(buy.png); background-repeat:no-repeat; float:left;}
.buy:hover{ color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.buy2{width:120px; height:40px; display:block; margin-top:20px; background-image:url(whatsapp2.png); background-repeat:no-repeat; float:left;}
.buy2:hover{ color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

.buyzh{width:140px; height:40px; display:block; margin-top:20px; background-image:url(buyzh.png); background-repeat:no-repeat; float:left;}
.buyzh:hover{ color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.buyzh2{width:120px; height:40px; display:block; margin-top:20px; background-image:url(whatsappzh2.png); background-repeat:no-repeat; float:left;}
.buyzh2:hover{ color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

.buykor{width:140px; height:40px; display:block; margin-top:20px; background-image:url(buykor.png); background-repeat:no-repeat; float:left;}
.buykor:hover{ color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.buykor2{width:120px; height:40px; display:block; margin-top:20px; background-image:url(whatsappkor2.png); background-repeat:no-repeat; float:left;}
.buykor2:hover{ color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}



.pp_r{width:260px; height:226px; float:right; border-left:1px solid #CCC; padding-left:40px;}

.tagLabel{width:260px; height:150px; margin-top:15px;}
.tag_title{ width:260px; height:40px; line-height:40px; font-size:16px; color:#333; font-weight:bold; border-bottom:1px solid #0e357f;}

.tag_frame{margin-top:15px; width:260px; line-height:33px;font-size:16px; color:#333;/*font-weight:bold;*/}
.tag_frame a{ color:#0e357f;}
.tag_frame a:hover{color:#3B8AC4;}
.tag_frame b{color:#0e357f;}
.dianhua{width:260px; height:30px; font-size:16px; color:#0e357f; line-height:30px; /*font-weight:bold;*/ margin-top:10px;}


.telephone{width:340px; height:60px; padding:25px 20px; background-color:#FFF; float:right;}

.detailed{width:1198px; margin-top:35px; border:1px solid #CCC; padding-bottom:30px;}
.de_title{ width:1150px;background-color:#f4f5f6; font-size:20px; font-weight:bold; color:#333; line-height:60px; height:60px; display:inline-block; padding:0 24px;}

.detailsp{width:1150px; background-color:#FFF; overflow:hidden; margin-left:auto; margin-right:auto; margin-top:25px; padding-bottom:30px;}
.detailsp p{line-height:1.3em;}


/*--------------------新闻资讯页面样式----------------------*/


.banner_news{ width:100%; height:220px; overflow:hidden; margin:0 auto; background-image:url(../images/news.jpg); background-repeat:no-repeat; background-position:center; margin-top:90px;}

.news_frame{ width:1200px; margin-top:40px; border-top:1px solid #CCC;}
.news_single{width:1200px; height:120px; padding:25px 0px; border-bottom:1px solid #CCC;}
.ns_pic{width:180px; height:120px; float:left;}
.news_time{width:120px; height:120px; border-right:1px solid #CCC; float:left; margin-left:30px;}
.news_day{ height:30px; line-height:30px; font-size:14px; color:#333; margin-top:30px;}
.news_day span{font-size:18px; color:#0e357f; font-weight:bold;}
.news_year{ height:20px; line-height:20px; font-size:14px; color:#666; margin-top:5px;}
.news_text{width:750px; height:120px; float:left; margin-left:30px;}
.news_title{width:750px; height:30px; font-size:16px; line-height:30px; display:block; color:#333; font-weight:bold; margin-top:10px; overflow:hidden;}
.news_p{width:750px; height:50px; line-height:25px; font-size:14px; color:#666; margin-top:10px; overflow:hidden;}
.read{width:60px; height:120px; background-image:url(read.png); background-repeat:no-repeat; background-position:right center; display:block; float:right}
.read:hover{background-image:url(reada.png); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

.news_single:hover{border-bottom:1px solid #0e357f; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.news_single:hover .news_title{color:#0e357f; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}


/*--------------------新闻资讯-内页样式----------------------*/



.news_profiles{width:1150px; background-color:#f4f5f6; padding:25px; margin-top:40px;}
.news_name{width:1150px; line-height:30px; font-size:20px; font-weight:bold; color:#333333;}
.release_time{width:400px; height:20px; line-height:20px; font-size:14px; color:#777777; margin-top:15px; background-image:url(time.png); background-repeat:no-repeat; background-position:left center; text-indent:25px;}



.change{width:1150px; margin-top:40px; border-top:1px solid #CCC; padding-top:20px; font-size:14px; color:#666; line-height:25px; margin-left: auto; margin-right:auto;}
.change a{line-height:25px; font-size:14px; color:#333; display:inline-block; margin-top:10px;}
.change a:hover{ color:#0e357f;}



/*--------------------------后添程序样式----------------------*/

.m_inside{width:1200px; margin-top:40px; margin-left:auto; margin-right:auto;}
.tagCon{margin-top:40px;}
.tagCon .title{line-height:40px; font-size:18px; color:#0e357f; font-weight:bold; border-bottom:1px solid #CCC;}
.tagBody{padding-top:10px;}
.tagBody a{line-height:30px; font-size:14px;}
.tagBody a:hover{color:#0e357f;}

.linkbox h3 a{font-size:18px; color:#333; font-weight:bold; line-height:40px;}
.linkbox h3 a:hover{color:#0e357f;}
.linkbox .f6 a{line-height:30px; margin-right:10px; font-size:14px;}

.suo em{color:#C00; font-style:normal;}

.product_framea{ width:1245px;}

.cha{width:80px; height:90px; padding:4px 9px; border-left:1px solid #CCC; float:right ; padding-left:30px; padding-right:30px; margin-top:15px; background-image:url(cha.png); background-repeat:no-repeat; background-position:center center;}


@media (max-width: 1200px){
	.product_framea{ width:100%; }
	
}


#openproduct{width: 100%; text-align: right;}








/*通用样式*/
.boxs{overflow:hidden;height:100%;position:relative;}
/*.box{transform:translate3d(-240px,0,0);-webkit-transform:translate3d(-240px,0,0);-o-transform:translate3d(-240px,0,0);-moz-transform:translate3d(-240px,0,0)}*/
#all {width: 100%;margin:0px auto;height: auto;min-width:320px;/*overflow:hidden;*/background-color:#FFF; /*margin-bottom: 61px;*/-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;}

/*右侧导航*/
.enlarge {position: absolute;display: block;right: 5%;top: 0;cursor: pointer;z-index: 30;height: 40px;width: 32px;}					
.enlarge .icon::before,.enlarge .icon::after {background-color: #0e357f;border-radius: 2px;content: "";height: 4px;left: 0;position: absolute;transition-duration: 0.5s;width: 27px;}						
.enlarge .icon::before {top: -9px;}						
.enlarge .icon::before,.enlarge .icon::after {background-color: #0e357f;border-radius: 2px;content: "";height: 4px;left: 0;position: absolute;transition-duration: 0.5s;width: 27px;}						
.enlarge .icon::after {top: 9px;}
.enlarge .icon {background-color: #0e357f;border-radius: 2px;height: 4px;left: 2px;position: absolute;top: 28px;transition-duration: 0.5s;width: 27px;}						
.enlargeclose.enlarge .icon::before {transform: translateY(9px) rotate(45deg);background-color: #8C8C8C;}						
.enlargeclose.enlarge .icon::after {transform: translateY(-9px) rotate(-45deg);background-color: #8C8C8C;}						
.enlargeclose.enlarge .icon {width: 0; }
 #close{position: absolute;right: 250px;  z-index: 3000;}  
.col-sm-7 img{ width:50px !important;}




/* 新添的样式 */
.signbox{
	width: 100%;
	position: fixed;
	height: 100%;
	background: url(signbjimg.jpg) no-repeat;
	background-size: cover;
}

.signnei{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	
}
.signneihz{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.signhz{
	width: 30%;
	background-color: rgba(8, 46, 119, 0.9);
	padding:50px 100px;
	border-radius: 5px;
	color: #fff;
}
.signtit{
	text-align: center;
	font-size: 36px;
	font-weight: bold;
}
.signwz{
	text-align: center;
	font-size: 18px;
	color: #cccccc;
}
.signformbox{
	margin-top: 20px;
}
.sflist{
	width: 100%;
	display: flex;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	height: 40px;
	line-height: 40px;
	margin-bottom:5px;
}
.sflistlf{
	width: 60px;
	background-color: #dbdbdf;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sflistlf img{
	width: 35%;
}
.sflistrt{
	position: relative;
}
.sflistrt{
	flex: 1;
	height: 100%;
	box-sizing: border-box;
	padding-left: 10px;
}
.sfrequird{
	color: #fd0101;
	position: absolute;
	right: 5px;
	top: 5px;
	line-height: 1rem;
	font-size: 24px;
}
.sflistrt input{
	border: none;	
	width: 100%; outline: none;
	height: 100%;
}
.signbtn{
	display: block;
	border: none;
	width: 200px;
	box-sizing: border-box;
	padding: 10px 0;
	text-align: center;
	color: #0941ba;
	font-weight: bold;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 18px;
	cursor: pointer;
}
.signbtn:hover{
	background-color:#fff;
}
.signlink{
	color: #fff;
	text-decoration: underline;
	font-size: 18px;
}
.signlink:hover{
	color: #ccc !important;
}
.signhzdl{
	padding: 50px;
}
.siginmobi{
	text-align: right;
}
.siginmobi a{
	color: #fff;
	border: 1px solid #fff;
	margin-right: 10px;
	border-radius: 5px;
	width: 50px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
}
#signout{
	color: #fff;
	border: 1px solid #fff;
	margin-right: 10px;
	border-radius: 5px;
	width: 50px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	display: none;
}
 .downbox{
			     width: 100%;			    
			     padding: 25px;
			     overflow: hidden;
			     background-color: #f4f5f6;
			     margin-top: 30px;
			     margin-left: auto;
			     margin-right: auto;
				 box-sizing: border-box;
		 } 
		 .downboxlist{
			 display: flex;
			 justify-content: space-between;
			 align-items: center;
		 }
		 .diwnlf{
			display: flex;
			align-items: center; 
		 }
		 .diwnlf span{margin-left: 10px;}
		 .downboxline{
			 flex: 1;
			 border-bottom: 1px dashed #ccc;
			 height: 1px;
			 margin-left: 10px;
			 margin-right: 10px;
		 }
		 .diwnlfrtlik:hover{cursor: pointer;}
@media (max-width: 1260px){
	.head_inside{flex: 1;}
}

@media (max-width: 1200px){
	.signhz{width: 80%;}	
}
@media (max-width: 992px){
	.signlj,.signljtc{display: none !important;}	
	.top{
		height: 53px!important;
	}
}
@media (max-width: 768px){
	.type_list{display: block !important;}
	.signhz{width: 95%;padding: 50px 10px;}
	.sflistlf{width: 30px;}
	.sflistlf img{width: 50%;}
	.signbtn{font-size: 16px;}
	
	.flex-direction-nav .flex-next{
		    background:url(../images/rightbanner.png) no-repeat;
		    background-size: 100% 100%;
			border-radius: 5px;
			border: 1px solid #fff;
			z-index: 99;
			    opacity: 1 !important;
				background-position: 0 0 !important;
	}
	.flex-direction-nav .flex-prev{
		    background:url(../images/leftbanner.png) no-repeat;
		    background-size: 100% 100%;
			border-radius: 5px;
			border: 1px solid #fff;
			z-index: 99;
			    opacity: 1 !important;
				background-position: 0 0 !important;
	}
	
	
	.middle ul li{padding-top: 0!important;}
	.middle ul{padding-top: 22px;}
}

@media (max-width:480px){

	.flex-direction-nav .flex-next:hover{
		    background:url(../images/rightbanner.png) no-repeat;
		    background-size: 100% 100%;
			border-radius: 5px;
			border: 1px solid #fff;
			z-index: 99;
			    opacity: 1 !important;
				background-position: 0 0 !important;
	}
	.flex-direction-nav .flex-prev:hover{
		    background:url(../images/leftbanner.png) no-repeat;
		    background-size: 100% 100%;
			border-radius: 5px;
			border: 1px solid #fff;
			z-index: 99;
			    opacity: 1 !important;
				background-position: 0 0 !important;
	}
	
}
.mobicptit{
	display: block;
	font-size: 18px;
	line-height: 2rem;
	color: #fff;
	padding-left: 25px;
	box-sizing: border-box;
	margin-top: 22px;
}
@media (max-width: 992px){
	.bottomlist {
	    overflow-y: scroll;
		margin-top: 0 !important;
	}
	
	
}

.topbtn{
   position: fixed;
   right: 5px;
   bottom: 100px;
   z-index: 10;
   background: #fff;
   border-radius: 50%;
   box-shadow: 0 2px 5px #f5f5f5;
   cursor: pointer;
   display: block;
   
}
.topbtn svg{
    width: 50px;
    height: 50px;
}