@charset "utf-8";
/* CSS Document */
/* CSS Reset 
/*-----------------------------------------------------------------------------------*/
*{ margin:0; padding:0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp
, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, 
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } 

/*table { border-collapse: collapse; border-spacing: 0; }*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


body{font-size:14px; color:#1f1f1f; font-family:Arial, "微软雅黑";}
a{text-decoration:none; color:#207fe1;}

img{border:none;}
li{list-style:none;}
.ImgBox{display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;}

.big{
	overflow:hidden;
	width:100%;
	height:auto;
	margin:0 auto;
	}
.Main_Center{margin:0 auto; height:auto; overflow:hidden; width:1200px;}

.top{height:93px; overflow:hidden;}
.top .logo{ height:93px; width:300px; text-align:left; float:left;}
.top .top_right{height:93px; width:900px; float:right;}
.top .top_right .link{height:21px; margin-top:5px; text-align:right;}
.top .top_right .link a{width:21px; height:21px; margin-left:3px; margin-right:12px; padding:0;}
.top .top_right .nav{margin-top:34px; height:32px; text-align:right;}
.top .top_right .nav .ul_1{display:table; margin:0; padding:0; float:right;}
.top .top_right .nav .ul_1 .li_1{width:92px; height:32px; float:left; list-style:none; font-size:14px; color:#191919; margin:0 6px; text-align:center; line-height:32px;}
.top .top_right .nav .ul_1 .li_1 .a_1{display:block; width:92px; height:32px; color:#191919;}
.top .top_right .nav .ul_1 .li_1:hover,.top .top_right .nav .ul_1 .focus{background:#0670de;}
.top .top_right .nav .ul_1 .li_1:hover .a_1,.top .top_right .nav .ul_1 .focus .a_1{color:#ffffff;}

.top .top_right .nav .ul_1 .li_1:hover ul{display:block;}
.top .top_right .nav .ul_1 .li_1 ul{margin:0; padding:0; height:auto; overflow:hidden; position:absolute; z-index:5; background:#fff; display:none;}
.top .top_right .nav .ul_1 .li_1 ul li{height:32px;}
.top .top_right .nav .ul_1 .li_1 ul li a{color:#fff; display:block; padding:0 25px; color:#191919;}
.top .top_right .nav .ul_1 .li_1 ul li:hover{background:#0670de;}
.top .top_right .nav .ul_1 .li_1 ul li:hover a{background:#0670de; color:#fff;}

.fullSlide {width:100%;position:relative;overflow:hidden; height:auto; margin-bottom:-3px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:auto;text-align:center; list-style-type:none; min-height:425px;}
.fullSlide .bd li img{ width:100%; height:auto;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;margin-top:-35px; left:0;height:26px;line-height:26px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 8px; overflow:hidden; line-height:999px; background:url(../images/point_normal.png) no-repeat;}
.fullSlide .hd ul .on {background:url(../images/point_focus.png) no-repeat;}
.fullSlide .prev,.fullSlide .next{position:absolute;z-index:1; width:25px; height:50px;top:50%;margin-top:-25px;cursor:pointer;display:none;}
.fullSlide .prev {left:11%; background:url(../images/LR_btn.png) no-repeat 0 0;}
.fullSlide .next {right:11%; background:url(../images/LR_btn.png) no-repeat -25px 0;}

.process{height:174px; background:#f1f1f1; padding-top:41px;}
.process ul{margin:0; padding:0;}
.process ul li{width:300px; float:left; list-style:none; text-align:center;}
.process ul li .img{width:300px; height:53px;}
.process ul li .img img{max-width:300px; max-height:53px;}
.process ul li .title{font-size:21px; color:#575757; padding:20px 0; margin-top:4px; }
.process ul li .info{font-size:12px; color:#575757;}

.services{margin-top:18px; height:auto; margin-bottom:52px;}
.services .title{font-size:24px; height:82px; color:#0670de; line-height:82px; text-align:center;}
.services .info{font-size:14px; line-height:24px; color:#575757; padding-bottom:40px; border-bottom:2px solid #f3f3f3; text-align:center;}
.services .list{width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.services .list ul{margin:0; padding:0; width:1233px; height:auto; overflow:hidden;}
.services .list ul li{width:275px; height:245px; overflow:hidden; list-style:none; float:left; position:relative; margin:29px 33px 4px 0;}
.services .list ul li .View{width:275px; height:200px; position:absolute; top:0; background:url(../images/index_product_focus.png) no-repeat; display:none;}
.services .list ul li:hover .View{display:block;}
.services .list ul li .lockbox{width:275px; height:200px; overflow:hidden;}
.services .list ul li .img{width:275px; height:200px;}
.services .list ul li .title{height:45px; width:275px; text-align:center; line-height:45px; font-size:14px; background:#207fe1; color:#fff;}

.about{background:url(../images/index_about.jpg) no-repeat center center; background-size:100%; min-height:266px; margin-bottom:79px;}
.about .about_title{margin:0 auto; display:table; _display:block; text-align:center; margin-top:42px;}
.about .line{height:11px; width:25px; margin:0 11px; margin-top:12px;}
.about .line span{ background:rgba(255,255,255,0.5); display:block; height:1px;}
.about .line .short{width:18px; margin-bottom:9px;}
.about .line .long{width:25px;}
.about .l{float:left;}
.about .r{float:left;}
.about .l span{float:right;}
.about .r span{float:left;}
.about .EngTitle{text-transform:uppercase; float:left; font-size:26px; color:#fff; height:26px;}
.about .CnTitle{ clear:both; font-size:24px; text-align:center; color:#fff; height:24px; padding-top:23px; padding-bottom:28px;}
.about .info{ line-height:24px; font-size:13px; width:745px; text-align:center; margin: 0 auto; color:#fff;}

.news ul{margin:0; padding:0; width:1240px; overflow:hidden; margin-bottom:64px;}
.news ul li{list-style:none; padding:0 6px 11px 6px; width:270px; margin-right:22px; float:left;}
.news ul li a{display:block; color:#fff;}
.news ul li .box{border:1px solid #f2f2f2; height:117px; padding-top:21px; padding-bottom:35px;}
.news ul li .img{width:270px; height:150px;}
.news ul li .img img{max-width:270px; max-height:150px;}
.news ul li .title{margin:0 14px; padding-bottom:16px; line-height:24px; font-size:13px; font-weight:bold; color:#555555; border-bottom:1px solid #f2f2f2;}
.news ul li .title div{line-height:24px; height:24px; overflow:hidden;}
.news ul li .title .date{display:block; height:18px; line-height:18px; color:#9e9e9e;}
.news ul li .info{padding:10px 14px 0 14px; color:#7c7c7c; font-size:12px; height:48px; overflow:hidden; line-height:24px; margin:0 auto; width:240px;}
.news ul li:hover{background:url(../images/index_news_bg.png) no-repeat bottom;}
.news ul li:hover .box{border:none;}
.news ul li:hover .title{border-bottom-color:rgba(242,242,242,0.3); color:#fff;}
.news ul li:hover .date{color:#ffffff;}
.news ul li:hover .info{color:#ffffff;}

.foot{background:#272727;}
.foot .foot_left{margin-bottom:45px; float:left; width:600px; border-right:1px solid #424141; margin-top:45px;}
.foot .foot_left .column{width:150px; float:left;}
.foot .foot_left .column .main_column{font-size:16px; line-height:20px; height:20px; color:#fff; margin-bottom:18px;}
.foot .foot_left .column ul{margin:0; padding:0;}
.foot .foot_left .column ul li{list-style:none; font-size:12px; line-height:26px; height:26px; text-indent:13px; background:url(../images/foot_liststyle.jpg) no-repeat left center;}
.foot .foot_left .column ul li a{color:#ffffff;}
.foot .foot_left .column ul li:hover a{color:#cccccc;}
.foot .foot_address{width:342px; border-right:1px solid #424141; float:left;margin-bottom:45px; padding:0 46px; margin-top:45px;}
.foot .foot_address .title{font-size:16px; line-height:20px; height:20px; color:#fff; margin-bottom:18px;}
.foot .foot_address .info{line-height:24px; font-size:13px; color:#fff;}
.foot .foot_address .info a{color:#fff;}
.foot .foot_address .info:hover a{color:#cccccc;}
.foot .foot_address .info div{clear:both;}
.foot .foot_address .info img{float:left; margin-top:4px; margin-right:13px;}
.foot .foot_address .info span{display:block; float:left; width:314px;}
.foot .foot_qrcode{float:left; width:163px;}
.foot .foot_qrcode .top{width:126px; height:62px; float:right;}
.foot .foot_qrcode .qrcode{width:95px; height:95px; margin-top:6px; margin-right:12px; float:right;}
.foot .foot_qrcode .word{font-size:12px; line-height:24px; width:95px; text-align:center; float:right; margin-top:5px; color:#fff; margin-right:12px;}
.foot .bottom{clear:both; font-size:12px; line-height:24px; padding:23px 0; text-align:center; color:#ffffff; background:#1f1f1f}
.foot .bottom a{color:#fff;}
.foot .bottom a:hover{color:#cccccc;}

.banner{width:100%; margin:0 auto; height:auto; overflow:hidden;}
.banner img{width:100%;}

.page_content{margin-top:11px; margin-bottom:45px;}
.page_content .Nav_banner{height:58px; line-height:58px; border-bottom:2px solid #ececec; margin-bottom:20px;}
.page_content .Nav_banner .main_title{width:30%; float:left; font-size:20px; line-height:52px; color:#036ddd;}
.page_content .Nav_banner .nav_banner{width:70%; float:left; text-align:right; color:#595959; font-size:12px;}
.page_content .Nav_banner .nav_banner a{color:#595959;}
.page_content .Nav_banner .nav_banner span{color:#036ddd;}
.page_content .page_left{width:260px; float:left; margin-right:44px; height:auto; overflow:hidden; margin-top:9px;}
.page_content .page_left .page_img{width:260px; height:260px; overflow:hidden; margin-bottom:15px;}
.page_content .page_left ul{margin:0; padding:0;}
.page_content .page_left ul li{height:41px; width:260px; background:url(../images/page_list.png) no-repeat 234px center; line-height:41px; text-indent:31px; border-bottom:1px dashed #dddddd;}
.page_content .page_left ul li a{color:#4c4c4c; display:block;}
.page_content .page_left ul li:hover,.page_content .page_left ul .focus{width:256px; background:url(../images/page_list.png) no-repeat 230px center #dddddd; text-indent:27px; border-left:4px solid #036ddd;}

.page_content .page_right{color:#383838; font-size:14px; line-height:30px; float:left; width:896px;}
.page_content .page_right a{color:#383838;}
.page_content .page_right a:hover{color:#191919;}

.Chat{ position:fixed; top:20%; right:0;}
.Chat .Left{width:24px; height:40px; float:left; background:url(../images/float_left.png) no-repeat; font-size:12px; line-height:15px; padding:45px 9px 0 9px; color:#2c2c2c; cursor:pointer;}
.Chat .Right{padding:17px 0 12px 0; width:145px; height:auto; overflow:hidden; border:1px solid #d6d6d6; min-height:85px; background:#ffffff;/* display:none;*/}
.Chat .Right ul{margin:0; padding:0;}
.Chat .Right ul li{list-style:none; margin-bottom:10px; text-align:center;}
.Chat .Right ul li span{display:block; text-align:center; height:25px; line-height:25px; color:#333333;}
.Chat .Right .work_time .title{height:25px; line-height:25px; color:#333333; display:block; text-align:center;}
.Chat .Right .work_time .time{font-size:12px; height:14px; line-height:14px; display:block; text-align:center;}