/*index*/
.head_top{ width: 100%; height: 45px; background: #0095e5;}
.top_in{ width: 1100px; height: 45px;  margin: 0 auto;}
.top_in_l{ width: 215px; height: 45px; float: left;}
.top_in_r{ width: 170px; height: 45px;  float: right; background: #008bd5; border-left: 1px solid #00a6ff; border-right: 1px solid #00a6ff; font-family: "microsoft yahei"; font-size: 12px; color: #fff; text-align: center; line-height: 45px; text-indent: 20px; position: relative; cursor: pointer;}
.top_in_l ul li {  width: 40px; height: 45px; float: left;}
.top_in_l ul li a .icon{ width: 40px; height: 45px; display: block; line-height: 45px; opacity: 0.9; text-align: center; color: #fff; position: relative;}

.top_in_l ul li a .icon.icon_wx{
	display: block;
	background: url(../images/head_weixin2.png) no-repeat center center;
}
.top_in_l ul li a .icon.icon_wx img{
	display: none;
	position: absolute;
	left: 50%;
	top: 45px;
	z-index: 3;
	width: 120px !important;
	height: 120px !important;
	max-width: none !important;
	padding: 6px;
	margin-left: -60px;
	background: #fff;
	border: 1px solid #ddd;
}
.top_in_l ul li a:hover .icon.icon_wx img{
	display: block;
}


.top_in_l ul li a .icon.icon_qq{
	background: url(../images/head_qq2.png) no-repeat center center;
}
.top_in_l ul li a .icon.icon_wb{
	background: url(../images/head_weibo2.png) no-repeat center center;
}
.top_in_l ul li a .icon.icon_albb{
	background: url(../images/head_albb2.png) no-repeat center center;
}


.top_in_l ul li a:hover .icon{ opacity: 1;}


.icon-google{ font-size: 24px; margin-top: 3px;}
.icon-tuite{ margin-top: 3px;}
.top_in_r .icon{ position: relative; left: -10px; top: 2px;}
.lan_hover{ width: 170px; height: 80px; display: none;}
.lan_hover a{ width: 100%; height: 40px;  display: block; background: url(../images/lan_g_03.jpg) #f0f0f0 no-repeat 50px center; font-size: 12px; font-family: "microsoft yahei"; line-height: 40px;}
.lan_hover a:nth-child(2){ background: url(../images/lan_g_06.jpg) #f0f0f0 no-repeat 50px center; border-top: 1px solid #c2c2c2;}
.lan_hover a:nth-child(1):hover{ background: url(../images/lan_g_03.jpg) #dedede no-repeat 50px center;}
.lan_hover a:nth-child(2):hover{ background: url(../images/lan_g_06.jpg) #dedede no-repeat 50px center;}
.head_contact{ width: 100%; height: 100px; border-bottom: 1px solid #dcdcdc; overflow: hidden;}
.con_inner{ width: 1100px; height: 70px;  margin: 0 auto; margin: 15px auto;}
.logo{ width: 550px; height: 70px;  float: left;}
.contact{ height: 42px; float: right; margin-top: 10px;}
.contact .con_tel{ float: left; margin-right: 20px;}
.contact .con_email{ width: 200px; float: left; margin-left: 35px;}
.contact .con_tel .icon{ width: 42px; height: 42px;  display: inline-block; color: #0095e5; border: 1px solid #0095e5; font-size: 22px; text-align: center; line-height: 42px; border-radius: 50%; vertical-align: top; transition: .5s;}
.contact .con_tel .icon:hover{ background: #0095e5; color: #fff;}
.contact .con_tel .r_txt{ height: 42px; display: inline-block; margin-left: 10px;}
.contact .con_tel .r_txt .txt_tel{ font-family: "microsoft yahei"; font-size: 18px; color: #444444;}
.contact .con_tel .r_txt .txt_num{ font-family: "microsoft yahei"; font-size: 12px; font-style: italic; line-height: 26px; color: #666666;}
.contact .con_email .icon{ width: 42px; height: 42px; border: 1px solid #0095e5; display: inline-block; color: #0095e5; font-size: 24px; text-align: center; line-height: 38px; border-radius: 50%; vertical-align: top; transition: .5s;}
.contact .con_email .icon:hover{ background: #0095e5; color: #fff;}
.contact .con_email .r_txt{ width: 140px; height: 42px; display: inline-block; margin-left: 10px;}
.contact .con_email .r_txt .txt_tel{ font-family: "microsoft yahei"; font-size: 18px; color: #444444;}
.contact .con_email .r_txt .txt_num{ font-family: "microsoft yahei"; font-size: 12px; font-style: italic; line-height: 26px; color: #66666;}
.head_nav_wrap{ width: 100%; height: 60px; box-shadow: 1px 2px 1px 1px rgba(0,0,0,.1);}
.head_nav{ width: 1100px; height: 60px;  margin: 0 auto;}
.nav_left{ width: 920px; height: 60px;  float: left;}
.nav_li{ float: left; width: 110px; height: 60px;  margin-left: 10px;}
.head_nav ul li:nth-child(1){ margin-left: 0;}
.nav_a{ float: left; width: 110px; height: 50px; text-align: center; line-height: 60px; font-family: "microsoft yahei"; font-size: 16px; color: #555; position: relative; display: inline-block;}
.color_on{ color: #0095e5;}
.nav_a:hover{ color: #0095e5;}
.nav_a .icon{ display: inline-block;  transition: 0.4s;}
.nav_li:hover .icon{ transform: rotate(180deg);}
.pro_list{ width: 350px; background: rgba(0,149,229,.9); position: absolute; top: 206px; display: none; z-index: 9999; overflow: hidden;}
.pro_list_in{ width: 260px; margin: 20px;}
.pro_list_inner{ height: 75px; }
.pro_list .pro_list_in ul li a{ width: 260px; height: 36px; display: inline-block; line-height: 36px; color: #fff; transition: 0.4s;}
.pro_list .pro_list_in ul li a .icon{ transform: rotate(90deg); display: inline-block; margin-right: 17px;}
.pro_list .pro_list_in ul li a:hover{ margin-left: 5px;}
.contact_list_inner{ height: 110px; width: 350px;}
.search_box{ width: 40px; height: 60px; float: right;overflow: hidden; position: relative; cursor: pointer; /*background: url(../images/ch-2.png) no-repeat 10px 18px;*/}
.icon_close{ width: 15px; height: 15px; position: absolute; top: 23px; left: 12px; opacity: 0;transition: 0.3s;}
.icon_close img{ width: 15px; height: 15px;}
.search_box .icon-sousuo-sousuo{width: 40px; height: 60px; line-height: 60px; text-align: right; cursor: pointer; display: block; transition: 0.3s; text-align: center; opacity: 1;}
.search_box:hover .icon-sousuo-sousuo{ color: #0095e5;}
.search_box .icon-jiantou-copy{width: 40px; height: 60px; position: absolute;line-height: 60px;display: block; top: 0; z-index: -1; text-align: center; transition: 0.3s; opacity: 0;}
.search_show{ width: 1058px; height: 50px;  background: #fff; z-index: 9999; position: absolute; margin-top: 5px; width: 0px; overflow: hidden; transition: 0.3s;}
.search_form{ position: relative;}
.search_show .ipt_txt{ width: 1014px; height: 50px; font-size: 20px; text-indent: 10px; border: none; background: #f7f7f7;}
.search_show .ipt_sub{ width: 40px; height: 50px;  vertical-align: top; opacity: 0; cursor: pointer;}
.search_show .sub_btn{ width: 40px; height: 50px;  position: absolute; right: 0; top: 0; z-index: -1; }
.search_show .sub_btn .icon{ width: 40px; height: 50px; line-height: 50px; text-align: center; display: inline-block; background: #fff; color: #0fabff; transition: 1s;}
/*banner*/
/* 本例子css */
		.slideBox{ width:100%;  overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ overflow:hidden; position:absolute; right:45%; bottom:30px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:20px;  width:16px; height:16px; line-height:14px; text-align:center; 	background:#486a79; cursor:pointer; border-radius: 50%; /* border: 5px solid rgba(0,149,229,0);*/ }
		.slideBox .hd ul li:hover{ /* border: 5px solid rgba(0,149,229,0.5);*/}
		.slideBox .hd ul li.on{ background:#0095e5; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ 100%; display:block;   margin: 0 auto;}
.main_pro_wrap{ width: 1240px; height: 600px;  margin: 60px auto 40px auto;  position: relative;}	
.main_pro{ width: 1100px; height: 600px;  margin: 0 auto;}
.about_tf .txt_wrap{ width: 1100px; height: 104px;  border-bottom: 1px solid #c9c9c9; position: relative;}
.txt_title{ text-align: center; font-size: 55px; font-family: "microsoft yahei";}
.col_blue{ color: #0095e5}
.txt_bot{ font-size: 14px; font-family: "microsoft yahei"; color: #555555; text-align:center; line-height: 30px;}
.line{ width: 111px; height: 3px; background: #0095e5; position: absolute; bottom: -2px; left: 572px; }
.pro_thr_wrap{ width: 1170px; height: 500px;  position: relative; overflow: hidden;}
.pro_thr_in{ width: 1100px; height: 470px;  margin-top: 28px; }
.main_pro_wrap .pro_thr_list{  margin-top: 47px; position: relative; width: 3000px;}
.pro_thr_list ul li{ width: 300px; height: 420px;  float: left; margin-right: 100px; position: relative;}
/*.pro_thr_list ul li:nth-child(3){ margin-right: -100px;}*/
.pro_thr_list ul li .col{ width: 1px; height: 40px; background: #afafaf; position: absolute; top: 180px; left: 50%;}
.pro_thr_list .li_top{ width: 100%; height: 200px;  margin-bottom: 1px; background: #e5e5e5; position: relative;}
.pic_pos{ width: 331px; height: 247px; position: absolute; top: -47px;}
.pro_thr_list .li_bot{ width: 100%; height: 220px; overflow: hidden; background: #eeeeee;}
.pro_thr_list .li_bot .li_bot_in{ width: 220px; margin: 0 auto;}
.pro_thr_list .li_bot .bot_tit{ width: 100%; font-family: "microsoft yahei"; color: #333333; font-size: 16px; text-align: center; margin-top: 50px; line-height: 24px; max-height: 48px; height: 48px; margin-bottom: 10px;}
.pro_thr_list .li_bot .bot_txt{display: block;  width: 100%; font-family: "microsoft yahei"; color: #888888; font-size: 12px; text-align: center; line-height: 20px; max-height: 40px;}
.view_more{ width: 132px; height: 37px; background: #0095e5; margin: 0 auto; margin-top: 25px; font-family: "microsoft yahei"; font-size: 12px; text-align: center; line-height: 37px; color: #fff; transition: 0.5s;}
.view_more:hover{ background: #ff9b1a;}
.view_more a{color: #fff; display: block;}
.view_more .icon{  transform: rotate(90deg); position: absolute; font-size: 16px; line-height: 79px;}
.main_pro_wrap .pre_btn,.main_pro_wrap .next_btn{ width: 80px; height: 80px; background: #dcdcdc; position: absolute; top: 364px; cursor: pointer;}
.main_pro_wrap .pre_btn:hover{ background: #0095e5;}
.main_pro_wrap .pre_btn:hover .icon{ color: #fff;}
.main_pro_wrap .next_btn:hover{ background: #0095e5;}
.main_pro_wrap .next_btn:hover .icon{ color: #fff;}
.main_pro_wrap .next_btn{ right: 0;}
.main_pro_wrap .pre_btn .icon{ text-align: center; line-height: 80px; display: block; transform: rotate(90deg);}
.main_pro_wrap .next_btn .icon{ text-align: center; line-height: 80px; display: block; transform: rotate(-90deg);}
.com_pro{ width: 100%; height: 580px; background: url(../images/mid-pic_02.png) no-repeat center center; overflow: hidden;}
.com_pro_in{ width: 1100px; height: 440px;  margin: 70px auto;}
.txt_left{ width: 550px; height: 440px;  float: left;}
.pic_right{ width: 448px; height: 440px;  float: right; position: relative;}
.txt_ab{font-family: "microsoft yahei"; font-size: 26px; color: #fff; text-transform: uppercase;}
.txt_com{ font-family: "microsoft yahei"; font-size: 48px; color: #fff; line-height: 70px; text-transform: uppercase;}
.txt_detail{ font-family: "microsoft yahei"; font-size: 16px; color: #fff; line-height: 28px;}
.num_box{ width: 550px; ;height: 70px; margin: 34px 0 42px 0;}
.num_box .num_left{ width: 220px; height: 70px;  float: left;}
.num_box .num_right{ width: 300px; height: 70px;  float: right;}
.num_box .num_left .l_bg{ width: 68px; ;height: 68px; border: 1px solid rgba(255,255,255,0.5); background: url(../images/area.png) no-repeat center center; float: left;}
.num_box .num_left .r_num{ width: 145px; height: 70px;  float: left;}
.num_box .num_left .r_num .r_top{ font-family: "microsoft yahei"; font-size: 20px; color: #fff; margin-top: 12px; margin-left: 15px;}
.num_box .num_left .r_num .r_bot{ font-family: "microsoft yahei"; font-size: 14px; color: #fff; line-height: 20px; margin-left: 15px;}
.num_box .num_right .l_bg{ width: 68px; ;height: 68px; border: 1px solid rgba(255,255,255,0.5); background: url(../images/cnc.png) no-repeat center center; float: left;}
.num_box .num_right .r_num{ width: 228px; height: 70px;  float: left;}
.num_box .num_right .r_num .r_top{ font-family: "microsoft yahei"; font-size: 20px; color: #fff; margin-top: 12px; margin-left: 15px;}
.num_box .num_right .r_num .r_bot{ font-family: "microsoft yahei"; font-size: 14px; color: #fff; line-height: 20px; margin-left: 15px;}
.txt_left .more{ width: 200px; height: 35px; display: block; background: #ffad2e; text-align: center; line-height: 35px; color: #fff; font-family: "microsoft yahei"; font-size: 14px; border-radius: 50px; box-shadow: 0px 5px 5px rgba(255,173,46,0.4);}
.txt_left .more:hover{ background: #f19506;}
.txt_left .more .icon{ transform: rotate(90deg); display: inline-block;}
.rim{ width: 444px; height: 331px; border: 3px solid rgba(238,238,238,.8); position: relative; z-index: 9999;}
.txt_wrap{ position: relative; height: 104px; border-bottom: 1px solid #c9c9c9;}
/* 本例子css */
		.slideBox2{ width:450px; height:337px;  position:relative; margin: 18px;  top: -334px;}
		.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; 								background:#fff; cursor:pointer; }
		.slideBox2 .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
		.slideBox2 .bd img{ width:450px; height:337px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox2 .prev,
		.slideBox2 .next{ position:absolute; left:0px; top:330px; margin-top:-25px; display:block; width:60px; height:60px; 							background: #23b7ff; z-index: 9999;}
		.slideBox2 .next{ left:65px; }
		.slideBox2 .prev:hover,
		.slideBox2 .next:hover{ background: #ffad2e;}
		.slideBox2 .prevStop{ display:none;  }
		.slideBox2 .nextStop{ display:none;  }
.bd_txt{ width: 200px; height: 45px; position: absolute;  top: 0; right: 38px; text-align: right; font-family: "microsoft yahei"; font-size: 14px; color: #fff; padding-right: 20px; text-transform: uppercase; margin-top: 35px;}
.bd_txt span{ background: url(../images/cir.png) no-repeat 204px -2px;  padding-right: 20px;}
.bd_txt p{ margin-right: 20px; line-height: 24px;}
.slideBox2 .prev,.slideBox2 .next{  line-height: 60px;}
.slideBox2 .prev .icon,.slideBox2 .next .icon{ font-size: 30px; color: #fff; position: absolute;left: 25%; transform: rotate(90deg);}
.slideBox2 .next .icon{ transform: rotate(-90deg);}

.news_wrap{ width: 1100px; height: 460px; margin: 70px auto; margin-bottom: 50px;}
.news_item{ width: 1100px; overflow: hidden; margin-top: 34px;}
.news_txt{ width: 1100px; height: 100px;  clear: both;}
.news_item .news_txt .left_pic{ width: 150px; height: 100px; border: 1px solid #c9c9c9; float: left; position: relative; margin-left: 20px;}
.news_item .news_txt .left_pic img{ width: 150px; height: 100px;}
.news_item .news_txt .left_pic .date{ width: 100px; height: 25px; background: rgba(0,149,229,.9); position: absolute; top: 10px; left: -20px; text-align: center; line-height: 25px; color: #fff; font-family: "microsoft yahei";}
.news_item .news_txt .right_txt{ width: 870px; height: 80px;  float: left; margin: 10px 0 0 30px;}
.news_item .txt_link{ font-family: "microsoft yahei"; font-size: 16px; color: #333; line-height: 30px; text-transform: uppercase;}
.news_item .news_detail{ font-family: "microsoft yahei"; color: #666; font-size: 14px; line-height: 24px; padding-left: 16px; }
.news_item .txt_link .icon{  transform: rotate(-90deg); display: inline-block; color: #ff9b1a;}
.news_wrap .more{ width: 200px; height: 35px; display: block; background: #ffad2e; text-align: center; line-height: 35px; color: #fff; font-family: "microsoft yahei"; font-size: 14px; border-radius: 50px; box-shadow: 0px 5px 5px rgba(255,173,46,0.4);}
.news_wrap .more_bg{ background:#0095e5; box-shadow: 0px 5px 8px rgba(0,149,229,0.3); margin: 20px auto 0 auto;}
.news_wrap .more_bg:hover{ background: #0082c8;}
.news_wrap .more .icon{ transform: rotate(90deg); display: inline-block;}
.bot_banner{ width: 100%; height: 400px;  background: url(../images/bot-banner_10.png) no-repeat center center; padding-top: 1px; margin-bottom: 240px;}
.bot_in{ width: 1100px; height: 560px; ;margin: 0 auto;}
.in_right{ width: 450px; height: 310px;  float: right; position: relative;}
.in_right .more{ width: 200px; height: 35px; display: block; background: #ffad2e; text-align: center; line-height: 35px; color: #fff; font-family: "microsoft yahei"; font-size: 14px; border-radius: 50px; box-shadow: 0px 3px 15px rgba(255,173,46,0.5); position: absolute; right: 0; top: 220px;}
.in_right .more:hover{ background: #f19506;}
.in_right .more .icon{ transform: rotate(90deg); display: inline-block;}
.txt_big{ font-family: "microsoft yahei"; font-size: 60px; color: #fff; text-align: right; margin-top: 100px;}
.txt_s{ font-family:"microsoft yahei"; font-size: 18px; color: #fff; opacity: 0.8; text-align: right;}
.thr_box{ width: 1100px; height: 250px;  clear: both;}
.thr_box ul li{ width: 365px; height: 255px; float: left; background: #23b7ff;}
.thr_box ul li .txt_p{ width: 315px; height: 42px; font-family: "microsoft yahei"; font-size: 24px; color: #fff; margin: 40px;}
.thr_box ul li .txt_p .icon{ width: 40px; height: 40px; display: inline-block; line-height: 42px; text-align: center; border: 1px solid #fff; border-radius: 50%; font-size: 24px; transition: 0.5s;}
.thr_box ul li .txt_t{ height:60px; line-height: 20px; font-family: "microsoft yahei"; color: #fff; font-size: 16px; margin:0 40px; overflow: hidden;}
.line1{ width: 25px; height: 1px; background: #91dbff; margin-left: 40px; margin-top: 30px;}
.thr_box ul li:nth-child(2){ background: #0095e5;}
.thr_box ul li:nth-child(3){ background: #0086ce;}
.thr_box ul li:hover .txt_p .icon{ transform: rotate(360deg);}
.footer{ width: 100%; background: #1c272d;}
.foot_in{ width: 1100px; overflow: hidden;  margin: 0 auto;}
.f_contact{ width: 1100px; height: 115px;  margin-top: 87px;}
.f_contact ul li{ width: 328px; height: 88px; border: 1px solid #333d42; float: left; margin-right: 55px; position: relative;}
.f_contact ul li:nth-child(3){ margin-right: 0;}
.f_contact .con_name{ font-family: "microsoft yahei"; font-size: 18px; color: #fff; margin-left: 88px; line-height: 40px; margin-top: 10px;}
.f_contact .con_num{ font-family: "microsoft yahei"; font-size: 13px; color: #939698; margin-left: 88px;}
.f_contact .con_icon{ width: 50px; height: 50px; background: #0095e5; position: absolute; top: 65px; left: 20px; text-align: center; line-height: 50px; border-radius: 5px;}
.f_contact .con_icon .icon{ font-size: 22px; color: #fff; display: block;}
.f_contact .con_icon .icon img{display: block;width: 22px; height: 22px; margin: 14px;}
.bot_list{ width: 1100px;margin-top: 33px; margin-bottom: 20px;}
.foot_tit{ font-family: "microsoft yahei"; font-size: 30px; color: #fff; line-height: 90px;}
.bot_prolist ul li{ float: left; line-height: 40px; font-size: 14px; font-family: "microsoft yahei"; margin-right: 50px; width: 150px;}
.bot_prolist ul li a{ color: rgba(255,255,255,.7);}
.bot_prolist ul li a:hover{ color: rgba(255,255,255,1);}
.bot_prolist ul li a .icon{display: inline-block; transform: rotate(-90deg); color: #0095e5;}
.bottom{ height: 50px;background: #141c21;}
.bot_inner{ width: 1200px; height: 50px; margin: 0 auto; }
.bot_in_txt{ line-height: 50px; color: #81848c;  float: left;}
.bot_in_txt a{ color: #81848c;}
.share_box{ width: 208px; height: 50px;  float: right;}
.share_box ul li{ float: left; }
.share_box ul li a{ width: 40px; height: 50px; display: block; text-align: center; line-height: 50px; background: #242b31; margin-right: 1px; }
.share_box ul li a .icon{ color: rgba(255,255,255,.5); transition: 0.5s;}
.share_box ul li a:hover .icon{ color: rgba(255,255,255,1);}
.share_box ul li:nth-child(2) a{ line-height: 55px;}
.share_box ul li:nth-child(3) a{ line-height: 55px;}
.share_box ul li:nth-child(5) a img{ margin-top: 16px; opacity: .5; transition: 0.5s;}
.share_box ul li:nth-child(5) a:hover img{  opacity: 1;}
/*about*/
.ab_banner{ width: 100%; height: 300px; min-width: 1200px;}
.ab_banner img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.position{ width: 100%; height: 50px; background: #f2f2f2; margin-bottom: 60px;}
.pos_in{ width: 1100px; height: 50px; margin: 0 auto; text-transform: uppercase;}
.fr_box{  height: 50px; float: right; line-height: 50px; font-family: "microsoft yahei";}
.fr_in{ float: right;}
.pos_in .fr_in a:last-child{color: #0095e5;}
.your_pos{ display: inline-block; line-height: 50px; padding-left:50px; background: url(../images/pos-icon.png) no-repeat 25px 15px;}
.home,.add{ color: #3f3f3f;}
.add{ color: #0095e5;}
.about_tf{ width: 1100px; margin: 0 auto; overflow: hidden; margin-bottom: 64px;}
.ab_main{ width: 1100px; overflow: hidden;margin: 0 auto; margin-top: 45px;}
.ab_txt{ font-family: "microsoft yahei"; font-size: 15px; color: #666; line-height: 30px; margin-bottom: 15px;}
.ab_pic{ width: 1100px; height: 300px; border: 2px solid #e5e5e5;}
.ab_pic img{ width: 1100px; height: 300px;}
.ab_three{ overflow: hidden;padding-bottom: 30px;}
.ab_three .num_left{ width: 220px; height: 70px;  float: left;}
.ab_three .num_right{ width: 300px; height: 70px;  float: left;  margin-left: 40px;}
.ab_three .num_right2{ width: 300px; height: 70px;  float: left;  margin-left: 40px;}
.ab_three .num_left .l_bg{ width: 68px; ;height: 68px; border: 1px solid #0095e5; background: url(../images/area2.png) no-repeat center center; float: left;}
.ab_three .num_left .r_num{ width: 145px; height: 70px;  float: left;}
.ab_three .num_left .r_num .r_top{ font-family: "microsoft yahei"; font-size: 20px; color: #333333; margin-top: 12px; margin-left: 15px;}
.ab_three .num_left .r_num .r_bot{ font-family: "microsoft yahei"; font-size: 14px; color: #666666; line-height: 20px; margin-left: 15px;}
.ab_three .num_right .l_bg{ width: 68px; ;height: 68px; border: 1px solid #0095e5; background: url(../images/cnc2.png) no-repeat center center; float: left;}
.ab_three .num_right2 .l_bg{ width: 68px; ;height: 68px; border: 1px solid #0095e5; background: url(../images/where.png) no-repeat center center; float: left;}
.ab_three .num_right .r_num{ width: 228px; height: 70px;  float: left;}
.ab_three .num_right .r_num .r_top{ font-family: "microsoft yahei"; font-size: 20px; color: #333333; margin-top: 12px; margin-left: 15px;}
.ab_three .num_right .r_num .r_bot{ font-family: "microsoft yahei"; font-size: 14px; color: #666666; line-height: 20px; margin-left: 15px; width: 300px}

.ab_three .num_box{ width: 1000px;}
.ab_three .num_txt{ font-family: "microsoft yahei"; font-size: 16px; color: #555; line-height: 32px;}
.bot_layout{ width: 100%; background: #eeeeee; overflow: hidden;}
.bot_layout .bot_in{ width: 1100px; height: 640px; margin: 0 auto; margin-top: 56px;}
.bot_layout .pro_txt{ font-family: "microsoft yahei"; font-size: 16px; color: #555; line-height: 32px;}
.bot_layout .bot_in .bot_img{ margin: 40px 0;}
.bot_layout .txt_af{ font-family: "microsoft yahei"; font-size: 16px; color: #555; line-height: 32px;}
/*about底部轮播*/
/* 本例子css */
		.picScroll-left{ width:1100px; height: 175px; position:relative; margin: 46px 0;}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ width: 40px; height: 40px; display:block;  position: absolute; background: #dcdcdc; cursor:pointer; left: -68px; top: 70px; line-height: 40px;}
		.picScroll-left .hd .next{ left: 1128px;}
		.picScroll-left .hd .prev .icon{width: 40px; height: 40px;  text-align: center; transform: rotate(90deg); position: absolute; color: #fff;}
		.picScroll-left .hd .next .icon{width: 40px; height: 40px;  text-align: center; transform: rotate(-90deg); position: absolute; color: #fff;}
		.picScroll-left .hd .prev:hover{ background: #0095e5;}
		.picScroll-left .hd .next:hover{ background: #0095e5;}
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ overflow: hidden;}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin-right:7px; float:left; display:inline; overflow:hidden; text-align:center; border: 2px solid #fff;}
		.picScroll-left .bd ul li .pic{ width: 265px; height: 175px; text-align:center; }
		.picScroll-left .bd ul li .pic img{ width: 266px; height: 175px; display:block;}
		.picScroll-left .bd ul li .title{ line-height:24px; }
/*contact*/
.contact_list{ width: 1100px; height: 100px;}
.contact_list .icon{ transition: .5s; }
.contact_list_in{ width: 1100px; height: 60px; margin: 45px auto;}
.contact_list .con_tel{ width: 300px; float: left;}
.contact_list .con_email{ width: 200px; float: left; margin-left: 60px;}
.contact_list .con_sky{ width: 120px; float: left; margin-left: 87px;}
.contact_list .con_tel .icon{ width: 42px; height: 42px;  display: inline-block; color: #0095e5; border: 1px solid #0095e5; font-size: 22px; text-align: center; line-height: 42px; border-radius: 50%; vertical-align: top; }
.contact_list .con_tel .r_txt{ width: 240px; height: 42px; display: inline-block; margin-left: 10px;}
.contact_list .con_tel .r_txt .txt_tel{ font-family: "microsoft yahei"; font-size: 18px; color: #444444;}
.contact_list .con_tel .r_txt .txt_num{ font-family: "microsoft yahei"; font-size: 14px; font-style: italic; line-height: 26px; color: #666666;}
.contact_list .con_email .icon{ width: 42px; height: 42px; border: 1px solid #0095e5; display: inline-block; color: #0095e5; font-size: 24px; text-align: center; line-height: 38px; border-radius: 50%; vertical-align: top;}
.contact_list .con_email .r_txt{ width: 140px; height: 42px; display: inline-block; margin-left: 10px;}
.contact_list .con_email .r_txt .txt_tel{ font-family: "microsoft yahei"; font-size: 18px; color: #444444;}
.contact_list .con_email .r_txt .txt_num{ font-family: "microsoft yahei"; font-size: 14px; font-style: italic; line-height: 26px; color: #66666;}
.contact_list .con_sky .icon{ width: 42px; height: 42px; border: 1px solid #0095e5; display: inline-block; color: #0095e5; font-size: 24px; text-align: center; line-height: 42px; border-radius: 50%; vertical-align: top; position: relative; left: -5px;}
.contact_list .con_sky .icon-skype:before{ margin-left: 5px;}
.contact_list .con_sky .r_txt{ width: 60px; height: 42px; display: inline-block; margin-left: 10px;}
.contact_list .con_sky .r_txt .txt_tel{ font-family: "microsoft yahei"; font-size: 18px; color: #444444;}
.contact_list .con_sky .r_txt .txt_num{ font-family: "microsoft yahei"; font-size: 14px; font-style: italic; line-height: 26px; color: #66666;}
.contact_list .icon:hover{ background: #0095e5; color: #fff;}
.map_box{ width: 1100px; height: 370px;}
.map{ width: 1100px; height: 300px;}
.map_txt{ width: 1100px; height: 70px; background: #0095e5; color: #fff;}
.map_txt_c{ text-align: center; line-height: 70px; font-family: "microsoft yahei"; font-size: 14px; font-style: italic;}
.map_txt_c .txt_b{ font-family: "microsoft yahei"; font-style: normal; font-size: 18px;}
.con_inq{ text-align: center; font-family: "microsoft yahei"; font-size: 36px}
.con_inq .icon{ font-size: 30px;}
.bot_layout .txt_wrap{ width: 1100px; height: 60px;  border-bottom: 1px solid #c9c9c9; position: relative;}
.inq_txt{ font-family: "microsoft yahei"; font-size: 12px; color: #333; line-height: 20px; margin-top: 40px;}
.ipt_box{ width: 500px;   float: left; font-family: "microsoft yahei"; font-size: 14px; color: #313131; margin-right: 90px;  margin-top: 14px;}
.form_box{overflow: hidden; }
.form_box .ipt_box:nth-child(2n){ margin-right: -100px;}
.ipt_box .ipt_name{  line-height: 45px;}
.ipt_box .cor_red{ color: #ed1c24;}
.ipt_box .ipt_txt{ width: 496px; height: 33px; background: none; border: 1px solid #989898; font-family: "microsoft yahei"; font-size: 14px; color: #313131; text-indent: 14px;}
.ipt_box .ipt_txt::-webkit-input-placeholder{  font-family: "microsoft yahei"; font-size: 12px;}
.form_box .ipt_box_area{ width: 1100px;}
.form_box .txt_area{ width: 1100px; height: 128px; background: none;border: 1px solid #989898; font-family: "microsoft yahei"; font-size: 14px; color: #313131; text-indent: 14px;}
.ipt_box .txt_area{ line-height: 33px;}
.ipt_box .txt_area::-webkit-input-placeholder{  font-family: "microsoft yahei"; font-size: 12px; line-height: 33px;}
.sub_box{ width: 170px;  clear: both;  margin: 0 auto;}
.form_box .sub_button{ width: 170px; height: 37px; background: url(../images/send-m.png)  #0095e5 no-repeat 150px center ; border: none; outline: none; color: #fff; text-transform: uppercase; margin-top: 36px; transition: .5s;}
.form_box .sub_button:hover{ cursor: pointer; background: url(../images/send-m.png)  #ffad2e no-repeat 150px center ;}
/*news*/
.late_wrap{ width: 1100px;  margin: 0 auto;}
.late_list_inner{ width: 1100px;  margin-top: 52px;  margin-bottom: 50px;}
.late_wrap .late_list{ width: 1100px;}
.late_list_inner ul li{ width: 1100px; height: 172px; border-bottom: 1px solid #dadada; margin-top: 30px;}
.late_list_inner ul li:nth-last-child(1){ border-bottom: none;}
.late_left{ width: 150px; height: 100px; float: left; position: relative;}
.late_right{ width: 870px; height: 140px; float: left; margin-left: 30px;}
.late_right .txt_link{     font-family: "microsoft yahei";
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-transform: uppercase;}
 .late_right .txt_link:hover{ color: #0095e5;}
.late_right .txt_link .icon{  transform: rotate(-90deg); font-size: 18px; display: inline-block; color: #ff9b1a;}
.late_right .news_detail{ font-family: "microsoft yahei"; color: #666; font-size: 14px; line-height: 24px; padding-left: 16px; }
.late_right .view_d{ width: 132px; height: 37px; display: inline-block;  text-align: center; line-height: 37px; color: #fff; font-family:"microsoft yahei"; font-size: 12px; text-transform: uppercase; background: url(../images/send-m.png) #0095e5 no-repeat 110px 13px; margin: 24px 0 0 16px;}
.late_right .view_d:hover{ background: url(../images/send-m.png) #fb8721 no-repeat 110px 13px;}
.late_left .date{ width: 100px; height: 25px; background: rgba(0,149,229,.9); position: absolute; top: 10px; left: -20px; text-align: center; line-height: 25px; color: #fff; font-family: "microsoft yahei";}
/*news-detailed*/
.news_wraper{ width: 1100px; overflow: hidden; margin: 0 auto;}
.news_tit{ width: 1108px; height: 100px; }
.news_wraper .news_tit .tit_top{ text-align: center; font-family: "microsoft yahei"; font-size: 26px; color: #222222;}
.news_wraper .news_tit .news_time{ width: 620px; height: 36px; margin: 0 auto; margin-top: 15px;}
.news_wraper .news_tit .news_time ,.news_wraper .news_tit .news_time .page ,.news_wraper .news_tit .news_time .share{ font-family: "microsoft yahei"; font-size: 12px; color: #909090; margin-left: 30px; line-height: 20px;}
.news_wraper .news_tit .news_time .share .icon{ width: 16px; height: 16px; line-height: 16px;color: #909090; text-align: center; position: relative; top: 0; left: 0;}
.news_wraper .news_tit .news_time .page .icon{ width: 16px; height: 16px; line-height: 16px;color: #909090; text-align: center; position: relative; top: 2px; left: 0;}
.share_wrap{ height: 25px;  display: inline-block;vertical-align: top;}
.news_con_wrap{ border-top: 1px dotted #000; padding-bottom: 50px; border-bottom: 1px  dotted #000;}
.news_con{ margin: 40px auto;}
.news_con p{ font-family:"microsoft yahei"; font-size: 16px; line-height: 30px; color: #666;}
.new_pic{ border: 2px solid #dedede;}
.new_bot{ font-family: "microsoft yahei"; font-size: 14px; color: #454545; margin: 45px 0 80px 0;}
.pre_tit,.next_tit{ font-family: "microsoft yahei"; font-size: 14px; text-transform: uppercase; color: #0095e5; width: 87px; display: inline-block; line-height: 30px;}
.new_bot p a:hover{ color: #0095e5; text-decoration: underline;}
/*product-cover*/
.pro_cover{ width: 1100px; margin: 0 auto; overflow: hidden; margin-bottom: 20px; min-height: 700px;}
.pro_cover .list_pro{ width: 300px; height: 650px;  border-top: 4px solid #0095e5; float: left; background: #eeeeee;}
.tit_w{ margin: 30px 0 0 30px;}
.pro_cover .list_pro .list_tit{ width: 280px; height: 100px; margin: 0 auto; border-bottom: 1px solid #fff; overflow: hidden;}
.pro_cover .list_pro .list_tit .icon{ width: 36px; height: 36px; display: inline-block; float: left;font-size: 36px; color: #0095e5;}
.tit_r{ width: 100px; height: 36px; float: left; margin-left: 10px;}
.tit_t{ font-family: "microsoft yahei"; color: #222222; font-size: 20px; margin-top: -4px;}
.tit_b{ font-family: "microsoft yahei"; color: #808080; font-size: 12px;}
.inner_list{ float: left;}
.inner_list ul{ margin: 5px 0 0 25px;}
.inner_list ul li a{ line-height: 36px; font-family: "microsoft yahei"; font-size: 14px; color: #555555;}
.inner_list ul li a:hover{ margin-left: 5px; color: #0095e5;}
.inner_list ul li a .icon{  display: inline-block; transform: rotate(90deg); font-size: 12px; margin-right: 8px; color: #0095e5;}
.right_list{ width: 760px; float: right; overflow: hidden;}
.pro_t{ font-family: "microsoft yahei"; font-size: 26px; color: #222222; line-height: 48px;}
.pro_t .icon{ color: #0095e5;  transform: rotate(90deg); display: inline-block; font-size: 20px; margin-right: 10px;}
.line_l{ width: 30%; height: 1px; background: #ffad2f; float: left;}
.line_r{ width: 70%; height: 1px; background: #0095e5; float: left;}
.pro_li{ width: 760px; height: 220px; border: 1px solid #d2d2d2; margin-top: 45px;} 
.pro_li .left_p{ width: 300px; height: 200px; background: #e5e5e5; float: left; position: relative; margin: 10px;}
.pro_li .right_t{ width: 374px;  float: left; margin-left: 55px;}
.in_pic{ width: 330px; height: 247px;  position: absolute; bottom: 0;}
.pro_li .right_t .p1{ 
	font-family: "microsoft yahei"; font-size: 24px; line-height: 60px; margin-top: 20px;
	height: 60px;
	white-space:nowrap;overflow: hidden;text-overflow:ellipsis;
}
.pro_li .right_t .p2{ font-family: "microsoft yahei"; font-size: 14px; color: #666666; line-height: 27px; height: 54px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.view_a{ width: 132px; height: 37px; font-family: "microsoft yahei"; font-size: 12px; display: inline-block; background: #0095e5 url(../images/send-m.png) no-repeat 105px center; text-align: center; line-height: 37px; color: #fff; margin-top: 20px;}
.view_a:hover{ background: #ff9b1a url(../images/send-m.png) no-repeat 105px center;}
/*product-detailed*/
.pro_detail_wrap{ width: 1100px;  margin: 0 auto; overflow: hidden;}
.pro_slide_wrap{ width: 1100px; height: 400px;}
/* 本例子css */
		.picScroll-left2{ width:518px; height: 393px; position:relative;  border:1px solid #ccc;  overflow: hidden;  }
		.picScroll-left2 .hd .prev,.picScroll-left2 .hd .next{ display:block;  width:40px; height:40px; position: absolute; 		cursor:pointer; background: #c9c9c9; left: 0px; top: 180px; z-index: 99999; text-align: center; line-height: 40px; transform: 		rotate(90deg);}
		.picScroll-left2 .icon{ color: #fff;}
		.picScroll-left2 .hd .next{  left: 478px; transform: rotate(-90deg);}
		.picScroll-left2 .hd .prev:hover{ background: #169de5;}
		.picScroll-left2 .hd .next:hover{ background: #169de5;}
		.picScroll-left2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left2 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; 			cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left2 .hd ul li.on{ background-position:0 0; }
		.picScroll-left2 .bd{ padding:9px;}
		.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left2 .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left2 .bd ul li .pic{ text-align:center; width: 500px; height: 375px;}
		.picScroll-left2 .bd ul li .pic img{ width:500px; height:375px; display:block;}
		.picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left2.bd ul li .title{ line-height:24px; }
.pro_slide{ float: left;}
.pro_slide_wrap .pro_txt{ width: 532px; height: 370px;  float: right;}
.pro_slide_wrap .pro_txt .pro_txt_tit{ width: 532px; position: relative; overflow: hidden; padding-bottom: 20px;}
.pro_slide_wrap .pro_txt .pro_txt_tit .txt_tit{font-family: "microsoft yahei"; font-size: 22px; color: #222222;  margin-top: 10px;}
.pro_slide_wrap .pro_txt .pro_txt_tit .line2{  width: 20%; height: 1px; background: #ff9b1a; position: absolute; bottom: 0;}
.pro_slide_wrap .pro_txt .pro_txt_tit .line3{  width: 80%; height: 1px; background: #0095e5; position: absolute; left: 20%; bottom: 0;}
.pro_txt .pro_d_txt{ font-family: "microsoft yahei"; font-size: 14px; color: #555555; line-height: 27px; margin-top: 20px;} 
.pro_txt .s_box{ width: 265px; height: 30px;  margin-top: 35px; }
.pro_txt .s_box .sh_box{ width: 185px; height: 20px;  float: right; vertical-align: middle;}
.pro_txt .pro_d_lh{ line-height: 14px; color: #444;}
.pro_txt .d_btn{ width: 530px; height: 44px; margin-top: 40px;}
.pro_txt .d_btn .l_btn,.pro_txt .d_btn .r_btn{ width: 252px; height: 44px; background: #0095e5; float: left; border-radius: 5px; font-family: "microsoft yahei"; font-size: 16px; text-align: center; line-height: 44px; color:#fff;}
.pro_txt .d_btn .r_btn{ margin-left: 26px;}
.pro_txt .d_btn .l_btn .icon{ font-size: 22px;}
.pro_txt .d_btn .r_btn .icon{ font-size: 22px;}
.pro_txt .d_btn .l_btn:hover{ background: #ff9b1a;}
.pro_txt .d_btn .r_btn:hover{ background: #ff9b1a;}

.pro_main{ margin-top: 50px;}
.pro_main .list_pro{ width: 300px; height: 650px;  border-top: 4px solid #0095e5; float: left; background: #eeeeee; clear: both; float: left;}
.tit_w{ margin: 30px 0 0 30px;}
.pro_main .list_pro .list_tit{ width: 280px; height: 100px; margin: 0 auto; border-bottom: 1px solid #fff; overflow: hidden;}
.pro_main .list_pro .list_tit .icon{ width: 36px; height: 36px; display: inline-block; float: left;font-size: 36px; color: #0095e5;}
.tit_r{ width: 100px; height: 36px; float: left; margin-left: 10px;}
.tit_t{ font-family: "microsoft yahei"; color: #222222; font-size: 20px}
.tit_b{ font-family: "microsoft yahei"; color: #808080; font-size: 12px;}
.pro_main .inner_list{ float: left;}
.pro_main .inner_list ul{ margin: 5px 0 0 25px;}
.pro_main .inner_list ul li a{ line-height: 36px; font-family: "microsoft yahei"; font-size: 14px; color: #555555;}
.pro_main .inner_list ul li a:hover{ margin-left: 5px; color: #0095e5;}
.pro_main .inner_list ul li a .icon{  display: inline-block; transform: rotate(90deg); font-size: 12px; margin-right: 8px; color: #0095e5;}
.pro_detail{
	width: 760px;
	overflow: hidden;
	float: right;
	background: #eee;
}
.pro_anchor_wrap{ width: 760px; height: 50px;}
.pro_anchor{ width: 760px; height: 50px;}
.pro_anchor ul{ width: 100%; background: #0095e5; height: 50px;}
.pro_anchor ul li{ height: 50px;background: #0095e5; width: 25%; box-sizing: border-box; -webkit-box-sizing: border-box;  padding: 0 40px; float: left; text-align: center; line-height: 50px;  border-right: 1px solid #fff; color: #fff; font-family: "microsoft yahei"; font-size: 16px; cursor: pointer; transition: 0.5s;}
.pro_anchor ul li:nth-last-child(1){ margin-right: 0; cursor: default;}
.pro_detail .detail_in{ width: 700px; margin: 0 auto;}
.pro_anchor ul li:hover{ background: #007ec1;}
.pro_detail .detail_in .pro_tit{ width: 700px; height: 70px;border-bottom: 1px solid #cacaca; font-family: "microsoft yahei"; font-size: 24px; color: #333333; overflow: hidden;}
.pro_detail .detail_in .pro_tit .tit_p{ margin-top: 30px;}
.pro_detail .detail_in .pro_tit .icon{ font-size: 20px; margin-right: 10px; display: inline-block; transform: rotate(90deg); color: #0095e5;}
.int_line_wrap{ overflow: hidden; margin: 10px 0 20px 0;}
.int_line{ width: 547px; height: 50px; background: #fff; border-left: 3px solid #0095e5; margin-top: 10px; font-family: "microsoft yahei"; font-size: 16px; color: #666; line-height: 50px; padding-left: 50px; background: url(../images/jt.png) no-repeat 30px 18px; background: #fff;}
.p_txt_wrap .p_txt{ background: url(../images/cir-blue.png) no-repeat 6px 4px; padding-left: 22px; font-family: "microsoft yahei"; font-size: 14px; line-height: 22px; margin-bottom: 16px;}
.pic_two{ width: 299px; height: 199px; border: 1px solid #0095e5; float: left; margin-right: 25px;}
.app_list{ margin-top: 24px; }
.app_list ul li{ clear: both; margin-bottom: 4px; overflow: hidden;}
.app_list .app_l{ float: left; width: 40px; height: 40px; background: url(../images/blue_03.jpg); display: inline-block; float: left; font-family: "microsoft yahei"; line-height: 40px; text-align: center; font-size: 16px; color: #fff;}
.app_list ul li:nth-child(2n) .app_l{ background: url(../images/yellow_03.jpg);}
.app_list .app_r{ float: left; width:calc(100% - 63px); border: 1px solid #dadada; display: inline-block; float: left; font-family: "microsoft yahei"; font-size: 14px; color: #777777; line-height: 38px; padding-left: 20px;}
.list_t{  height: 35px; padding: 0 40px; display: inline-block; text-align: center; line-height: 35px; font-family: "microsoft yahei"; font-size: 14px; color: #fff; background: url(../images/ty.png) #0095e5 no-repeat 20px 12px; margin: 20px auto; margin-bottom: 0;}
.good_box{ width: 660px;  margin-left: 25px; overflow: hidden; margin-top: 20px;}
.good_box ul li{ font-family: "microsoft yahei"; font-size: 14px; color: #666666;}
.good_box ul li .icon{ transform: rotate(90deg); display: inline-block; color: #1da0e6; margin-right: 10px; line-height: 35px;}
.good_box .p_kind{ width: 620px; margin: 10px 0; margin-left: 25px; font-family: "microsoft yahei"; font-size: 19px; border-bottom: 2px solid #bbbbbb;}
.table_box1{ width: 680px; margin-bottom: 40px;}
.table_box1 .guige tr td{ border: 1px solid #d2d2d2;  color: #666666; font-size: 14px; font-family: "microsoft yahei"; height: 50px; padding-left: 35px;}
.table_box1 .guige tr:nth-child(n) td:nth-child(1){ width: 170px;}
.table_box1 .guige tr:nth-child(2n){ background: #fff;}
.table_box2{ width: 680px;}
.table_box2 .trp{ width: 680px; font-family: "microsoft yahei"; font-size: 14px; color: #666666;} 
.table_box2 .trp tr td{ height: 40px; border: 1px solid #d2d2d2; text-indent: 17px;}
.table_box2 .trp tr:nth-child(2n){ background: #fff;}
.table_box3{ width: 680px;}
.table_box3 .some{ width: 680px; font-family: "microsoft yahei"; font-size: 14px; color: #666666;} 
.table_box3 .some tr td{ height: 30px; border: 1px solid #d2d2d2; text-indent: 17px;}
.table_box3 .some tr:nth-child(2n){ background: #fff;}
.pro_detail .detail_in .pro_tit_bg .icon{ transform: rotate(0deg);}
.e_box{  display: inline-block;  overflow: hidden;}
.n_box{  display: inline-block;  overflow: hidden; margin-left: 40px;}
.m_box{ clear: both; margin-top:10px; overflow: hidden;}
.bot_form{ overflow: hidden;}
.bot_form p{ font-family: "microsoft yahei"; font-size: 14px; color: #313131; line-height: 40px;}
.bot_form p span{ color: #ed1c24;}
.bot_form .ipt_txt{ width: 328px; height: 36px; background: none; outline: none; border: 1px solid #989898; text-indent: 16px;}
.bot_form .area_box{ width: 700px; height: 126px; background: none; outline: none; border: 1px solid #989898;  text-indent: 16px; line-height: 30px;}
.bot_form .ipt_txt::-webkit-input-placeholder{ font-family: "microsoft yahei"; font-size: 12px; text-indent: 16px;}
.bot_form .area_box::-webkit-input-placeholder{ font-family: "microsoft yahei"; font-size: 12px; text-indent: 16px;}
.bot_form .ipt_btn{ width: 170px; height: 37px; background: #0095e5; color: #fff; border: none; text-transform: uppercase; margin-top: 16px; margin-bottom: 50px;  transition: 0.5s;}
.bot_form .ipt_btn .icon{ transform: rotate(90deg); display: inline-block;}
.bot_form .ipt_btn:hover{ background: #ff9b1a;}
/*service*/
.ser_tit{ text-align: center; font-family: "microsoft yahei"; font-size: 48px; color: #111111; margin-top: -20px;}
.tit_txt{ width: 400px; height: 35px; background: #0095e5; margin: 10px auto 45px auto; text-align: center; line-height: 35px; color: #fff;}
.design_box{ width: 100%; height: 426px; background: #eeeeee; overflow: hidden;}
.design_box_in{ width: 1100px; height: 426px;  margin: 0 auto;}
.design_box_inner{ width: 1100px; height: 300px;  margin: 64px 0;}
.design_box .design_box_in .design_box_inner .left_pic{ width: 400px; height: 300px; float: left;}
.design_box .design_box_in .design_box_inner .right_txt{ width: 654px; height: 300px;  float: right;}
.design_box .design_box_in .right_txt .txt_top{ width: 620px; height: 80px; margin-top: 20px;}
.design_box .design_box_in .right_txt .txt_top .cir_box{ width: 50px; height: 50px; background: #0095e5; border-radius: 50%; text-align: center; line-height: 50px; float: left;}
.design_box .cir_box .icon{ font-size: 30px; color: #fff;}
.design_box .r_txt{ font-family: "microsoft yahei"; font-size: 36px; float: left; margin: 10px; color: #333333; text-transform: uppercase;}
.design_box .r_txt .cor_b{ color: #0095e5;}
.design_box .right_txt .line2{ width: 200px; height: 1px; background: #ff9a1a; float: left;}
.design_box .right_txt .line3{ width: 420px; height: 1px; background: #0095e5; float: left;}
.design_box .right_txt .bot_txt{ width: 630px; border-left: 5px solid #dfdfdf; margin-top: 36px;}
.design_box .right_txt .bot_txt p{ font-family: "microsoft yahei"; font-size: 18px; color: #555; line-height: 35px; margin-left: 48px;}
.Sample_box{width: 100%; height: 460px;}
.Sample_box_in{ width: 1100px; margin: 0 auto;}
.Sample_box_inner{ overflow: hidden;}
.Sample_box .Sample_box_in .right_txt{ width: 654px; height: 300px; float: left; margin-top: 46px;}
.Sample_box .Sample_box_in .right_txt .txt_top{ width: 620px; height: 80px; margin-top: 20px;}
.Sample_box .Sample_box_in .right_txt .txt_top .cir_box{ width: 50px; height: 50px; background: #0095e5; border-radius: 50%; text-align: center; line-height: 50px; float: left;}
.Sample_box .cir_box .icon{ font-size: 30px; color: #fff;}
.Sample_box .r_txt{ font-family: "microsoft yahei"; font-size: 36px; float: left; margin: 10px; color: #333333; text-transform: uppercase;}
.Sample_box .r_txt .cor_b{ color: #0095e5;}
.Sample_box .right_txt .line2{ width: 200px; height: 1px; background: #ff9a1a; float: left;}
.Sample_box .right_txt .line3{ width: 420px; height: 1px; background: #0095e5; float: left;}
.Sample_box .right_txt .bot_txt{ width: 630px;  border-left: 5px solid #dfdfdf; margin-top: 36px;}
.Sample_box .right_txt .bot_txt p{ font-family: "microsoft yahei"; font-size: 18px; color: #555; line-height: 35px; margin-left: 48px;}
.Sample_box .right_pic{ margin-top: 15px;}
/*solution*/
.f_s_48{ font-size: 48px}
.solu_box{ width: 1100px; margin: 0 auto; overflow: hidden;}
.solu_box ul li{ width: 334px; height:523px;  float: left; margin-right: 46px; margin-bottom: 60px;}
.solu_box ul li:nth-child(3n){ margin-right: 0;}
.solu_box ul li .bot_txt{ font-family: "microsoft yahei"; font-size: 18px; color: #222222; line-height: 70px;}
.solu_box ul li .bot_txt .f_s_c{ font-size: 24px; color: #0095e5;}
.solu_box ul li .line_bor{ width: 334px; height: 1px; border-top: 1px dotted #c5c5c5; border-bottom: 1px dotted #c5c5c5; margin: 5px 0;}
.solu_box ul li .txt_d{ font-family: "microsoft yahei"; color: #454545; font-size: 14px; line-height: 27px;}
.v_more{ width: 132px; height: 37px; font-family: "microsoft yahei"; font-size: 12px; display: inline-block; text-align: center; line-height: 37px; color: #fff; background: url(../images/send-m.png) #0095e5 no-repeat 110px 14px; margin-top: 40px;}

.v_more:hover{ background: url(../images/send-m.png) #fb8721 no-repeat 110px 14px;}
.ban_txt{  position: absolute; top: 300px; left: 400px;}
.ban_txt p{ font-family: "microsoft yahei"; font-size: 48px; color: #0095e5;}
.ban_txt span{ width: 255px; height: 25px; font-family: "microsoft yahei"; font-size: 14px; color: #fff; background: #189ee6; display: inline-block; text-align: center; line-height: 25px;}

/****************/
.news_wraper .news_tit .news_time_w{ width: 785px; height: 36px; margin: 0 auto; margin-top: 15px;}
.news_wraper .news_tit .news_time_w .time{ background: url(../images/form.png) 0px 9px no-repeat;  padding: 10px 0;padding-left: 20px;}
.news_wraper .news_tit .news_time_w .page,.news_wraper .news_tit .news_time_w .share{ font-family: "microsoft yahei"; font-size: 12px; color: #909090; margin-left: 30px; line-height: 25px;}
.news_wraper .news_tit .news_time_w .page .icon{ width: 16px; height: 16px; line-height: 16px; text-align: center; position: relative; top: 0; left: 0;}
.news_wraper .news_tit .news_time_w .share .icon{ width: 16px; height: 16px; line-height: 16px; text-align: center; position: relative; top: 2px; left: 0;}
.share_wrap{ height: 25px; display: inline-block;vertical-align: top;}
.solu_wrap{ width: 1100px;  border-top: 1px dotted black;}
.solu_wrap ul li{ width: 1110px; height: 211px; margin-bottom: 30px;}
.solu_wrap ul li:nth-child(1){ margin-top: 48px;}
.solu_wrap ul li .pic_left{ width: 318px; height: 211px; border: 1px solid #d4d4d4; float: left;}
.solu_wrap ul li .pic_left img{ width: 318px; height: 211px;}
.solu_wrap ul li .txt_right{ width: 778px; height: 211px; border: 1px solid #d4d4d4; float: left;}
.solu_wrap ul li .txt_right .one{ width: 48px; height: 48px; border: 1px solid #0095e5; display: inline-block; text-align: center; line-height: 48px; color: #0095e5; font-family: "microsoft yahei"; font-size: 20px; margin-top: 40px; margin-left: 60px;}
.solu_wrap ul li .txt_right .two{ color: #0095e5; font-size: 24px; font-family: "microsoft yahei";}
.solu_wrap ul li .txt_right p{ font-family: "microsoft yahei"; font-size: 16px; color: #555555; line-height: 26px; margin-left: 60px;}
.p_f{ margin-top: 20px;}
.box_thr{ overflow: hidden; padding-bottom: 48px; border-bottom: 1px dotted black;}
.box_thr ul li{ width: 318px; height: 211px; border: 1px solid #0095e5; float: left; margin-right: 70px;}
.box_thr ul li:nth-child(3){ margin-right: 0;}
.p_n_wrap{ margin: 40px 0 50px 0;}
.p_n_box{  color: #0095e5; font-size: 14px; line-height: 30px;	}
.p_n_box a{font-family: "microsoft yahei"; font-size: 14px; color: #454545;}
.p_n_box span{ width: 90px; display: inline-block; text-transform: uppercase;}












/**404***/
.tf_404_wrap{
	width: 1140px;
	margin: 0 auto;
}
.tf_404_l{
	width: 760px;
	padding-top: 190px;
}
.tf_404_r{
	width: 300px;
	padding-top: 98px;
}
.tf_404_r .list_pro{
	width: 300px; 
	height: 592px;  
	border-top: 4px solid #0095e5; 
	background: #eeeeee;
}
.tf_404_r .list_pro .list_tit{ width: 280px; height: 100px; margin: 0 auto; border-bottom: 1px solid #fff; overflow: hidden;}
.tf_404_r .list_pro .list_tit .icon{ width: 36px; height: 36px; display: inline-block; float: left;font-size: 36px; color: #0095e5;}


.tf_404_l_tt{
	padding-bottom: 30px;
	border-bottom: 1px solid #d2d2d2;
	position: relative;
}
.tf_404_l_tt .icon{
	padding-bottom: 20px;
}
.tf_404_l_tt .icon img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.tf_404_l_tt .tt{
	color: #354249;
	font-size: 14px;
	text-align: center;
	font-family: "Proxima Nova";
}
.tf_404_l_tt:after{
	position: absolute;
	left: 50%;
	margin-left: -60px;
	bottom: -2px;
	content: "";
	display: block;
	width: 120px;
	height: 3px;
	background: #0095e5;
}

.tf_404_l_btn_box{
	padding-top: 33px;
}
.tf_404_l_btn_tt{
	color: #666;
	font-family: "Proxima Nova";
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
}
.tf_404_l_btn{
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	margin: 0 auto 10px;
	background: #0095e5;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.tf_404_l_btn1{
	width: 360px;
}
.tf_404_l_btn2{
	width: 230px;
}
.tf_404_l_btn:hover{
	opacity: 0.9;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}